/* STAGE 2 — approved home preview styling; only loaded on live homepage, no preview metadata/scripts. */
html, body, button, input, select, textarea,
.header, .footer, .site-content,
.catalog-item, .quick-select, .news-item, .news-item-simple {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body{
  color:#3d4148;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Core headings */
h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,
.section-title,.section-title h1,.section-title h2{
  font-family:"Inter 100System", Arial, sans-serif !important;
  letter-spacing:-0.018em;
}
h1,.h1{
  font-size:30px;
  line-height:1.18;
  font-weight:650;
}
h2,.h2{
  font-size:27px;
  line-height:1.2;
  font-weight:650;
}
h3,.h3{
  font-weight:600;
}

/* Main-page section titles */
.main-quick-select .section-title,
.main-news .section-title{
  font-size:24px !important;
  line-height:1.25 !important;
  font-weight:650 !important;
  color:#34383f;
  letter-spacing:-0.022em;
}
.brand-hits .section-title,
.main-categories .section-title,
.main-offers .section-title{
  font-size:28px !important;
  line-height:1.2 !important;
  font-weight:650 !important;
  color:#2f3338;
  letter-spacing:-0.024em;
}
.main-categories .section-title h1{
  font-size:inherit !important;
  line-height:inherit !important;
  font-weight:inherit !important;
  letter-spacing:inherit !important;
}

/* Homepage catalogue category labels */
.category-item__title,
.category-item__title b{
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
  letter-spacing:-0.01em;
  color:#30343a;
}

/* Product cards */
.catalog-item{
  font-family:"Inter 100System", Arial, sans-serif !important;
  color:#42464d;
}
.catalog-item__title,
.catalog-item__title h3,
.catalog-item__title h5{
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  letter-spacing:-0.008em;
  color:#30343a;
}
.catalog-item__buy-now-block .buy-now,
.catalog-item__buy-now-block-mobile .buy-now{
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  font-weight:400 !important;
  color:#656b74;
}
.catalog-item__price{
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:23px !important;
  line-height:1.15 !important;
  font-weight:700 !important;
  letter-spacing:-0.02em;
  color:#2d3137;
}

/* Rating: stars only */
.catalog-item__rating{
  display:flex !important;
  align-items:center;
  min-height:18px;
  margin-bottom:10px !important;
  line-height:1 !important;
}
.catalog-item__rating__value,
.catalog-item__rating__reviews{
  display:none !important;
}
.catalog-item__rating::before{
  content:"★★★★★";
  font-family:Arial, sans-serif;
  font-size:12px;
  line-height:1;
  letter-spacing:2px;
  color:#c9ced5;
}
.catalog-item__rating[data-preview-rating="1"]::before{color:#f5791f;}
.catalog-item__rating.preview-stars{
  position:relative;
  width:max-content;
}
.catalog-item__rating.preview-stars::after{
  content:"★★★★★";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:var(--rating-fill,0%);
  overflow:hidden;
  white-space:nowrap;
  font-family:Arial, sans-serif;
  font-size:12px;
  line-height:1;
  letter-spacing:2px;
  color:#f5791f;
}

/* Tags/chips and controls: slightly cleaner text */
.tags-list a,.tags-list span,.btn,.form-control,.selectric,.header-top-menu a,.header-user-menu a{
  font-family:"Inter 100System", Arial, sans-serif !important;
}

/* Inner-page headings, breadcrumbs and intro text */
.breadcrumb, .bx-breadcrumb, .breadcrumbs{
  font-family:"Inter 100System", Arial, sans-serif !important;
}
.catalog-page h1,
.news-page h1,
.site-content > .container h1{
  letter-spacing:-0.025em;
}

/* Compact preview navigation */
.typography-preview-nav{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:100000;
  display:flex;
  gap:6px;
  padding:7px;
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:rgba(255,255,255,.94);
  box-shadow:0 6px 24px rgba(0,0,0,.14);
  backdrop-filter:blur(8px);
  font:500 12px/1 "Inter 100System",Arial,sans-serif;
}
.typography-preview-nav a{
  padding:8px 10px;
  border-radius:8px;
  color:#34383f !important;
  text-decoration:none !important;
  background:#f3f4f6;
}
.typography-preview-nav a.active{
  color:#fff !important;
  background:#f5791f;
}

@media(max-width:767.98px){
  h1,.h1{font-size:23px;}
  h2,.h2{font-size:21px;}
  .main-quick-select .section-title,
  .main-news .section-title{
    font-size:20px !important;
  }
  .brand-hits .section-title,
  .main-categories .section-title,
  .main-offers .section-title{
    font-size:23px !important;
  }
  .category-item__title,.category-item__title b{
    font-size:14px !important;
  }
  .catalog-item__title,.catalog-item__title h3,.catalog-item__title h5{
    font-size:13.5px !important;
  }
  .catalog-item__price{font-size:21px !important;}
}


/* === Preview v2, 2026-10-01: refine sizes after visual review === */

/* Keep the whole header at the production typography/scale. */
#header,
#header * {
  font-family:"PT sans", sans-serif !important;
  letter-spacing:normal !important;
}

/* One visual level for the main-page section headings. */
.main-page .main-quick-select .section-title,
.main-page .main-news .section-title,
.main-page .brand-hits .section-title,
.main-page .main-categories .section-title,
.main-page .main-offers .section-title,
.main-page .main-categories .section-title h1 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.22 !important;
  font-weight:650 !important;
  letter-spacing:-0.022em !important;
  color:#33383f !important;
}

/* Quick-select: make the internal hierarchy calmer and closer to the old scale. */
.quick-select__head {
  font-family:"Inter 100System", Arial, sans-serif !important;
  padding-top:20px !important;
  padding-bottom:21px !important;
}
.quick-select__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
  letter-spacing:0 !important;
}
.quick-select__head p {
  margin-bottom:15px !important;
}
.quick-select__result {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
.quick-select__result strong {
  font-size:17px !important;
  font-weight:500 !important;
}
.quick-select .selectric .label,
.quick-select select,
.quick-select .form-control {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
}
.quick-select .btn-submit {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:500 !important;
}

/* News cards: detailed but not oversized. */
.main-news .news-item {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.main-news .news-item__title {
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:600 !important;
  letter-spacing:-0.012em !important;
  margin-bottom:5px !important;
}
.main-news .news-item__text {
  font-size:13px !important;
  line-height:1.36 !important;
  font-weight:400 !important;
  color:#555c64 !important;
}
.main-news .news-item__date {
  font-size:12px !important;
}
.main-news .news-item-simple__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.22 !important;
  font-weight:500 !important;
  letter-spacing:-0.005em !important;
  padding:6px 8px !important;
}

/* Homepage category labels + catalogue section tiles. */
.main-categories .category-item__title,
.main-categories .category-item__title b,
.catalog-page .catalog-variants .category-item__title,
.catalog-page .catalog-variants .category-item__title b {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
  letter-spacing:-0.012em !important;
  color:#343940 !important;
}

/* Modern compact product labels/statuses. */
.catalog-item__labels {
  max-width:82% !important;
}
.catalog-item__labels li {
  margin-right:5px !important;
  margin-bottom:4px !important;
}
.catalog-item__label {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:10.5px !important;
  line-height:18px !important;
  min-height:18px;
  padding:0 7px !important;
  border-radius:6px !important;
  font-weight:600 !important;
  letter-spacing:-0.005em !important;
  box-sizing:border-box;
  border:1px solid transparent;
}
.catalog-item__label.green {
  background:#e8f6ec !important;
  color:#21833d !important;
  border-color:#ccebd4 !important;
}
.catalog-item__label.yellow {
  background:#fff4cc !important;
  color:#8b6500 !important;
  border-color:#ffe49b !important;
}
.catalog-item__label.orange {
  background:#fff0e5 !important;
  color:#bf5c12 !important;
  border-color:#ffd5b7 !important;
}
.catalog-item__label.red {
  background:#ffe9e9 !important;
  color:#c93838 !important;
  border-color:#ffcaca !important;
}

/* Buy-in-one-click: light secondary action, not plain floating text. */
.catalog-item__buy-now-block .buy-now,
.catalog-item__buy-now-block-mobile .buy-now {
  display:inline-flex !important;
  align-items:center;
  width:auto;
  min-height:25px;
  padding:5px 8px !important;
  border:1px solid #e6e9ed;
  border-radius:7px;
  background:#f7f8f9;
  color:#626a74 !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:500 !important;
  text-decoration:none !important;
  white-space:nowrap;
}
.catalog-item__buy-now-block .buy-now::after,
.catalog-item__buy-now-block-mobile .buy-now::after {
  content:"→";
  margin-left:6px;
  color:#f5791f;
  font-size:12px;
  line-height:1;
}
.catalog-item__buy-now-block .buy-now:hover,
.catalog-item__buy-now-block-mobile .buy-now:hover {
  background:#fff4ec;
  border-color:#ffd4b5;
  color:#d86410 !important;
}

/* Product card typography stays close to v1 because it was approved. */
.catalog-item__title,
.catalog-item__title h3,
.catalog-item__title h5 {
  font-size:13.5px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
}
.catalog-item__price {
  font-size:22px !important;
  font-weight:700 !important;
}

/* Catalogue heading: keep the size that was liked. */
.catalog-page h1,
.catalog-page .h1 {
  font-size:30px !important;
  line-height:1.18 !important;
  font-weight:650 !important;
}

/* Chips above catalogue products. */
.catalog-page .tags-list a,
.catalog-page .tags-list span {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.1 !important;
  font-weight:550 !important;
  letter-spacing:-0.005em;
}

@media(max-width:767.98px){
  .main-page .main-quick-select .section-title,
  .main-page .main-news .section-title,
  .main-page .brand-hits .section-title,
  .main-page .main-categories .section-title,
  .main-page .main-offers .section-title,
  .main-page .main-categories .section-title h1 {
    font-size:20px !important;
    line-height:1.25 !important;
  }
  .quick-select__head{
    padding-top:14px !important;
    padding-bottom:14px !important;
  }
  .quick-select__title{font-size:11.5px !important;}
  .quick-select__result{font-size:12px !important;}
  .quick-select__result strong{font-size:15px !important;}
  .main-news .news-item__title{font-size:13.5px !important;}
  .main-news .news-item__text{font-size:12.5px !important;}
  .main-news .news-item-simple__title{font-size:12px !important;}
  .catalog-item__label{
    font-size:10px !important;
    line-height:17px !important;
    min-height:17px;
    padding:0 6px !important;
  }
  .catalog-item__buy-now-block .buy-now,
  .catalog-item__buy-now-block-mobile .buy-now{
    font-size:10.5px !important;
    min-height:23px;
    padding:4px 7px !important;
  }
  .catalog-item__title,
  .catalog-item__title h3,
  .catalog-item__title h5{font-size:13px !important;}
  .catalog-item__price{font-size:20px !important;}
  .catalog-page h1,.catalog-page .h1{font-size:23px !important;}
}


/* === Preview v3, 2026-10-01: fine typography pass after second visual review === */

/* Catalogue mega-menu: closer to compact Citilink-like density, but not tiny. */
#mega-menu .main-menu ul.first-level > li > a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14.5px !important;
  line-height:1.24 !important;
  font-weight:450 !important;
  letter-spacing:-0.008em !important;
  color:#454b53 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:550 !important;
  color:#272c32 !important;
}
#mega-menu .main-menu-sub,
#mega-menu .main-menu-sub a,
#mega-menu .main-menu-sub__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
}
#mega-menu .main-menu-sub a {
  font-size:13.5px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:13.5px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
}

