/*hero*/
.page-title-container {
    padding-bottom: 40px;
    background-color: rgb(248, 248, 248);
 }

.main-title {
    font-family: Inter;
    font-size: 54px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
    text-align: left;
    color: rgb(0, 43, 70);
    margin-bottom: 20px;
}

.search-results-search-bar {
    position: relative;
    max-width: 588px;
}

.search-results-search-bar input{
    width: 100%;
    max-width: 588px;
    height: 50px;
    padding: 18px 16px 18px 16px;
    border-radius: 4px;
    border: solid 1px #D7D7D7;
    background-color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.search-results-search-bar input:focus-visible {
    outline: none;
}

.search-results-search-bar .search-bar-search-icon{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    display: block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M15.5 13.9999H14.71L14.43 13.7299C15.5266 12.4523 16.0856 10.7995 15.9895 9.11859C15.8934 7.43766 15.1499 5.85931 13.9149 4.71492C12.6799 3.57054 11.0496 2.94913 9.36625 2.98116C7.68287 3.01319 6.07738 3.69618 4.88684 4.88672C3.6963 6.07726 3.01331 7.68275 2.98128 9.36613C2.94925 11.0495 3.57066 12.6798 4.71504 13.9148C5.85943 15.1498 7.43778 15.8933 9.11872 15.9894C10.7997 16.0854 12.4524 15.5265 13.73 14.4299L14 14.7099V15.4999L19 20.4899L20.49 18.9999L15.5 13.9999ZM9.50004 13.9999C8.61003 13.9999 7.74 13.736 6.99998 13.2415C6.25996 12.7471 5.68318 12.0443 5.34259 11.222C5.00199 10.3997 4.91288 9.49493 5.08651 8.62201C5.26014 7.7491 5.68873 6.94728 6.31806 6.31794C6.9474 5.68861 7.74922 5.26002 8.62214 5.08639C9.49505 4.91275 10.3999 5.00187 11.2221 5.34246C12.0444 5.68306 12.7472 6.25983 13.2417 6.99986C13.7361 7.73988 14 8.60991 14 9.49992C14.0008 10.0911 13.885 10.6766 13.6591 11.2229C13.4332 11.7693 13.1018 12.2656 12.6838 12.6837C12.2658 13.1017 11.7694 13.4331 11.2231 13.659C10.6767 13.8849 10.0912 14.0007 9.50004 13.9999Z' fill='%23002B46'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

.search-results-search-bar .search-bar-search-icon.typing {
    background-image: url(../../../../assets/icons/close-X-button.svg);
    width: 14px;
    height: 14px;
    right: 10px;
    background-position: center;
}

.search-results-search-bar .search-bar-search-icon.loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.8562 7.49008C17.1671 9.10771 16.9711 10.7819 16.2949 12.2839C15.6187 13.786 14.4954 15.0427 13.0783 15.8824C11.6611 16.7222 10.0193 17.104 8.3771 16.9757C6.73487 16.8475 5.17226 16.2154 3.90269 15.1658C2.63311 14.1163 1.71848 12.7004 1.2837 11.1116C0.848919 9.52275 0.915189 7.83844 1.47346 6.2887C2.03173 4.73895 3.05478 3.39931 4.40289 2.45274C5.751 1.50618 7.35844 0.998834 9.00567 1' stroke='%23002B46' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9521 1.87298C11.8012 2.23744 11.3832 2.40642 11.0053 2.29342C10.6273 2.18041 10.3725 1.81007 10.4464 1.42258L10.5153 1.06175C10.6104 0.563545 11.0922 0.231938 11.5782 0.377234C12.0641 0.52253 12.2868 1.065 12.0927 1.5336L11.9521 1.87298ZM14.415 3.58505C14.1581 3.842 13.7427 3.83875 13.4627 3.60708C13.1828 3.37541 13.1032 2.96891 13.3076 2.66846L13.5866 2.25831C13.8495 1.87202 14.3778 1.76837 14.7378 2.06623C15.0977 2.36409 15.0961 2.90391 14.7658 3.23428L14.415 3.58505ZM16.1291 6.04708C15.7635 6.19851 15.3472 6.02192 15.1592 5.67375C14.9712 5.32558 15.0528 4.88211 15.38 4.65953L15.6795 4.45572C16.1002 4.16954 16.6772 4.27573 16.919 4.72338C17.1607 5.17102 16.9339 5.71373 16.4639 5.90842L16.1291 6.04708Z' fill='%23002B46'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    right: 0;
    pointer-events: none;
    animation: search-bar-spin 0.8s linear infinite;
}

@keyframes search-bar-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.search-results-search-bar .search-bar-search-icon.loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M16.8562 7.49008C17.1671 9.10771 16.9711 10.7819 16.2949 12.2839C15.6187 13.786 14.4954 15.0427 13.0783 15.8824C11.6611 16.7222 10.0193 17.104 8.3771 16.9757C6.73487 16.8475 5.17226 16.2154 3.90269 15.1658C2.63311 14.1163 1.71848 12.7004 1.2837 11.1116C0.848919 9.52275 0.915189 7.83844 1.47346 6.2887C2.03173 4.73895 3.05478 3.39931 4.40289 2.45274C5.751 1.50618 7.35844 0.998834 9.00567 1' stroke='%23002B46' stroke-width='2'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9521 1.87298C11.8012 2.23744 11.3832 2.40642 11.0053 2.29342C10.6273 2.18041 10.3725 1.81007 10.4464 1.42258L10.5153 1.06175C10.6104 0.563545 11.0922 0.231938 11.5782 0.377234C12.0641 0.52253 12.2868 1.065 12.0927 1.5336L11.9521 1.87298ZM14.415 3.58505C14.1581 3.842 13.7427 3.83875 13.4627 3.60708C13.1828 3.37541 13.1032 2.96891 13.3076 2.66846L13.5866 2.25831C13.8495 1.87202 14.3778 1.76837 14.7378 2.06623C15.0977 2.36409 15.0961 2.90391 14.7658 3.23428L14.415 3.58505ZM16.1291 6.04708C15.7635 6.19851 15.3472 6.02192 15.1592 5.67375C14.9712 5.32558 15.0528 4.88211 15.38 4.65953L15.6795 4.45572C16.1002 4.16954 16.6772 4.27573 16.919 4.72338C17.1607 5.17102 16.9339 5.71373 16.4639 5.90842L16.1291 6.04708Z' fill='%23002B46'/%3E%3C/svg%3E");
    width: 18px;
    height: 18px;
    right: 0;
    pointer-events: none;
    animation: search-bar-spin 0.8s linear infinite;
}

