.wd-predictive-search{
    padding: 20px 27.5px;
    @media screen and (max-width: 768px) {
        padding:0 24px 16px;
    }
    border: none;

    .search__results > div > div {
        gap: 30px;
        @media screen and (max-width: 768px) {
            gap: 20px;
        }
    }

    .search__box-products, .search__box-others{
        order: unset !important;
        padding:0;
    }

    .search__box-others{
        display: flex;
        flex-direction: row;
        white-space: nowrap;
        gap: 0;
        border:none;
        flex: initial;
        min-width: min(200px,15dvw);
        @media screen and (max-width: 768px) {
            flex-direction: column;
            gap: 20px;
        }
    }

    .predictive-search-result:not(.predictive-search-result--products){
        padding-inline: 20px;
        border-inline-end: 1px solid #E5E5E5;
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 1;

        &:first-child{
            padding-inline-start: 0;
        }

        &,
        & > h1,& > h2,& > h3,& > h4,& > h5,& > h6{
            font-size: 16px;
            font-weight: 800;
            line-height: 24px;
            @media screen and (max-width: 768px) {
                font-size: 14px;
                line-height: 18px;
            }
        }

        & ul{
            display: contents;

            color: #000;
            font-weight: 500;

            & > li{
                min-width: 99px;
                display: block;
                max-width: 13dvw;
                overflow: hidden;
                text-overflow: ellipsis;

                @media screen and (max-width: 768px) {
                    max-width: 100%;
                }
            }
        }

        @media screen and (max-width: 768px) {
            padding: 0;
            border-inline-end: none;
        }
    }

    .predictive-search-result--products{
        
        .swipe-mobile{
            --column-width-mobile: 250px;
            padding: 0;
            margin-inline: 0
        }

        .f-grid{
            --f-grid-columns: 3;
            justify-items: center;
            overflow: auto;
            max-height: calc(190px + 26vmin);
            scroll-snap-type: both proximity;

            @media (min-width: 1500px) {
                --f-grid-columns: 4;
                max-height: calc(190px + 35vmin);
            }
            @media (min-width: 2000px) {
                --f-grid-columns: 5;
            }

            @media screen and (max-width: 768px) {
                max-height: none;
                gap: 8px;
                display: flex !important;

                .product-card{
                    flex: 0 0 var(--column-width-mobile);
                }
            }
        }

        .predictive-search-result__heading, .search__results-all{
            display: none;
        }

        .wd-collection-pcard__body{
            direction: rtl;
        }

        .product-card__wrapper{
            padding: 0;
        }

        .wd-collection-pcard{
            scroll-snap-align: center;
            max-width: max(311px, 26vmin) !important;

            .wd-price .f-price-item{
                font-size:  20px;
                line-height: 22.5px;

                & s{
                    font-size: max(0.85em, 9px);
                    text-decoration: line-through;
                }

                @media screen and (max-width: 768px) {
                    font-size: 14px;
                }
            }
        }

        .wd-collection-pcard__title-text{
            font-size: 16px;
            line-height: 24px;

            @media screen and (max-width: 768px) {
                font-size: 14px;
                line-height: 16px;
            }
        }

        .wd-collection-pcard__inner, .wd-collection-pcard .product-card__wrapper{
            gap:0;
            @media screen and (max-width: 768px) {
                gap: 4px;
            }
        }
        .wd-collection-pcard__body{
            gap:7px;
            @media screen and (max-width: 768px) {
                gap: 4px;
            }
        }
    }
}

.predictive-search-result--products .f-grid::-webkit-scrollbar {
    width: 14px;
    @media screen and (max-width: 768px) {
        width: 0px;
        height: 0px;
    }
}

.predictive-search-result--products .f-grid::-webkit-scrollbar-track {
    background: transparent; 
}

.predictive-search-result--products .f-grid::-webkit-scrollbar-thumb {
    background-color: #a0aec0; 
    border: 4px solid transparent;  
    background-clip: padding-box; 
    border-radius: 999px;
    @media screen and (max-width: 768px) {
        border-width: 0px;
    }
}

.predictive-search-result--products .f-grid::-webkit-scrollbar-thumb:hover {
    background-color: #718096;
}

#MobileHeaderSearch{
    /* padding: 14.5px 0; */

    .search__field-icon{
        inset-inline-end: 24px;
        inset-inline-start: auto;
    }

    .search__input{
        padding-inline-start: 16px;
    }
}


.wd-mobile-search-open .wd-header-wrapper{
    padding-bottom: 0 !important;
}