/* Main-page block headings: exactly one family/size/weight. */
.main-page .main-quick-select .section-title,
.main-page .main-news .section-title,
.main-page .brand-hits .section-title,
.main-page .main-categories .section-title,
.main-page .main-offers .section-title,
.main-page .main-categories .section-title h1,
.main-page .main-about .section-title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:22px !important;
  line-height:1.24 !important;
  font-weight:600 !important;
  letter-spacing:-0.018em !important;
  color:#33383f !important;
}
.main-page .main-quick-select .section-title b,
.main-page .main-news .section-title b,
.main-page .brand-hits .section-title b,
.main-page .main-categories .section-title b,
.main-page .main-offers .section-title b,
.main-page .main-about .section-title b {
  font-weight:600 !important;
}

/* Keep original quick-select geometry so the two homepage columns do not drift. */
.quick-select__head {
  padding:24px 20px 26px !important;
}
.quick-select__head p {
  margin-bottom:24px !important;
}
.quick-select__title {
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
}
.quick-select__result {
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}
.quick-select__result strong {
  font-size:17px !important;
  font-weight:500 !important;
}
/* Fields were too small in v2. */
.quick-select .selectric .label,
.quick-select select,
.quick-select .form-control {
  font-size:14px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}
.quick-select .btn-submit {
  font-size:13.5px !important;
  font-weight:500 !important;
}

/* News and stories: same Inter family, slightly larger than v2 but still compact. */
.main-news .news-item {
  font-size:13.5px !important;
  line-height:1.38 !important;
}
.main-news .news-item__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
  letter-spacing:-0.01em !important;
}
.main-news .news-item__text {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.38 !important;
  font-weight:400 !important;
}
.main-news .news-item-simple__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.22 !important;
  font-weight:500 !important;
}

/* Product cards: keep the approved font, soften price weight. */
.catalog-item__price {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:21px !important;
  line-height:1.15 !important;
  font-weight:600 !important;
  letter-spacing:-0.014em !important;
}

/* Brighter modern status chips. */
.catalog-item__label {
  box-shadow:none !important;
}
.catalog-item__label.green {
  background:#e3f8ea !important;
  color:#087a35 !important;
  border-color:#a9e7bf !important;
}
.catalog-item__label.yellow {
  background:#fff0b5 !important;
  color:#8b5b00 !important;
  border-color:#ffd45a !important;
}
.catalog-item__label.orange {
  background:#ffeadb !important;
  color:#c94f00 !important;
  border-color:#ffbc8f !important;
}
.catalog-item__label.red {
  background:#ffe4e2 !important;
  color:#d12d24 !important;
  border-color:#ffb9b5 !important;
}

/* Best-offer tabs: thinner and compact enough to keep one-line labels. */
.main-offers .tags-list .tag,
.main-offers .tags-list a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:550 !important;
  letter-spacing:-0.008em !important;
}

/* About heading at the bottom must not look like a hero H1. */
.main-about .section-title {
  max-width:680px;
  font-size:22px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
}

/* Catalogue page: reduce only hierarchy that looked oversized; keep subsection tiles. */
.catalog-page h1,
.catalog-page .h1 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-0.018em !important;
}
.catalog-page-description {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.42 !important;
  font-weight:400 !important;
  color:#555c64 !important;
}
.catalog-page-description a {
  font-size:inherit !important;
  font-weight:500 !important;
}
.catalog-page .tags-list .tag,
.catalog-page .tags-list a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:11px !important;
  line-height:1.1 !important;
  font-weight:550 !important;
  letter-spacing:-0.006em !important;
}
/* Preserve the subsection tile typography that was liked. */
.catalog-page .catalog-variants .category-item__title,
.catalog-page .catalog-variants .category-item__title b {
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:600 !important;
}

/* Catalogue controls/sorting: significantly calmer. */
.catalog-controls,
.catalog-controls-info,
.catalog-controls-sort,
.catalog-controls-sort .control-label {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}
.catalog-controls-sort .control-label {
  margin-right:18px !important;
  color:#555c64 !important;
}
.catalog-controls-sort .selectric .label,
.catalog-controls-sort select {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}
.catalog-controls-sort .selectric-wrapper {
  min-width:220px !important;
}

/* Generic internal page H1 in preview: no oversized 30px heading. */
.news-page h1,
.site-content .news-list-page h1 {
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}

@media(max-width:767.98px){
  #mega-menu .main-menu ul.first-level > li > a{
    font-size:14px !important;
    font-weight:450 !important;
  }
  .main-page .main-quick-select .section-title,
  .main-page .main-news .section-title,
  .main-page .brand-hits .section-title,
  .main-page .main-categories .section-title,
  .main-page .main-offers .section-title,
  .main-page .main-categories .section-title h1,
  .main-page .main-about .section-title {
    font-size:19px !important;
    line-height:1.25 !important;
  }
  .quick-select__head {
    padding:15px 30px !important;
  }
  .quick-select__head p {
    margin-bottom:5px !important;
  }
  .quick-select__title{font-size:11.5px !important;}
  .quick-select__result{font-size:12.5px !important;}
  .quick-select__result strong{font-size:15px !important;}
  .quick-select .selectric .label,
  .quick-select select,
  .quick-select .form-control {font-size:13.5px !important;}
  .main-news .news-item__title{font-size:13.5px !important;}
  .main-news .news-item__text{font-size:13px !important;}
  .catalog-item__price{font-size:19px !important;font-weight:600 !important;}
  .catalog-page h1,.catalog-page .h1{font-size:22px !important;}
  .catalog-page-description{font-size:13.5px !important;}
  .catalog-controls,
  .catalog-controls-info,
  .catalog-controls-sort,
  .catalog-controls-sort .control-label,
  .catalog-controls-sort .selectric .label,
  .catalog-controls-sort select {font-size:12.5px !important;}
}


/* === Preview v4: balance weight/scale after third visual review === */

/* Main-page headings: same font and same weight everywhere, but lighter. */
.main-page .main-quick-select .section-title,
.main-page .main-news .section-title,
.main-page .brand-hits .section-title,
.main-page .main-categories .section-title,
.main-page .main-offers .section-title,
.main-page .main-categories .section-title h1,
.main-page .main-about .section-title {
  font-size:21px !important;
  line-height:1.24 !important;
  font-weight:550 !important;
  letter-spacing:-0.016em !important;
}
.main-page .main-quick-select .section-title b,
.main-page .main-news .section-title b,
.main-page .brand-hits .section-title b,
.main-page .main-categories .section-title b,
.main-page .main-offers .section-title b,
.main-page .main-about .section-title b {
  font-weight:550 !important;
}

/* Quick-select field text: a touch larger than v3 without changing geometry. */
.quick-select .selectric .label,
.quick-select select,
.quick-select .form-control {
  font-size:14.5px !important;
}

/* Product prices: still distinct, but no heavy bold block. */
.catalog-item__price {
  font-size:20px !important;
  font-weight:575 !important;
  letter-spacing:-0.01em !important;
}

/* Bottom company heading stays a section heading, not a hero. */
.main-about .section-title {
  font-size:21px !important;
  font-weight:550 !important;
  line-height:1.27 !important;
  max-width:650px !important;
}

/* Internal page H1 sits outside .catalog-page in the Bitrix layout. */
body h1:not(.section-title) {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  letter-spacing:-0.018em !important;
}

/* Catalogue filters were also visually oversized. */
.catalog-filter-title,
.catalog-filter-item .head.h4 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:18px !important;
  line-height:1.28 !important;
  font-weight:600 !important;
  letter-spacing:-0.012em !important;
}

/* Sorting should read like an interface control, not a heading. */
.catalog-controls,
.catalog-controls-info,
.catalog-controls-sort,
.catalog-controls-sort .control-label,
.catalog-controls-sort .selectric .label,
.catalog-controls-sort select {
  font-size:12.5px !important;
}
.catalog-controls-sort .selectric .label,
.catalog-controls-sort select {
  font-weight:500 !important;
}
.catalog-controls-sort .selectric-wrapper {
  min-width:205px !important;
}

/* Keep catalogue tag chips compact and readable. */
.catalog-page .tags-list .tag,
.catalog-page .tags-list a {
  font-size:11.5px !important;
  font-weight:525 !important;
}

/* Best-offer tabs should not wrap because of typography. */
.main-offers .tags-list .tag,
.main-offers .tags-list a {
  font-size:10.75px !important;
  font-weight:525 !important;
  white-space:nowrap !important;
}

/* Mega-menu first level: reduce boldness further. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:14.5px !important;
  font-weight:425 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:525 !important;
}

@media(max-width:767.98px){
  .main-page .main-quick-select .section-title,
  .main-page .main-news .section-title,
  .main-page .brand-hits .section-title,
  .main-page .main-categories .section-title,
  .main-page .main-offers .section-title,
  .main-page .main-categories .section-title h1,
  .main-page .main-about .section-title {
    font-size:18.5px !important;
    font-weight:550 !important;
  }
  .quick-select .selectric .label,
  .quick-select select,
  .quick-select .form-control {font-size:14px !important;}
  .catalog-item__price{font-size:18.5px !important;font-weight:575 !important;}
  body h1:not(.section-title){font-size:21px !important;}
  .catalog-filter-title,
  .catalog-filter-item .head.h4{font-size:17px !important;}
  .catalog-controls,
  .catalog-controls-info,
  .catalog-controls-sort,
  .catalog-controls-sort .control-label,
  .catalog-controls-sort .selectric .label,
  .catalog-controls-sort select{font-size:12px !important;}
}


/* === Preview v5, 2026-10-01: fix about/footer scale, richer badges, compact catalogue controls === */

/* About block: only the heading is a section heading. Body copy must stay normal-sized. */
.main-about__info.section-title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:15px !important;
  line-height:1.46 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#41474f !important;
  max-width:none !important;
}
.main-about__info.section-title > h2.h1,
.main-about__info.section-title > h2 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:21px !important;
  line-height:1.27 !important;
  font-weight:550 !important;
  letter-spacing:-0.016em !important;
  color:#33383f !important;
}
.main-about__info.section-title > p {
  font-size:15px !important;
  line-height:1.46 !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  color:#41474f !important;
}
.main-about__info.section-title > p:last-child {
  font-weight:500 !important;
}