@keyframes search-bar-spin {
    to { transform: translate(-50%, -50%) rotate(360deg); }
}

.search-results-search-bar .search-bar-search-icon.typing + input,
.search-results-search-bar input.typing {
    padding-right: 40px;
}

.page-content-container {
    background: #FFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 55px;
    padding-bottom: 80px;
}
.all-search-content-container {
    display: flex;
    column-gap: 60px;
    padding-top: 60px;
}
.spinner-container-load {
    width: 100px;
    margin: 0 auto;
    padding: 20px;
}
.spinner-container-load svg {
    -webkit-animation: spin 1s linear infinite;
    -moz-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    opacity: 0.5;
}

/*filter block*/
@media (min-width: 768px) {

    .filters-block-container {
        display: flex;
        width: 270px;
        padding-right: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        border-radius: 6px;

        .filters-titles {
            display: flex;
            width: 100%;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .by-category-text {
            color: #002B46;
            font-family: Inter;
            font-size: 22px;
            font-style: normal;
            font-weight: 600;
            line-height: 140%;
            margin: 0;
        }

        .can-select-text {
            color: #002B46;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 140%;
            margin: 0;
        }

        .all-filter-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        #hidden-filters {
            margin-top: 8px;
            width: 100%;
        }

        .visible-filters, .hidden-filters {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            gap: 8px;
        }

        .filter-item {
            display: flex;
            width: 100%;
            padding: 12px 20px;
            gap: 12px;
            color: var(--Primary-blue, #002B46);
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            cursor: pointer;
        }
        .filter-item.active {
            border-radius: 6px;
            background: #E5F8FB;
            font-weight: 500;
        }

        .filter-item:before {
            content: '';
            display: inline-block;
            height: 20px;
            width: 20px;
            min-width: 20px;
        }

        .filter-label {
            display: inline;
            white-space: normal;
        }

        .filter-item .count-filter {
            color: #7F95A2;
            font-family: Inter;
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin-left: 4px;
        }

        /*icons*/

        .filter-item.all-categories:before {
            background-image: url("../icons/all-categories.svg");
        }

        .filter-item.brand:before,
        .filter-item.super_brand:before{
            background-image: url("../icons/brand.svg");
        }

        .filter-item.product:before {
            background-image: url("../icons/product.svg");
        }

        .filter-item.news:before {
            background-image: url("../icons/news.svg");
        }

        .filter-item.video:before {
            background-image: url("../icons/video.svg");
        }

        .filter-item.digital_tools:before {
            background-image: url("../icons/tools.svg");
        }

        .filter-item.crop:before,
        .filter-item.crop_category:before {
            background-image: url("../icons/crop guide.svg");
        }

        .filter-item.trial:before {
            background-image: url("../icons/trial.svg");
        }

        .filter-item.testimonial:before {
            background-image: url("../icons/testimonials.svg");
        }

        .filter-item.article:before {
            background-image: url("../icons/article.svg");
        }

        .filter-item.event:before {
            background-image: url("../icons/event.svg");
        }

        .filter-item.podcast:before {
            background-image: url("../icons/podcast.svg");
        }

        .filter-item.attachment:before {
            background-image: url("../icons/download.svg");
        }

        .filter-item.tag_results:before {
            background-image: url("../icons/category.svg");
        }
        .filter-item.quiz:before {
            background-image: url("../icons/quiz.svg");
        }
        .filter-item.ebook:before {
            background-image: url("../icons/ebook.svg");
        }

        .filter-item.expert:before {
            background-image: url("../icons/expert.svg");
        }

        .show-more-categories {
            all: unset;
            cursor: pointer;
            display: flex;
            padding: 12px;
            align-items: center;
            gap: 4px;
            color: var(--Primary-blue, #002B46);
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: normal;
        }

        .show-more-categories:after {
            content: '';
            display: inline-block;
            height: 20px;
            width: 20px;
            min-width: 20px;
            background-image: url("../icons/CaretDown.svg");
            background-position: center;
            transform: rotate(0deg);
        }

        .show-more-categories[aria-expanded="true"]:after {
            transform: rotate(180deg);
        }
    }

}

/*results block */
.results-block-wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 40px;
    width: calc(100% - 330px);

    .results-header {
        display: flex;
    }

    .total-results {
        display: flex;
        flex-direction: column;
        row-gap: 8px;
    }

    .results-category {
        display: flex;
        padding: 4px;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        background: rgba(127, 149, 162, 0.10);
        color: #002B46;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin: 0;
        width: fit-content;
    }

    .results-count-wrapper {
        margin: 0;
        color: #002B46;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%
    }

    .results-body {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 32px;
        align-self: stretch;
    }

    .single-result-wrapper {
        display: flex;
        height: auto;
        align-items: flex-start;
        padding-bottom: 32px;
        align-self: stretch;
        column-gap: 20px;
        border-bottom: 1px solid #EEF0F2;
    }

    .img-container {
        display: flex;
        width: 200px;
        height: 130px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
    }

    .img-container.brand,
    .img-container.super_brand,
    .img-container.product.not-commodity {
        background-color: #F8F8F8;
        padding: 16px;
    }

    .result-img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        border-radius: 6px;
    }

    .img-container.product.not-commodity .result-img {
        /*width: 53.25px;*/
        flex: 1 0 0;
        /*aspect-ratio: 53.25/98.00;*/
        object-fit: contain;
        border-radius: unset;
    }

    .img-container.brand .result-img,
    .img-container.super_brand .result-img {
        height: 50.469px;
        flex-shrink: 0;
        align-self: stretch;
        aspect-ratio: 168.00/50.47;
        object-fit: contain;
        border-radius: unset;
    }

    .img-container.video {
        position: relative;
    }

    .img-container.video svg{
        position: absolute;
    }

    .img-container.attachment {
        border: 1px solid rgba(0, 181, 211, 0.4);
    }

    .img-container.attachment.no-preview-image {
        background-color: #d7f4fa;
        display: flex;
        justify-content: center;
        align-items: center;
        background-image: url(../icons/download-pdf.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 37.5px;
    }

    .img-container.attachment.no-preview-image img {
        display: none;
    }

    .img-container.expert {
        width: 200px;
        height: 130px;
        flex-shrink: 0;
        background-color: #F8F8F8;
        border-radius: 6px;
        border: none;
        box-shadow: none;
    }

    .img-container.expert .result-img {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        object-fit: cover;
    }

    .single-result-content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
        width: calc(100% - 220px);
    }

    .single-result-type {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 4px;
        margin: 0;
        color: #00B5D3;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

    .single-result-title {
        color: #002B46;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        margin: 0;
        word-break: break-word;
    }

    .single-result-description {
        color: #002B46;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin:0;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nutrients-container {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
    }

    .npk-info,.nutri-info{
        display: flex;
        gap: 4px;
    }

    .npk-label,.nutri-label,
    .npk-value,.nutri-value {
        color: #002B46;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }

    .npk-value,.nutri-value {
        font-weight: 400;
    }

    /*icons*/

    .single-result-type:before{
        content: '';
        display: inline-block;
        height: 20px;
        width: 20px;
        min-width: 20px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .single-result-type.brand:before,
    .single-result-type.super_brand:before {
        background-image: url("../icons/brand-item.svg");
    }

    .single-result-type.product:before {
        background-image: url("../icons/product-item.svg");
    }

    .single-result-type.news:before {
        background-image: url("../icons/news-item.svg");
    }

    .single-result-type.video:before {
        background-image: url("../icons/video-item.svg");
    }

    .single-result-type.digital_tools:before {
        background-image: url("../icons/tools-item.svg");
    }

    .single-result-type.crop:before,
    .single-result-type.crop_category:before {
        background-image: url("../icons/Crop-guide-icon 1.svg");
    }

    .single-result-type.trial:before {
        background-image: url("../icons/trial-results-item.svg");
    }

    .single-result-type.testimonial:before {
        background-image: url("../icons/testimonials-item.svg");
    }

    .single-result-type.article:before {
        background-image: url("../icons/article-item.svg");
    }

    .single-result-type.article-video:before {
        background-image: url("../icons/article-video-item.svg");
    }

    .single-result-type.event:before {
        background-image: url("../icons/event-item.svg");
    }

    .single-result-type.podcast:before {
        background-image: url("../icons/podcast-item.svg");
    }

    .single-result-type.attachment:before {
        background-image: url("../icons/download-item.svg");
    }

    .single-result-type.tag_results:before {
        background-image: url("../icons/category-item.svg");
    }
    .single-result-type.ebook:before {
        background-image: url("../icons/ebook-item.svg");
    }
    .single-result-type.quiz:before {
        background-image: url("../icons/quiz-item.svg");
    }

    .single-result-type.expert:before {
        background-image: url("../icons/expert-item.svg");
    }

}
.view-more-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 20px;

    .spinner-container svg {
        -webkit-animation: spin 1s linear infinite;
        -moz-animation: spin 1s linear infinite;
        animation: spin 1s linear infinite;
        opacity: 0.5;
    }

    .text-container {
        display: flex;
        column-gap: 5px;
        color: #849AA6;
        text-align: center;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
    }
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



.SearchSegmentsLinksContainer {
    display: flex;
    padding: 39.027px;
    flex-direction: column;
    align-items: flex-start;
    gap: 31.221px;
    align-self: stretch;
    border-radius: 7.805px;
    background: rgba(0, 181, 211, 0.05);
    width: 100%;

    .didnt-find-text-container {
        display: flex;
        flex-direction: column;
        row-gap: 16px;
    }

    .didnt-find-right-results {
        color: #002846;
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .find_in_these_segments {
        color: #002846;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }

    .search-segments-links {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 15.611px;
    }

    .search-segments-links a {
        color: #00B5D3;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%; /* 26.4px */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
}

.no-results-container .SearchSegmentsLinksContainer{
   background: unset;
    padding: 40px 0;
   .didnt-find-text-container {
        row-gap: 36px;
   }
    .no-results-query {
        max-width: 690px;
        font-family: Inter;
        font-size: 24px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.33;
        letter-spacing: normal;
        text-align: left;
        color: #002b46;
    }
    .no-results-message {
        max-width: 690px;
        font-family: Inter;
        font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        text-align: left;
        color: #002c45;
    }
    .search-segments-links a {
        font-size: 18px;
    }
}

.no-results-filter-wrapper {
    display: flex;
    flex-direction: row;
    column-gap: 12px;

    .no-results-text-wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 4px;
    }
    .no-match-results-text {
        color: #002B46;
        font-family: Inter;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px;
        margin: 0;
    }
    .try-different-text {
        color: #002B46;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        margin: 0;
    }
}
.no-results-filter-wrapper:before {
    content: '';
    display: inline-block;
    height: 32px;
    width: 32px;
    min-width: 32px;
    background-image: url("../icons/no-results-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
@media (max-width: 768px) {
    /*hero*/
    .page-title-container {
        padding-bottom: 24px;
    }

    .main-title {
        font-size: 30px;
        margin-bottom: 16px;
    }

    .search-results-search-bar input {
        font-size: 16px;
        padding: 16px 16px 16px 16px;
        max-width: 100%;
    }

    .all-search-content-container {
        padding-top: 20px;
    }

    .page-content-container {
        row-gap: 40px;
        padding-bottom: 40px;
    }

    /*filter block*/

    body:has(.filters-block-container) .modal-backdrop {
        display: none !important;
    }

    .open-filter {
        padding: 0;
        background-image: url("../icons/filter-icon.svg");
        width: 50px;
        min-width: 50px;
        height: 40px;
        background-position: center;
        box-shadow: unset !important;
    }

    .filters-block-container {
        width: 100%;
        background:transparent !important;

        .modal-dialog {
            max-width: 100%;
        }

        .modal-content {
            height: 92%;
            box-sizing: border-box;
            bottom: 0;
            position: absolute;
            border-radius: 6px 6px 0 0;
            box-shadow: 0px -2px 6px 0px rgba(0, 0, 0, 0.10);
            border: unset;
        }

        .header-filters-block {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            padding: 0;
            border-bottom: unset;
        }

        .header-title-block {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            width: 100%;
            padding: 20px;
            border-bottom: 1px solid #EEF0F2;
        }

        .btn-close {
            background: unset;
            margin: 0;
            background-image: url("../icons/X.svg");
            width: 20px;
            height: 20px;
            padding: 0;
            opacity: 1;
            box-shadow: unset;
        }

        .by-category-text {
            color: #002B46;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 120%;
            margin: 0;
        }

        .clear-fields {
            color: #00B5D3;
            text-align: center;
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%; /* 16.8px */
            text-decoration-line: underline;
            text-decoration-style: solid;
            text-decoration-skip-ink: auto;
            text-decoration-thickness: auto;
            text-underline-offset: auto;
            text-underline-position: from-font;
        }

        .can-select-text {
            color: #002B46;
            font-family: Inter;
            font-size: 13px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            margin: 0;
            padding: 20px;
        }

        .modal-body {
            padding: 0;
        }

        .all-filter-container {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            row-gap: 12px;
            padding: 0 20px;
        }

        /*.modal-body::-webkit-scrollbar {*/
        /*    width: 8px;*/
        /*}*/

        /*.modal-body::-webkit-scrollbar-track {*/
        /*    border-radius: 2px;*/
        /*    background: #D5D5D5;*/
        /*}*/

        /*.modal-body::-webkit-scrollbar-thumb {*/
        /*    border-radius: 2px;*/
        /*    background: #EBEBEB;*/
        /*}*/

        /*.modal-body::-webkit-scrollbar-thumb:hover {*/
        /*    background: #EBEBEB;*/
        /*}*/

        .filter-item {
            display: flex;
            align-items: center;
            width: fit-content;
            max-width: 100%;
            padding: 8px 12px 8px 8px;
            gap: 8px;
            color: var(--Primary-blue, #002B46);
            font-family: Inter;
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 120%;
            cursor: pointer;
        }

        .filter-item.active {
            border-radius: 6px;
            background: #E5F8FB;
        }

        .filter-item:before {
            content: '';
            display: inline-block;
            height: 28px;
            width: 28px;
            min-width: 28px;
        }

        .filter-item .count-filter {
            font-size: 14px;
            margin-left: 4px;
            color: #7F95A2;
        }

        /*icons*/

        .filter-item.all-categories{
            display: none;
        }

        .filter-item.brand:before,
        .filter-item.super_brand:before {
            background-image: url("../icons/brand-mobile.svg");
        }

        .filter-item.product:before {
            background-image: url("../icons/product-mobile.svg");
        }

        .filter-item.news:before {
            background-image: url("../icons/news-mobile.svg");
        }

        .filter-item.video:before {
            background-image: url("../icons/video-mobile.svg");
        }

        .filter-item.digital_tools:before {
            background-image: url("../icons/tools-mobile.svg");
        }

        .filter-item.crop:before,
        .filter-item.crop_category:before {
            background-image: url("../icons/crop-mobile.svg");
        }

        .filter-item.trial:before {
            background-image: url("../icons/trial-mobile.svg");
        }

        .filter-item.testimonial:before {
            background-image: url("../icons/testimonials-mobile.svg");
        }

        .filter-item.article:before {
            background-image: url("../icons/article-mobile.svg");
        }

        .filter-item.event:before {
            background-image: url("../icons/event-mobile.svg");
        }

        .filter-item.podcast:before {
            background-image: url("../icons/podcast-mobile.svg");
        }

        .filter-item.attachment:before {
            background-image: url("../icons/download-mobile.svg");
        }

        .filter-item.tag_results:before {
            background-image: url("../icons/category-mobile.svg");
        }
        .filter-item.quiz:before {
            background-image: url("../icons/quiz-mobile.svg");
        }
        .filter-item.ebook:before {
            background-image: url("../icons/ebook-mobile.svg");
        }

        .filter-item.expert:before {
            background-image: url("../icons/expert-mobile.svg");
        }

        .modal-footer {
            border: unset;
            padding: 20px 20px 32px 20px;
            width: 100%;
        }

        .show-results-btn {
            all: unset;
            cursor: pointer;
            display: flex;
            min-height: 50px;
            height: auto;
            padding: 10px;
            justify-content: center;
            align-items: center;
            gap: 10px;
            align-self: stretch;
            border-radius: 5px;
            background: #00B5D3;
            width: 100%;
            box-sizing: border-box;
            color: #FFF;
            text-align: center;
            font-family: Inter;
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 120%;
        }

        .show-results-btn svg {
            -webkit-animation: spin 1s linear infinite;
            -moz-animation: spin 1s linear infinite;
            animation: spin 1s linear infinite;
            width: 24px;
            height: 24px;
        }
    }

    /*results block */
    .results-block-wrapper {
        row-gap: 28px;
        width: 100%;

        .results-header {
            justify-content: space-between;
            column-gap: 24px;
        }

        .results-category {
            padding: 0;
            background: unset;
            color: #757575;
            font-size: 14px;
        }

        .results-count-wrapper {
            font-size: 18px;
            line-height: 120%
        }

        .results-body {
            gap: 16px;
        }

        .single-result-wrapper {
            height:auto;
            padding-bottom: 16px;
            column-gap: 16px;
        }

        .img-container {
            width: 112px;
            height: 84px;
        }

        .img-container.brand,
        .img-container.super_brand,
        .img-container.product.not-commodity {
            padding: 8px;
        }

        /*.img-container.product.not-commodity .result-img {*/
        /*    width: 36.949px;*/
        /*    aspect-ratio: 36.95/68.00;*/
        /*}*/

        .img-container.brand .result-img,
        .img-container.super_brand .result-img {
            height: 28.84px;
            aspect-ratio: 96.00/28.84;
        }

        .img-container.expert {
            width: 112px;
            height: 84px;
        }

        .img-container.expert .result-img {
            width: 64px;
            height: 64px;
        }

        .single-result-content {
            gap: 4px;
            width: calc(100% - 100px);
        }

        .single-result-type {
            font-size: 14px;
            font-weight: 400;
        }

        .single-result-title {
            font-size: 16px;
        }

        .single-result-description {
            font-size: 14px;
            display: unset;
        }

        .npk-label, .nutri-label,
        .npk-value, .nutri-value {
            font-size: 14px;
        }

        .npk-label, .nutri-label {
            display: none;
        }

    }

    .SearchSegmentsLinksContainer {
        padding: 20px;
        gap: 16px;
        border-radius: 4px;

        .didnt-find-text-container {
            row-gap: 8px;
        }

        .didnt-find-right-results {
            font-size: 17px;
        }

        .find_in_these_segments {
            font-size: 16px;
        }

        .search-segments-links {
            gap: 8px;
        }

        .search-segments-links a {
            font-size: 16px;
            line-height: 30px;
        }
    }

    .no-results-container .SearchSegmentsLinksContainer{
        .no-results-query {
            font-size: 20px;
            line-height: 1.35;
        }
        .no-results-message {
            font-size: 16px;
            line-height: 1.56;
        }
        .search-segments-links a {
            font-size: 16px;
        }
    }
    .no-results-filter-wrapper {
        flex-direction: column;
        align-items: center;
        margin: auto;
        row-gap: 8px;
        .no-results-text-wrapper {
            align-items: center;
        }
        .no-match-results-text {
            font-size: 20px;
            line-height: 120%;
        }
    }
    .no-results-filter-wrapper:before {
        height: 24px;
        width: 24px;
        min-width: 24px;
    }

    html:has(.modal.filters-block-container.show) {
        overflow-y: hidden;
    }
}

.segment-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.segment-filter-item {
    margin: 0;
    padding: 8px 12px;
    border: 0;
    border-radius: 6px;
    background: rgba(127, 149, 162, 0.10);
    color: #002B46;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    cursor: pointer;
}

.segment-filter-item.active {
    background: #E5F8FB;
    font-weight: 500;
}

.segment-filter-item .segment-count:not(:empty) {
    margin-inline-start: 4px;
}

@media (max-width: 768px) {
    .segment-filter-item {
        font-size: 14px;
        padding: 6px 10px;
    }
}