.rst-hero-search__title {
    color: var(--mainGreen);
    margin-top: 60px;
}
.rst-hero-search__desc {
    margin: 0 0 32px;
}
.rst-hero-search__bar {
    align-items: center;
    background-color: var(--mainBackgroundLight);
    border-radius: 12px;
    display: flex;
    gap: 10px;
    margin-bottom: 80px;
    margin-top: 32px;
    padding: 10px 10px 10px 20px;
    position: relative;
}
.rst-hero-search__bar::after {
    border-bottom: 1px solid var(--mainBorderColor);
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    bottom: -40px;
}
.rst-hero-search__bar-icon {
    color: var(--mainGreen);
    font-size: 18px;
    flex-shrink: 0;
}
.rst-hero-search__input {
    background: transparent;
    border: none;
    color: var(--mainGray);
    flex: 1;
    font-size: 15px;
    min-width: 0;
    outline: none;
    padding: 6px 0;
}
.rst-hero-search__input::placeholder {
    color: var(--mainGray);
}
.rst-hero-search__actions {
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}
.rst-hero-search__btn--clear {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M12.6667 4.27337L11.7267 3.33337L8.00004 7.06004L4.27337 3.33337L3.33337 4.27337L7.06004 8.00004L3.33337 11.7267L4.27337 12.6667L8.00004 8.94004L11.7267 12.6667L12.6667 11.7267L8.94004 8.00004L12.6667 4.27337Z' fill='%231A4342'/%3E%3C/svg%3E");
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px;
    border: none;
    cursor: pointer;
    height: 0;
    opacity: 0;
    order: -1;
    overflow: hidden;
    padding: 44px 0 0;
    pointer-events: none;
    transition: 300ms opacity;
    width: 44px;
}
.rst-hero-search__btn--clear.visible {
    opacity: 1;
    pointer-events: auto;
}
.tutor-widget-search { display: none !important; }

.rst-filter-bar {
    display: flex;
    gap: 24px;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 32px;
}
.rst-filter-bar + br {
    display: none;
}
.rst-filter-bar__count {
    color: var(--mainGrayLight);
}
.rst-filter-bar__count strong,
.rst-filter-bar__count span {
    color: var(--mainBlack);
}
.tutor-form-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%231A4342' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-size: 16px;
    background-position: calc(100% - 20px) center;
    border-color: var(--mainBorderColor2) !important;
    color: var(--mainGray);
    padding: 9px 48px 9px 20px;
}

/* WebKit (Chrome, Safari, Edge Chromium) */
.rst-hero-search__input::-webkit-search-cancel-button,
.rst-hero-search__input::-webkit-search-decoration,
.rst-hero-search__input::-webkit-search-results-button,
.rst-hero-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none !important;
    appearance: none !important;

    /* надійне сховання (display іноді ігнорують) */
    border: 0 !important;
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
}

/* Edge / IE */
.rst-hero-search__input::-ms-clear,
.rst-hero-search__input::-ms-reveal {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
}

/* Firefox (різні версії можуть використовувати різні назви) */
.rst-hero-search__input::-moz-search-clear,
.rst-hero-search__input::-moz-search-clear-button,
.rst-hero-search__input::-moz-focus-inner {
    display: none !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
}

@media (min-width: 768px) {
    .rst-filter-bar {
        align-items: center;
        flex-direction: row;
        margin-bottom: 40px;
    }
}