/* Footer: deliberately compact; it is navigation, not content. */
.footer,
.footer a,
.footer p,
.footer li,
.footer .text,
.footer .footer-phone,
.footer .footer-email {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.42 !important;
  font-weight:400 !important;
}
.footer .title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
  letter-spacing:0.01em !important;
}
.footer .footer-phone {
  font-size:13px !important;
  font-weight:600 !important;
}

/* Status chips: richer, deeper modern colors instead of washed-out pastels. */
.catalog-item__label {
  color:#fff !important;
  border-color:transparent !important;
  box-shadow:0 1px 2px rgba(15,23,42,.10) !important;
}
.catalog-item__label.green {
  background:#169447 !important;
  color:#fff !important;
}
.catalog-item__label.yellow {
  background:#e9a20b !important;
  color:#fff !important;
}
.catalog-item__label.orange {
  background:#e86a16 !important;
  color:#fff !important;
}
.catalog-item__label.red {
  background:#d83a34 !important;
  color:#fff !important;
}

/* v19b: Best-offer tabs — larger text while keeping all tabs on one row at 1280/1366. */
.main-offers .tags-list .tag,
.main-offers .tags-list a {
  font-size:12px !important;
  line-height:1.15 !important;
  font-weight:525 !important;
  min-height:31px !important;
  padding:8px 8px !important;
  border-radius:9px !important;
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

/* SEO/tag-page chips inside catalogue: smaller, lighter and less bulky. */
.catalog-page .tags_section .tag_section_item,
.catalog-page .tag_section_item {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
  min-height:29px !important;
  padding:7px 12px !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
}

/* Sorting: reduce both type and actual control height. */
.catalog-controls-sort .selectric {
  height:36px !important;
  min-height:36px !important;
  border-radius:9px !important;
}
.catalog-controls-sort .selectric .label {
  height:34px !important;
  line-height:20px !important;
  padding:7px 0 !important;
  font-size:12px !important;
  font-weight:500 !important;
}
.catalog-controls-sort .selectric .button {
  height:34px !important;
  line-height:34px !important;
}
.catalog-controls-sort .selectric-wrapper {
  min-width:195px !important;
}
.catalog-controls-sort .control-label,
.catalog-controls-info {
  font-size:12px !important;
  font-weight:400 !important;
}

/* Filter panel: reduce headings and option text one step. */
.catalog-filter-title {
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
}
.catalog-filter-item .head.h4,
.catalog-filter-item .head {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.28 !important;
  font-weight:600 !important;
}
.catalog-filter .checkbox-label,
.catalog-filter .bx-filter-param-label,
.catalog-filter .form-control,
.catalog-filter input,
.catalog-filter select {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

/* Top catalogue category tabs also stay compact. */
.catalog-page .tags-list .tag,
.catalog-page .tags-list a {
  font-size:11px !important;
  font-weight:525 !important;
  min-height:28px !important;
  padding:7px 13px !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
}

@media(max-width:767.98px){
  .main-about__info.section-title,
  .main-about__info.section-title > p {
    font-size:14px !important;
    line-height:1.45 !important;
  }
  .main-about__info.section-title > h2.h1,
  .main-about__info.section-title > h2 {
    font-size:18.5px !important;
  }
  .footer,
  .footer a,
  .footer p,
  .footer li,
  .footer .text {
    font-size:11.5px !important;
  }
  .footer .title{font-size:11.5px !important;}
  .catalog-page .tags_section .tag_section_item,
  .catalog-page .tag_section_item{font-size:11.5px !important;}
  .catalog-filter-title,
  .catalog-filter-item .head.h4,
  .catalog-filter-item .head{font-size:15px !important;}
  .catalog-filter .checkbox-label,
  .catalog-filter .bx-filter-param-label{font-size:12.5px !important;}
}


/* === Preview v6, 2026-10-01: header contacts, lighter quick-select, compact homepage catalogue, alignment lock === */

/* Header contacts: same modern Inter family as the footer, but keep them appropriately prominent. */
#header .header-contacts .header-phone a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.25 !important;
  font-weight:600 !important;
  letter-spacing:-0.012em !important;
}
#header .header-contacts .header-email,
#header .header-contacts a.header-email {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  letter-spacing:0 !important;
}

/* Quick-select: lighter and more refined. */
.quick-select__title {
  font-size:12px !important;
  line-height:1.38 !important;
  font-weight:500 !important;
  letter-spacing:0.005em !important;
}
.quick-select__result {
  font-size:13px !important;
  line-height:1.38 !important;
  font-weight:400 !important;
}
.quick-select__result strong {
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:500 !important;
}
.quick-select .selectric .label,
.quick-select select,
.quick-select .form-control {
  font-size:13.5px !important;
  font-weight:400 !important;
}
.quick-select .btn-submit {
  font-size:13px !important;
  font-weight:450 !important;
}

/* Homepage catalogue / mega-menu: one step smaller and lighter. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:13.5px !important;
  line-height:1.27 !important;
  font-weight:425 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:525 !important;
}
#mega-menu .main-menu-sub a {
  font-size:13px !important;
  line-height:1.32 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:575 !important;
}
.main-categories .category-item__title,
.main-categories .category-item__title b {
  font-size:13px !important;
  line-height:1.32 !important;
  font-weight:525 !important;
}

/* Status chips: keep the approved soft-pill design, only modernize/deepen the palette. */
.catalog-item__label {
  color:inherit !important;
  box-shadow:none !important;
  border-width:1px !important;
  border-style:solid !important;
}
.catalog-item__label.green {
  background:#d7f0e1 !important;
  color:#086a35 !important;
  border-color:#78c999 !important;
}
.catalog-item__label.yellow {
  background:#f8e7ad !important;
  color:#875900 !important;
  border-color:#dbb846 !important;
}
.catalog-item__label.orange {
  background:#f6d8c5 !important;
  color:#a2460b !important;
  border-color:#df9b70 !important;
}
.catalog-item__label.red {
  background:#f3d2d0 !important;
  color:#a52d2a !important;
  border-color:#db8a86 !important;
}

/* On desktop keep the visual bottom of Stories aligned with Quick Select,
   matching the production geometry even with the new typography. */
@media(min-width:992px){
  #main-news-slider {
    min-height:325px !important;
  }
}

@media(max-width:767.98px){
  #header .header-contacts .header-phone a{
    font-size:14px !important;
  }
  #header .header-contacts .header-email,
  #header .header-contacts a.header-email{
    font-size:12px !important;
  }
  .quick-select__title{font-size:11.5px !important;}
  .quick-select__result{font-size:12.5px !important;}
  .quick-select__result strong{font-size:15px !important;}
  .quick-select .selectric .label,
  .quick-select select,
  .quick-select .form-control{font-size:13px !important;}
  .main-categories .category-item__title,
  .main-categories .category-item__title b{
    font-size:12.5px !important;
  }
}


/* v6b: hard alignment guard for the two homepage columns. */
@media(min-width:992px){
  .main-quick-select {
    display:flex !important;
    flex-direction:column !important;
  }
  .main-quick-select .quick-select {
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
  }
}


/* v6c: deeper muted status palette, keeping the approved soft-pill design. */
.catalog-item__label.green {
  background:#cfe8d9 !important;
  color:#075f32 !important;
  border-color:#72b88c !important;
}
.catalog-item__label.yellow {
  background:#f0d894 !important;
  color:#755000 !important;
  border-color:#cda43a !important;
}
.catalog-item__label.orange {
  background:#edc2a5 !important;
  color:#873a08 !important;
  border-color:#c97d4b !important;
}
.catalog-item__label.red {
  background:#e8bdb9 !important;
  color:#8c2b27 !important;
  border-color:#c86f69 !important;
}


/* v7: catalogue mega-menu typography — slightly smaller, per visual review. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:425 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:525 !important;
}
#mega-menu .main-menu-sub a {
  font-size:12.5px !important;
  line-height:1.32 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:12.5px !important;
  line-height:1.3 !important;
  font-weight:575 !important;
}


/* v7b: catalogue mega-menu — same size, slightly lighter letter weight. */
#mega-menu .main-menu ul.first-level > li > a {
  font-weight:400 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
}
#mega-menu .main-menu-sub__title {
  font-weight:525 !important;
}
#mega-menu .main-menu-sub a {
  font-weight:375 !important;
}


/* v7c: catalogue mega-menu — one more small size reduction. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:12.5px !important;
  line-height:1.3 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:12px !important;
}
#mega-menu .main-menu-sub a {
  font-size:12px !important;
}


/* v7d: catalogue mega-menu — visibly smaller for comparison. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:500 !important;
}
#mega-menu .main-menu-sub a {
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}


/* v7e: catalogue mega-menu — restore 13px after comparison. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:13px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
}
#mega-menu .main-menu-sub a {
  font-size:13px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}


/* v7f: catalogue mega-menu — 14px comparison. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:14px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:14px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
}
#mega-menu .main-menu-sub a {
  font-size:14px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}


/* v7g: catalogue mega-menu — 14.5px comparison. */
#mega-menu .main-menu ul.first-level > li > a {
  font-size:14.5px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
}
#mega-menu .main-menu li.sub-open > a,
#mega-menu .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
}
#mega-menu .main-menu-sub__title {
  font-size:14.5px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
}
#mega-menu .main-menu-sub a {
  font-size:14.5px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}


/* v7h: static homepage catalogue panel — match the approved mega-menu typography. */
.main-first .main-menu ul.first-level > li > a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14.5px !important;
  line-height:1.28 !important;
  font-weight:400 !important;
  letter-spacing:-0.008em !important;
  color:#454b53 !important;
}
.main-first .main-menu li.sub-open > a,
.main-first .main-menu ul.first-level > li > a:hover {
  font-weight:500 !important;
  color:#272c32 !important;
}
.main-first .main-menu-sub,
.main-first .main-menu-sub a,
.main-first .main-menu-sub__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
}
.main-first .main-menu-sub__title {
  font-size:14.5px !important;
  line-height:1.28 !important;
  font-weight:500 !important;
}
.main-first .main-menu-sub a {
  font-size:14.5px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
}


/* v8: compact Quick Select vertically and remove artificial news/story gap.
   Keep approved section headings and catalogue typography unchanged. */
@media(min-width:992px){
  .quick-select__head {
    padding-bottom:16px !important;
  }
  .quick-select__head .quick-select__result {
    margin-bottom:14px !important;
  }
  .quick-select__body {
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
  .quick-select__body .form-group {
    margin-bottom:15px !important;
  }
  #main-news-slider {
    min-height:0 !important;
  }
}


/* v10: approved chip shape; brighter modern status palette for review.
   Typography/size/geometry stay unchanged — colors only. */
