.rbt-header .rbt-header-search-layer {
    position: relative;
    z-index: 100 !important;
    overflow: visible;
}

/*
 * Temanın masaüstü menü karartmasını, menü olay sınıfı gecikse bile korur.
 * Header kendi katmanında kaldığı için yalnızca sayfa içeriği karartılır.
 */
@media only screen and (min-width: 1200px) {
    /*
     * Arama satırı temada z-index: 3, hemen altındaki ana menü ise
     * z-index: 1001 kullanıyor. Sonuç kutusunun kendi z-index değeri,
     * üst öğesinin katmanından çıkamadığı için menünün altında kalıyordu.
     * Yalnızca sonuçlar açıkken ortak header satırını menünün üzerine al.
     */
    .rbt-header .rbt-header-search-layer:has(
        .rbt-header-search-live .rbt-search-suggestions.is-open
    ),
    .rbt-header .rbt-wrapper-middle:has(
        .rbt-header-search-live .rbt-search-suggestions.is-open
    ) {
        z-index: 1003 !important;
    }

    html:has(.rbt-mainmenu-nav .mainmenu > li.with-rbt-megamenu:hover) .common-close_search_dropdown,
    html:has(.rbt-mainmenu-nav .mainmenu > li.has-dropdown:hover) .common-close_search_dropdown {
        opacity: 1;
        visibility: visible;
    }
}

.rbt-header-search-live {
    position: relative;
    width: 100%;
}

.rbt-header-search-live form {
    position: relative;
}

.rbt-header-search-live .rbt-search-input-section {
    position: relative;
    width: 100%;
}

.rbt-header-search-live input[type="search"]::-webkit-search-cancel-button {
    display: none;
}

.rbt-header-search-live input[type="search"] {
    padding-right: 48px !important;
}

.rbt-live-search-clear {
    position: absolute;
    top: 50%;
    right: 12px;
    z-index: 3;
    display: inline-flex;
    width: 30px;
    height: 30px;
    padding: 0;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--color-gray-500);
    font-size: 16px;
    line-height: 1;
}

.rbt-live-search-clear:hover,
.rbt-live-search-clear:focus-visible {
    background: var(--color-gray-100);
    color: var(--color-heading);
}

.rbt-header-search-live .input-sectition > .rbt-live-search-clear {
    right: 10px;
}

.popup-mobile-menu .rbt-mobile-menu-live-search {
    position: relative;
}

.popup-mobile-menu .rbt-mobile-menu-live-search input[type="search"] {
    padding-right: 72px !important;
}

.popup-mobile-menu .rbt-mobile-menu-live-search .rbt-live-search-clear {
    right: 40px;
}

.popup-mobile-menu .rbt-mobile-menu-live-search .rbt-search-suggestions {
    top: calc(100% + 6px);
    width: 100%;
    min-width: 0;
}

.rbt-live-search-clear[hidden] {
    display: none !important;
}

.rbt-header-search-live .rbt-search-suggestions {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    z-index: 1001;
    display: none;
    width: 100%;
    min-width: 420px;
    overflow: hidden;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-md);
    background: var(--color-white);
    box-shadow: var(--shadow-3);
}

.rbt-header-search-live .rbt-search-suggestions.is-open {
    display: block;
}

.rbt-search-suggestion-list {
    max-height: min(560px, calc(100vh - 190px));
    margin: 0;
    padding: 8px;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
}

.rbt-search-suggestion-list li {
    margin: 0;
}

.rbt-search-suggestion-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: var(--radius);
}

.rbt-search-suggestion-item:hover,
.rbt-search-suggestion-item:focus,
.rbt-search-suggestion-item.is-active {
    color: var(--color-heading);
    background: var(--color-gray-100);
}

.rbt-search-suggestion-media {
    display: flex;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius);
    background: var(--color-gray-light);
    color: var(--color-primary);
    font-size: 21px;
}

.rbt-search-suggestion-media--brand {
    color: var(--color-orange);
}

.rbt-search-suggestion-image {
    width: 54px;
    height: 54px;
    object-fit: contain;
    border-radius: var(--radius);
    background: var(--color-gray-light);
}

.rbt-search-suggestion-content {
    min-width: 0;
    flex: 1;
}

.rbt-search-suggestion-category,
.rbt-search-suggestion-price {
    display: block;
    font-size: var(--font-size-b4);
    line-height: 1.4;
}

.rbt-search-suggestion-type {
    display: inline-flex;
    min-width: 82px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    color: var(--color-gray-500);
    font-size: var(--font-size-b4);
    font-weight: var(--f-semi-bold);
    white-space: nowrap;
}

.rbt-search-suggestion-type--product {
    color: var(--color-primary);
}

.rbt-search-suggestion-type--category {
    color: var(--color-green);
}

.rbt-search-suggestion-type--brand {
    color: var(--color-orange);
}

