/* assets/css/page-catalog.css - копия без комментариев, править исходник */
.catalog-hero { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 46px 0 45px; border-bottom: 1px solid #E3E5E6; text-align: center; } .catalog-hero .container { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 18px; } .catalog-hero .breadcrumbs { display: flex; align-items: center; justify-content: center; gap: 6px; height: 22px; margin: 0; padding: 0; line-height: 22px; flex-wrap: wrap; } .catalog-hero .breadcrumbs a { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 16px; color: #252B2B; text-decoration: none; } .catalog-hero .breadcrumbs a:hover { color: #006C66; }  .catalog-hero .breadcrumbs__sep, .catalog-hero .breadcrumbs__separator { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 17px; color: #979E9F; margin: 0; width: auto; height: auto; background: none; border-radius: 0; opacity: 1; } .catalog-hero .breadcrumbs__separator::before { content: '/'; } .catalog-hero .breadcrumbs__current { font-family: 'Inter', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; line-height: 22px; color: #979E9F; } .catalog-hero__title { font-family: 'Oswald', sans-serif; font-style: normal; font-weight: 500; font-size: 64px; line-height: 72px; color: #252B2B; margin: 0; text-transform: none; text-align: center; }  .catalog-chips { grid-column: 1 / -1; padding: 46px 0 80px; } .catalog-chips__inner { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; }  .catalog-chip { padding: 13px 25px; background: #fff; border: 1px solid #E3E5E6; border-radius: 999px; font: 500 16px/20px 'Inter', sans-serif; color: #555B5C; cursor: pointer; transition: border-color .2s, color .2s, background .2s; display: inline-flex; align-items: center; }  .catalog-chip:hover:not(.catalog-chip--active) { border-color: #006C66; color: #006C66; } .catalog-chip--active { background: #252B2B; border-color: #252B2B; color: #fff; } .catalog-main { padding-bottom: 64px; }  .catalog-layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); column-gap: 53px; }   .filters { align-self: start; width: 300px; display: flex; flex-direction: column; }   .filters__head { display: flex; align-items: center; justify-content: space-between; order: 0; margin-bottom: 60px; }  .filters__head:has(+ .selected-filters:not([hidden])) { margin-bottom: 24px; } .filters__title { font: 600 16px/20px 'Inter', sans-serif; color: #252B2B; }  .filters__title-short { display: none; } .filters__close, .filters__head-reset { display: none; }  .selected-filters { order: 1; border-bottom: 1px solid #E3E5E6; padding-bottom: 29px; margin-bottom: 30px; } .selected-filters__title { display: none; }  .filter-group { order: 4; border-bottom: 1px solid #E3E5E6; padding: 0 0 29px; margin-bottom: 30px; } .filter-group[data-filter-group="price"] { order: 2; } .filter-group[data-filter-group="category"] { order: 3; } #filtersApply { order: 5; display: none; } .filters__footer { order: 5; display: none; } .filter-group__head { width: 100%; min-height: 20px; display: flex; align-items: center; justify-content: space-between; padding: 0; cursor: pointer; font: 600 16px/20px 'Inter', sans-serif; color: #252B2B; background: none; border: none; text-align: left; }  .filter-group__head svg { flex: 0 0 16px; transition: transform .2s; color: #252B2B; } .filter-group--collapsed .filter-group__head svg { transform: rotate(180deg); } .filter-group--collapsed .filter-group__body { display: none; } .filter-group__body { display: flex; flex-direction: column; padding-top: 16px; }  .filter-group__body .checkbox { display: flex; min-height: 34px; align-items: center; gap: 12px; padding: 7px 8px 7px 0; font: 400 14px/20px 'Inter', sans-serif; }  .filter-group__body .checkbox__box { width: 16px; height: 16px; margin-top: 0; border: 1px solid #E0E2E7; border-radius: 2px; } .filter-group__body .checkbox__input:checked + .checkbox__box { border-color: #006C66; background: #006C66; } .filter-group__body .checkbox__input:checked + .checkbox__box::after { inset: -1px; width: auto; height: auto; border: 0; transform: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' fill-rule='evenodd' clip-rule='evenodd' d='M12.024 5.17579C12.1364 5.28831 12.1996 5.4409 12.1996 5.59999C12.1996 5.75909 12.1364 5.91168 12.024 6.02419L7.22396 10.8242C7.11144 10.9367 6.95885 10.9999 6.79976 10.9999C6.64066 10.9999 6.48807 10.9367 6.37556 10.8242L3.97556 8.42419C3.86626 8.31103 3.80578 8.15947 3.80715 8.00215C3.80852 7.84483 3.87162 7.69435 3.98286 7.5831C4.09411 7.47186 4.2446 7.40876 4.40192 7.40739C4.55923 7.40602 4.71079 7.4665 4.82396 7.57579L6.79976 9.55159L11.1756 5.17579C11.2881 5.06331 11.4407 5.00012 11.5998 5.00012C11.7589 5.00012 11.9114 5.06331 12.024 5.17579Z'/%3E%3C/svg%3E") center / 16px 16px no-repeat; } .checkbox__count { margin-left: auto; color: #979E9F; font-size: 13px; }  .selected-filters__title { margin: 0 0 24px; font: 600 14px/20px 'Inter', sans-serif; color: #252B2B; } .selected-filters__tags { display: flex; flex-wrap: wrap; gap: 10px; } .selected-filter-tag { min-height: 32px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border: 0; border-radius: 999px; background: #F5F5F5; color: #252B2B; font: 400 13px/20px 'Inter', sans-serif; cursor: pointer; } .selected-filter-tag svg { flex: 0 0 14px; } .selected-filter-tag:hover { color: #006C66; } .filters__reset { display: inline-block; margin-top: 24px; padding: 0; border: 0; background: none; color: #006C66; font: 500 14px/20px 'Inter', sans-serif; cursor: pointer; } .filters__reset:hover { text-decoration: underline; }   .range-slider { position: relative; height: 13px; margin: 17px 0 8px; } .range-slider__track, .range-slider__bar { position: absolute; top: 6px; left: 0; height: 2px; } .range-slider__track { right: 0; background: #E3E5E6; } .range-slider__bar { width: 100%; background: #006C66; } .range-slider input[type="range"] { position: absolute; inset: 0; z-index: 1; width: 100%; height: 13px; margin: 0; appearance: none; pointer-events: none; background: transparent; } .range-slider input[type="range"]::-webkit-slider-thumb { width: 13px; height: 13px; appearance: none; border: 0; border-radius: 50%; background: #006C66; pointer-events: auto; cursor: pointer; } .range-slider input[type="range"]::-moz-range-thumb { width: 13px; height: 13px; border: 0; border-radius: 50%; background: #006C66; pointer-events: auto; cursor: pointer; } .filter-range__values { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 16px; } .filter-range__field { position: relative; display: flex; align-items: center; min-width: 0; } .filter-range__prefix { position: absolute; left: 10px; color: #979E9F; font-size: 14px; pointer-events: none; } .filter-range__input { width: 100%; height: 40px; min-width: 0; padding: 0 10px 0 34px; border: 1px solid #E3E5E6; border-radius: 4px; color: #252B2B; background: #fff; font: 400 14px/20px 'Inter', sans-serif; } .filter-range__input:focus { border-color: #006C66; outline: none; }  .filter-cat { display: flex; flex-direction: column; } .filter-cat__item, .filter-cat__toggle { min-height: 34px; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 7px 8px 7px 0; border: none; background: none; color: #252B2B; font: 400 14px/20px 'Inter', sans-serif; text-align: left; text-decoration: none; cursor: pointer; } .filter-cat__item:hover, .filter-cat__toggle:hover { color: #006C66; } .filter-cat__item--active { font-weight: 600; } .filter-cat__toggle svg { opacity: .5; transition: transform .2s; } .filter-cat__toggle--open svg { transform: rotate(180deg); } .filter-cat__sub { display: flex; flex-direction: column; padding-left: 14px; } .filter-cat__sub a { min-height: 34px; padding: 7px 8px 7px 0; color: #252B2B; font: 400 14px/20px 'Inter', sans-serif; text-decoration: none; } .filter-cat__sub a:hover { color: #006C66; } .filter-group__reset { display: inline-block; margin-top: 14px; padding: 0; border: 0; background: none; color: #006C66; font: 500 14px/20px 'Inter', sans-serif; text-align: left; cursor: pointer; } .filter-group__reset:hover { text-decoration: underline; } .filter-group[data-filter-group="price"] .filter-group__reset, .filter-group[data-filter-group="category"] .filter-group__reset { display: none; }  .checkbox--disabled { cursor: not-allowed; } .checkbox--disabled input { pointer-events: none; } .checkbox--disabled span { color: #C9CBCB; }  .catalog-toolbar { min-height: 42px; display: flex; align-items: center; gap: 16px; margin-bottom: 24px; } .filters__toggle { display: none; align-items: center; gap: 8px; height: 42px; padding: 0 16px; border: 0; border-radius: 4px; background: #F5F5F5; font: 500 14px/20px 'Inter', sans-serif; cursor: pointer; } .catalog-toolbar__count { color: #979E9F; font: 400 16px/26px 'Inter', sans-serif; } .catalog-toolbar__sort { margin-left: auto; display: flex; align-items: center; gap: 14px; } .catalog-toolbar__sort-label { color: #979E9F; font: 400 14px/20px 'Inter', sans-serif; }  .catalog-toolbar__sort .orderby { width: 210px; height: 42px; padding: 0 38px 0 14px; border: 0; border-radius: 4px; background: #F5F5F5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23555B5C' stroke-opacity='.5' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; background-size: 16px 16px; color: #252B2B; font: 400 14px/20px 'Inter', sans-serif; cursor: pointer; -webkit-appearance: none; appearance: none; }  .catalog-content .products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; } .catalog-content .product { min-width: 0; text-align: left; } .catalog-loadmore { text-align: center; margin-top: 48px; } .catalog-loadmore__btn { height: 40px; padding: 0 24px; } .catalog-empty { padding: 80px 0; text-align: center; } .catalog-empty p { margin-bottom: 24px; color: #979E9F; font-size: 18px; } .catalog-request-error { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 24px; padding: 16px; border: 1px solid #F0C7C7; border-radius: 4px; color: #A00000; background: #FFF6F6; font-size: 14px; } .catalog-request-error[hidden] { display: none; } .catalog-request-error button { border: 0; background: none; color: #006C66; font: inherit; cursor: pointer; text-decoration: underline; } [data-catalog-root].is-loading .catalog-results { opacity: .55; }  @media (max-width: 1200px) {  .catalog-layout { grid-template-columns: minmax(0, 1fr); } .catalog-content { min-width: 0; }  .filters { position: fixed; top: 0; left: 0; z-index: 1200; width: 320px; max-width: 85vw; height: 100vh; height: 100dvh; padding: 24px; overflow-y: auto; overscroll-behavior: contain; transform: translateX(-100%); transition: transform .3s ease; background: #fff; } .filters--open { transform: translateX(0); }  .filters__head { position: sticky; top: 0; z-index: 2;  flex: none; margin: -24px -24px 8px; padding: 0 24px; height: 50px; border-bottom: 1px solid #F5F5F5; background: #FFFFFF; } .filters__title { position: absolute; left: 50%; font-size: 18px; line-height: 26px; font-weight: 600; transform: translateX(-50%); } .filters__title-full { display: none; } .filters__title-short { display: inline; } .filters__close { display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; padding: 0; border: 0; background: none; color: #555B5C; cursor: pointer; } .filters__head-reset { display: inline-block; padding: 0; border: 0; background: none; color: #006C66; font: 500 14px/20px 'Inter', sans-serif; cursor: pointer; } .filters__toggle { display: inline-flex; } .filters__overlay { display: none; position: fixed; inset: 0; z-index: 1150; background: rgba(0,0,0,.5); } .filters__overlay.is-active, .filters__overlay--visible { display: block; } .filters__footer { position: sticky; bottom: 0; display: block; flex: none; margin: auto -24px 0; padding: 12px 24px calc(12px + env(safe-area-inset-bottom, 0px)); background: #FFFFFF; }  #filtersApply { display: inline-flex; width: 100%; height: 40px; min-height: 40px; align-items: center; justify-content: center; margin: 0; border-radius: 4px; font-size: 13px; font-weight: 400; line-height: 17px; } } @media (max-width: 768px) {  .catalog-layout { --catalog-bleed: 16px; }  .filters { width: 100%; max-width: none; padding: 0 16px; }  .filters__head, .filters__head:has(+ .selected-filters:not([hidden])) { margin: 0 -16px 20px; padding: 0 16px; border-bottom: 0; } .filters__footer { margin: auto -16px 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); }  .selected-filters { border-bottom: 0; padding-bottom: 0; margin-bottom: 32px; } .selected-filter-tag { min-height: 34px; }  .filters__reset { display: none; }  .filter-group { border-bottom-color: #F5F5F5; padding-bottom: 32px; margin-bottom: 32px; }  .filter-group__body .checkbox { min-height: 40px; }  .catalog-hero { align-items: stretch;  padding: 24px 0 18px; border-bottom: 0; text-align: left; } .catalog-hero .container { align-items: stretch; gap: 0; } .catalog-hero .breadcrumbs { display: none; } .catalog-hero__title { font-size: 36px; line-height: 40px; text-align: left; }  .catalog-content .products { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 9px; row-gap: 24px; } .catalog-content .product-card { height: auto; min-height: 0; } }  .seo-section { padding: 64px 0 80px; } .seo-section__title { margin: 0 0 28px; color: #252B2B; font-family: 'Inter', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; line-height: 40px; } .seo-section__text { max-height: 130px; overflow: hidden; clip-path: inset(0 0 10px); color: #555B5C; font-family: 'Inter', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; transition: max-height 0.3s ease; } .seo-section__text p { margin: 0; } .seo-section__text p + p { margin-top: 16px; } .seo-section__text--expanded { max-height: 1000px; clip-path: none; } .seo-section__toggle { display: inline-block; margin-top: 16px; padding: 0; border: 0; background: none; color: #006C66; font-family: 'Inter', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 26px; text-decoration: underline; cursor: pointer; } .seo-section__toggle:hover { color: #004D48; } @media (max-width: 768px) { .seo-section { padding: 48px 0 60px; } .seo-section__title { font-size: 28px; line-height: 36px; } }    .search-hero { padding: 46px 0 45px; border-bottom: 1px solid #E3E5E6; text-align: center; } .search-hero .breadcrumbs { display:flex; align-items:center; justify-content:center; gap:6px; margin:0 0 18px; padding:0; height:22px; } .search-hero .breadcrumbs a, .search-hero .breadcrumbs__current, .search-hero .breadcrumbs__separator { font-family:'Inter',sans-serif; font-size:13px; line-height:22px; text-decoration:none; }  .search-hero .breadcrumbs a { color:#252B2B; } .search-hero .breadcrumbs__current { color:#979E9F; } .search-hero .breadcrumbs a:hover { color:#006C66; }  .search-hero .breadcrumbs__separator { width:auto; height:auto; background:none; border-radius:0; opacity:1; color:#979E9F; } .search-hero__title { font-family:'Oswald',sans-serif; font-weight:500; font-size:48px; line-height:64px; color:#252B2B; margin:0; } .search-hero__query { color:#979E9F; }  .catalog-main--search { margin-top: 46px; padding-top: 0; padding-bottom: 0; }  .search-block-title { font-family:'Oswald',sans-serif; font-weight:500; font-size:32px; line-height:46px; color:#252B2B; margin:0; display:flex; align-items:baseline; gap:10px; } .search-block-title__count { color:#979E9F; }   .search-related-block { margin-bottom:80px; } .search-related-block__label { font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:18px; color:#979E9F; margin-bottom:20px; } .search-related-block__chips { display:flex; flex-wrap:wrap; gap:8px; } .search-related-block__chip { display:inline-flex; align-items:center; gap:8px; height:36px; padding:8px 14px; border-radius:4px; background:rgba(0,108,102,0.08); color:#006C66; text-decoration:none; font-family:'Inter',sans-serif; font-weight:500; font-size:13px; line-height:19.5px; box-sizing:border-box; } .search-related-block__chip:hover { background:rgba(0,108,102,0.14); } .search-related-block__chip svg { flex-shrink:0; }  .search-docs-block { margin-top:80px; margin-bottom:0; } .search-docs-block__grid { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:20px 25px; margin-top:32px; } .search-doc-card { display:flex; align-items:center; gap:16px; height:90px; padding:21px; border:1px solid #F5F5F5; border-radius:8px; text-decoration:none; color:#252B2B; box-sizing:border-box; } .search-doc-card:hover { border-color:#E3E5E6; } .search-doc-card__icon { width:46px; height:46px; border-radius:4px; background:rgba(0,108,102,0.08); color:#006C66; display:flex; align-items:center; justify-content:center; flex-shrink:0; } .search-doc-card__icon svg { width:32px; height:32px; display:block; } .search-doc-card__info { flex:1; min-width:0; display:flex; flex-direction:column; gap:10px; } .search-doc-card__title { font-family:'Inter',sans-serif; font-weight:600; font-size:14px; line-height:18px; color:#252B2B; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .search-doc-card__meta { font-family:'Inter',sans-serif; font-weight:400; font-size:12px; line-height:14px; color:#979E9F; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .search-doc-card__download { width:40px; height:40px; border-radius:4px; background:#F5F5F5; color:#252B2B; display:flex; align-items:center; justify-content:center; flex-shrink:0; } .search-doc-card__download svg { width:16px; height:16px; }  .search-suggest { background: #FFFFFF; border-radius: 8px; padding: 20px 24px; margin-bottom: 20px; } .search-suggest__label { font-family: 'Inter', sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; color: #979E9F; margin-bottom: 14px; } .search-suggest__chips { display: flex; flex-wrap: wrap; gap: 10px; } .search-suggest__chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: rgba(0,108,102,0.08); border: 1px solid transparent; border-radius: 4px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: 13px; line-height: 19px; color: #006C66; text-decoration: none; } .search-suggest__chip:hover { border-color: #006C66; } .search-suggest__chip svg { flex-shrink: 0; }   .search-popular { margin-top:80px; margin-bottom:100px; } .search-popular__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:32px; } .search-popular__chip { display:inline-flex; align-items:center; gap:8px; padding:8px 16px; background:#F5F5F5; border:1px solid #F5F5F5; border-radius:4px; font-family:'Inter',sans-serif; font-weight:500; font-size:14px; line-height:18px; color:#252B2B; text-decoration:none; } .search-popular__chip:hover { border-color:#006C66; color:#006C66; } .search-popular__chip svg { color:#979E9F; flex-shrink:0; }   .catalog-view-toggle { display: none; } .catalog-toolbar__count-short { display: none; } @media (max-width: 1200px) { .catalog-toolbar { flex-wrap: wrap; align-items: center; gap: 0; }  .catalog-toolbar__count { order: 0; flex: 1 0 100%; margin-bottom: 28px; font: 400 14px/20px 'Inter', sans-serif; color: #979E9F; } .catalog-toolbar__count-full { display: none; } .catalog-toolbar__count-short { display: inline; }  .filters__toggle { order: 1; height: 20px; padding: 0; gap: 6px; background: none; border-radius: 0; color: #555B5C; font: 500 14px/20px 'Inter', sans-serif; } .filters__toggle svg { width: 20px; height: 20px; flex-shrink: 0; overflow: visible; }  .catalog-toolbar__sort { order: 2; margin: 0 0 0 24px; gap: 0; } .catalog-toolbar__sort-label { display: none; } .catalog-toolbar__sort .orderby { width: auto; height: 20px; padding: 0 0 0 26px; border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M4.168 6.667L6.079 4.756c.325-.325.853-.325 1.178 0l1.911 1.911M6.668 4.999v10M11.668 14.167l1.911 1.91c.325.326.853.326 1.178 0l1.911-1.91M14.168 15.833V5.833' stroke='%23555B5C' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat left center; background-size: 20px 20px; color: #555B5C; font: 500 14px/20px 'Inter', sans-serif; }  .catalog-view-toggle { order: 3; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; margin-left: auto; padding: 0; border: 0; background: none; color: #555B5C; cursor: pointer; }  .catalog-view-toggle__grid { display: none; } .catalog-view-toggle[aria-pressed="true"] .catalog-view-toggle__rows { display: none; } .catalog-view-toggle[aria-pressed="true"] .catalog-view-toggle__grid { display: block; }  .catalog-content.is-single-column .products { grid-template-columns: minmax(0, 1fr); }  .catalog-main:not(.catalog-main--search) .catalog-content { display: contents; } .catalog-toolbar { order: 1; min-width: 0; } .catalog-chips { order: 2; min-width: 0; } .catalog-results { order: 3; min-width: 0; }  .catalog-chips { grid-column: auto; padding: 0; margin: 0 0 32px; }  .catalog-chips__inner { flex-wrap: nowrap; justify-content: flex-start; gap: 6px; overflow-x: auto; scrollbar-width: none; margin-inline: calc(-1 * var(--catalog-bleed, 32px)); padding-inline: var(--catalog-bleed, 32px); } .catalog-chips__inner::-webkit-scrollbar { display: none; }  .catalog-chip { flex: none; min-height: 34px; height: 34px; padding: 0 20px; font: 500 13px/16px 'Inter', sans-serif; white-space: nowrap; }  .catalog-loadmore { order: 4; margin-top: 32px; } .catalog-request-error { order: 5; }  .catalog-loadmore__btn { height: 34px; padding: 0 20px; font-size: 13px; }  }  @media (max-width: 768px) {  .search-hero { padding: 24px 0 0; border-bottom: 0; text-align: left; } .search-hero .breadcrumbs { display: none; } .search-hero__title { font-size: 36px; line-height: 40px; }  .search-block-title { font-weight: 600; font-size: 32px; line-height: 38px; }  .catalog-main--search { margin-top: 32px; } .search-related-block { margin-bottom: 54px; } .search-related-block__label { margin-bottom: 20px; } .search-docs-block { margin-top: 54px; } .search-docs-block__grid { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 24px; } .search-popular { margin-top: 54px; margin-bottom: 54px; } .search-popular__chips { flex-direction: column; align-items: flex-start; margin-top: 24px; } .search-related-block__chips { flex-direction: column; align-items: flex-start; }  .catalog-toolbar--has-title { flex-wrap: wrap; row-gap: 28px; } .catalog-toolbar--has-title .search-block-title { order: 0; flex: 1 0 100%; } .catalog-toolbar--has-title .filters__toggle { order: 1; } .catalog-toolbar--has-title .catalog-toolbar__sort { order: 2; margin-left: auto; } }  .b2b-price { color: #006C66; } .b2b-price__retail { margin-left: 8px; color: #979E9F; font-weight: 400; }