.catalog-item__label[title="Хит"] {
  background:#FFE0EF !important;
  color:#C2185B !important;
  border-color:#FF79B2 !important;
}
.catalog-item__label[title="В наличии"] {
  background:#D8FAD8 !important;
  color:#087A31 !important;
  border-color:#60D77F !important;
}
.catalog-item__label[title="Под заказ"] {
  background:#DCEBFF !important;
  color:#0B5ED7 !important;
  border-color:#78AEFF !important;
}
.catalog-item__label[title="Уточняйте наличие"] {
  background:#E8DEFF !important;
  color:#6B36D8 !important;
  border-color:#B58CFF !important;
}
.catalog-item__label[title="Снят с производства"] {
  background:#E7E9ED !important;
  color:#4D5560 !important;
  border-color:#ADB4BF !important;
}
.catalog-item__label[title="Нет в наличии"] {
  background:#FFE2E2 !important;
  color:#C83D3D !important;
  border-color:#F5AAAA !important;
}
/* Discount / promo badge when it has no title. */
.catalog-item__label.red:not([title]) {
  background:#FFE0E5 !important;
  color:#CC3651 !important;
  border-color:#F4A6B4 !important;
}
/* Sensible fallbacks for status classes if a title differs slightly. */
.catalog-item__label.green:not([title]) {
  background:#D8FAD8 !important;
  color:#087A31 !important;
  border-color:#60D77F !important;
}
.catalog-item__label.orange:not([title]) {
  background:#DCEBFF !important;
  color:#0B5ED7 !important;
  border-color:#78AEFF !important;
}
.catalog-item__label.yellow:not([title]) {
  background:#E8DEFF !important;
  color:#6B36D8 !important;
  border-color:#B58CFF !important;
}


/* v11: homepage category tile titles — user-approved size test. */
.main-categories .category-item__title,
.main-categories .category-item__title b {
  font-size:14.5px !important;
}


/* v12: homepage advantages titles — size test requested by user. */
.main-advantages .advantage-item__title,
.main-advantages .advantage-item__title b {
  font-size:16px !important;
}


/* v13: main call heading size test. */
.main-call .main-call__text > p:first-child {
  font-size:18px !important;
}


/* v15: main call block unified at 18px for review. */
.main-call .main-call__text p,
.main-call .main-call__text p *,
.main-call .main-call__phone {
  font-size:18px !important;
}
.main-call .main-call__text p {
  line-height:1.35 !important;
}
.main-call .main-call__phone {
  line-height:1.3 !important;
}

/* v15b: keep the first line aligned with the unified 18px block. */
.main-call .main-call__text > p:first-child {
  font-size:18px !important;
  line-height:1.35 !important;
}


/* v18: phone emphasis at 24px; keep true vertical centering. */
.main-call .main-call__phone {
  font-size:24px !important;
  line-height:1.3 !important;
}
@media(min-width:768px){
  .main-call .main-call__phone {
    align-self:center !important;
  }
}


/* v20: balance best-offer tabs across wide and standard desktop widths. */
.main-offers .tags-list {
  justify-content:center !important;
}
@media(min-width:1400px){
  .main-offers .tags-list .tag,
  .main-offers .tags-list a {
    padding:8px 18px !important;
  }
}


/* v21: rebalance About block — wider copy column, shorter copy, tighter composition. */
.main-about .main-about__info {
  margin:-3px 0 0 !important;
}
.main-about .main-about__info .h1 {
  margin-bottom:22px !important;
}
.main-about .main-about__info p {
  margin-bottom:14px !important;
}
.main-about .main-about__info p:last-child {
  margin-bottom:0 !important;
}
.main-about .main-about__btn {
  position:static !important;
  margin-top:26px !important;
}
.main-about img {
  display:block !important;
  width:100% !important;
  height:auto !important;
  object-fit:cover !important;
}
@media(min-width:992px){
  .main-about > .row > .col-md-6:first-child {
    flex:0 0 56% !important;
    max-width:56% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:flex-start !important;
  }
  .main-about > .row > .col-md-6:last-child {
    flex:0 0 44% !important;
    max-width:44% !important;
  }
}


/* v21b: keep About content stacked at every width; prevent the CTA wrapper from stretching. */
.main-about > .row > .col-md-6:first-child {
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}
.main-about .main-about__info,
.main-about .main-about__btn {
  flex:0 0 auto !important;
}
.main-about .main-about__btn {
  height:45px !important;
  min-height:45px !important;
  max-width:100% !important;
}
@media(max-width:991.98px){
  .main-about > .row > .col-md-6:first-child {
    justify-content:flex-start !important;
  }
}


/* v23: footer rhythm and contact alignment. */
.footer {
  padding-top:40px !important;
}
.footer .footer-contacts {
  margin-top:0 !important;
  margin-bottom:16px !important;
}
.footer .footer-phone {
  font-size:14.5px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}
.footer .footer-phone a {
  display:inline-block !important;
  margin-left:0 !important;
  font-size:14.5px !important;
  line-height:1.35 !important;
  font-weight:650 !important;
}
.footer .footer-contacts > br {
  display:none !important;
}
.footer .footer-email {
  margin-top:12px !important;
}
.footer .footer-email,
.footer .footer-email a,
.footer .footer-contacts p {
  font-size:12.5px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}
.footer .footer-contacts p {
  margin-top:3px !important;
}


/* v24: raise the Yandex Market + copyright block to the first catalogue item baseline. */
@media(min-width:1200px){
  .footer .footer-widget {
    transform:translateY(-16px) !important;
  }
  .footer .footer-copyright {
    display:inline-block !important;
    transform:translateY(-16px) !important;
  }
}


/* v25: deterministic Best Offers tabs on medium desktop/tablet widths. */
@media(min-width:768px) and (max-width:1279.98px){
  .main-offers .tags-list {
    display:grid !important;
    grid-template-columns:repeat(4,max-content) !important;
    justify-content:center !important;
    column-gap:10px !important;
    row-gap:10px !important;
  }
  .main-offers .tags-list > li {
    margin:0 !important;
  }
  .main-offers .tags-list .tag,
  .main-offers .tags-list a {
    width:100% !important;
    padding:8px 10px !important;
    justify-content:center !important;
    text-align:center !important;
  }
}


/* v26: top dark navigation — Inter while preserving existing responsive sizing. */
.header .header-catalog-toggler,
.header .header-top-menu > li > a,
.header .header-top-menu .dropdown-toggler,
.header .header-user-menu > li > a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-weight:400 !important;
}

/* v26b: beat the preview header-wide PT Sans lock only for the dark navigation. */
#header .header-catalog-toggler,
#header .header-top-menu > li > a,
#header .header-top-menu .dropdown-toggler,
#header .header-user-menu > li > a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-weight:400 !important;
}


/* v27: top dark navigation size reduced to 14px for review. */
#header .header-catalog-toggler,
#header .header-top-menu > li > a,
#header .header-top-menu .dropdown-toggler {
  font-size:14px !important;
}
@media(min-width:1280px){
  #header .header-user-menu > li > a {
    font-size:14px !important;
  }
}


/* v28: remaining white-header typography. */
#header .header-logo b {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.54px !important;
  font-weight:700 !important;
}
#header .header-city > .dropdown-toggler {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
}
#header .header-workhours {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:700 !important;
}
#header input.form-control[placeholder*="Поиск"] {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:400 !important;
}


/* v29: center the middle dark-nav group exactly with Catalog and user actions. */
#header .header-top-menu > li > a,
#header .header-top-menu .dropdown-toggler {
  line-height:25px !important;
}


/* v30: fit the slogan cleanly under the logo. */
#header .header-logo b {
  font-size:13px !important;
  margin-right:0 !important;
}


/* v31b: align slogan start with the vertical stem of the "1" in the logo. */
#header .header-logo b {
  font-size:12.42px !important;
  margin-right:0 !important;
  text-align:right !important;
}
@media (min-width:768px) and (max-width:1279.98px) {
  #header .header-logo b {
    font-size:10.80px !important;
  }
}


/* v32: remaining interactive header states use Inter too; sizes stay unchanged. */
#header .header-logo,
#header #header-city a,
#header #header-city b,
#header #header-city span,
#header #header-city button,
#header .header-top-menu ul a,
#header .header-top-menu ul li,
#header #mega-menu .mega-menu-title,
#header #mega-menu .mega-menu-nav a,
#header #mega-menu .mega-menu-nav li,
#header #mega-menu .mega-menu-contacts,
#header #mega-menu .mega-menu-contacts a,
#header #mega-menu .mega-menu-email,
#header .header-user-menu sup {
  font-family:"Inter 100System", Arial, sans-serif !important;
}


/* v33: catalog visual hierarchy — preview only. */
.catalog-page .categories-list .category-item__title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14.5px !important;
  line-height:19.14px !important;
  font-weight:525 !important;
}

.catalog-page .catalog-recommended > .section-title {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:550 !important;
}

@media (min-width:768px) {
  .catalog-page {
    margin-bottom:30px !important;
  }
}


/* v34: deterministic catalogue tag layout + compact filter actions. */
.catalog-page .tags_section {
  display:grid !important;
  grid-template-columns:repeat(4,max-content) !important;
  justify-content:center !important;
  column-gap:10px !important;
  row-gap:10px !important;
}
.catalog-page .tags_section .tag_section_item {
  margin:0 !important;
}

/* Match the medium-width catalogue rhythm to the approved Best Offers approach. */
@media (min-width:768px) and (max-width:1279.98px) {
  .catalog-page .tags_section {
    grid-template-columns:repeat(2,max-content) !important;
  }
}

/* Mobile: keep a stable 2+2 layout instead of 1+2+1 / arbitrary wrapping. */
@media (max-width:767.98px) {
  .catalog-page .tags_section {
    display:grid !important;
    grid-template-columns:repeat(2,max-content) !important;
    justify-content:center !important;
    column-gap:8px !important;
    row-gap:8px !important;
    margin-left:0 !important;
    margin-bottom:20px !important;
    width:100% !important;
    left:auto !important;
    top:auto !important;
  }
  .catalog-page .tags_section .tag_section_item {
    margin:0 !important;
  }
}
@media (max-width:430px) {
  .catalog-page .tags_section .tag_section_item {
    font-size:11px !important;
    padding:7px 9px !important;
  }
}

/* Reset and Apply must read as one action pair. */
#catalog-filter #del_filter {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:17.55px !important;
  font-weight:400 !important;
  padding:10px 20px !important;
  white-space:nowrap !important;
}

/* Compact selected-filter result bubble. */
#catalog-filter #modef,
#catalog-filter .bx-filter-popup-result {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
#catalog-filter #modef a,
#catalog-filter .bx-filter-popup-result a,
#catalog-filter #modef_num {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.25 !important;
}


/* v34b: ultra-small phones — preserve readability instead of squeezing 2 columns. */
@media (max-width:370px) {
  .catalog-page .tags_section {
    grid-template-columns:max-content !important;
    justify-content:center !important;
  }
}


/* v36: breathing room before catalogue controls + left-aligned mobile tags. */
@media (min-width:768px) {
  .catalog-page .tags_section {
    margin-bottom:10px !important;
  }
}

@media (min-width:390px) and (max-width:767.98px) {
  .catalog-page .tags_section {
    justify-content:start !important;
  }
}

