/* .search-result-section{
    font-family: "Poppins";
    background-color: #fff;
    margin-top: 45px;
    width: 100%;
    text-align: center;

    .section-content{
        max-width: 1400px;
        width: 100%;
        display: inline-block;
        text-align: left;
        background-color: #fff;
    }

    .search-input{
        border-radius: 100px;
        border: 1px solid #cecece;
        width: 100%;
        padding: .5rem .75rem;
        color: #3f3f3f;
        font-weight: 400;
        font-size: .9rem;
        transition: .3s ease-in-out;

        &:focus{
            outline: none;
            border-color: #fff;
            box-shadow: 1px 1px 5px rgba(0,0,0,.3);
        }
    }

}

h4.search-title{
    font-size: clamp(1rem, 4vw, 1rem);
    font-weight: 500;
    color: #3f3f3f;
    margin: 0;
}

.filter-container-label{
    font-size: .8rem;
    font-weight: 400;
    color: #3f3f3f;
    margin: 0;
}

.contact-us-section{
    background-color: #f0efef;
    padding: 1rem 1rem;
    text-align: center;
    border-radius: .25rem;
}

.search-btn-link{
    text-decoration: none;
    color: #008a2a;
}

#tag-filters{
    display: flex;
    gap: .75rem;

    label{
        font-size: clamp(.6rem, 2vw, .8rem);
        padding: .25rem .5rem;
        background-color: #f0efef;
        border: 1px solid #cecece;
        border-radius: .25rem;
        transition: .3s ease-in-out;
        cursor: pointer;
        text-align: center;

        &:has(input[type="checkbox"]:checked){
            border-color: #008a2a;
            background-color: #008a2a;
            color: #fff;
        }

        input[type="checkbox"]{
            display: none;
        }
    }
}

#results{
    ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .search-result-group{
        border-radius: .5rem;
        overflow: hidden;
        margin-bottom: 2rem;
        /* box-shadow: 1px 1px 5px rgba(0,0,0,.2); */
        border: 1px solid #f0efef;
        background-color: #fff;
        

        .group-head{
            padding: 1rem 1rem;
            justify-content: space-between;
            display: flex;
            align-items: center;
            border-bottom: 1px solid #f0efef;
            background-color: #f8f8f8;

            a{
                display: block;
                font-size: clamp(.6rem, 2vw, 1rem);
                font-weight: 400;
                text-decoration: none;
                color: #fff;
                background-color: #008a2a;
                border: 1px solid #008a2a;
                padding: 0 .5rem;
                border-radius: 5rem;
                transition: .3s ease-in-out;

                &:hover{
                    background-color: #fff;
                    color: #008a2a;
                    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
                }
            }
            
            h1{
                font-size: clamp(1rem, 4vw, 1.8rem);
                font-weight: 700;
                margin: 0;
                color: #008a2a;
            }
        }

        .group-body{
            padding: .5rem;

            .row{
                margin: 0;
            }

            .search-result-item{
                /* border: 1px solid #f0efef; */
                padding: .25rem;
            }
        }
    }



    .search-result-block{
        display: block;
        text-decoration: none;
        /* padding: .5rem .5rem; */
        transition: .3s ease-in-out;
        background-color: #fff;
        border: 1px solid #f0efef;
        /* box-shadow: 1px 1px 5px rgba(0,0,0,.2); */
        border-radius: .35rem;
        overflow: hidden;

        &:hover{
            background-color: #f8f8f8;
            border-color: #cecece;

            h4{
                text-decoration: underline;
            }
        }



        .result-container{
            display: flex;
            gap: 1rem;
            width: 100%;
            align-items: center;

            &:has(.story-thumb){
                padding: 0 .5rem;
            }

            .result-thumb.product-thumb{
                background-color: #f0efef;
            }

            .story-thumb{
                flex: 0 0 50px;
                display: flex;
                align-items: center;
                
                img{
                    width: 100%;
                }
            }
            
            .product-thumb{
                flex: 0 0 10vw;
                height: 10vw;
                min-width: 100px;
                min-height: 100px;
                max-width: 150px;
                max-height: 150px;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: .5rem;

                img{
                    width: 100%;
                }
            }
            
            .result-caption{
                width: auto;
                padding: 1rem 0;
                height: 100%;

                h4{
                    font-size: clamp(.8rem, 2vw, 1rem);
                    font-weight: 600;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 0;
                    color: #008a2a;
                }

                p{
                    font-size: clamp(.6rem, 2vw, .8rem);
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    margin-bottom: 0;
                    color: #3f3f3f;
                }
            }
        }
    }
}

.search-result-count{
    font-size: 70%;
    background-color: #fff;
    padding: 0 .5rem;
    border-radius: 5rem;
    color: #008a2a;
    box-shadow: 1px 1px 3px rgba(0,0,0,.5);
}

.search-result-icon{
    width: 100%;
    background-color: #aaaa;
    border-radius: 50% 50%;
    padding: .5rem;

    svg{
        fill: #fff;
    }
}

.search-highlight{
    font-weight: 700;
    background-color: #008a2945;
}

.txt-green{
    font-weight: 700;
    color: #008a2a;
} */

/* .txt-display-block{
    box-shadow: 1px 1px 5px rgba(0,0,0,.2);
    padding: .5rem;
    border-radius: .5rem;
} */