.category-menu {
    display: flex;
    flex-flow: row wrap;
    gap: 1.38888889vw;
    margin: 0;
}
.category-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: clamp(150px, 21.7361111vw, 21.7361111vw);
}
.category-menu li a {
    display: block;
    font-size: clamp(15px, 1.52777778vw, 1.52777778vw);
    font-style: normal;
    font-weight: 500;
    line-height: 127.273%;
    text-align: center;
    padding: clamp(12px, 0.8333333333vw, 0.8333333333vw);
    text-transform: uppercase;
    color: var(--fs-color-primary);
    border: 1px solid var(--fs-color-primary);
    border-radius: 99px;
    transition: background 0.3s ease, color 0.3s ease;
}
.category-menu li a:hover {
    color: var(--fs-color-white);
    background-color: var(--fs-color-primary);
}
.category__top {
    background-color: var(--fs-color-white);
    padding: clamp(20px, 1.66666667vw, 1.66666667vw) 0;
}
.category__top .flex-col.flex-left {
    width: 100%;
}
.category__top .flex-col.flex-right {
    width: 100%;
    max-width: clamp(200px, 29.44444444vw, 29.44444444vw);
}
.category__top .searchform {
    margin: 0;
    width: 100%;
}

.searchform-wrapper .autocomplete-suggestions {
    -webkit-overflow-scrolling: touch;
    max-height: 50vh;
    overflow-y: scroll;
    overflow-y: auto;
}

.category__top .search-form .autocomplete-suggestions,
.header-block .autocomplete-suggestions {
    max-height: 80vh;
}

.col .live-search-results,
.category__top .search-form .live-search-results,
.header-block .live-search-results {
    background-color: hsla(0, 0%, 100%, 0.95);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    color: #111;
    left: 0;
    position: absolute;
    right: 0;
    text-align: left;
    top: 105%;
}

.category__top li .html .live-search-results {
    background-color: transparent;
    box-shadow: none;
    position: relative;
    top: 0;
}
.category__bottom {
    margin-top: clamp(48px, 3.333333333vw, 3.333333333vw);
    margin-bottom: clamp(80px, 5.555555556vw, 5.555555556vw);
}
.category__bottom .category__item__wrapper + .category__item__wrapper {
    margin-top: clamp(48px, 3.333333333vw, 3.333333333vw);
}
.button.button--loadmore {
    border-radius: 8px;
    margin: 0;
    padding: clamp(8px, 0.5555555556vw, 0.5555555556vw)
        clamp(16px, 1.11111111vw, 1.11111111vw);
    line-height: unset;
    min-height: unset;
    border: 0;
}
.button.button--loadmore .flat {
    background-color: var(--fs-color-white);
    line-height: 0;
}
.button.button--loadmore span {
    display: inline-flex;
    gap: 5px;
    align-items: center;
}
h1.page-title {
    font-size: clamp(24px, 2.08333333vw, 2.08333333vw);
    font-weight: 700;
    line-height: 125%;
    font-style: normal;
    border: 0;
    padding: 0;
    margin-bottom: clamp(16px, 1.66666667vw, 1.66666667vw);
    text-align: left;
}
.archive-page-header .col {
    padding-bottom: 0;
}
.category--search-form.search-form .search-field {
    height: clamp(40px, 3.33333333vw, 3.33333333vw);
    background-color: transparent;
    padding-left: clamp(16px, 1.11111111vw, 1.11111111vw);
    font-size: clamp(14px, 1.11111111vw, 1.11111111vw);
}
.category--search-form.search-form .searchform .button.icon {
    margin: 0;
    position: relative;
    left: -9px;
}
.category--search-form.search-form .searchform .button.icon .icon-search {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 0;
    background-color: #141011;
    -webkit-mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M368 208A160 160 0 1 0 48 208a160 160 0 1 0 320 0zM337.1 371.1C301.7 399.2 256.8 416 208 416C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208c0 48.8-16.8 93.7-44.9 129.1L505 471c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0L337.1 371.1z"/></svg>')
        no-repeat center/contain;
}
.category--search-form.search-form
    .searchform
    .button.icon
    .icon-search:before {
    display: none;
}