/* Active tags are wider because of the remove icon; protect narrower phones. */
@media (max-width:389.98px) {
  .catalog-page .tags_section {
    grid-template-columns:max-content !important;
    justify-content:center !important;
  }
}


/* v37: raise product status labels slightly in catalogue cards only. */
@media (min-width:768px) {
  .catalog-page .catalog-item__labels {
    top:16px !important;
  }
}
@media (max-width:767.98px) {
  .catalog-page .catalog-item__labels {
    top:6px !important;
  }
}


/* v38: raise catalogue status labels a little more for clearer visual separation. */
@media (min-width:768px) {
  .catalog-page .catalog-item__labels {
    top:12px !important;
  }
}
@media (max-width:767.98px) {
  .catalog-page .catalog-item__labels {
    top:4px !important;
  }
}


/* v39: keep homepage product-card status labels aligned with catalogue cards. */
@media (min-width:768px) {
  .main-page .catalog-item__labels {
    top:12px !important;
  }
}
@media (max-width:767.98px) {
  .main-page .catalog-item__labels {
    top:4px !important;
  }
}


/* v40: lower product status labels by 2px across catalogue and homepage. */
@media (min-width:768px) {
  .catalog-page .catalog-item__labels,
  .main-page .catalog-item__labels {
    top:14px !important;
  }
}
@media (max-width:767.98px) {
  .catalog-page .catalog-item__labels,
  .main-page .catalog-item__labels {
    top:6px !important;
  }
}


/* v41: tighten spacing between product status labels to a true 10px gap. */
.catalog-page .catalog-item__labels li,
.main-page .catalog-item__labels li {
  margin-right:0 !important;
  margin-bottom:0 !important;
}


/* v42: brand-orange Hit badge + subtly smaller status typography. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-size:10px !important;
}

.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  background:#FFF0E5 !important;
  color:#C85D0C !important;
  border-color:#F5A269 !important;
}


/* v43: restore status font size, reduce weight, use logo orange for Hit. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-size:10.5px !important;
  font-weight:550 !important;
}

.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  background:#FD7921 !important;
  color:#FFFFFF !important;
  border-color:#FD7921 !important;
}


/* v44: status palette variant 2 — balanced filled badges with white text. */
.catalog-page .catalog-item__label[title],
.main-page .catalog-item__label[title] {
  color:#FFFFFF !important;
}

.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  background:#FD7921 !important;
  border-color:#FD7921 !important;
}

.catalog-page .catalog-item__label[title="В наличии"],
.main-page .catalog-item__label[title="В наличии"] {
  background:#20B15A !important;
  border-color:#20B15A !important;
}

.catalog-page .catalog-item__label[title="Под заказ"],
.main-page .catalog-item__label[title="Под заказ"] {
  background:#3478D4 !important;
  border-color:#3478D4 !important;
}

.catalog-page .catalog-item__label[title="Уточняйте наличие"],
.main-page .catalog-item__label[title="Уточняйте наличие"] {
  background:#7457D8 !important;
  border-color:#7457D8 !important;
}

.catalog-page .catalog-item__label[title="Снят с производства"],
.main-page .catalog-item__label[title="Снят с производства"] {
  background:#697583 !important;
  border-color:#697583 !important;
}

.catalog-page .catalog-item__label[title="Нет в наличии"],
.main-page .catalog-item__label[title="Нет в наличии"] {
  background:#D95757 !important;
  border-color:#D95757 !important;
}


/* v45: slightly larger, lighter status typography. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-size:11px !important;
  font-weight:525 !important;
}


/* v46: status typography weight 500. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-weight:500 !important;
}


/* v47: status typography weight 450 for a visibly lighter look. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-weight:450 !important;
}


/* v48: thin regular status typography. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-weight:400 !important;
}


/* v49: DNS-like status palette variant A on real preview cards. */
.catalog-page .catalog-item__label,
.main-page .catalog-item__label {
  font-size:11px !important;
  font-weight:400 !important;
  line-height:18px !important;
  min-height:20px !important;
  padding:0 8px !important;
  border-radius:5px !important;
  border-width:1px !important;
  border-style:solid !important;
}

.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  color:#F26A16 !important;
  background:#FFF2E8 !important;
  border-color:#FFE1CC !important;
}

.catalog-page .catalog-item__label[title="В наличии"],
.main-page .catalog-item__label[title="В наличии"] {
  color:#159447 !important;
  background:#EAF7EF !important;
  border-color:#D4EEDC !important;
}

.catalog-page .catalog-item__label[title="Под заказ"],
.main-page .catalog-item__label[title="Под заказ"] {
  color:#3272C8 !important;
  background:#EDF4FD !important;
  border-color:#DCE9FB !important;
}

.catalog-page .catalog-item__label[title="Уточняйте наличие"],
.main-page .catalog-item__label[title="Уточняйте наличие"] {
  color:#7556C8 !important;
  background:#F2EEFC !important;
  border-color:#E3DAF8 !important;
}

.catalog-page .catalog-item__label[title="Снят с производства"],
.main-page .catalog-item__label[title="Снят с производства"] {
  color:#687583 !important;
  background:#F1F4F6 !important;
  border-color:#E1E6EA !important;
}

.catalog-page .catalog-item__label[title="Нет в наличии"],
.main-page .catalog-item__label[title="Нет в наличии"] {
  color:#C94F55 !important;
  background:#FCEEEF !important;
  border-color:#F4DADB !important;
}


/* v50: DNS-like status palette variant B on real preview cards. */
.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  color:#F5791F !important;
  background:#FFF0E5 !important;
  border-color:#FFD6BA !important;
}

.catalog-page .catalog-item__label[title="В наличии"],
.main-page .catalog-item__label[title="В наличии"] {
  color:#16A34A !important;
  background:#E8F8EE !important;
  border-color:#CBEFD8 !important;
}

.catalog-page .catalog-item__label[title="Под заказ"],
.main-page .catalog-item__label[title="Под заказ"] {
  color:#2563C9 !important;
  background:#EAF2FF !important;
  border-color:#CFDFFF !important;
}

.catalog-page .catalog-item__label[title="Уточняйте наличие"],
.main-page .catalog-item__label[title="Уточняйте наличие"] {
  color:#6F4BD8 !important;
  background:#F0EBFF !important;
  border-color:#DDD2FF !important;
}

.catalog-page .catalog-item__label[title="Снят с производства"],
.main-page .catalog-item__label[title="Снят с производства"] {
  color:#5F6B78 !important;
  background:#EEF2F5 !important;
  border-color:#D9E0E6 !important;
}

.catalog-page .catalog-item__label[title="Нет в наличии"],
.main-page .catalog-item__label[title="Нет в наличии"] {
  color:#D04A50 !important;
  background:#FDEBEC !important;
  border-color:#F3CED1 !important;
}


/* v51: news listing — hide date and align copy to image left edge. */
.news-page .news-item__date {
  display:none !important;
}
.news-page .news-item__info {
  width:100% !important;
  flex:1 1 100% !important;
  min-width:0 !important;
}


/* v52: news listing "Show more" + redesigned preview article. */
.news-page .btn-more,
.news-page .btn-more:focus {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  font-weight:400 !important;
  line-height:18px !important;
  color:#333 !important;
  background:#fff !important;
  border:1px solid #e3e6e9 !important;
  border-radius:8px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.12) !important;
  padding:14px 20px !important;
}
.news-page .btn-more:hover,
.news-page .btn-more:focus:hover {
  color:#f5791f !important;
  background:#fff !important;
  border-color:#d6dade !important;
  box-shadow:0 2px 6px rgba(0,0,0,.14) !important;
}

.news-preview-detail {
  margin-top:16px;
  margin-bottom:70px;
}
.news-preview-detail .news-article-card {
  font-family:"Inter 100System", Arial, sans-serif !important;
  color:#333;
}
.news-preview-detail .news-detail__title {
  margin:0 0 20px !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:21px !important;
  line-height:1.25 !important;
  font-weight:550 !important;
  color:#333 !important;
}
.news-preview-detail .news-detail-preview__image {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1000 / 625;
  object-fit:cover;
  margin:0 0 24px;
  border-radius:8px;
}
.news-preview-detail .news-detail-content {
  max-width:none !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.55 !important;
  font-weight:400 !important;
  color:#333 !important;
}
.news-preview-detail .news-detail-content p {
  margin:0 0 16px !important;
  text-align:left !important;
}
.news-preview-detail .news-detail-content h2 {
  margin:26px 0 12px !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:600 !important;
  color:#333 !important;
}
.news-preview-detail .news-detail-preview__date {
  margin-top:22px;
  text-align:right;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  font-weight:400 !important;
  color:#8a9199 !important;
}
@media (max-width:767.98px) {
  .news-preview-detail {
    margin-top:0;
    margin-bottom:40px;
  }
  .news-preview-detail .news-detail__title {
    font-size:20px !important;
    margin-bottom:16px !important;
  }
  .news-preview-detail .news-detail-preview__image {
    margin-bottom:20px;
    border-radius:7px;
  }
  .news-preview-detail .news-detail-content {
    font-size:13.5px !important;
    line-height:1.55 !important;
  }
}


/* v53: keep original article wording; strict neutral typography and DNS-like hero height. */
.news-preview-detail .news-detail-preview__image {
  width:100% !important;
  height:320px !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  margin:0 0 24px !important;
}
.news-preview-detail .news-detail-content,
.news-preview-detail .news-detail-content p,
.news-preview-detail .news-detail-content li {
  color:#333 !important;
}
.news-preview-detail .news-detail-content h1,
.news-preview-detail .news-detail-content h2,
.news-preview-detail .news-detail-content h3,
.news-preview-detail .news-detail-content h4,
.news-preview-detail .news-detail-content h5,
.news-preview-detail .news-detail-content h6 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  color:#333 !important;
  text-align:left !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
.news-preview-detail .news-detail-content h2 {
  font-size:16px !important;
  line-height:1.35 !important;
  margin:26px 0 12px !important;
}
.news-preview-detail .news-detail-content a,
.news-preview-detail .news-detail-content a:focus {
  color:#333 !important;
  font-weight:550 !important;
  text-decoration:none !important;
}
.news-preview-detail .news-detail-content a:hover,
.news-preview-detail .news-detail-content a:focus:hover {
  color:#333 !important;
  text-decoration:underline !important;
}
.news-preview-detail .news-detail-content ul {
  margin:0 0 18px 0 !important;
}
.news-preview-detail .news-detail-content li {
  margin-bottom:6px !important;
}
.news-preview-detail .news-detail-content strong,
.news-preview-detail .news-detail-content b {
  font-weight:600 !important;
}
@media (max-width:1199.98px) {
  .news-preview-detail .news-detail-preview__image {
    height:280px !important;
  }
}
@media (max-width:767.98px) {
  .news-preview-detail .news-detail-preview__image {
    height:180px !important;
    margin-bottom:20px !important;
  }
  .news-preview-detail .news-detail-content h2 {
    font-size:15px !important;
    margin:22px 0 10px !important;
  }
}