.rbt-search-suggestion-name {
    display: block;
    overflow: hidden;
    color: var(--color-heading);
    font-size: var(--font-size-b3);
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rbt-search-suggestion-price {
    margin-top: 2px;
    color: var(--color-primary);
    font-weight: var(--f-semi-bold);
}

.rbt-search-suggestion-footer {
    display: flex;
    justify-content: center;
    padding: 12px 16px;
    border-top: 1px solid var(--color-gray-200);
    background: var(--color-gray-light);
    color: var(--color-primary);
    font-size: var(--font-size-b3);
    font-weight: var(--f-semi-bold);
}

.rbt-search-suggestion-empty {
    padding: 24px 16px;
    text-align: center;
}

.rbt-search-suggestion-empty i {
    display: block;
    margin-bottom: 8px;
    color: var(--color-gray-400);
    font-size: 24px;
}

.rbt-search-suggestion-empty strong {
    display: block;
    color: var(--color-heading);
}

.rbt-search-suggestion-empty span {
    display: block;
    margin-top: 4px;
    font-size: var(--font-size-b3);
}

@media only screen and (max-width: 767px) {
    .rbt-header-search-live .rbt-search-suggestions {
        min-width: 0;
    }

    .rbt-search-suggestion-media,
    .rbt-search-suggestion-image {
        width: 46px;
        height: 46px;
    }

    .rbt-search-suggestion-media {
        flex-basis: 46px;
    }

    .rbt-search-suggestion-item {
        gap: 9px;
        padding: 9px 8px;
    }

    .rbt-search-suggestion-list {
        max-height: min(430px, calc(100vh - 150px));
    }

    .rbt-search-suggestion-type {
        min-width: auto;
        gap: 4px;
        font-size: 11px;
    }
}

@media only screen and (max-width: 420px) {
    .rbt-search-suggestion-type span {
        display: none;
    }

    .rbt-search-suggestion-type {
        font-size: 14px;
    }
}

/*
 * Mobil header aksiyonları
 * Sade ikonlar ve header altında açılan tam genişlikte canlı arama alanı.
 */
@media only screen and (max-width: 1199px) {
    .rbt-header .rbt-wrapper-middle {
        position: relative;
        overflow: visible;
    }

    .rbt-header .rbt-wrapper-middle > .container {
        position: relative;
    }

    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray {
        display: inline-flex;
        width: 38px;
        height: 38px;
        min-width: 38px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 0;
        outline: 0;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--color-heading);
        line-height: 1;
    }

    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-access-box-wrapper::before,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray::after {
        content: none !important;
        display: none !important;
        background: transparent !important;
    }

    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn:hover,
    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn:focus-visible,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button:hover,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button:focus-visible,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray:hover,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray:focus-visible {
        border: 0;
        background: transparent !important;
        color: var(--color-primary);
        box-shadow: none !important;
    }

    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn > i,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button > i,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray > i {
        font-size: 18px;
        line-height: 1;
    }

    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none > li > ul {
        align-items: center;
    }

    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none > li > ul {
        gap: 2px !important;
    }

    .rbt-header .rbt-wrapper-middle .mobile-header-search-trigger {
        display: flex;
        align-items: center;
        margin: 0;
    }

    .mobile-header-search-panel {
        position: absolute;
        top: calc(100% + var(--mobile-header-search-offset, 0px));
        right: 15px;
        left: 15px;
        z-index: 1100;
        visibility: hidden;
        opacity: 0;
        transform: translateY(-8px) scale(.985);
        transform-origin: top center;
        pointer-events: none;
        transition:
            opacity .18s ease,
            transform .18s ease,
            visibility .18s ease;
    }

    .mobile-header-search-panel.is-open {
        visibility: visible;
        opacity: 1;
        transform: translateY(0) scale(1);
        pointer-events: auto;
    }

    .mobile-header-search-form {
        width: 100%;
        padding: 8px;
        border: 1px solid var(--color-gray-200);
        border-radius: 14px;
        background: var(--color-white);
        box-shadow: 0 16px 45px rgba(16, 24, 40, .16);
    }

    .mobile-header-search-form:has(.rbt-search-suggestions.is-open) {
        border-bottom-color: transparent;
        border-radius: 14px 14px 0 0;
        box-shadow: none;
    }

    .mobile-header-search-field {
        position: relative;
        display: flex;
        width: 100%;
        height: 50px;
        align-items: center;
        border: 1px solid var(--color-gray-200);
        border-radius: 10px;
        background: var(--color-gray-light);
        transition: border-color .18s ease, background-color .18s ease;
    }

    .mobile-header-search-field:focus-within {
        border-color: var(--color-primary);
        background: var(--color-white);
    }

    .mobile-header-search-field__icon {
        position: absolute;
        left: 16px;
        color: var(--color-gray-500);
        font-size: 18px;
        pointer-events: none;
    }

    .rbt-header-search-live .mobile-header-search-field input[type="search"] {
        width: 100%;
        height: 48px;
        padding: 0 92px 0 46px !important;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--color-heading);
        font-size: 15px;
        box-shadow: none;
    }

    .rbt-header-search-live .mobile-header-search-field input[type="search"]::placeholder {
        color: var(--color-gray-500);
        opacity: 1;
    }

    .rbt-header-search-live .mobile-header-search-clear {
        right: 48px;
        width: 34px;
        height: 34px;
        font-size: 17px;
    }

    .mobile-header-search-submit {
        position: absolute;
        top: 5px;
        right: 5px;
        display: inline-flex;
        width: 40px;
        height: 40px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 8px;
        background: var(--color-primary);
        color: var(--color-white);
        font-size: 16px;
        line-height: 1;
    }

    .mobile-header-search-submit:hover,
    .mobile-header-search-submit:focus-visible {
        background: var(--color-primary);
        color: var(--color-white);
        filter: brightness(.92);
    }

    .mobile-header-search-panel .rbt-search-suggestions {
        top: calc(100% - 1px);
        left: -1px;
        width: calc(100% + 2px);
        min-width: 0;
        border: 1px solid var(--color-gray-200);
        border-top-color: var(--color-gray-100);
        border-radius: 0 0 14px 14px;
        box-shadow: 0 18px 38px rgba(16, 24, 40, .13);
    }

    .rbt-header .rbt-header-common-sticky-activation > .container {
        position: relative;
    }

    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-actions {
        align-items: center;
        gap: 2px !important;
        margin: 0;
        padding: 0;
    }

    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-actions > li {
        margin: 0;
    }

    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-actions > .rbt-access-box,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action:hover,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action:focus-visible {
        border: 0 !important;
        border-radius: 0 !important;
        outline: 0;
        background: transparent !important;
        box-shadow: none !important;
    }

    body.rbt-header-sticky .rbt-header .rbt-header-common-sticky-activation .header-right
    .sticky-mobile-header-actions .sticky-mobile-header-action > .rbt-round-btn {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    .rbt-header .rbt-header-common-sticky-activation .hamberger-button.rbt-round-btn,
    .rbt-header .rbt-header-common-sticky-activation .mobile-header-action-button,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action .rbt-round-btn {
        display: inline-flex;
        width: 38px;
        height: 38px;
        min-width: 38px;
        padding: 0;
        align-items: center;
        justify-content: center;
        border: 0;
        border-radius: 0;
        outline: 0;
        background: transparent !important;
        box-shadow: none !important;
        color: var(--color-heading);
        line-height: 1;
    }

    .rbt-header .rbt-header-common-sticky-activation .hamberger-button.rbt-round-btn::after,
    .rbt-header .rbt-header-common-sticky-activation .mobile-header-action-button::after,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action .rbt-round-btn::after {
        content: none !important;
        display: none !important;
    }

    .rbt-header .rbt-header-common-sticky-activation .hamberger-button.rbt-round-btn > i,
    .rbt-header .rbt-header-common-sticky-activation .mobile-header-action-button > i,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action .rbt-round-btn > i {
        font-size: 18px;
        line-height: 1;
    }

    .rbt-header .rbt-header-common-sticky-activation .header-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .rbt-header .rbt-header-common-sticky-activation .header-info.d-xl-none .logo {
        width: 120px;
    }

    .rbt-header .rbt-header-common-sticky-activation .header-info.d-xl-none .logo img {
        width: 100%;
        height: auto;
    }

    .popup-mobile-menu .social-share-wrapper .rbt-social-icon-list a,
    .popup-mobile-menu .social-share-wrapper .rbt-social-icon-list a i {
        font-size: 17px;
        line-height: 1;
    }
}

@media only screen and (max-width: 479px) {
    .mobile-header-search-panel {
        right: 10px;
        left: 10px;
    }

    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .rbt-header .rbt-wrapper-middle .hamberger-button.rbt-round-btn > i,
    .rbt-header .rbt-wrapper-middle .mobile-header-action-button > i,
    .rbt-header .rbt-wrapper-middle .header-right .rbt-quick-access.d-xl-none .rbt-round-btn.rbt-bg-static-gray > i {
        font-size: 18px;
    }

    .rbt-header .rbt-header-common-sticky-activation .hamberger-button.rbt-round-btn,
    .rbt-header .rbt-header-common-sticky-activation .mobile-header-action-button,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action .rbt-round-btn {
        width: 35px;
        height: 35px;
        min-width: 35px;
    }

    .rbt-header .rbt-header-common-sticky-activation .hamberger-button.rbt-round-btn > i,
    .rbt-header .rbt-header-common-sticky-activation .mobile-header-action-button > i,
    .rbt-header .rbt-header-common-sticky-activation .sticky-mobile-header-action .rbt-round-btn > i {
        font-size: 18px;
    }
}