/* SF UX fixes 2026-10-22 (Claude). Loaded from main.html (SF_UX_FIXES_20261022). Remove that block to roll back. */

/* 1. Mobile category hero: image banner is back, compact. */
@media (max-width: 767px) {
  html body .sf-home-category .sf-home-category__hero {
    position: relative; overflow: hidden; min-height: 0; margin: 0 0 12px;
    border-radius: 12px; background: #3a1d44;
  }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__hero-image {
    display: block; position: absolute; inset: 0; width: 100%; height: 100%;
    object-fit: cover; object-position: 70% center; opacity: 1;
  }
  html body .sf-home-category .sf-home-category__hero::after {
    display: block; content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
    background: linear-gradient(90deg, rgba(38, 10, 46, .86) 0%, rgba(38, 10, 46, .62) 58%, rgba(38, 10, 46, .28) 100%);
  }
  html body .sf-home-category .sf-home-category__hero::before { display: none; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__hero-content {
    position: relative; z-index: 1; min-height: 158px; padding: 18px 16px 12px;
    display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: 6px;
    background: none; color: #fff;
  }
  html body .sf-home-category .sf-home-category__hero h1 { color: #fff; font-size: 24px; line-height: 1.2; margin: 0; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__facts { display: block; margin: 0; padding: 0; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__facts li:first-child { display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 4px; padding: 0; border: 0; background: none; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__facts strong,
  html body .sf-home-category .sf-home-category__hero .sf-home-category__facts span { display: inline; margin: 0; color: rgba(255, 255, 255, .9); font-size: 12px; line-height: 1.4; font-weight: 400; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__actions { display: flex; gap: 8px; width: 100%; margin: 4px 0 0; }
  html body .sf-home-category .sf-home-category__hero .sf-home-category__button {
    display: inline-flex; align-items: center; min-height: 32px; padding: 0 12px; border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, .55); background: rgba(255, 255, 255, .14); color: #fff; font-size: 12px;
  }
}

/* 1b. Mobile subcategory tiles ("Разделы категории"): pictures are back. */
@media (max-width: 767px) {
  html body .sf-home-category #sf-category-subcategories { margin: 0 0 16px; }
  html body .sf-home-category #sf-category-subcategories .sf-home-category__section-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 0 10px; }
  html body .sf-home-category #sf-category-subcategories .sf-home-category__section-heading h2 { margin: 0; font-size: 20px; line-height: 1.25; }
  html body .sf-home-category .sf-home-category__subcategory-list { display: flex; gap: 10px; margin: 0; padding: 0 0 4px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  html body .sf-home-category .sf-home-category__subcategory { display: flex; flex-direction: column; flex: 0 0 calc(50% - 5px); width: calc(50% - 5px); min-width: 0; background: #fff; border: 1px solid #eee5ed; border-radius: 10px; overflow: hidden; scroll-snap-align: start; text-decoration: none; }
  html body .sf-home-category .sf-home-category__subcategory img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
  html body .sf-home-category .sf-home-category__subcategory-copy { display: block; padding: 10px 12px 12px; }
  html body .sf-home-category .sf-home-category__subcategory strong { display: block; font-size: 14px; line-height: 1.3; color: #2c252e; }
  html body .sf-home-category .sf-home-category__subcategory small { display: block; margin-top: 4px; font-size: 11px; line-height: 1.35; color: #746a76; }
}

/* 2. Mobile filters: header pinned on top, clear close button, results under the header. */
@media (max-width: 991px) {
  .category__content-sidebar.active .filters__header {
    position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between;
    gap: 12px; margin: 0; padding: 10px 12px 10px 16px; background: #fff; border-bottom: 1px solid #eee5ed;
  }
  .category__content-sidebar.active .filters__header-title { font-size: 18px; line-height: 1.3; font-weight: 600; color: #2c252e; }
  .category__content-sidebar.active .filters__header .sf-home-filter-reset { margin-left: auto; font-size: 13px; }
  .category__content-sidebar.active .filters__header-back {
    position: static; display: flex; align-items: center; justify-content: center; flex: 0 0 44px;
    width: 44px; height: 44px; margin: 0; border-radius: 50%; background: #f3edf3; color: #2c252e; cursor: pointer; transform: none;
  }
  .category__content-sidebar.active .filters__header-back .icon-svg { width: 18px; height: 18px; fill: currentColor; stroke: currentColor; }
  .category__content-sidebar.active .filters > .js-filters-results { margin: 0; padding: 10px 16px 0; }
}

/* 3. One product card: the compact mobile card of the catalog is also used in search and "Рекомендуем посмотреть". */
.sf-mc-scope {
  --mc-accent: #9b2b77; --mc-accent-dark: #72117f; --mc-tint: #f8edf6; --mc-line: #eee5ed; --mc-muted: #746a76;
}

.sf-mc-specs, .sf-mc-minimum, .sf-mc-group-next { display: none; }
.sf-mc-group { display: contents; }
.sf-mc-group > .sf-mc-group-toggle { display: none; }
.sf-mc-group > .sf-mc-group-toggle svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
/* scoped copy of the catalog mobile card rules (category-home-landing.css, "Screenshot_18") */
@media (max-width: 767px) {
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__list { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 9px 7px; margin: 0px; padding: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__list-item { width: auto; min-width: 0px; margin: 0px; padding: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item { height: 100%; margin: 0px; padding: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-overlay,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item:hover .products__item-overlay { position: relative; display: flex; flex-direction: column; height: 100%; width: 100%; left: 0px; top: 0px; margin: 0px; padding: 0px 0px 7px; border: 1px solid var(--mc-line); border-radius: 7px; background: rgb(255, 255, 255); box-shadow: rgba(67, 35, 59, 0.024) 0px 2px 4px; overflow: visible; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-images { order: 0; margin: -1px -1px 0px; border-radius: 7px 7px 0px 0px; overflow: hidden; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-gallery { position: relative; display: block; margin: 0px; padding: 0px; aspect-ratio: 0.92 / 1; overflow: hidden; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-image { position: absolute; inset: 0px; width: 100%; height: 100%; margin: 0px; padding: 0px; opacity: 0; visibility: hidden; transform: none !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-image.is-active { opacity: 1; visibility: visible; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-image img { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; max-height: none; object-fit: cover; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-actions { position: absolute; top: 7px; right: 7px; bottom: auto; width: auto; z-index: 20; opacity: 1; visibility: visible; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions { display: flex; gap: 4px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions-item:has(.js-to-compare) { display: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions-link { width: 34px; height: 34px; background: rgba(255, 255, 255, 0.95); border-radius: 50%; color: var(--mc-accent); box-shadow: rgba(59, 35, 59, 0.1) 0px 1px 4px; opacity: 1; visibility: visible; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions-link .icon { width: 19px; height: 19px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-pagination { position: absolute; inset: auto auto 8px 50%; height: auto; transform: translateX(-50%); display: flex; width: auto; gap: 4px; padding: 5px 7px; border-radius: 16px; background: rgba(255, 255, 255, 0.72); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-bullet { width: 6px; height: 6px; margin: 0px; background: rgb(255, 255, 255); border-radius: 50%; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-bullet.is-active { background: var(--mc-accent); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-name { order: 1; margin: 7px 7px 3px; padding: 0px; min-height: 36px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-name a { display: block; height: auto; font-size: 13px; line-height: 18px; font-weight: 500; color: rgb(44, 37, 46); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-name-text { line-height: 18px !important; max-height: 36px !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope [data-sf-mobile-card] .products__item-features,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-home-product-specs,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-bonus { display: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-specs { order: 2; display: block; min-height: 32px; margin: 0px 7px 2px; color: var(--mc-muted); font-size: 11px; line-height: 16px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-specs span { display: block; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-stock { order: 3; height: auto; min-height: 0px; margin: 0px 7px 2px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__stock { font-size: 10px; line-height: 15px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__stock-minorder { display: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-offers { order: 4; display: grid; grid-template-columns: minmax(0px, 1fr) auto; min-height: 0px; height: auto; align-content: end; gap: 2px 5px; margin: auto 7px 0px; padding: 0px; border: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-prices { grid-column: 1 / -1; order: 0; margin: 0px; min-height: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__prices { display: flex; flex-wrap: wrap; gap: 0px 5px; align-items: baseline; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__prices-item.price { font-size: 17px; line-height: 23px; font-weight: 650; color: rgb(43, 35, 45); margin: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__price-unit { font-size: 10px; margin-left: 3px; color: rgb(101, 89, 105); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope [data-sf-mobile-card] .products__item-fullprice { display: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-minimum { display: block; grid-column: 1 / -1; order: 1; color: var(--mc-muted); font-size: 10px; line-height: 16px; margin: 0px 0px 3px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-form { min-width: 0px; order: 2; margin: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-buy { display: block; margin: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-buy .theme-btn,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .pnotice__buttonView { display: flex; justify-content: center; align-items: center; width: 100%; min-height: 38px; height: auto; padding: 8px 3px; border-radius: 5px; font-size: 12px; line-height: 20px; background: var(--mc-accent); border-color: var(--mc-accent); color: rgb(255, 255, 255); box-shadow: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .pnotice__buttonView { background: var(--mc-tint); color: var(--mc-accent-dark); border-color: var(--mc-tint); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group { display: block; order: 2; width: 36px; position: static; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group > .sf-mc-group-toggle { display: flex; align-items: center; justify-content: center; list-style: none; height: 38px; background: var(--mc-tint); color: var(--mc-accent); border-radius: 5px; cursor: pointer; border: 0px; width: 100%; padding: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group .wc-card-progress { display: none; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group.is-open .wc-card-progress { display: block; position: absolute; z-index: 8; bottom: 50px; left: 7px; right: 7px; margin: 0px; box-shadow: rgba(58, 23, 58, 0.15) 0px 4px 16px; background: rgb(255, 255, 255); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-buy { display: block; min-height: 38px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-buy .theme-btn { border-radius: 5px; background: linear-gradient(90deg, rgb(143, 10, 198), rgb(155, 5, 175), rgb(159, 16, 153), rgb(159, 30, 135), rgb(155, 43, 119)); min-height: 38px !important; padding: 8px 3px !important; font-size: 12px !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-name,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-name a { min-height: 36px; max-height: 36px; height: 36px !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-overlay { min-height: 0px !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions-link { background: rgba(255, 255, 255, 0.95); color: var(--mc-accent); width: 34px !important; height: 34px !important; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__actions-link.js-to-favorites.active { background: var(--mc-accent); color: rgb(255, 255, 255); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-stock,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-offers,
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .products__item-prices { min-height: 0px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group.is-open .wc-card-progress { z-index: 21; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group-next { display: block; margin-top: 9px; border-top: 1px solid var(--mc-line); padding-top: 9px; }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group-next p { margin: 0px 0px 9px; font-size: 12px; line-height: 1.4; color: var(--mc-muted); }
  html body :is(#product-list,#sf-mc-recs-1,#sf-mc-recs-2,#sf-mc-recs-3,#sfhc-track-1,#sfhc-track-2,#sfhc-track-3).sf-mc-scope.sf-mc-scope .sf-mc-group-join { display: block; padding: 9px 7px; border-radius: 5px; background: var(--mc-accent); color: rgb(255, 255, 255); font-size: 12px; line-height: 1.3; font-weight: 600; text-align: center; text-decoration: none; }
}

/* 5. "Товар добавлен в корзину": units next to quantity and price. */
.sf-cart-added .sf-cart-added__unit { margin-left: 4px; font-size: 13px; font-weight: 400; color: #6d6570; }
.sf-cart-added .sf-cart-added__note { margin: 10px 0 0; font-size: 13px; line-height: 1.4; color: #6d6570; }

/* 8. Desktop logo tagline "ТКАНИ ДЛЯ ВАШИХ ИДЕЙ": was 5-7px and looked blurry. Sized to the logo width, does not touch the letters. */
@media (min-width: 992px) {
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline,
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline.sfh-logo-tagline-split { font-size: 7px; letter-spacing: .06em; font-weight: 500; -webkit-font-smoothing: antialiased; }
  html body .sfh-shell-footer-band .sfh-footer-brand > .sfh-logo-tagline-split { font-size: 9px; letter-spacing: .06em; font-weight: 500; -webkit-font-smoothing: antialiased; }
}
@media (min-width: 1200px) {
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline,
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline.sfh-logo-tagline-split { font-size: 8.8px; }
}
@media (min-width: 1360px) {
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline,
  html body .sfh-shell-header .top__logo .sfh-shell-logo-tagline.sfh-logo-tagline-split { font-size: 10px; }
}

/* 9. Heart in the round "favorites" button: the shape is top-heavy, so its box is centred but it looks high. Optical nudge. */
.products__item .products__actions-link.js-to-favorites .icon-heart { transform: translateY(1px); }

/* 10. Footer logo: whole-pixel height so the thin letters stay sharp. */
@media (min-width: 992px) {
  html body .sfh-footer-brand .sfh-footer-logo { height: 41px; width: auto; max-width: none; }
}

/* 11. Header menu: every item gets the same hover highlight as "Ещё" (before, only "Ещё" lit up). Layout does not move. */
@media (min-width: 992px) {
  html body .sfh-shell-header .top__menu-list > .top__menu-item > .top__menu-link {
    display: inline-flex; align-items: center; min-height: 40px; padding: 0 6px; margin: 0 -6px; border-radius: 7px;
    transition: background-color .2s ease;
  }
  html body .sfh-shell-header .top__menu-list > .top__menu-item > .top__menu-link:hover,
  html body .sfh-shell-header .top__menu-list > .top__menu-item > .top__menu-link:focus-visible { background: rgba(255, 255, 255, .18); color: #fff; }
}

/* 12. Category quick links (star-tex style). */
.sf-quicklinks { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.sf-quicklinks a {
  display: inline-flex; align-items: baseline; gap: 6px; padding: 8px 14px; border-radius: 999px;
  background: #f5f2f5; border: 1px solid #eee5ed; color: #2c252e; font-size: 14px; line-height: 1.2;
  text-decoration: none; white-space: nowrap; transition: background-color .2s ease, color .2s ease;
}
.sf-quicklinks a:hover { background: #f8edf6; color: #72117f; }
.sf-quicklinks a small { font-size: 12px; color: #8a7f8c; }
.sf-quicklinks a[aria-current] { background: #72117f; border-color: #72117f; color: #fff; }
.sf-quicklinks a[aria-current] small { color: rgba(255, 255, 255, .8); }
@media (max-width: 767px) {
  .sf-quicklinks { flex-wrap: nowrap; overflow-x: auto; margin: 0 -8px 12px; padding: 0 8px 2px; scrollbar-width: none; }
  .sf-quicklinks::-webkit-scrollbar { display: none; }
  .sf-quicklinks a { padding: 8px 12px; font-size: 13px; }
}

/* 12b. Mobile: the quick links replace the older shortcut row above the list (same idea, real SEO pages). */
@media (max-width: 767px) {
  .sf-home-category:has(.sf-quicklinks) .sf-mc-shortcuts { display: none; }
  .sf-home-category #sf-category-products > .sf-quicklinks-box .sf-quicklinks { margin-bottom: 8px; }
}

/* 12c. Title above the quick links. */
.sf-quicklinks-box { margin: 0 0 14px; }
.sf-quicklinks-box .sf-quicklinks { margin-bottom: 0; }
.sf-quicklinks__title { margin: 0 0 8px; font-size: 15px; line-height: 1.3; font-weight: 600; color: #2c252e; }
@media (max-width: 767px) {
  .sf-quicklinks-box { margin-bottom: 8px; }
  .sf-quicklinks__title { margin-bottom: 6px; font-size: 14px; }
}

/* 13. Category pagination: keep page numbers clear of product cards and of the "Заказ, опт и доставка" block (23.10). */
.products__wrapper > .block__pagination { margin: 16px 0 32px; }
.products__wrapper > .block__pagination .block__pagination-list .menu-h { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; margin: 0; padding: 0; }
.products__wrapper > .block__pagination .block__pagination-list .menu-h > li { display: flex; align-items: center; margin: 0; }
@media (max-width: 767px) {
  .products__wrapper > .block__pagination { margin: 8px 0 24px; }
}

/* 14. SF_FONT_ALIAS_20261023: info pages (О магазине, Доставка, Контакты…) ask for "Onest"/"Onest ND", but the site only registers "onest-nd",
   so their text and the «Разделы сайта» menu fell back to Segoe UI/Arial. Register both names on the same Onest files. */
@font-face { font-family: "Onest"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/@fontsource-variable/onest@5.3.1/files/onest-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/@fontsource-variable/onest@5.3.1/files/onest-cyrillic-wght-normal.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: "Onest ND"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/@fontsource-variable/onest@5.3.1/files/onest-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Onest ND"; font-style: normal; font-weight: 100 900; font-display: swap; src: url("https://cdn.jsdelivr.net/npm/@fontsource-variable/onest@5.3.1/files/onest-cyrillic-wght-normal.woff2") format("woff2"); unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
.sf-info-nav-v4__title { font-size: 16px; font-weight: 700; }
.sf-info-nav-v4__summary { font-size: 14px; font-weight: 600; }
.sf-info-nav-v4 .pages__menu-link { font-size: 13.5px; font-weight: 500; }

/* 15. SF_NAV_UNIFY_20261023: catalog menu and «Разделы сайта» in the blog-menu style: 32px lilac tile + thin line icon, gradient when active. */
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link > .categories__nav-icon { display: block !important; position: relative; flex: 0 0 32px !important; width: 32px !important; height: 32px !important; margin-right: 12px; border-radius: 10px; background: #f0e5f3 !important; transition: background-color .16s; }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link::before { content: none !important; display: none !important; }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link > .categories__nav-icon::before { content: ""; position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; background: #6d237d; -webkit-mask: var(--sf-cat-icon) center / contain no-repeat; mask: var(--sf-cat-icon) center / contain no-repeat; }
.hidden__catalog .categories__nav-item:hover > .categories__nav-link > .categories__nav-icon { background: #e6d3ec !important; }
.hidden__catalog .categories__nav-item.is-active > .categories__nav-link > .categories__nav-icon { background: linear-gradient(110deg, #4b0f65, #8f0ac6) !important; }
.hidden__catalog .categories__nav-item.is-active > .categories__nav-link > .categories__nav-icon::before { background: #fff; }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/tkani-dlya-doma/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%2010.5%2012%203l9%207.5'%2F%3E%3Cpath%20d%3D'M5%209v11h14V9'%2F%3E%3Cpath%20d%3D'M10%2020v-6h4v6'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/tkani-dlya-odezhdy/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20.38%203.46%2016%202a4%204%200%200%201-8%200L3.62%203.46a2%202%200%200%200-1.34%202.23l.58%203.47a1%201%200%200%200%20.99.84H6v10c0%201.1.9%202%202%202h8a2%202%200%200%200%202-2V10h2.15a1%201%200%200%200%20.99-.84l.58-3.47a2%202%200%200%200-1.34-2.23Z'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/shtornye-i-porternye-tkani/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%203h18'%2F%3E%3Cpath%20d%3D'M5%203v18'%2F%3E%3Cpath%20d%3D'M19%203v18'%2F%3E%3Cpath%20d%3D'M5%203c0%207%202%2011%205%2018'%2F%3E%3Cpath%20d%3D'M19%203c0%207-2%2011-5%2018'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/professionalnye-tkani/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'2'%20y%3D'7'%20width%3D'20'%20height%3D'14'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M16%207V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v2'%2F%3E%3Cpath%20d%3D'M2%2013h20'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/tkani-dlya-horeca-oteley-i-gostinits/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%2022V4a2%202%200%200%201%202-2h8a2%202%200%200%201%202%202v18Z'%2F%3E%3Cpath%20d%3D'M6%2012H4a2%202%200%200%200-2%202v8h4'%2F%3E%3Cpath%20d%3D'M18%209h2a2%202%200%200%201%202%202v11h-4'%2F%3E%3Cpath%20d%3D'M10%206h4'%2F%3E%3Cpath%20d%3D'M10%2010h4'%2F%3E%3Cpath%20d%3D'M10%2014h4'%2F%3E%3Cpath%20d%3D'M10%2018h4'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/vidy-tkaney/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12.83%202.18a2%202%200%200%200-1.66%200L2.6%206.08a1%201%200%200%200%200%201.83l8.58%203.91a2%202%200%200%200%201.66%200l8.58-3.9a1%201%200%200%200%200-1.83Z'%2F%3E%3Cpath%20d%3D'm22%2012.65-9.17%204.16a2%202%200%200%201-1.66%200L2%2012.65'%2F%3E%3Cpath%20d%3D'm22%2017.65-9.17%204.16a2%202%200%200%201-1.66%200L2%2017.65'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/po-sostavu/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M9%203h6'%2F%3E%3Cpath%20d%3D'M10%203v6.5L4.5%2019a1.5%201.5%200%200%200%201.3%202h12.4a1.5%201.5%200%200%200%201.3-2L14%209.5V3'%2F%3E%3Cpath%20d%3D'M7%2015h10'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/podbor-tkani-po-tsvetu/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%2022a10%2010%200%201%201%2010-10c0%202.2-1.8%203-3.5%203H16a2%202%200%200%200-1.5%203.3A2%202%200%200%201%2012%2022Z'%2F%3E%3Ccircle%20cx%3D'7.5'%20cy%3D'10.5'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'7.5'%20r%3D'1'%2F%3E%3Ccircle%20cx%3D'16.5'%20cy%3D'10.5'%20r%3D'1'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/podbor-tkani-po-risunku/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'18'%20height%3D'18'%20rx%3D'3'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'8'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'8'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'8'%20cy%3D'16'%20r%3D'1.3'%2F%3E%3Ccircle%20cx%3D'16'%20cy%3D'16'%20r%3D'1.3'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/strany-proizvodstva/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'12'%20cy%3D'12'%20r%3D'10'%2F%3E%3Cpath%20d%3D'M2%2012h20'%2F%3E%3Cpath%20d%3D'M12%202a15.3%2015.3%200%200%201%204%2010%2015.3%2015.3%200%200%201-4%2010%2015.3%2015.3%200%200%201-4-10%2015.3%2015.3%200%200%201%204-10Z'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/tkani/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M20%2010c0%206-8%2012-8%2012s-8-6-8-12a8%208%200%200%201%2016%200Z'%2F%3E%3Ccircle%20cx%3D'12'%20cy%3D'10'%20r%3D'3'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/kollektsii/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'3'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'3'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3Crect%20x%3D'14'%20y%3D'14'%20width%3D'7'%20height%3D'7'%20rx%3D'1.5'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/novinki/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%203l1.9%205.1L19%2010l-5.1%201.9L12%2017l-1.9-5.1L5%2010l5.1-1.9L12%203Z'%2F%3E%3Cpath%20d%3D'M19%2015l.8%202.2L22%2018l-2.2.8L19%2021l-.8-2.2L16%2018l2.2-.8L19%2015Z'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/aktsii/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M19%205%205%2019'%2F%3E%3Ccircle%20cx%3D'6.5'%20cy%3D'6.5'%20r%3D'2.5'%2F%3E%3Ccircle%20cx%3D'17.5'%20cy%3D'17.5'%20r%3D'2.5'%2F%3E%3C%2Fsvg%3E"); }
.hidden__catalog .categories__nav-list > .categories__nav-item > .categories__nav-link[href="/category/tkani-na-otrez/"] > .categories__nav-icon { --sf-cat-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Ccircle%20cx%3D'6'%20cy%3D'6'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M8.12%208.12%2012%2012'%2F%3E%3Cpath%20d%3D'M20%204%208.12%2015.88'%2F%3E%3Ccircle%20cx%3D'6'%20cy%3D'18'%20r%3D'3'%2F%3E%3Cpath%20d%3D'M14.8%2014.8%2020%2020'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__group--bag { --sf-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M6%202%203%206v14a2%202%200%200%200%202%202h14a2%202%200%200%200%202-2V6l-3-4Z'%2F%3E%3Cpath%20d%3D'M3%206h18'%2F%3E%3Cpath%20d%3D'M16%2010a4%204%200%200%201-8%200'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__group--store { --sf-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%209%204.5%204h15L21%209'%2F%3E%3Cpath%20d%3D'M3%209a3%203%200%200%200%206%200%203%203%200%200%200%206%200%203%203%200%200%200%206%200'%2F%3E%3Cpath%20d%3D'M5%2012v8h14v-8'%2F%3E%3Cpath%20d%3D'M10%2020v-5h4v5'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__group--tools { --sf-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Crect%20x%3D'4'%20y%3D'2'%20width%3D'16'%20height%3D'20'%20rx%3D'2'%2F%3E%3Cpath%20d%3D'M8%206h8'%2F%3E%3Cpath%20d%3D'M8%2011h.01M12%2011h.01M16%2011h.01M8%2015h.01M12%2015h.01M16%2015h.01M8%2019h.01M12%2019h.01M16%2019h.01'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__group--people { --sf-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'm11%2017%202%202a1%201%200%201%200%203-3'%2F%3E%3Cpath%20d%3D'm14%2014%202.5%202.5a1%201%200%201%200%203-3l-3.88-3.88a3%203%200%200%200-4.24%200l-.88.88a1%201%200%201%201-3-3l2.81-2.81a5.79%205.79%200%200%201%207.06-.87l.47.28a2%202%200%200%200%201.42.25L21%204'%2F%3E%3Cpath%20d%3D'm21%203%201%2011h-2'%2F%3E%3Cpath%20d%3D'M3%203%202%2014l6.5%206.5a1%201%200%201%200%203-3'%2F%3E%3Cpath%20d%3D'M3%204h8'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__group--document { --sf-nav-icon: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M14%202H6a2%202%200%200%200-2%202v16a2%202%200%200%200%202%202h12a2%202%200%200%200%202-2V8Z'%2F%3E%3Cpath%20d%3D'M14%202v6h6'%2F%3E%3Cpath%20d%3D'M8%2013h8'%2F%3E%3Cpath%20d%3D'M8%2017h8'%2F%3E%3Cpath%20d%3D'M8%209h2'%2F%3E%3C%2Fsvg%3E"); }
.sf-info-nav-v4__icon { position: relative; display: block; }
.sf-info-nav-v4__icon::before { position: absolute; inset: 0; margin: auto; width: 18px; height: 18px; -webkit-mask: var(--sf-nav-icon) center / contain no-repeat; }
.sf-info-nav-v4__group[open] .sf-info-nav-v4__icon { background: linear-gradient(110deg, #4b0f65, #8f0ac6); }
.sf-info-nav-v4__group[open] .sf-info-nav-v4__icon::before { background: #fff; }