/* v54: slightly lower desktop news hero height. */
@media (min-width:1200px) {
  .news-preview-detail .news-detail-preview__image {
    height:300px !important;
  }
}


/* v55: 400px desktop news hero + reusable focal-point rule. */
.news-preview-detail .news-detail-preview__image {
  object-position:var(--news-image-position, center center) !important;
}
@media (min-width:1200px) {
  .news-preview-detail .news-detail-preview__image {
    height:400px !important;
  }
}


/* v56: constrain news detail card for cleaner reading and gentler image crop. */
@media (min-width:1200px) {
  .news-preview-detail {
    max-width:1050px;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* v57: use a 2:1 hero frame to reduce crop across preview images. */
@media (min-width:1200px) {
  .news-preview-detail .news-detail-preview__image {
    height:auto !important;
    aspect-ratio:2 / 1 !important;
    object-fit:cover !important;
  }
}


/* v58: neutral modern bullets + suppress news tags in preview. */
.news-page .news-list-tags,
.news-preview-detail .news-list-tags {
  display:none !important;
}
.news-preview-detail .news-detail-content ul {
  padding-left:0 !important;
  list-style:none !important;
}
.news-preview-detail .news-detail-content li {
  position:relative !important;
  padding-left:17px !important;
  margin-bottom:7px !important;
}
.news-preview-detail .news-detail-content li::before {
  content:"" !important;
  position:absolute !important;
  left:1px !important;
  top:.72em !important;
  width:5px !important;
  height:5px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#A7ADB4 !important;
}


/* v59: shared strict handling for legacy media/content inside all news previews. */
.news-preview-detail .news-detail-content picture {
  display:block !important;
  margin:22px 0 !important;
  text-align:left !important;
}
.news-preview-detail .news-detail-content img {
  display:block !important;
  max-width:100% !important;
  height:auto !important;
  margin:22px auto !important;
  border-radius:7px !important;
}
.news-preview-detail .news-detail-content table {
  width:100% !important;
  max-width:100% !important;
  border-collapse:collapse !important;
  margin:20px 0 !important;
  font:inherit !important;
}
.news-preview-detail .news-detail-content th,
.news-preview-detail .news-detail-content td {
  padding:9px 10px !important;
  border:1px solid #E2E5E8 !important;
  color:#333 !important;
  background:transparent !important;
  text-align:left !important;
  vertical-align:top !important;
}
.news-preview-detail .news-detail-content * {
  max-width:100%;
}
.news-preview-detail .news-detail-content {
  overflow-wrap:anywhere;
}


/* v62: safe image fit for news list and detail — preserve full artwork. */
.news-page .news-item__image {
  height:auto !important;
  aspect-ratio:8 / 5 !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  background-color:#fff !important;
}

.news-preview-detail .news-detail-preview__image {
  display:block !important;
  width:min(100%, 800px) !important;
  height:auto !important;
  aspect-ratio:8 / 5 !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#fff !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* v63: exception for Katuysha MC625c/MC635c 1000x563 artwork — remove letterboxing. */
.news-page a.news-item[href*="kompaniya-100-sistem-predstavlyaet-novye-tsvetnye-mfu-katyusha-mc625c-i-mc635c"] .news-item__image {
  background-size:cover !important;
  background-position:center center !important;
}
.news-preview-detail.news-image-cover-exception .news-detail-preview__image {
  object-fit:cover !important;
  object-position:center center !important;
}


/* v64: align article text column with the 800px hero, without changing image crop rules. */
.news-preview-detail .news-detail__title,
.news-preview-detail .news-detail-content,
.news-preview-detail .news-detail-preview__date {
  width:min(100%, 800px) !important;
  max-width:800px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}


/* v65: wider article column — balance full-width feel with safe uncropped hero. */
.news-preview-detail .news-detail__title,
.news-preview-detail .news-detail-content,
.news-preview-detail .news-detail-preview__date,
.news-preview-detail .news-detail-preview__image {
  width:min(100%, 920px) !important;
  max-width:920px !important;
}


/* v66: status badges — switch real preview cards back to DNS-like palette A. */
.catalog-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="Хит"] {
  color:#F26A16 !important;
  background:#FFF2E8 !important;
  border-color:#FFE1CC !important;
}

.catalog-page .catalog-item__label[title="В наличии"],
.main-page .catalog-item__label[title="В наличии"] {
  color:#159447 !important;
  background:#EAF7EF !important;
  border-color:#D4EEDC !important;
}

.catalog-page .catalog-item__label[title="Под заказ"],
.main-page .catalog-item__label[title="Под заказ"] {
  color:#3272C8 !important;
  background:#EDF4FD !important;
  border-color:#DCE9FB !important;
}

.catalog-page .catalog-item__label[title="Уточняйте наличие"],
.main-page .catalog-item__label[title="Уточняйте наличие"] {
  color:#7556C8 !important;
  background:#F2EEFC !important;
  border-color:#E3DAF8 !important;
}

.catalog-page .catalog-item__label[title="Снят с производства"],
.main-page .catalog-item__label[title="Снят с производства"] {
  color:#687583 !important;
  background:#F1F4F6 !important;
  border-color:#E1E6EA !important;
}

.catalog-page .catalog-item__label[title="Нет в наличии"],
.main-page .catalog-item__label[title="Нет в наличии"] {
  color:#C94F55 !important;
  background:#FCEEEF !important;
  border-color:#F4DADB !important;
}


/* v67: compact centered catalogue pagination; keep Next + arrow together. */
.catalog-page .pagination {
  justify-content:center !important;
  margin-left:0 !important;
  margin-right:0 !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
}

.catalog-page .pagination li.next a {
  min-width:auto !important;
  padding-left:8px !important;
  padding-right:21px !important;
  font-size:13.5px !important;
  font-weight:400 !important;
  line-height:30px !important;
  white-space:nowrap !important;
}

.catalog-page .pagination li.next .icon {
  width:15px !important;
  height:15px !important;
  right:1px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
}

.catalog-page .pagination li:not(.prev):not(.next) a {
  min-width:30px !important;
  line-height:30px !important;
  padding:0 4px !important;
}

.catalog-page .pagination li.active a,
.catalog-page .pagination li.active a:focus {
  padding:0 !important;
}

@media (max-width:767.98px) {
  .catalog-page .pagination {
    font-size:13.5px !important;
  }
  .catalog-page .pagination li.next a {
    font-size:13px !important;
    padding-left:6px !important;
    padding-right:19px !important;
    line-height:28px !important;
  }
  .catalog-page .pagination li.next .icon {
    width:14px !important;
    height:14px !important;
  }
  .catalog-page .pagination li:not(.prev):not(.next) a {
    min-width:28px !important;
    line-height:28px !important;
  }
}


/* v68: pagination prev/next as compact orange chevrons matching reference. */
.catalog-page .pagination li.prev a,
.catalog-page .pagination li.next a {
  position:relative !important;
  min-width:auto !important;
  color:#F5791F !important;
  background:transparent !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  font-weight:400 !important;
  line-height:30px !important;
  white-space:nowrap !important;
}

.catalog-page .pagination li.prev a {
  padding-left:18px !important;
  padding-right:8px !important;
}

.catalog-page .pagination li.next a {
  padding-left:8px !important;
  padding-right:18px !important;
}

/* Hide legacy SVG arrow; draw a clean thin chevron instead. */
.catalog-page .pagination li.prev .icon,
.catalog-page .pagination li.next .icon {
  display:none !important;
}

.catalog-page .pagination li.prev a::before,
.catalog-page .pagination li.next a::after {
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border-top:1.5px solid #F5791F !important;
  border-right:1.5px solid #F5791F !important;
  transform-origin:center !important;
}

.catalog-page .pagination li.prev a::before {
  left:3px !important;
  transform:translateY(-50%) rotate(-135deg) !important;
}

.catalog-page .pagination li.next a::after {
  right:3px !important;
  transform:translateY(-50%) rotate(45deg) !important;
}

.catalog-page .pagination li.prev a:hover,
.catalog-page .pagination li.prev a:focus,
.catalog-page .pagination li.next a:hover,
.catalog-page .pagination li.next a:focus {
  color:#F5791F !important;
}

@media (max-width:767.98px) {
  .catalog-page .pagination li.prev a,
  .catalog-page .pagination li.next a {
    font-size:13px !important;
    line-height:28px !important;
  }
  .catalog-page .pagination li.prev a {
    padding-left:17px !important;
    padding-right:6px !important;
  }
  .catalog-page .pagination li.next a {
    padding-left:6px !important;
    padding-right:17px !important;
  }
  .catalog-page .pagination li.prev a::before,
  .catalog-page .pagination li.next a::after {
    width:5.5px !important;
    height:5.5px !important;
  }
}


/* v69: slightly slimmer catalogue sorting control only. */
.catalog-page .catalog-controls-sort .selectric {
  height:34px !important;
  min-height:34px !important;
}
.catalog-page .catalog-controls-sort .selectric .label {
  height:32px !important;
  line-height:20px !important;
  padding:6px 0 !important;
}
.catalog-page .catalog-controls-sort .selectric .button {
  height:32px !important;
  line-height:32px !important;
}


/* v70: Citilink-inspired catalogue filter contrast, underlay and slimmer range slider. */
#catalog-filter {
  color:#2A2D31 !important;
}

#catalog-filter .catalog-filter-title,
#catalog-filter .catalog-filter-item .head,
#catalog-filter .catalog-filter-item .head.h4 {
  color:#202328 !important;
}

#catalog-filter .checkbox-label,
#catalog-filter .bx-filter-param-label,
#catalog-filter .variants-list,
#catalog-filter .form-control,
#catalog-filter input,
#catalog-filter select {
  color:#2A2D31 !important;
}

@media (min-width:1024px) {
  #catalog-filter .catalog-filter-inner {
    background:#F5F5F6 !important;
    box-shadow:none !important;
  }
}

/* Slimmer price slider, keeping the same hit area and logic. */
#catalog-filter .ui-range-slider::before {
  height:2px !important;
  top:9px !important;
  border-radius:1px !important;
  background:#D5D7DA !important;
}

#catalog-filter .ui-range-slider .ui-widget-header {
  height:2px !important;
  top:9px !important;
  background:#F5791F !important;
}

#catalog-filter .ui-range-slider .ui-slider-handle {
  width:16px !important;
  height:16px !important;
  top:2px !important;
}


