/* design_override.css v30 — spectrsiz.by */
SIZE: 23767
/**
 * design_override.css v18 — spectrsiz.by
 * Premium design: Navy + Orange + Warm Cream
 * All classes verified from live HTML
 */

/* =============================================
   АНИМАЦИИ
   ============================================= */
@keyframes phoneRing {
  0%,100%{ transform: rotate(0deg); }
  15%    { transform: rotate(15deg); }
  30%    { transform: rotate(-12deg); }
  45%    { transform: rotate(10deg); }
  60%    { transform: rotate(-6deg); }
  75%    { transform: rotate(4deg); }
}
@keyframes pulseRing {
  0%  { box-shadow: 0 0 0 0 rgba(240,123,29,0.55); }
  70% { box-shadow: 0 0 0 10px rgba(240,123,29,0); }
  100%{ box-shadow: 0 0 0 0 rgba(240,123,29,0); }
}
/* Иконка каталога — качание */
@keyframes iconSwing {
  0%,100%{ transform: rotate(0deg) scale(1); }
  20%    { transform: rotate(-18deg) scale(1.15); }
  40%    { transform: rotate(14deg) scale(1.1); }
  60%    { transform: rotate(-8deg) scale(1.05); }
  80%    { transform: rotate(5deg) scale(1.02); }
}
/* Разряд молнии */
@keyframes lightning {
  0%,90%,100%{ opacity:1; filter:brightness(1); }
  92%        { opacity:0.3; filter:brightness(3) saturate(0); }
  94%        { opacity:1; filter:brightness(2.5) hue-rotate(20deg); }
  96%        { opacity:0.5; filter:brightness(4); }
  98%        { opacity:1; filter:brightness(1.5); }
}
/* Удар / встряска */
@keyframes impact {
  0%       { transform: translateX(0) translateY(0) rotate(0); }
  10%      { transform: translateX(-5px) translateY(-3px) rotate(-3deg); }
  20%      { transform: translateX(5px) translateY(3px) rotate(3deg); }
  30%      { transform: translateX(-4px) translateY(-2px) rotate(-2deg); }
  40%      { transform: translateX(4px) translateY(1px) rotate(2deg); }
  50%      { transform: translateX(-2px) translateY(0) rotate(-1deg); }
  60%,100% { transform: translateX(0) translateY(0) rotate(0); }
}
/* Горение / жар */
@keyframes heatPulse {
  0%,100%{ filter: brightness(1) drop-shadow(0 0 0px orange); transform: scale(1); }
  50%    { filter: brightness(1.4) drop-shadow(0 0 6px #f07b1d); transform: scale(1.12); }
}
/* Падение груза */
@keyframes dropBounce {
  0%  { transform: translateY(-12px) scale(0.9); opacity:0.6; }
  60% { transform: translateY(3px) scale(1.05); opacity:1; }
  80% { transform: translateY(-3px) scale(0.98); }
  100%{ transform: translateY(0) scale(1); opacity:1; }
}
/* Токсичный пульс */
@keyframes toxicGlow {
  0%,100%{ filter: drop-shadow(0 0 0px #7ac70c); }
  50%    { filter: drop-shadow(0 0 7px #7ac70c) brightness(1.3); }
}
/* Вращение (шестерня/СИЗ) */
@keyframes spinGear {
  from{ transform: rotate(0deg); }
  to  { transform: rotate(360deg); }
}
/* Заморозка */
@keyframes icyShiver {
  0%,100%{ transform: rotate(0) scale(1); filter:brightness(1); }
  25%    { transform: rotate(-5deg) scale(1.08); filter:brightness(1.3) hue-rotate(180deg); }
  75%    { transform: rotate(5deg) scale(1.08); filter:brightness(1.3) hue-rotate(200deg); }
}

/* =============================================
   ПЕРЕМЕННЫЕ — перебиваем шаблон
   ============================================= */
:root {
  --or:    #f07b1d;
  --or-dk: #d96810;
  --or-lt: #fff4e8;
  --nv:    #1B2A3B;
  --nv-lt: #243447;
  --nv-dk: #111e2a;
  --cr:    #fdfaf5;
  --td:    #1e1e1e;
  --tm:    #6b7280;
  --bd:    #e5e0da;
  --wh:    #ffffff;
  --rd:    8px;
  --sh:    0 4px 24px rgba(27,42,59,0.09);
  --sh2:   0 10px 40px rgba(27,42,59,0.16);
  /* Перебиваем переменные шаблона */
  --accent:              #f07b1d;
  --accent-dark:         #d96810;
  --bg-dark:             #1B2A3B;
  --bg-dark-light:       #243447;
  --bg-dark-super-light: #2e4259;
}

/* =============================================
   BODY / HTML — тёплый кремовый фон
   ============================================= */
html { background: var(--cr) !important; }
body { background: var(--cr) !important; color: var(--td) !important; }

/* Секции с серым фоном → кремовые */
.gray_bg,
.gray_bg .select_wrapper .selectric,
.section-items.gray_bg,
.section-sales.gray_bg,
.section.gray_bg {
  background: #f5f0e8 !important;
  background-color: #f5f0e8 !important;
}

/* =============================================
   СКРЫТЬ БЛОК СТАТИСТИКИ
   ============================================= */
section.b2b-trust-bar { display:none!important; height:0!important; overflow:hidden!important; margin:0!important; padding:0!important; }

/* =============================================
   ВЕРХНЯЯ ИНФО-ПОЛОСА
   ============================================= */
.header_top_line,
.header_top_line.dark_bg,
header .header_desctop .header_top_line {
  background-color: var(--nv) !important;
  border-bottom: 2px solid var(--or) !important;
  padding: 6px 0 !important;
}
.header_top_line *,
.header_top_nav_link { color: rgba(255,255,255,0.83) !important; font-size: 12px !important; }
.header_top_nav_link:hover { color: var(--or) !important; }
.header_top_line svg * { fill: rgba(255,255,255,0.6) !important; }

/* =============================================
   ОСНОВНАЯ ШАПКА — белоснежная, чистая
   ============================================= */
.header_desctop,
.header_main_line_wrapper,
.header_main_line {
  background: var(--wh) !important;
  background-color: var(--wh) !important;
  box-shadow: var(--sh) !important;
}

/* =============================================
   ШАПКА — ЛОГО В ЦЕНТРЕ СВЕРХУ
   ============================================= */

/* Увеличиваем высоту враппера под 2 ряда */
.header_main_line_wrapper {
  min-height: 190px !important;
}

/* Отодвигаем нав вниз — место для лого */
.header_main_line {
  padding-top: 136px !important;
}

/* Тонкая разделяющая линия между логом и навом */
.header_main_line::before {
  content: '' !important;
  position: absolute !important;
  top: 134px !important;
  left: 10% !important;
  right: 10% !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(240,123,29,0.25) 30%, rgba(240,123,29,0.25) 70%, transparent) !important;
  pointer-events: none !important;
}

/* ЛОГО — центр, над навом */
.header_main_line__left a.main_logo {
  position: absolute !important;
  top: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 9 !important;
  display: block !important;
}
.header_main_line__left a.main_logo:hover {
  transform: translateX(-50%) scale(1.04) !important;
  filter: drop-shadow(0 4px 12px rgba(240,123,29,0.30)) !important;
}
.header_main_line__left a.main_logo img,
.header_main_line a.main_logo img {
  height: 120px !important;
  width: auto !important;
  max-width: 400px !important;
  opacity: 1 !important;
  position: static !important;
}
/* Мобильный и футер-лого */
.mobile_header_main a.main_logo img,
.footer_bottom_main_top a.main_logo img {
  opacity: 1 !important;
  position: static !important;
  height: auto !important;
  width: auto !important;
}

/* =============================================
   КНОПКА КАТАЛОГ
   ============================================= */
.header_catalog_btn,
.header_catalog_block .header_catalog_btn,
.header_catalog_block:hover .header_catalog_btn,
.dark_bg .header_catalog_btn,
.dark_bg .header_catalog_btn:hover {
  background-color: var(--nv) !important;
  color: var(--wh) !important;
  border-left: 4px solid var(--or) !important;
  border-radius: var(--rd) !important;
  padding: 10px 18px !important;
  font-weight: 800 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  transition: background 0.2s !important;
}
.header_catalog_block:hover .header_catalog_btn { background-color: var(--nv-lt) !important; }
.header_catalog_btn *, .header_catalog_btn svg * { color:var(--wh)!important; fill:var(--wh)!important; }

/* =============================================
   НАВИГАЦИЯ — без переноса, правильные классы
   ============================================= */
.header_main_line .nav_list:not(.vertical),
.header_main_line__left .nav_list:not(.vertical) {
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0 !important;
}
.nav_list:not(.vertical) > .nav_li { white-space: nowrap !important; flex-shrink: 0 !important; }

.nav_link,
.header_main_line .nav_link {
  color: var(--td) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  padding: 6px 0 !important;
  white-space: nowrap !important;
  position: relative !important;
  transition: color 0.2s !important;
  text-decoration: none !important;
}
.nav_link::after {
  content:'' !important;
  position:absolute !important;
  bottom:-2px !important; left:0 !important;
  width:0 !important; height:2px !important;
  background: var(--or) !important;
  transition: width 0.22s ease !important;
  border-radius: 2px !important;
}
.nav_link:hover { color: var(--or) !important; }
.nav_link:hover::after { width:100% !important; }
.nav_link.violet { color: var(--or) !important; font-weight: 800 !important; }

/* =============================================
   МЕССЕНДЖЕРЫ — цветные круги (ТОЛЬКО соцсети, НЕ callback)
   ============================================= */
a.soc_link:not([href="#callback"]):not([href*="callback"]) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
  flex-shrink: 0 !important;
}
a.soc_link:not([href="#callback"]):not([href*="callback"]):hover {
  transform: scale(1.12) translateY(-2px) !important;
  box-shadow: 0 5px 16px rgba(0,0,0,0.22) !important;
}
a.soc_link img { width:36px!important; height:36px!important; object-fit:cover!important; }

a.soc_link[href*="wa.me"], a.soc_link[href*="whatsapp"] { background:#25D366!important; padding:8px!important; }
a.soc_link[href*="wa.me"] img, a.soc_link[href*="whatsapp"] img { filter:brightness(0) invert(1)!important; }
a.soc_link[href*="viber"] { background:#7360F2!important; padding:8px!important; }
a.soc_link[href*="viber"] img { filter:brightness(0) invert(1)!important; }
a.soc_link[href*="t.me"], a.soc_link[href*="telegram"] { background:#2AABEE!important; padding:8px!important; }
a.soc_link[href*="t.me"] img, a.soc_link[href*="telegram"] img { filter:brightness(0) invert(1)!important; }

/* =============================================
   КНОПКА "ОБРАТНЫЙ ЗВОНОК" — особая стилизация
   ============================================= */
a.soc_link[href="#callback"],
a.soc_link[href*="callback"] {
  /* Сброс стилей круглых иконок */
  width: auto !important;
  height: auto !important;
  border-radius: 6px !important;
  overflow: visible !important;
  padding: 9px 16px 9px 12px !important;
  /* Стиль кнопки */
  background: var(--or) !important;
  color: var(--wh) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  letter-spacing: 0.2px !important;
  text-decoration: none !important;
  flex-shrink: 0 !important;
  /* Пульсирующая анимация */
  animation: pulseRing 2.2s infinite !important;
  transition: background 0.2s, transform 0.2s !important;
}
a.soc_link[href="#callback"]:hover,
a.soc_link[href*="callback"]:hover {
  background: var(--or-dk) !important;
  transform: translateY(-2px) !important;
  animation: none !important;
}
/* Иконка телефона внутри */
a.soc_link[href="#callback"] img,
a.soc_link[href*="callback"] img {
  width: 18px !important;
  height: 18px !important;
  object-fit: contain !important;
  filter: brightness(0) invert(1) !important;
  animation: phoneRing 3s ease-in-out infinite !important;
}
/* Текст кнопки */
a.soc_link[href="#callback"]::after { display:none!important; }

/* Поддержка и через .callback_link */
.callback_link, a[class*="callback"]:not([class*="soc"]), button[class*="callback"] {
  background: var(--or) !important;
  color: var(--wh) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 9px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  animation: pulseRing 2.2s infinite !important;
  transition: background 0.2s, transform 0.2s !important;
}

/* =============================================
   ЛОГОТИП
   ============================================= */
.main_logo img, a.main_logo img {
  height: 120px !important; width: auto !important; max-width: 400px !important;
}

/* =============================================
   КАТАЛОГ САЙДБАР — основные ссылки (с иконками)
   ============================================= */
.catalog_links { background: transparent !important; }

/* Главная ссылка категории (ОДЕЖДА, ОБУВЬ...) */
.catalog_link {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 16px !important;
  border-radius: 10px !important;
  border-left: 3px solid transparent !important;
  transition: background 0.2s, border-color 0.2s, transform 0.2s !important;
  cursor: pointer !important;
  position: relative !important;
  overflow: visible !important;
}
.catalog_link:hover {
  background: var(--or-lt) !important;
  border-left-color: var(--or) !important;
  transform: translateX(4px) !important;
}
.catalog_link.active {
  background: var(--or-lt) !important;
  border-left-color: var(--or) !important;
}

/* Иконка категории — анимированная */
.catalog_link .svg,
.catalog_link img {
  width: 32px !important;
  height: 32px !important;
  object-fit: contain !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s !important;
  /* Постоянная лёгкая анимация */
  animation: iconSwing 4s ease-in-out infinite !important;
  animation-play-state: paused !important;
}
/* Запускаем анимацию при hover на строку */
.catalog_link:hover .svg,
.catalog_link:hover img {
  animation-play-state: running !important;
}
/* Каждая иконка — своя анимация охраны труда */
.catalog_li:nth-child(1) .catalog_link:hover img { animation: impact 0.6s ease !important; }
.catalog_li:nth-child(2) .catalog_link:hover img { animation: icyShiver 0.7s ease !important; }
.catalog_li:nth-child(3) .catalog_link:hover img { animation: lightning 0.8s ease !important; }
.catalog_li:nth-child(4) .catalog_link:hover img { animation: heatPulse 0.6s ease !important; }
.catalog_li:nth-child(5) .catalog_link:hover img { animation: toxicGlow 0.7s ease !important; }

/* Текст главной ссылки */
.catalog_link_text strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  color: var(--nv) !important;
  transition: color 0.2s !important;
}
.catalog_link:hover .catalog_link_text strong,
.catalog_link.active .catalog_link_text strong {
  color: var(--or) !important;
}
.catalog_link_text span {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: var(--or) !important;
  margin-left: 4px !important;
  opacity: 0.8 !important;
}

/* =============================================
   КАТАЛОГ САЙДБАР — подкатегории
   ============================================= */
.catalog_inner_list { padding: 4px 0 4px 16px !important; }

.catalog_inner_list li {
  position: relative !important;
}
.catalog_inner_list li a {
  display: block !important;
  padding: 7px 12px 7px 14px !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: var(--td) !important;
  border-left: 2px solid transparent !important;
  border-radius: 0 6px 6px 0 !important;
  transition: color 0.18s, border-color 0.18s, background 0.18s, transform 0.18s, padding-left 0.18s !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.catalog_inner_list li a:hover {
  color: var(--or) !important;
  border-left-color: var(--or) !important;
  background: var(--or-lt) !important;
  padding-left: 20px !important;
  transform: none !important;
}
.catalog_inner_list li a .gray,
.catalog_inner_list li a span {
  font-size: 11px !important;
  font-weight: 500 !important;
  color: var(--tm) !important;
  margin-left: 4px !important;
}

/* =============================================
   МОБИЛЬНАЯ ШАПКА
   ============================================= */
.mobile_header_main,
header .mobile_header .mobile_header_main { background-color: var(--wh) !important; }
.mobile_header_main * { color: var(--td) !important; }
.mobile_modal_heading, #modal_main_menu .mobile_modal_heading { background-color: var(--nv) !important; }
.mobile_modal_heading * { color: var(--wh) !important; }
.theme_trigger, #modal_main_menu .theme_trigger { display:none!important; }

/* =============================================
   МОБИЛЬНЫЕ КАТЕГОРИИ — анимация слева
   ============================================= */
.mobile_modal_catalog_link, a.mobile_modal_catalog_link {
  display:flex!important; align-items:center!important; gap:12px!important;
  padding:12px 16px!important; border-radius:10px!important;
  font-size:14px!important; font-weight:700!important;
  color:var(--td)!important;
  transition: background 0.2s, transform 0.18s, box-shadow 0.2s, color 0.2s !important;
  border-left: 3px solid transparent !important;
}
.mobile_modal_catalog_link:hover, a.mobile_modal_catalog_link:hover {
  background: var(--or-lt) !important;
  transform: translateX(6px) !important;
  color: var(--or) !important;
  border-left-color: var(--or) !important;
}
.mobile_modal_catalog_link img.svg, a.mobile_modal_catalog_link img.svg {
  width:30px!important; height:30px!important; transition: transform 0.2s !important;
}
.mobile_modal_catalog_link:hover img.svg { transform: scale(1.2) rotate(-8deg) !important; }

/* =============================================
   КАРТОЧКИ ТОВАРОВ — с hover-анимацией
   ============================================= */
.psk-product-item, .catalog_item, .item_block {
  background: var(--wh) !important;
  border: 1px solid var(--bd) !important;
  border-radius: var(--rd) !important;
  box-shadow: 0 2px 10px rgba(27,42,59,0.07) !important;
  transition: box-shadow 0.25s, transform 0.25s, border-color 0.25s !important;
  overflow: hidden !important;
  position: relative !important;
}
.psk-product-item:hover, .catalog_item:hover {
  box-shadow: var(--sh2) !important;
  transform: translateY(-5px) !important;
  border-color: var(--or) !important;
}
/* Оранжевая линия сверху при hover */
.psk-product-item::before, .catalog_item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--or) !important;
  transform: scaleX(0) !important;
  transition: transform 0.25s ease !important;
  transform-origin: left !important;
}
.psk-product-item:hover::before, .catalog_item:hover::before { transform: scaleX(1) !important; }

/* =============================================
   ЗАГОЛОВКИ СЕКЦИЙ — с оранжевым акцентом
   ============================================= */
.section_heading .main_title,
.main_title_wrapper .main_title,
h2.main_title, .b2b-section-title {
  color: var(--nv) !important;
  font-weight: 800 !important;
  position: relative !important;
  padding-bottom: 10px !important;
}
.section_heading .main_title::after,
.main_title_wrapper .main_title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important; left: 0 !important;
  width: 48px !important; height: 3px !important;
  background: var(--or) !important;
  border-radius: 2px !important;
}

/* =============================================
   КНОПКИ CTA
   ============================================= */
.main_btn, .violet_btn, .buy_btn, .add_to_cart_btn {
  background: var(--or) !important;
  color: var(--wh) !important;
  border: none !important;
  border-radius: var(--rd) !important;
  font-weight: 700 !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
}
.main_btn:hover, .violet_btn:hover, .buy_btn:hover, .add_to_cart_btn:hover {
  background: var(--or-dk) !important;
  color: var(--wh) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(240,123,29,0.4) !important;
}

/* =============================================
   ПОДВАЛ
   ============================================= */
footer.footer, footer {
  background-color: var(--nv-dk) !important;
  color: rgba(255,255,255,0.78) !important;
  border-top: 4px solid var(--or) !important;
}
.footer a { color: rgba(255,255,255,0.60) !important; }
.footer a:hover { color: var(--or) !important; }
.footer__title, .footer_col_title, .footer_title { color: var(--wh) !important; font-weight: 700 !important; }

/* =============================================
   СКРЫТЬ SEO-ТЕКСТ ВНИЗУ КАТАЛОГА
   (там чужое название "Эксперт Спецодежда"!)
   ============================================= */
.psk-seo-info,
.psk-seo-info__description,
.psk-seo-info__title,
[class*="psk-seo"] {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* =============================================
   УБРАТЬ ЖЁЛТЫЙ / ФИОЛЕТОВЫЙ
   ============================================= */
[style*="background-color:#fce326"],[style*="background:#fce326"] { background: var(--or) !important; }
[style*="background-color:#5a4499"],[style*="background:#5a4499"] { background: var(--nv) !important; }
[style*="color:#5a4499"] { color: var(--nv) !important; }

/* =============================================
   ХЛЕБНЫЕ КРОШКИ / ПАГИНАЦИЯ
   ============================================= */
.breadcrumb a, .breadcrumbs a { color: var(--tm) !important; font-size:13px!important; }
.breadcrumb a:hover, .breadcrumbs a:hover { color: var(--or) !important; }

/* =============================================
   МОБАЙЛ
   ============================================= */
@media (max-width: 1200px) {
  .nav_link { font-size: 11.5px !important; letter-spacing: 0 !important; }
}
@media (max-width: 768px) {
  .main_logo img { height: 54px !important; max-width: 280px !important; }
  a.soc_link:not([href="#callback"]):not([href*="callback"]) { width:32px!important; height:32px!important; }
}



/* =============================================
   КАРТОЧКИ КАТАЛОГА v3
   ИСПРАВЛЕНИЕ: убираем display:flex с .item,
   делаем <a> абсолютным внутри image_container
   ============================================= */

/* Карточка — НЕ flex, просто блок с overflow */
.item {
  border-radius: 12px !important;
  border: 1px solid var(--bd) !important;
  overflow: hidden !important;
  transition: box-shadow 0.28s, transform 0.28s, border-color 0.28s !important;
  box-shadow: 0 2px 10px rgba(27,42,59,0.06) !important;
  background: var(--wh) !important;
  /* НЕ flex — оставляем оригинальный block-layout */
  display: block !important;
  position: relative !important;
}
.item:hover {
  box-shadow: 0 12px 40px rgba(27,42,59,0.16) !important;
  transform: translateY(-4px) !important;
  border-color: var(--or) !important;
}
/* Оранжевая линия сверху при hover */
.item::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 3px !important;
  background: var(--or) !important;
  transform: scaleX(0) !important;
  transition: transform 0.28s ease !important;
  transform-origin: left !important;
  z-index: 25 !important;
  pointer-events: none !important;
}
.item:hover::before { transform: scaleX(1) !important; }

/* Метка — только если есть текст (без PHP-пробела) */
.item_top_label {
  position: absolute !important;
  top: 10px !important; left: 10px !important;
  z-index: 10 !important;
  background: var(--or) !important;
  color: var(--wh) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  line-height: 1.4 !important;
}

/* Контейнер изображения — только фон, высоту и позиционирование оставляем main.css */
.item__image_container {
  background: #f8f5f0 !important;
}

/* Второе фото при наведении — CSS-переключение (JS на сайте тоже управляет active) */
.item:hover .item__image.active {
  opacity: 0 !important;
  visibility: hidden !important;
}
.item:hover .item__image:nth-child(2) {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

/* Индикаторы фото (точки) — поверх ссылки */
.item__img_dots {
  position: absolute !important;
  bottom: 10px !important;
  left: 0 !important; right: 0 !important;
  display: flex !important;
  justify-content: center !important;
  gap: 5px !important;
  z-index: 5 !important;
  pointer-events: none !important;
}
.item__img_dot {
  width: 6px !important; height: 6px !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,0.55) !important;
  border: 1px solid rgba(0,0,0,0.15) !important;
}
.item__img_dot.active { background: var(--or) !important; border-color: var(--or) !important; }

/* "Быстрый просмотр" оверлей */
.item__hover_overlay {
  position: absolute !important;
  bottom: 0 !important; left: 0 !important; right: 0 !important;
  background: linear-gradient(transparent, rgba(20,30,46,0.82)) !important;
  padding: 36px 14px 14px !important;
  opacity: 0 !important;
  transition: opacity 0.28s ease !important;
  z-index: 6 !important;
  pointer-events: none !important;
}
.item:hover .item__hover_overlay {
  opacity: 1 !important;
  pointer-events: auto !important;
}
.item__quickview_btn {
  display: block !important;
  background: rgba(255,255,255,0.12) !important;
  border: 1.5px solid rgba(255,255,255,0.65) !important;
  color: var(--wh) !important;
  text-align: center !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  transition: background 0.2s, border-color 0.2s !important;
  backdrop-filter: blur(4px) !important;
}
.item__quickview_btn:hover {
  background: var(--or) !important;
  border-color: var(--or) !important;
  color: var(--wh) !important;
}

/* Тело карточки всегда видно при hover */
.item:hover .item__body { opacity: 1 !important; visibility: visible !important; }

/* Тело карточки */
.item__body {
  padding: 14px 14px 16px !important;
}
.item__body_top {
  display: flex !important;
  justify-content: flex-end !important;
  margin-bottom: 6px !important;
}
.item__controls { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.item__controll {
  width: 28px !important; height: 28px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  background: var(--or-lt) !important;
  transition: background 0.2s !important;
  opacity: 0.75 !important;
}
.item__controll:hover { background: var(--or) !important; opacity: 1 !important; }
.item__controll img { width: 14px !important; }

/* Название — главный элемент */
.item__name_link { text-decoration: none !important; display: block !important; }
.item__title {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: var(--nv) !important;
  line-height: 1.4 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s !important;
  margin-bottom: 4px !important;
}
.item__name_link:hover .item__title { color: var(--or) !important; }

/* Артикул — вторичный */
.item__art {
  font-size: 11px !important;
  color: var(--tm) !important;
  font-weight: 600 !important;
  opacity: 0.7 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

/* Характеристики — всегда видны */
.item__specs {
  border-top: 1px solid var(--bd) !important;
  border-bottom: 1px solid var(--bd) !important;
  padding: 7px 0 !important;
  margin-bottom: 10px !important;
}
.item__spec {
  font-size: 12px !important;
  line-height: 1.6 !important;
  display: flex !important;
  gap: 4px !important;
}
.item__spec_label { color: var(--tm) !important; font-weight: 600 !important; flex-shrink: 0 !important; }
.item__spec_val { color: var(--nv) !important; font-weight: 600 !important; }

/* Цена-сообщение */
.item__price_msg { font-size: 13px !important; color: var(--tm) !important; margin-bottom: 8px !important; }
.item__price_msg strong, .item__price_msg b { color: var(--nv) !important; font-weight: 700 !important; }

/* Кнопка "Уточнить цену" */
.item__cta_btn {
  display: block !important;
  background: var(--or) !important;
  color: var(--wh) !important;
  text-align: center !important;
  padding: 10px 14px !important;
  border-radius: 7px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  letter-spacing: 0.3px !important;
  transition: background 0.2s, transform 0.15s, box-shadow 0.2s !important;
  text-transform: uppercase !important;
}
.item__cta_btn:hover {
  background: var(--or-dk) !important;
  color: var(--wh) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(240,123,29,0.4) !important;
}

/* Скрываем старые элементы */
.item__hover_info { display: none !important; }
.item__price-cta { display: none !important; }

/* Сердечко */
.item_likes_image {
  background: rgba(255,255,255,0.92) !important;
  border-radius: 50% !important;
  backdrop-filter: blur(4px) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
  transition: background 0.2s, transform 0.2s !important;
}
.item_likes_image:hover { background: var(--or-lt) !important; transform: scale(1.1) !important; }
.item_likes_image .img2 { display: none !important; }
.item_likes_image.filled .img1 { display: none !important; }
.item_likes_image.filled .img2 { display: flex !important; }

/* Сетка каталога */
.catalog_items.bick_blocks {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  align-items: start !important;
}
/* Сброс margins и max-width на карточках в grid */
.catalog_items.bick_blocks > * {
  margin: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
}
/* Двойная карточка — убираем растяжение на 2 колонки, показываем как обычную */
.catalog_items.bick_blocks .double_item {
  grid-column: span 1 !important;
}
/* Сбрасываем двойной внутренний layout на обычный */
.double_item .item__body_sides {
  display: block !important;
}
.double_item .item__image { display: block !important; width: 100% !important; }

/* =============================================
   ДЕТАЛЬНАЯ СТРАНИЦА — все секции открыты
   ============================================= */

.product_info_tabs.tabs { margin-top: 36px !important; }

/* Перестраиваем: левая навигация → скрыта, контент → полная ширина */
.product_info_tabs .info_tabs_side.links_side { display: none !important; }
.product_info_tabs .inner_tabs_content.info_tabs_sides { display: block !important; width: 100% !important; }
.product_info_tabs .info_tabs_side.content_side { width: 100% !important; float: none !important; }

/* Все вкладки видны одновременно */
.product_info_tabs .tab_content {
  display: block !important;
  padding: 0 0 26px 0 !important;
  border-bottom: 1px solid var(--bd) !important;
  margin-bottom: 4px !important;
}
.product_info_tabs .tab_content:last-child { border-bottom: none !important; padding-bottom: 0 !important; }

/* Заголовок секции */
.tab_content .main_title_wrapper.bottom_bordered {
  border-bottom: 2px solid var(--or) !important;
  margin-bottom: 16px !important;
  padding-bottom: 8px !important;
}
.tab_content .main_title {
  font-size: 14px !important; font-weight: 800 !important; color: var(--nv) !important; text-transform: uppercase !important;
}

/* Таблица характеристик */
.features_lines { display: flex !important; flex-direction: column !important; }
.features_line {
  display: flex !important;
  border-bottom: 1px solid var(--bd) !important;
  padding: 9px 6px !important;
  transition: background 0.15s !important;
  border-radius: 4px !important;
}
.features_line:last-child { border-bottom: none !important; }
.features_line:hover { background: var(--or-lt) !important; }
.feature_line_side.left { width: 40% !important; font-size: 13px !important; color: var(--tm) !important; font-weight: 600 !important; flex-shrink: 0 !important; padding-right: 12px !important; }
.feature_line_side.right { font-size: 13px !important; color: var(--nv) !important; font-weight: 700 !important; }

.product__info-table-tr {
  display: flex !important;
  border-bottom: 1px solid var(--bd) !important;
  padding: 9px 6px !important;
  transition: background 0.15s !important;
  border-radius: 4px !important;
}
.product__info-table-tr:last-child { border-bottom: none !important; }
.product__info-table-tr:hover { background: var(--or-lt) !important; }
.product__info-table-cell { font-size: 13px !important; color: var(--nv) !important; font-weight: 700 !important; }
.product__info-table-cell--title { width: 40% !important; color: var(--tm) !important; font-weight: 600 !important; flex-shrink: 0 !important; padding-right: 12px !important; }

/* =============================================
   ДЕТАЛЬНАЯ — общие улучшения
   ============================================= */

.product_info_main_title { font-size: 22px !important; font-weight: 800 !important; color: var(--nv) !important; line-height: 1.3 !important; }
.product_card_right_content .item__art { font-size: 12px !important; background: var(--or-lt) !important; border: 1px solid rgba(240,123,29,0.2) !important; padding: 3px 10px !important; border-radius: 5px !important; color: var(--tm) !important; font-weight: 700 !important; display: inline-block !important; }

.product_info_ico_lines { border: 1px solid var(--bd) !important; border-radius: 10px !important; overflow: hidden !important; }
.product_info_ico_line { display: flex !important; gap: 10px !important; padding: 10px 14px !important; border-bottom: 1px solid var(--bd) !important; font-size: 13px !important; background: var(--wh) !important; transition: background 0.15s !important; }
.product_info_ico_line:last-child { border-bottom: none !important; }
.product_info_ico_line:hover { background: var(--or-lt) !important; }
.product_info_ico_line img { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; }
.product_info_ico_line strong { color: var(--tm) !important; font-weight: 600 !important; margin-right: 4px !important; }
.product_info_ico_line span { color: var(--nv) !important; font-weight: 700 !important; }

.head_protection_block.with_frame { background: var(--or-lt) !important; border: 1px solid rgba(240,123,29,0.25) !important; border-radius: 10px !important; padding: 14px !important; }
.head_protection_title { font-size: 11px !important; font-weight: 800 !important; color: var(--tm) !important; text-transform: uppercase !important; margin-bottom: 10px !important; }
.head_protection_images { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; }
.head_protection_image_block img { width: 40px !important; height: 40px !important; object-fit: contain !important; transition: transform 0.2s !important; }
.head_protection_image_block:hover img { transform: scale(1.15) !important; }

.product_info_buttons .main_btn { min-width: 210px !important; padding: 15px 28px !important; font-size: 15px !important; font-weight: 800 !important; border-radius: 9px !important; box-shadow: 0 4px 18px rgba(240,123,29,0.35) !important; text-transform: uppercase !important; }
.slider_control { background: var(--nv) !important; border: none !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; cursor: pointer !important; transition: background 0.2s !important; opacity: 0.75 !important; }
.slider_control:hover { background: var(--or) !important; opacity: 1 !important; }
.slider_control img { width: 14px !important; filter: brightness(0) invert(1) !important; }

/* =============================================
   МОБАЙЛ
   ============================================= */
@media (max-width: 1200px) {
  .catalog_items.bick_blocks { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
}
@media (max-width: 1024px) {
  .catalog_items.bick_blocks { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; }
}
@media (max-width: 768px) {
  .catalog_items.bick_blocks { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .item__title { font-size: 13px !important; }
  .product_info_main_title { font-size: 18px !important; }
}
@media (max-width: 480px) {
  .catalog_items.bick_blocks { grid-template-columns: 1fr 1fr !important; gap: 8px !important; }
  .item__body { padding: 10px 10px 12px !important; }
}

/* =============================================
   ПОИСК — стилизация когда активен (v27)
   JS добавляет .focused на input.header_search_field
   ============================================= */

/* Контейнер формы поиска когда активен */
.psk-header__search:has(.header_search_field.focused),
.header_search:has(.header_search_field.focused) {
  background: #fff !important;
  border-bottom: 3px solid var(--or) !important;
  box-shadow: 0 8px 32px rgba(240,123,29,0.18) !important;
}

/* Сам инпут — убираем стандартную рамку, добавляем цвет текста */
.header_search_field.focused {
  border: none !important;
  border-bottom: none !important;
  outline: none !important;
  background: transparent !important;
  color: var(--nv) !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em !important;
}

/* Placeholder когда поиск открыт */
.header_search_field.focused::placeholder {
  color: #bbc !important;
  font-style: italic !important;
}

/* Иконка поиска — оранжевая */
.header_search_field.focused ~ .header_controll_block img,
.header_search:has(.focused) .header_controll_block img {
  filter: invert(52%) sepia(74%) saturate(585%) hue-rotate(355deg) brightness(98%) contrast(97%) !important;
  transition: filter 0.2s !important;
}

/* Кнопка ЗАКРЫТЬ — стилизованная */
.header_search:has(.focused) .close_search {
  background: transparent !important;
  border: 1.5px solid var(--or) !important;
  border-radius: 20px !important;
  padding: 4px 14px !important;
  color: var(--or) !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  cursor: pointer !important;
  transition: background 0.2s, color 0.2s !important;
}
.header_search:has(.focused) .close_search:hover {
  background: var(--or) !important;
  color: #fff !important;
}
.header_search:has(.focused) .close_search span {
  color: inherit !important;
}

/* Оранжевая нижняя линия — анимация */
.psk-header__search {
  border-bottom: 3px solid transparent !important;
  transition: border-color 0.25s, box-shadow 0.25s, background 0.25s !important;
}

/* =============================================
   ПАРТНЁРЫ — единая сетка (v29)
   .partner_blocks (Bitrix) и .bsv-extra-partners —
   оба flex по 3 в ряд, одинаковые карточки.
   ============================================= */

/* Убираем старый flex-враппер на content_side */
.aside_links_side.content_side {
  display: block !important;
  margin: 0 !important;
}

/* Оба partner_blocks — flex 3 в ряд */
.partner_blocks {
  display: flex !important;
  flex-wrap: wrap !important;
  margin: -1.5rem !important;
  align-items: stretch !important;
}
.partner_blocks.bsv-extra-partners {
  margin-top: 0 !important;
}
.partner_blocks > .partner_block {
  width: calc(33.333% - 3rem) !important;
  margin: 1.5rem !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
}

/* Равная высота: текст растягивается, кнопка всегда снизу */
.partner_block__top {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.partner_block__bottom {
  margin-top: 2rem !important;
}

/* Стилизация partner_block — рамка и тень */
.partner_block {
  border: 1.5px solid var(--bd) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 12px rgba(27,42,59,0.07) !important;
  transition: box-shadow 0.25s, border-color 0.25s, transform 0.22s !important;
  overflow: hidden !important;
}
.partner_block:hover {
  box-shadow: 0 10px 32px rgba(27,42,59,0.15) !important;
  border-color: var(--or) !important;
  transform: translateY(-4px) !important;
}
/* Оранжевая черта под названием */
.partner_block__title::after {
  border-right-color: var(--or) !important;
}

@media (max-width: 900px) {
  .partner_blocks > .partner_block {
    width: calc(50% - 3rem) !important;
  }
}
@media (max-width: 600px) {
  .partner_blocks > .partner_block {
    width: calc(100% - 3rem) !important;
  }
}

/* =============================================
   КАТАЛОГ — скрывать section-catalogs при фильтре
   JS добавляет класс bsv-filtered на <html>
   ============================================= */
html.bsv-filtered .section-catalogs { display: none !important; }

/* =============================================
   КАТАЛОГ — скрывать вкладки размеров (size_tabs)
   на карточках в списке каталога
   ============================================= */
#size_tabs { display: none !important; }

/* =============================================
   ПАРТНЁРЫ — карточки поставщиков (v27)
   ============================================= */
.bsv-suppliers {
  margin-top: 36px !important;
  padding-top: 28px !important;
  border-top: 2px solid var(--bd) !important;
}
.bsv-suppliers__title {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--nv) !important;
  margin-bottom: 22px !important;
  letter-spacing: 0.01em !important;
}
.bsv-suppliers__grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
}
@media (max-width: 900px) {
  .bsv-suppliers__grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 600px) {
  .bsv-suppliers__grid { grid-template-columns: 1fr !important; }
}
.bsv-supplier-card {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding: 22px 20px !important;
  border-radius: 12px !important;
  border: 2px solid var(--bd) !important;
  background: var(--wh) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  transition: box-shadow 0.25s, border-color 0.25s, transform 0.22s !important;
}
.bsv-supplier-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 4px !important;
  background: var(--sup-color, var(--or)) !important;
  border-radius: 12px 12px 0 0 !important;
}
.bsv-supplier-card:hover {
  box-shadow: 0 8px 28px rgba(27,42,59,0.14) !important;
  border-color: var(--sup-color, var(--or)) !important;
  transform: translateY(-3px) !important;
}
.bsv-supplier-card__icon {
  font-size: 28px !important;
  line-height: 1 !important;
  color: var(--sup-color, var(--or)) !important;
  margin-bottom: 2px !important;
}
.bsv-supplier-card__name {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--nv) !important;
  letter-spacing: 0.02em !important;
}
.bsv-supplier-card__badge {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: var(--sup-color, var(--or)) !important;
  background: color-mix(in srgb, var(--sup-color, var(--or)) 10%, transparent) !important;
  padding: 3px 8px !important;
  border-radius: 20px !important;
}
.bsv-supplier-card__desc {
  font-size: 13px !important;
  color: var(--tm) !important;
  line-height: 1.55 !important;
  flex-grow: 1 !important;
}
.bsv-supplier-card__link {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--sup-color, var(--or)) !important;
  margin-top: 4px !important;
}


/* ===== BSV MEGAMENU v1 ===== */
.bsv-mega-nav {
  background: #1B2A3B;
  position: relative;
  z-index: 400;
  border-bottom: 2px solid #253547;
}
.bsv-mega-nav__sc {
  padding: 0 !important;
}
.bsv-mega-nav__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
.bsv-mega-nav__item {
  position: static;
}
.bsv-mega-nav__link {
  display: block;
  padding: 13px 20px;
  color: #e8edf2;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.01em;
  white-space: nowrap;
  transition: background .15s, color .15s;
  border-right: 1px solid rgba(255,255,255,.07);
}
.bsv-mega-nav__link:hover,
.bsv-mega-nav__item.has-drop:hover > .bsv-mega-nav__link {
  background: rgba(255,255,255,.12);
  color: #fff;
  text-decoration: none;
}
/* Panel — position: fixed, позиция top выставляется через JS */
.bsv-mega-nav__panel {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  width: 100%;
  top: 120px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(0,0,0,.18);
  z-index: 9000;
  border-top: 3px solid #4A90D9;
  animation: bsvFadeDown .18s ease;
}
@keyframes bsvFadeDown {
  from { opacity:0; transform:translateY(-6px); }
  to   { opacity:1; transform:translateY(0); }
}
.bsv-mega-nav__item.has-drop:hover .bsv-mega-nav__panel {
  display: block;
}
.bsv-mega-nav__panel-inner {
  display: flex;
  flex-wrap: wrap;
  padding: 22px 24px 18px;
  max-width: 1200px;
  margin: 0 auto;
  gap: 0;
}
.bsv-mega-nav__col {
  flex: 0 0 auto;
  width: 200px;
  padding: 0 16px 10px 0;
}
.bsv-mega-nav__col-link {
  display: block;
  padding: 4px 0;
  color: #2c3e50;
  font-size: 13px;
  text-decoration: none;
  line-height: 1.45;
  transition: color .12s;
}
.bsv-mega-nav__col-link:hover {
  color: #4A90D9;
}
.bsv-mega-nav__col--cta {
  display: flex;
  align-items: flex-end;
  width: auto;
  flex: 1;
  justify-content: flex-end;
  padding-bottom: 14px;
}
.bsv-mega-nav__all {
  display: inline-block;
  padding: 8px 16px;
  background: #4A90D9;
  color: #fff !important;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .15s;
  white-space: nowrap;
}
.bsv-mega-nav__all:hover {
  background: #2d74c4;
}
@media (max-width: 1100px) {
  .bsv-mega-nav__link { padding: 13px 14px; font-size: 13px; }
  .bsv-mega-nav__col { width: 170px; }
}
@media (max-width: 991px) {
  .bsv-mega-nav { display: none !important; }
}
/* ===== END BSV MEGAMENU ===== */

/* =============================================
   2026 DESIGN REFRESH — SPECTRSIZ.BY
   ============================================= */

/* --- HTML scroll behavior --- */
html { scroll-behavior: smooth; }

/* --- Megamenu: orange accent вместо синего --- */
.bsv-mega-nav {
  background: #1B2A3B !important;
  border-bottom: 3px solid #f07b1d !important;
  box-shadow: 0 4px 24px rgba(27,42,59,0.25) !important;
}
.bsv-mega-nav__link {
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 15px 22px !important;
}
.bsv-mega-nav__item.has-drop:hover > .bsv-mega-nav__link {
  background: rgba(240,123,29,0.18) !important;
  color: #f07b1d !important;
}
/* overflow: visible на родителях — иначе панель обрезается */
.header_main_line_wrapper,
.header_main_line,
.header_main_line__left,
.header_main_line .screen_content {
  overflow: visible !important;
}

.bsv-mega-nav__panel {
  border-top: 3px solid #f07b1d !important;
  box-shadow: 0 20px 60px rgba(27,42,59,0.22) !important;
}
/* Родительская категория — жирная, тёмная, с отступом сверху */
.bsv-mega-nav__col-link--parent {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #1B2A3B !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  padding: 10px 0 4px !important;
  border-top: 1px solid #e8e4df !important;
  margin-top: 6px !important;
  transition: color .12s !important;
}
.bsv-mega-nav__col:first-child .bsv-mega-nav__col-link--parent:first-child,
.bsv-mega-nav__col-link--parent:first-child {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.bsv-mega-nav__col-link--parent:hover {
  color: #f07b1d !important;
  padding-left: 0 !important;
}

/* Дочерняя категория — тоньше, с отступом слева */
.bsv-mega-nav__col-link--child {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: #4a5568 !important;
  padding: 3px 0 3px 10px !important;
  border-left: 2px solid transparent !important;
  transition: color .12s, border-color .12s, padding-left .12s !important;
}
.bsv-mega-nav__col-link--child:hover {
  color: #f07b1d !important;
  border-left-color: #f07b1d !important;
  padding-left: 14px !important;
}
.bsv-mega-nav__all {
  background: #f07b1d !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  padding: 10px 20px !important;
  transition: background .15s, transform .15s !important;
}
.bsv-mega-nav__all:hover {
  background: #d96810 !important;
  transform: translateY(-1px) !important;
  color: #fff !important;
}
/* Megamenu panel column headers */
.bsv-mega-nav__col-head {
  font-size: 11px !important;
  font-weight: 800 !important;
  color: #f07b1d !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  margin-bottom: 8px !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #f0ece6 !important;
  display: block !important;
}

/* --- Trust bar: показываем, переделываем --- */
section.b2b-trust-bar {
  display: block !important;
  height: auto !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #f07b1d !important;
}
.b2b-trust-bar__inner {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}
.b2b-trust-bar__item {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 14px 28px !important;
  border-right: 1px solid rgba(255,255,255,0.25) !important;
  flex: 1 !important;
  justify-content: center !important;
}
.b2b-trust-bar__item:last-child { border-right: none !important; }
.b2b-trust-bar__icon {
  font-size: 22px !important;
  line-height: 1 !important;
  opacity: 0.95 !important;
}
.b2b-trust-bar__number {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #fff !important;
  line-height: 1.1 !important;
}
.b2b-trust-bar__text {
  font-size: 11px !important;
  color: rgba(255,255,255,0.88) !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  line-height: 1.3 !important;
}
.b2b-trust-bar__item--cta { flex: 0 0 auto !important; }
.b2b-trust-cta {
  background: rgba(255,255,255,0.18) !important;
  border: 2px solid rgba(255,255,255,0.6) !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 20px !important;
  border-radius: 6px !important;
  text-decoration: none !important;
  transition: background .2s, border-color .2s !important;
  white-space: nowrap !important;
}
.b2b-trust-cta:hover {
  background: rgba(255,255,255,0.28) !important;
  border-color: #fff !important;
  color: #fff !important;
}
@media (max-width: 900px) {
  .b2b-trust-bar__inner { flex-wrap: wrap !important; gap: 0 !important; }
  .b2b-trust-bar__item { width: 50% !important; flex: 0 0 50% !important; padding: 12px 16px !important; }
  .b2b-trust-bar__item--cta { display: none !important; }
}
@media (max-width: 600px) {
  .b2b-trust-bar__item { width: 50% !important; flex: 0 0 50% !important; padding: 10px 12px !important; }
  .b2b-trust-bar__number { font-size: 16px !important; }
}

/* --- Секции: единый современный отступ --- */
.section-head,
.section-items,
.section-sales,
.section-catalogs {
  padding-top: 52px !important;
  padding-bottom: 52px !important;
}
.section-head.slider_inside {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.remove_pt { padding-top: 28px !important; }
.remove_pb { padding-bottom: 28px !important; }

/* --- Заголовки секций 2026 --- */
.section_heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 28px !important;
}
.main_title_wrapper .main_title,
.section_heading .main_title {
  font-size: 28px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  color: #1B2A3B !important;
  line-height: 1.2 !important;
}
@media (max-width: 768px) {
  .main_title_wrapper .main_title,
  .section_heading .main_title { font-size: 22px !important; }
}

/* --- Слайдер стрелки --- */
.slider_controls {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.slider_control.slider_control__js {
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  background: #1B2A3B !important;
  border: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background .2s, transform .15s !important;
  opacity: 1 !important;
  flex-shrink: 0 !important;
}
.slider_control.slider_control__js:hover {
  background: #f07b1d !important;
  transform: scale(1.1) !important;
}
.slider_control.slider_control__js img {
  width: 14px !important;
  filter: brightness(0) invert(1) !important;
}
.slider_controls_separator {
  width: 1px !important;
  height: 24px !important;
  background: rgba(27,42,59,0.15) !important;
}

/* --- B2B cat cards (если показаны) --- */
.b2b-categories {
  padding: 40px 0 !important;
}
.b2b-section-title {
  font-size: 26px !important;
  font-weight: 900 !important;
  color: #1B2A3B !important;
  margin-bottom: 24px !important;
  letter-spacing: -0.02em !important;
}
.b2b-categories__grid {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  gap: 16px !important;
}
@media (max-width: 1100px) {
  .b2b-categories__grid { grid-template-columns: repeat(3, 1fr) !important; }
}
@media (max-width: 700px) {
  .b2b-categories__grid { grid-template-columns: repeat(2, 1fr) !important; }
}
.b2b-cat-card {
  display: flex !important;
  flex-direction: column !important;
  background: #fff !important;
  border: 2px solid #e5e0da !important;
  border-radius: 14px !important;
  padding: 22px 18px !important;
  text-decoration: none !important;
  transition: border-color .22s, box-shadow .22s, transform .22s !important;
  position: relative !important;
  overflow: hidden !important;
}
.b2b-cat-card::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 4px !important;
  background: #f07b1d !important;
  transform: scaleX(0) !important;
  transition: transform .22s ease !important;
  transform-origin: left !important;
}
.b2b-cat-card:hover {
  border-color: #f07b1d !important;
  box-shadow: 0 10px 36px rgba(240,123,29,0.18) !important;
  transform: translateY(-4px) !important;
}
.b2b-cat-card:hover::before { transform: scaleX(1) !important; }
.b2b-cat-card__name {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #1B2A3B !important;
  margin-bottom: 6px !important;
  transition: color .2s !important;
}
.b2b-cat-card:hover .b2b-cat-card__name { color: #f07b1d !important; }
.b2b-cat-card__desc {
  font-size: 12px !important;
  color: #6b7280 !important;
  line-height: 1.5 !important;
  flex-grow: 1 !important;
  margin-bottom: 14px !important;
}
.b2b-cat-card__link {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #f07b1d !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
}

/* --- Карточки товаров: ценник "по запросу" --- */
.item__price_request {
  display: inline-block !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b7280 !important;
  background: #f5f0e8 !important;
  border: 1px solid #e5e0da !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 10px !important;
}

/* --- Slider1 (новинки): добавить тег "Новинка" --- */
.item__new-badge {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 12 !important;
  background: #f07b1d !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  pointer-events: none !important;
}

/* --- Главный слайдер: корректная высота --- */
.section-head.slider_inside .main-banner,
.section-head.slider_inside .slider__slide {
  min-height: 420px !important;
  max-height: 560px !important;
}
@media (max-width: 768px) {
  .section-head.slider_inside .main-banner,
  .section-head.slider_inside .slider__slide { min-height: 220px !important; max-height: 320px !important; }
}

/* --- Hover на sidebar каталога: улучшение --- */
.catalog_link--sub {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 9px 14px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #1B2A3B !important;
  border-left: 3px solid transparent !important;
  border-radius: 0 8px 8px 0 !important;
  transition: background .18s, border-color .18s, color .18s !important;
  text-decoration: none !important;
}
.catalog_link--sub:hover {
  background: #fff4e8 !important;
  border-left-color: #f07b1d !important;
  color: #f07b1d !important;
}
.catalog_link--sub .gray {
  font-size: 11px !important;
  color: #9ca3af !important;
  font-weight: 500 !important;
}
/* Sub-sub links */
.catalog_sub_list li a {
  display: block !important;
  padding: 5px 14px 5px 24px !important;
  font-size: 12.5px !important;
  color: #4b5563 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: color .15s, background .15s !important;
}
.catalog_sub_list li a:hover { color: #f07b1d !important; background: #fff4e8 !important; }

/* --- Пагинация --- */
.navigation a, .pager_item a, .bx-pagination a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 8px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1B2A3B !important;
  border: 1.5px solid #e5e0da !important;
  transition: background .15s, border-color .15s, color .15s !important;
  text-decoration: none !important;
}
.navigation a:hover, .pager_item a:hover, .bx-pagination a:hover {
  background: #f07b1d !important;
  border-color: #f07b1d !important;
  color: #fff !important;
}
.navigation a.selected, .pager_item.selected a {
  background: #1B2A3B !important;
  border-color: #1B2A3B !important;
  color: #fff !important;
}

/* --- Форма поиска в мобайл --- */
.psk-header__search, #mobile-title-search {
  border-radius: 8px !important;
  overflow: hidden !important;
}

/* --- Плавный появление image при загрузке --- */
.item__image {
  transition: opacity .3s ease !important;
}
.item__image.lozad:not([src]) {
  opacity: 0 !important;
}

/* =============================================
   МЕНЮ О КОМПАНИИ — fix: ссылки в дропдауне
   наследовали белый цвет из тёмного хедера
   ============================================= */
.header_top_nav_inner_list a {
  color: #1b2a3b !important;
}
.header_top_nav_inner_list a:hover {
  color: var(--or) !important;
}

/* =============================================
   НОВОСТИ — блок на главной странице
   ============================================= */
@keyframes newsCardIn {
  from { opacity: 0; transform: translateY(24px); }
  to   { opacity: 1; transform: translateY(0); }
}

.section-articles {
  display: block !important;
  padding: 60px 0 70px !important;
  background: linear-gradient(135deg, #f5f0e8 0%, #fdf8f2 60%, #fff7ee 100%) !important;
  position: relative !important;
}
.section-articles::before {
  content: '';
  position: absolute;
  left: 0; right: 0; top: 0;
  height: 4px;
  background: linear-gradient(90deg, var(--or), #f5a623, var(--or));
  background-size: 200% 100%;
  animation: shimmer 3s linear infinite;
}
@keyframes shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.section-articles .main_title {
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--nv) !important;
  letter-spacing: -0.3px !important;
}
.section-articles .main_title_wrapper {
  margin-bottom: 36px !important;
}
.section-articles .main_title_wrapper::after {
  content: '';
  display: block;
  width: 56px;
  height: 4px;
  background: var(--or);
  border-radius: 2px;
  margin-top: 10px;
}

.section-articles .large_article_block {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 6px 32px rgba(27,42,59,0.13) !important;
  background: #fff !important;
  animation: newsCardIn 0.6s ease both !important;
  transition: transform 0.25s, box-shadow 0.25s !important;
}
.section-articles .large_article_block:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 16px 48px rgba(27,42,59,0.18) !important;
}
.section-articles .article_image {
  border-radius: 0 !important;
  height: 260px !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: #ede8e0 !important;
}

.section-articles .article_body {
  padding: 24px 28px 28px !important;
}
.section-articles .article_title {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--nv) !important;
  line-height: 1.35 !important;
  margin-bottom: 8px !important;
}
.section-articles .date_block {
  font-size: 12px !important;
  color: var(--tm) !important;
  background: var(--or-lt) !important;
  border: 1px solid rgba(240,123,29,0.2) !important;
  display: inline-block !important;
  padding: 2px 10px !important;
  border-radius: 20px !important;
  margin-bottom: 12px !important;
}
.section-articles .large_article_description {
  font-size: 14px !important;
  color: #555 !important;
  line-height: 1.65 !important;
}

.section-articles .article_blocks {
  display: flex !important;
  flex-direction: column !important;
  gap: 14px !important;
}
.section-articles .article_block {
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #fff !important;
  box-shadow: 0 3px 16px rgba(27,42,59,0.09) !important;
  display: flex !important;
  gap: 0 !important;
  transition: transform 0.22s, box-shadow 0.22s !important;
  animation: newsCardIn 0.5s ease both !important;
}
.section-articles .article_blocks .article_block:nth-child(1) { animation-delay: 0.1s !important; }
.section-articles .article_blocks .article_block:nth-child(2) { animation-delay: 0.2s !important; }
.section-articles .article_blocks .article_block:nth-child(3) { animation-delay: 0.3s !important; }
.section-articles .article_block:hover {
  transform: translateX(4px) !important;
  box-shadow: 0 6px 24px rgba(27,42,59,0.15) !important;
}
.section-articles .article_block .article_image {
  width: 110px !important;
  min-width: 110px !important;
  height: 90px !important;
  border-radius: 0 !important;
  flex-shrink: 0 !important;
  background-color: #ede8e0 !important;
  background-size: cover !important;
  background-position: center !important;
}
.section-articles .article_block .article_body {
  padding: 14px 18px !important;
}
.section-articles .article_block .article_title {
  font-size: 14px !important;
  margin-bottom: 4px !important;
}

.section-articles .more_btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  color: var(--or) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  border-bottom: 1px solid rgba(240,123,29,0.35) !important;
  padding-bottom: 2px !important;
  transition: gap 0.2s, border-color 0.2s !important;
}
.section-articles .more_btn:hover {
  gap: 10px !important;
  border-color: var(--or) !important;
}

.section-articles .section_articles_sides {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 28px !important;
  align-items: start !important;
}
@media (max-width: 900px) {
  .section-articles .section_articles_sides { grid-template-columns: 1fr !important; }
}

/* --- Убрать устаревший отступ body на десктопе --- */
@media (min-width: 992px) {
  body { padding-top: 0 !important; }
}

/* --- Улучшенная кнопка "В корзину" / "Уточнить цену" --- */
.item__cta_btn,
.buy_one_click {
  border-radius: 8px !important;
  font-size: 12px !important;
  letter-spacing: 0.05em !important;
  padding: 11px 14px !important;
}

/* --- Акции — карточка баннера --- */
.section-sales--v2 .news_detail {
  border-radius: 12px !important;
  overflow: hidden !important;
  transition: transform .22s, box-shadow .22s !important;
}
.section-sales--v2 .news_detail:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 40px rgba(27,42,59,0.15) !important;
}

/* --- Mobile fixes 2026 --- */
@media (max-width: 767px) {
  .section-head, .section-items, .section-sales {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .b2b-trust-bar__inner { flex-wrap: wrap !important; }
}

/* ===== END 2026 DESIGN REFRESH ===== */