#ae-search-form {
    height: 56px;
    position: relative;
    width: fit-content;
    margin-bottom: 56px;
    z-index: 100;

    &:not(.focus){
        .search-result{
            display:none;
        }
    }

    &.focus{
        .form-item-keys{
            border:1px solid transparent;
        }
    }



    .form-submit{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 8px;
        width: 40px;
        height: 40px;
        color: transparent;
        border: none;
        background-size: auto;
        background: #009FE5 url("/themes/custom_theme/img/icons/search-icon.svg") no-repeat center;
    }

    .form-item-keys{

        border: 1px solid #009FE5;
        & input{
            border:none;
            height: 40px;
            font-weight: 700;
            padding: 8px;
            width: calc(100% - 16px);
        }

    }

    .search-result {
        background-color: #FFF;
        z-index: 100;
        padding: 16px 16px 24px 16px;
        border:none;
        margin-top: 10px;
        & a:not(.search-result__show-more){
            border:none;
        }

        & a.search-result__show-more{
            border-top:none;
            border-left:none;
            border-right: none;
        }

        .search-result__list {
            display: flex;
            flex-direction: column;
            gap: 8px;

        }


        .node-page{
            display: grid;
            grid-template-columns: 48px auto 1fr;
            gap: 12px;
            align-items: center;
            margin-bottom: 0;
            .item{
                width: 48px;
                overflow:hidden;
            }

        }



        .node-page div:nth-child(2){
            font-weight: 700;
            overflow: hidden;
            text-wrap: nowrap;
            text-overflow: ellipsis;
            & a{
                text-decoration: none;
                color: #353637;
                border: none;
            }
        }

        .node-page div:nth-child(3){

            & a{
                color: #353637;
                border: 1px solid #353637;
                font-size: 12px;
                padding: 0 8px;
            }
        }

        .product_collection {
            display: flex;
            gap: 12px;
            align-items: center;

            & a{
                font-weight: 700;
                text-decoration: none;
                color: #353637;
                border: none;
            }
        }

        .product_collection .product_collection_icon{
            width: 48px;
            height: 36px;
        }

        .term--view-mode-teaser-search{
            display: flex;
            gap: 12px;
            align-items: center;
        }

        .term--view-mode-teaser-search img{
            width: 48px;
            height: 36px;

        }

        .term--view-mode-teaser-search a{
            font-weight: 700;
            text-decoration: none;
            color: #353637;
            border: none;

        }

        .product_collection, .node-page, .term--view-mode-teaser-search{
            &:hover{
                background-color: #E8F0FE;
                margin: -8px;
                padding: 8px;
                cursor: pointer;
            }
        }
        .product_collection.highlighted, .node-page.highlighted, .term--view-mode-teaser-search.highlighted{

            background-color: #E8F0FE;
            margin: -8px;
            padding: 8px;

        }

        .product_collection, .node-page, .term--view-mode-teaser-search{
            min-height: 36px;

        }
    }

    .product_collection_icon{
        background: url("/themes/custom_theme/img/icons/product_collection_icon.svg") no-repeat center;
    }

    .search-result__footer{
        display: flex;
        justify-content: center;
        padding-top: 24px;
    }

    .search-clear{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 60px;
        width: 40px;
        height: 40px;
        color: transparent;
        border: none;
        background-size: auto;
        background: url("/themes/custom_theme/img/icons/xmark-search.svg") no-repeat center;
    }
}