/* v71: align filter panel with product cards + subtle secondary-color glass surface. */
@media (min-width:1024px) {
  #catalog-filter .catalog-filter-title {
    margin-bottom:17px !important; /* was 21px: aligns panel top with first product card */
  }

  #catalog-filter .catalog-filter-inner {
    background:
      linear-gradient(
        145deg,
        rgba(63,78,93,.085) 0%,
        rgba(91,80,111,.055) 100%
      ) !important;
    border:1px solid rgba(63,78,93,.09) !important;
    border-radius:12px !important;
    box-shadow:
      0 8px 24px rgba(63,78,93,.055),
      inset 0 1px 0 rgba(255,255,255,.72) !important;
    -webkit-backdrop-filter:blur(14px) saturate(135%) !important;
    backdrop-filter:blur(14px) saturate(135%) !important;
  }
}

/* The general filter text color must not override the orange Apply button. */
#catalog-filter #set_filter,
#catalog-filter #set_filter:hover,
#catalog-filter #set_filter:focus {
  color:#FFFFFF !important;
}


/* v72: lighter lavender glass filter panel; remove double top highlight; keep brand tiles white. */
@media (min-width:1024px) {
  #catalog-filter .catalog-filter-inner {
    background:
      linear-gradient(
        145deg,
        rgba(103, 88, 143, .040) 0%,
        rgba(128, 105, 170, .070) 100%
      ) !important;
    border:1px solid rgba(101, 86, 137, .075) !important;
    border-radius:12px !important;
    box-shadow:0 7px 20px rgba(74, 67, 96, .045) !important;
    -webkit-backdrop-filter:blur(16px) saturate(128%) !important;
    backdrop-filter:blur(16px) saturate(128%) !important;
  }

  #catalog-filter .icons-list .icon-label {
    background:#FFFFFF !important;
  }
}


/* v73: keep Bitrix filter result popup above product cards despite glass stacking context. */
@media (min-width:1024px) {
  #catalog-filter .catalog-filter-inner {
    position:relative !important;
    z-index:30 !important;
  }

  .catalog-page .col-md-4.col-lg-3.col-xl-2-of-10 {
    z-index:30 !important;
  }
}


/* v74: calmer typography for extra characteristics shown only in expanded catalogue cards. */
.catalog-page .catalog-item__chars {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}
.catalog-page .catalog-item__chars li {
  margin-bottom:3px !important;
}


/* v75 candidate: final card spacing refinements for user review.
   1) Raise desktop/tablet "Купить в 1 клик" without changing card flow.
   2) Add breathing room between mobile About button and image.
   3) Status badge outline exactly matches its text color. */
.main-page .catalog-item__buy-now-block,
.catalog-page .catalog-item__buy-now-block {
  transform:translateY(-4px) !important;
}

@media (max-width:767.98px) {
  .main-page .main-about .row > .col-md-6:last-child {
    margin-top:14px !important;
  }
}

.main-page .catalog-item__label[title="Хит"],
.main-page .catalog-item__label[title="В наличии"],
.main-page .catalog-item__label[title="Под заказ"],
.main-page .catalog-item__label[title="Уточняйте наличие"],
.main-page .catalog-item__label[title="Снят с производства"],
.main-page .catalog-item__label[title="Нет в наличии"],
.catalog-page .catalog-item__label[title="Хит"],
.catalog-page .catalog-item__label[title="В наличии"],
.catalog-page .catalog-item__label[title="Под заказ"],
.catalog-page .catalog-item__label[title="Уточняйте наличие"],
.catalog-page .catalog-item__label[title="Снят с производства"],
.catalog-page .catalog-item__label[title="Нет в наличии"] {
  border-color:currentColor !important;
}


/* v76 candidate: quick-select vertical centering + compact Clients dropdown. */
.main-page .quick-select .selectric .label {
  height:43px !important;
  line-height:43px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

#header .header-top-menu > li > ul a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}


/* v76b: actual Clients dropdown structure uses .dropdown-content. */
#header .header-top-menu .dropdown-content a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.4 !important;
}


/* v77 candidate: more compact/lighter status badges. */
.main-page .catalog-item__label[title],
.catalog-page .catalog-item__label[title] {
  padding-left:6px !important;
  padding-right:6px !important;
  font-weight:375 !important;
}


/* v78 candidate: price slider base track ends exactly at outer edges of 16px handles. */
#catalog-filter .ui-range-slider::before {
  left:-8px !important;
  right:-8px !important;
}


/* v79 candidate: mega-menu above catalogue filter + refined expanded catalogue description. */

/* Keep the entire header/mega-menu above the filter only while the catalogue menu is open.
   This preserves the filter's z-index fix for the Bitrix #modef popup in normal page state. */
body.mega-menu-open #header {
  z-index:40 !important;
}

/* Catalogue SEO/section description: preserve body readability, fix hierarchy and rhythm. */
.catalog-page-description h2 {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:18px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
  letter-spacing:-0.012em !important;
  color:#33383F !important;
  margin:16px 0 10px !important;
}

.catalog-page-description p {
  margin-top:0 !important;
  margin-bottom:10px !important;
}

.catalog-page-description ul {
  margin-top:5px !important;
  margin-bottom:11px !important;
}

.catalog-page-description li + li {
  margin-top:2px !important;
}

@media (max-width:1023.98px) and (min-width:768px) {
  .catalog-page-description h2 {
    font-size:17.5px !important;
  }
}


/* v80 candidate: match production mega-menu stacking while keeping preview filter below it. */
body.mega-menu-open #header {
  z-index:auto !important;
}

body.mega-menu-open #mega-menu .main-menu {
  z-index:40 !important;
}


/* v80b: reproduce production stacking exactly while mega-menu is open.
   Temporarily neutralize the preview-only filter stacking fix so the overlay dims it.
   Normal filter z-index 30 returns automatically after closing the mega-menu. */
body.mega-menu-open #mega-menu .main-menu {
  z-index:10 !important;
}

body.mega-menu-open #catalog-filter .catalog-filter-inner,
body.mega-menu-open .catalog-page .col-md-4.col-lg-3.col-xl-2-of-10 {
  z-index:auto !important;
}


/* v81 candidate: restore native production hover/submenu stacking above overlay. */
body.main-sub-menu-open #mega-menu .main-menu.sub-open {
  z-index:101 !important;
}


/* v91 candidate — mobile coexistence of cookie banner, chat and bottom nav. */
@media (max-width:559.98px) {
  body:has(#s100-cookie-banner.is-visible) #s100-cookie-banner {
    bottom:60px !important;
  }
  body:has(#s100-cookie-banner.is-visible) .b24-widget-button-wrapper {
    bottom:242px !important;
  }
}


/* v91b: on narrow mobile, cookie consent has priority; chat returns after consent. */
@media (max-width:559.98px) {
  body:has(#s100-cookie-banner.is-visible) .b24-widget-button-wrapper {
    display:none !important;
  }
}


/* v96 candidate — warm filter underlay matching Contacts summary cards. */
@media (min-width:1024px) {
  #catalog-filter .catalog-filter-inner {
    background:#FFFAF7 !important;
    border:1px solid #EFD8C9 !important;
    box-shadow:0 7px 20px rgba(74,67,96,.035) !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }

  #catalog-filter .range-block-inputs .form-control,
  #catalog-filter input,
  #catalog-filter select,
  #catalog-filter .icons-list .icon-label {
    background:#FFFFFF !important;
  }
}


/* v96b — restore Apply button after warm-underlay test. */
@media (min-width:1024px) {
  #catalog-filter #set_filter,
  #catalog-filter #set_filter:hover,
  #catalog-filter #set_filter:focus {
    background:#F5791F !important;
    color:#FFFFFF !important;
    border-color:transparent !important;
  }
}


/* v97 candidate — align header user actions with main dark navigation rhythm. */
@media (min-width:1280px) {
  #header .header-user-menu > li > a {
    font-family:"Inter 100System", Arial, sans-serif !important;
    font-size:14px !important;
    line-height:25px !important;
    font-weight:400 !important;
  }
}


/* v99 candidate — Best Offers mobile dropdown typography. */
#main-offers-mobile-nav .dropdown-content {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
  color:#4f5963 !important;
}

#main-offers-mobile-nav .dropdown-content ul li,
#main-offers-mobile-nav .dropdown-content ul a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.35 !important;
  font-weight:400 !important;
}

#main-offers-mobile-nav .dropdown-content ul a {
  padding:10px 20px !important;
  color:#4f5963 !important;
}

#main-offers-mobile-nav .dropdown-content ul li.selected > a {
  font-weight:550 !important;
  color:#33383f !important;
}

#main-offers-mobile-nav .dropdown-content ul li:hover,
#main-offers-mobile-nav .dropdown-content ul li.selected {
  background:#fffaf7 !important;
}


/* v99b — Best Offers mobile selector typography tuning. */
#main-offers-mobile-nav .dropdown-toggler {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:16px !important;
  line-height:24px !important;
  font-weight:550 !important;
  color:#33383f !important;
}

#main-offers-mobile-nav .dropdown-content,
#main-offers-mobile-nav .dropdown-content ul li,
#main-offers-mobile-nav .dropdown-content ul a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

#main-offers-mobile-nav .dropdown-content ul a {
  color:#59636e !important;
}


/* v99c — Best Offers closed selector size aligned with dropdown items. */
#main-offers-mobile-nav .dropdown-toggler {
  font-size:13px !important;
  line-height:24px !important;
  font-weight:550 !important;
}


/* v101 candidate — crisper dark-header navigation.
   Keep pure white; increase Inter from 400 to 500 for stronger rasterization. */
#header .header-catalog-toggler,
#header .header-top-menu > li > a,
#header .header-top-menu .dropdown-toggler,
#header .header-user-menu > li > a {
  color:#FFFFFF !important;
  font-weight:500 !important;
}


/* v102 — responsive polish after full preview review. */

/* Home About: Bootstrap switches at 768px, while our previous breathing room
   ended at 767.98px. Keep the same 14px gap through the stacked tablet state. */
@media (min-width:768px) and (max-width:991.98px) {
  .main-page .main-about .row > .col-md-6:last-child {
    margin-top:14px !important;
  }
}

/* Footer phones: keep each number intact at tablet/intermediate widths. */
.footer .footer-phone a {
  white-space:nowrap !important;
  width:max-content !important;
  max-width:none !important;
}

/* Search results use the same product component but not .catalog-page.
   Mirror the approved final catalogue-card details. */
body.typography-utility-preview.preview-search-v100 .catalog-item__label {
  font-size:11px !important;
  font-weight:400 !important;
  line-height:18px !important;
  min-height:20px !important;
  padding-left:6px !important;
  padding-right:6px !important;
  border-radius:5px !important;
  border-width:1px !important;
  border-style:solid !important;
  border-color:currentColor !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__buy-now-block {
  transform:translateY(-4px) !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__chars {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:1.25 !important;
  font-weight:400 !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__chars li {
  margin-bottom:3px !important;
}


/* v102b — search cards fully synchronized with approved catalogue cards. */
@media (min-width:768px) {
  body.typography-utility-preview.preview-search-v100 .catalog-item__labels {
    top:14px !important;
  }
}
@media (max-width:767.98px) {
  body.typography-utility-preview.preview-search-v100 .catalog-item__labels {
    top:6px !important;
  }
}

body.typography-utility-preview.preview-search-v100 .catalog-item__labels li {
  margin-right:0 !important;
  margin-bottom:0 !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__label[title] {
  font-size:11px !important;
  font-weight:375 !important;
  line-height:18px !important;
  min-height:20px !important;
  padding:0 6px !important;
  border-radius:5px !important;
  border-width:1px !important;
  border-style:solid !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="Хит"] {
  color:#F26A16 !important;
  background:#FFF2E8 !important;
  border-color:#F26A16 !important;
}
body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="В наличии"] {
  color:#159447 !important;
  background:#EAF7EF !important;
  border-color:#159447 !important;
}
body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="Под заказ"] {
  color:#3272C8 !important;
  background:#EDF4FD !important;
  border-color:#3272C8 !important;
}
body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="Уточняйте наличие"] {
  color:#7556C8 !important;
  background:#F2EEFC !important;
  border-color:#7556C8 !important;
}
body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="Снят с производства"] {
  color:#687583 !important;
  background:#F1F4F6 !important;
  border-color:#687583 !important;
}
body.typography-utility-preview.preview-search-v100 .catalog-item__label[title="Нет в наличии"] {
  color:#C94F55 !important;
  background:#FCEEEF !important;
  border-color:#C94F55 !important;
}


/* v103 — search pagination and expanded-card details exactly match catalogue. */

/* Expanded characteristics: utility-page base styles were overriding the LI children. */
body.typography-utility-preview.preview-search-v100 .catalog-item__chars li {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:15.625px !important;
  font-weight:400 !important;
  color:#42464D !important;
  margin:0 0 3px !important;
  padding:0 !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__chars li .name {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:15.625px !important;
  font-weight:400 !important;
  color:#AFAFAF !important;
}

body.typography-utility-preview.preview-search-v100 .catalog-item__chars li a {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12.5px !important;
  line-height:15.625px !important;
  font-weight:400 !important;
  color:#F5791F !important;
}

/* Pagination: same compact centered treatment as the approved catalogue. */
body.typography-utility-preview.preview-search-v100 .pagination {
  justify-content:center !important;
  margin-left:0 !important;
  margin-right:0 !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li:not(.prev):not(.next) a {
  min-width:30px !important;
  line-height:30px !important;
  padding:0 4px !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:400 !important;
  color:#3D4148 !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.active a,
body.typography-utility-preview.preview-search-v100 .pagination li.active a:focus {
  padding:0 !important;
  color:#000 !important;
  background:#E5E6E8 !important;
  border-radius:19px !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.prev a,
body.typography-utility-preview.preview-search-v100 .pagination li.next a {
  position:relative !important;
  min-width:auto !important;
  color:#F5791F !important;
  background:transparent !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:13.5px !important;
  font-weight:400 !important;
  line-height:30px !important;
  white-space:nowrap !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.prev a {
  padding-left:18px !important;
  padding-right:8px !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.next a {
  padding-left:8px !important;
  padding-right:18px !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.prev .icon,
body.typography-utility-preview.preview-search-v100 .pagination li.next .icon {
  display:none !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.prev a::before,
body.typography-utility-preview.preview-search-v100 .pagination li.next a::after {
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  width:6px !important;
  height:6px !important;
  border-top:1.5px solid #F5791F !important;
  border-right:1.5px solid #F5791F !important;
  transform-origin:center !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.prev a::before {
  left:3px !important;
  transform:translateY(-50%) rotate(-135deg) !important;
}

body.typography-utility-preview.preview-search-v100 .pagination li.next a::after {
  right:3px !important;
  transform:translateY(-50%) rotate(45deg) !important;
}

@media (max-width:767.98px) {
  body.typography-utility-preview.preview-search-v100 .pagination {
    font-size:13.5px !important;
  }
  body.typography-utility-preview.preview-search-v100 .pagination li:not(.prev):not(.next) a {
    min-width:28px !important;
    line-height:28px !important;
  }
  body.typography-utility-preview.preview-search-v100 .pagination li.prev a,
  body.typography-utility-preview.preview-search-v100 .pagination li.next a {
    font-size:13px !important;
    line-height:28px !important;
  }
  body.typography-utility-preview.preview-search-v100 .pagination li.prev a {
    padding-left:17px !important;
    padding-right:6px !important;
  }
  body.typography-utility-preview.preview-search-v100 .pagination li.next a {
    padding-left:6px !important;
    padding-right:17px !important;
  }
  body.typography-utility-preview.preview-search-v100 .pagination li.prev a::before,
  body.typography-utility-preview.preview-search-v100 .pagination li.next a::after {
    width:5.5px !important;
    height:5.5px !important;
  }
}


/* v103b — active search pagination number exact catalogue parity. */
body.typography-utility-preview.preview-search-v100 .pagination li.active:not(.prev):not(.next) a,
body.typography-utility-preview.preview-search-v100 .pagination li.active:not(.prev):not(.next) a:focus {
  color:#000 !important;
  background:#E5E6E8 !important;
}


/* v106 candidate: dark-header catalogue action stays orange in every state.
   Previously :hover and .active (mega-menu open) made white text invisible. */
#header .header-catalog-toggler,
#header .header-catalog-toggler:hover,
#header .header-catalog-toggler:focus,
#header .header-catalog-toggler:focus-visible,
#header .header-catalog-toggler.active,
#header .header-catalog-toggler.active:hover,
#header .header-catalog-toggler.active:focus {
  background-color:#F5791F !important;
  color:#FFF !important;
}

/* v106: footer details on intermediate layouts.
   Keep the already-approved font sizes; correct visual vertical alignment. */
@media (min-width:768px) and (max-width:1199.98px) {
  .footer .footer-contacts {
    margin-top:0 !important;
    position:relative;
    top:-1px;
  }
}

/* Do not allow company copyright text to break in the 768–991 grid.
   It is on its own bottom row, so its intrinsic width can safely exceed
   the first column without colliding with other footer links. */
.footer .footer-copyright {
  white-space:nowrap !important;
  display:inline-block !important;
}


/* v107: catalogue nav according to approved visual behavior.
   Closed: orange/white; hover: white/orange; opened (.active): orange/white.
   The hamburger inherits currentColor from the anchor. */
#header .header-catalog-toggler:not(.active):hover,
#header .header-catalog-toggler:not(.active):focus-visible {
  background-color:#FFFFFF !important;
  color:#F5791F !important;
}
#header .header-catalog-toggler.active,
#header .header-catalog-toggler.active:hover,
#header .header-catalog-toggler.active:focus-visible {
  background-color:#F5791F !important;
  color:#FFFFFF !important;
}


/* v108 candidate — optically align footer phone glyph baseline to column headings.
   Inter 14.5px phone baseline is 2.6875px below Inter 12px headings
   even where their element top edges coincide. */
@media (min-width:768px) {
  .footer .footer-contacts {
    position:relative !important;
    top:-2.7px !important;
  }
}

/* v109: remove obsolete 7px padding on mobile footer phone links.
   Align phone digits with footer email/address and column starts. */
@media (max-width:767.98px) {
  .footer .footer-phone a {
    padding-left:0 !important;
  }
}

/* v111: at 768–799px several Swiper arrows overhang the document
   (right:-27px in the original theme), causing horizontal scroll.
   Keep both navigation buttons symmetrically inside their sliders only
   in this narrow breakpoint; avoid changing dimensions/other breakpoints. */
@media (min-width:768px) and (max-width:799.98px) {
  .main-news-slider .arrow-nav-btn.prev,
  .main-news-slider-simple .arrow-nav-btn.prev,
  .catalog-slider .arrow-nav-btn.prev {
    left:0 !important;
  }
  .main-news-slider .arrow-nav-btn.next,
  .main-news-slider-simple .arrow-nav-btn.next,
  .catalog-slider .arrow-nav-btn.next {
    right:0 !important;
  }
}

/* v113 — compact action buttons in catalogue/product-list cards.
   Keep the approved small availability badges untouched. Applies equally to
   homepage, catalogue, and search rendered from the common item template.
   No changes to detailed product page, purchase links or click handlers. */

/* Normalize the three large bottom actions, but never force display:
   Bitrix hides some availability buttons via inline display:none. */
.catalog-item .catalog-item__buttons-line > a.btn[data-action="requestPrice"],
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn {
  box-sizing:border-box !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  width:100%;
  height:34px !important;
  min-height:34px !important;
  padding:0 12px !important;
  font-family:"Inter 100System",Arial,sans-serif !important;
  font-size:12.5px !important;
  font-weight:500 !important;
  line-height:1.25 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap;
  border:1px solid transparent !important;
  border-radius:18px !important;
  box-shadow:none !important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease !important;
}
.catalog-item .catalog-item__buttons-line > .product-item-button-container {
  flex:1 1 100%;
  min-width:0;
  max-width:100%;
}

/* Actual link to the approved replacement product. */
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn:not(.btn-link) {
  background:#F5791F !important;
  border-color:#F5791F !important;
  color:#FFFFFF !important;
}
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn:not(.btn-link):hover,
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn:not(.btn-link):focus-visible {
  background:#E86C13 !important;
  border-color:#E86C13 !important;
  color:#FFFFFF !important;
}

/* Product without published price — preserve the blue action category. */
.catalog-item .catalog-item__buttons-line > a.btn[data-action="requestPrice"] {
  background:#248BCB !important;
  border-color:#248BCB !important;
  color:#FFFFFF !important;
}
.catalog-item .catalog-item__buttons-line > a.btn[data-action="requestPrice"]:hover,
.catalog-item .catalog-item__buttons-line > a.btn[data-action="requestPrice"]:focus-visible {
  background:#1978B4 !important;
  border-color:#1978B4 !important;
  color:#FFFFFF !important;
}

/* Unavailable product without a linked replacement: informative, not primary. */
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn.btn-link {
  background:#F1F3F5 !important;
  border-color:#E1E6EA !important;
  color:#7B8691 !important;
  cursor:default !important;
}
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn.btn-link:hover,
.catalog-item .catalog-item__buttons-line > .product-item-button-container > a.btn.btn-link:focus {
  background:#F1F3F5 !important;
  border-color:#E1E6EA !important;
  color:#7B8691 !important;
}
/* v113 end */


/* USER-APPROVED header v97 overrides unapproved v101 candidate: Inter 400 */
#header .header-catalog-toggler,
#header .header-top-menu > li > a,
#header .header-top-menu .dropdown-toggler,
#header .header-user-menu > li > a {
  font-weight:400 !important;
}


/* LIVE REVIEW PARENTHESES PATCH — 2026-10-12.
   Bitrix emits literal text nodes around .catalog-item__rating__reviews:
   (<span class="catalog-item__rating__reviews">0 отзывов</span>).
   Hiding spans alone leaves visual ().
   Parent text is visually hidden while ::before/::after stars retain 12px font.
   Preserve full original DOM, reviews text and SEO structured data. */
.catalog-item__rating {
  font-size:0 !important;
}