/* ═══════════════════════════════════════════════════════════
   VEXAL — GLOBAL CSS для Tilda
   Версия 2.0 | Апрель 2026
   Базируется на структуре VEXAL v1.1
   Изменено: токены и цвета → стальной холодный
   Классы sm- сохранены для совместимости с HTML-блоками
   Вставить: Настройки сайта → Ещё → Свои стили (CSS)
   ═══════════════════════════════════════════════════════════ */


/* ───────────────────────────────────────────────────────────
   1. ДИЗАЙН-ТОКЕНЫ
   ─────────────────────────────────────────────────────────── */

:root {
  --sm-bg:        #090B0F;   /* было #090B0F */
  --sm-surf:      #10151C;   /* было #171918 */
  --sm-card:      #161D26;   /* было #161D26 */
  --sm-brd:       #1E2A38;   /* было #1E2A38 */
  --sm-brd2:      #151E28;   /* было #151E28 */
  --sm-muted:     #5E7278;   /* было #526E7E → нейтральнее, меньше синевы */
  --sm-text:      #E8ECEA;   /* было #D8E6EE → нейтральный белый, не синит */
  --sm-text-sec:  #9EADB0;   /* было #8FAFC0 → нейтральный серо-голубой */

  /* Акцент: золото → стальной голубой */
  --sm-gold:      #4A8FA8;   /* было #4A8FA8 */
  --sm-gold-lt:   #7BBDD4;   /* было #7BBDD4 */
  --sm-gold-bg:   #0D1E2A;   /* было #0D1E2A */

  /* Кнопки на акценте — тёмный текст */
  --sm-gold-text: #060C11;   /* было #090B0F */

  /* Статусы — без изменений */
  --sm-green:     #3E8E6A;   /* было #3E8E6A */
  --sm-green-bg:  #0A1F16;   /* было #0F2A15 */
  --sm-red:       #C86060;
  --sm-red-bg:    #1F0A0A;   /* было #2A0F0F */
  --sm-blue:      #4A8FA8;
  --sm-blue-bg:   #0D1E2A;

  /* Шрифт — без изменений */
  --sm-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --sm-mono: "Courier New", "Lucida Console", monospace;

  /* Радиусы — без изменений */
  --sm-r:   6px;
  --sm-rl:  10px;
  --sm-rx:  14px;

  /* Тени — чуть холоднее */
  --sm-shadow:    0 2px 12px rgba(0,10,20,0.6);
  --sm-shadow-lg: 0 8px 32px rgba(0,10,20,0.7);
  --sm-tr:        all 0.18s ease;
}


/* ───────────────────────────────────────────────────────────
   2. СБРОС И БАЗА
   ─────────────────────────────────────────────────────────── */

body, .t-body {
  background-color: var(--sm-bg) !important;
  color: var(--sm-text) !important;
  font-family: var(--sm-font) !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── ГЛОБАЛЬНОЕ УСИЛЕНИЕ МЕЛКОГО ТЕКСТА ──
   На тёмном фоне тонкие начертания размываются.
   Всё что 13px и меньше — минимум 500.
   ─────────────────────────────────────────── */

/* Основной текст чуть плотнее */
.sm-body, .t-text, p {
  font-weight: 400 !important;
  line-height: 1.7 !important;
}

/* Мелкий текст — 500 чтобы не размывался */
.sm-sm, .sm-xs,
.sm-label, .sm-field-label,
.sm-chip, .sm-tab,
.smcat-card-cat, .smcat-card-tag,
.smcat-card-price-lbl, .smcat-card-status,
.smcat-count, .smcat-fgroup-title,
.smcat-fcat, .smcat-fstock,
.smnew-card-cat, .smnew-card-src,
.smnew-card-spec, .smnew-card-std,
.smhr-trust-lbl, .smhr-row-desc,
.smhr-chip, .smhr-label,
.smst-step-desc, .smst-guar-text,
.smf-brand-desc, .smf-col a,
.smf-contact-text, .smf-req-item,
.smf-copy, .smf-legal a,
.smc-label, .smc-sub,
.smc-res-lbl, .smc-hint,
.smc-del-price,
.smcta-desc, .smcta-fact {
  font-weight: 500 !important;
}

/* Моноширинный мелкий — 600 для чёткости */
.sm-label,
.smcat-card-cat,
.smcat-card-tag,
.smcat-card-price-lbl,
.smcat-count,
.smcat-fgroup-title,
.smnew-card-cat,
.smnew-card-src,
.smnew-card-spec,
.smnew-card-std,
.smc-label,
.smhr-label,
.smf-col-title,
.smf-req-title {
  font-weight: 600 !important;
}

.t-rec, .t-section, .t-col, .t-container {
  background-color: transparent !important;
}

a {
  color: var(--sm-gold-lt);
  text-decoration: none;
  transition: var(--sm-tr);
}
a:hover { color: var(--sm-text); }

::selection { background: var(--sm-gold); color: var(--sm-gold-text); }


/* ───────────────────────────────────────────────────────────
   3. ТИПОГРАФИКА
   ─────────────────────────────────────────────────────────── */

.sm-display { font-family: var(--sm-font); font-size: clamp(32px, 5vw, 52px); font-weight: 900; line-height: 1.05; letter-spacing: -1.5px; color: var(--sm-text); }
.sm-h1 { font-size: clamp(22px, 3.5vw, 32px); font-weight: 800; line-height: 1.1; letter-spacing: -0.5px; color: var(--sm-text); }
.sm-h2 { font-size: clamp(18px, 2.5vw, 24px); font-weight: 700; line-height: 1.2; color: var(--sm-text); }
.sm-h3 { font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--sm-text); }
.sm-body { font-size: 14px; line-height: 1.65; color: var(--sm-text); }
.sm-sm { font-size: 12px; line-height: 1.5; }
.sm-xs { font-size: 11px; line-height: 1.4; }

.sm-label {
  display: block;
  font-family: var(--sm-mono);
  font-size: 10px; font-weight: 600;
  letter-spacing: 2.5px; text-transform: uppercase;
  color: var(--sm-gold-lt);  /* было sm-gold */
}

.sm-muted { color: var(--sm-muted)    !important; }
.sm-gold  { color: var(--sm-gold-lt)  !important; } /* переопределяем на голубой */
.sm-green { color: var(--sm-green)    !important; }
.sm-red   { color: var(--sm-red)      !important; }
.sm-mono  { font-family: var(--sm-mono) !important; }
.sm-text-sec { color: var(--sm-text-sec) !important; }


/* ───────────────────────────────────────────────────────────
   4. РАЗМЕТКА И СЕТКА
   ─────────────────────────────────────────────────────────── */

.sm-wrap { max-width: 1120px; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; }
.sm-section { padding-top: 56px; padding-bottom: 56px; }
.sm-section-sm { padding-top: 32px; padding-bottom: 32px; }

.sm-g2 { display: grid; grid-template-columns: 1fr 1fr;         gap: 16px; }
.sm-g3 { display: grid; grid-template-columns: 1fr 1fr 1fr;     gap: 16px; }
.sm-g4 { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 16px; }
.sm-g5 { display: grid; grid-template-columns: repeat(5, 1fr);  gap: 16px; }

.sm-flex         { display: flex; }
.sm-flex-center  { display: flex; align-items: center; }
.sm-flex-between { display: flex; align-items: center; justify-content: space-between; }
.sm-flex-wrap    { flex-wrap: wrap; }
.sm-gap-8  { gap: 8px; }  .sm-gap-12 { gap: 12px; }
.sm-gap-16 { gap: 16px; } .sm-gap-24 { gap: 24px; }


/* ───────────────────────────────────────────────────────────
   5. КНОПКИ
   ─────────────────────────────────────────────────────────── */

.sm-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  padding: 10px 20px; border-radius: var(--sm-r);
  font-family: var(--sm-font); font-size: 13px; font-weight: 600; line-height: 1;
  cursor: pointer; border: 1px solid transparent; white-space: nowrap;
  transition: var(--sm-tr); text-decoration: none !important;
  -webkit-appearance: none; appearance: none;
}
.sm-btn-primary { background: var(--sm-gold); color: var(--sm-gold-text) !important; border-color: var(--sm-gold); }
.sm-btn-primary:hover { background: var(--sm-gold-lt); border-color: var(--sm-gold-lt); color: var(--sm-gold-text) !important; transform: translateY(-1px); box-shadow: 0 4px 16px rgba(74,143,168,0.3); }
.sm-btn-outline { background: transparent; color: var(--sm-text-sec) !important; border-color: var(--sm-brd); }
.sm-btn-outline:hover { border-color: var(--sm-gold); color: var(--sm-gold-lt) !important; background: var(--sm-gold-bg); }
.sm-btn-ghost { background: transparent; color: var(--sm-muted) !important; border-color: transparent; }
.sm-btn-ghost:hover { color: var(--sm-text) !important; }
.sm-btn-sm  { padding: 6px 12px; font-size: 12px; }
.sm-btn-lg  { padding: 14px 28px; font-size: 15px; font-weight: 700; }
.sm-btn-xl  { padding: 17px 36px; font-size: 16px; font-weight: 700; }
.sm-btn-full { width: 100%; justify-content: center; }
.sm-btn-wa { background: #25D366; color: #fff !important; border-color: #25D366; }
.sm-btn-wa:hover { background: #1ebe5d; border-color: #1ebe5d; color: #fff !important; }
.sm-btn-tg { background: #2AABEE; color: #fff !important; border-color: #2AABEE; }
.sm-btn-tg:hover { background: #229ED9; border-color: #229ED9; color: #fff !important; }


/* ───────────────────────────────────────────────────────────
   6. КАРТОЧКИ
   ─────────────────────────────────────────────────────────── */

.sm-card { background: var(--sm-card); border: 1px solid var(--sm-brd); border-radius: var(--sm-rl); overflow: hidden; transition: border-color 0.18s; }
.sm-card:hover { border-color: var(--sm-gold); }
.sm-card-body { padding: 20px; }

/* Шапка карточки — была золотая, теперь акцентная голубая */
.sm-card-gold-head { background: var(--sm-gold); padding: 14px 20px; }
.sm-card-gold-head .sm-h3, .sm-card-gold-head * { color: var(--sm-gold-text) !important; }

.sm-card-link { cursor: pointer; text-decoration: none; display: block; }
.sm-card-link:hover { border-color: var(--sm-gold); }


/* ───────────────────────────────────────────────────────────
   7. БЕЙДЖИ / СТАТУСЫ
   ─────────────────────────────────────────────────────────── */

.sm-badge { display: inline-block; padding: 2px 9px; border-radius: 4px; font-size: 11px; font-weight: 600; line-height: 1.7; white-space: nowrap; }
.sm-badge-green { background: var(--sm-green-bg); color: var(--sm-green); }
.sm-badge-amber { background: #0D1E2A; color: var(--sm-gold-lt); }  /* было #2A1E08 / amber */
.sm-badge-red   { background: var(--sm-red-bg);   color: var(--sm-red); }
.sm-badge-blue  { background: var(--sm-blue-bg);   color: var(--sm-blue); }
.sm-badge-gold  { background: var(--sm-gold-bg);   color: var(--sm-gold-lt); }  /* акцентный бейдж */


/* ───────────────────────────────────────────────────────────
   8. ПОЛЯ И ФОРМЫ
   ─────────────────────────────────────────────────────────── */

.sm-field { margin-bottom: 14px; }
.sm-field:last-child { margin-bottom: 0; }
.sm-field-label { display: block; font-family: var(--sm-mono); font-size: 10px; font-weight: 600; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sm-text-sec); margin-bottom: 6px; }
.sm-input, .sm-select, .sm-textarea { width: 100%; background: var(--sm-bg); border: 1px solid var(--sm-brd); border-radius: var(--sm-r); padding: 10px 13px; color: var(--sm-text); font-family: var(--sm-font); font-size: 13px; outline: none; -webkit-appearance: none; appearance: none; transition: border-color 0.15s; box-sizing: border-box; }
.sm-input:focus, .sm-select:focus, .sm-textarea:focus { border-color: var(--sm-gold); }
.sm-input::placeholder, .sm-textarea::placeholder { color: var(--sm-muted); }
.sm-textarea { min-height: 96px; resize: vertical; }

.sm-searchbox { display: flex; background: var(--sm-card); border: 1px solid var(--sm-brd); border-radius: var(--sm-r); overflow: hidden; transition: border-color 0.15s; }
.sm-searchbox:focus-within { border-color: var(--sm-gold); }
.sm-searchbox input { flex: 1; min-width: 0; background: transparent; border: none; outline: none; padding: 12px 16px; font-size: 14px; color: var(--sm-text); font-family: var(--sm-font); }
.sm-searchbox input::placeholder { color: var(--sm-muted); }
.sm-searchbox button { flex-shrink: 0; background: var(--sm-gold); border: none; padding: 12px 20px; font-size: 13px; font-weight: 700; color: var(--sm-gold-text); cursor: pointer; transition: background 0.15s; }
.sm-searchbox button:hover { background: var(--sm-gold-lt); }


/* ───────────────────────────────────────────────────────────
   9. ТАБЛИЦЫ
   ─────────────────────────────────────────────────────────── */

.sm-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.sm-table th { padding: 9px 14px; text-align: left; font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--sm-gold-lt); font-family: var(--sm-mono); background: var(--sm-gold-bg); border-bottom: 2px solid var(--sm-gold); white-space: nowrap; }
.sm-table td { padding: 10px 14px; border-bottom: 1px solid var(--sm-brd); vertical-align: middle; color: var(--sm-text); }
.sm-table tr:last-child td { border-bottom: none; }
.sm-table tr:nth-child(even) td { background: rgba(255,255,255,0.02); }
.sm-table tr:hover td { background: rgba(74,143,168,0.04); }  /* было gold */

.sm-spec-table { width: 100%; border-collapse: collapse; }
.sm-spec-table tr { border-bottom: 1px solid var(--sm-brd); }
.sm-spec-table tr:last-child { border-bottom: none; }
.sm-spec-table tr:nth-child(odd) td { background: rgba(255,255,255,0.02); }
.sm-spec-table td { padding: 9px 14px; font-size: 13px; }
.sm-spec-table td:first-child { color: var(--sm-text-sec); width: 46%; }
.sm-spec-table td:last-child { font-family: var(--sm-mono); font-weight: 600; color: var(--sm-text); }


/* ───────────────────────────────────────────────────────────
   10. КОМПОНЕНТЫ (chips, tabs, accordion)
   ─────────────────────────────────────────────────────────── */

.sm-chip { display: inline-block; padding: 4px 11px; border: 1px solid var(--sm-brd); border-radius: 20px; font-size: 11px; font-family: var(--sm-mono); color: var(--sm-text-sec); cursor: pointer; white-space: nowrap; transition: var(--sm-tr); background: transparent; }
.sm-chip:hover, .sm-chip.on { border-color: var(--sm-gold); color: var(--sm-gold-lt); background: var(--sm-gold-bg); }

.sm-notice { background: var(--sm-gold-bg); border: 1px solid var(--sm-gold); border-radius: var(--sm-r); padding: 10px 15px; font-size: 12px; color: var(--sm-gold-lt); line-height: 1.6; }
.sm-divider { border: none; border-top: 1px solid var(--sm-brd); margin: 0; }

.sm-tabs { display: flex; border-bottom: 1px solid var(--sm-brd); margin-bottom: 20px; overflow-x: auto; scrollbar-width: none; }
.sm-tabs::-webkit-scrollbar { display: none; }
.sm-tab { padding: 10px 16px; font-size: 13px; font-weight: 500; color: var(--sm-muted); cursor: pointer; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; transition: var(--sm-tr); background: none; border-top: none; border-left: none; border-right: none; font-family: var(--sm-font); }
.sm-tab:hover { color: var(--sm-text-sec); }
.sm-tab.on { color: var(--sm-gold-lt); border-bottom-color: var(--sm-gold); font-weight: 600; }
.sm-tab-pane { display: none; }
.sm-tab-pane.on { display: block; }


/* ───────────────────────────────────────────────────────────
   11. КОНТЕНТ-БЛОКИ
   ─────────────────────────────────────────────────────────── */

.sm-trust-bar { background: var(--sm-surf); border-top: 1px solid var(--sm-brd); border-bottom: 1px solid var(--sm-brd); padding: 20px 0; }
.sm-trust-item { text-align: center; }
.sm-trust-num { font-size: clamp(20px, 3vw, 28px); font-weight: 900; color: var(--sm-gold-lt); line-height: 1.1; font-family: var(--sm-mono); }
.sm-trust-label { font-size: 11px; color: var(--sm-text-sec); margin-top: 4px; line-height: 1.4; }

.sm-cta { background: var(--sm-card); border: 1px solid var(--sm-brd); border-radius: var(--sm-rl); padding: 28px 32px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.sm-cta-title { font-size: 20px; font-weight: 700; color: var(--sm-text); margin-bottom: 5px; }
.sm-cta-sub { font-size: 13px; color: var(--sm-text-sec); }
.sm-cta-btns { display: flex; gap: 10px; flex-shrink: 0; }


/* ───────────────────────────────────────────────────────────
   12. НАВИГАЦИЯ
   ─────────────────────────────────────────────────────────── */

.t-header, #rec-header, .t-cover__wrapper, [data-record-type="header"] {
  background-color: var(--sm-surf) !important;
  border-bottom: 1px solid var(--sm-brd) !important;
}
.t-menu__link, .t-menu__linktext { color: var(--sm-text-sec) !important; font-family: var(--sm-font) !important; font-size: 13px !important; font-weight: 500 !important; transition: color 0.15s !important; }
.t-menu__link:hover .t-menu__linktext, .t-menu__link.t-active .t-menu__linktext { color: var(--sm-text) !important; }

/* Логотип — теперь VEXAL, белый */
.t-logo { font-family: var(--sm-font) !important; font-weight: 900 !important; letter-spacing: 1.5px !important; color: var(--sm-text) !important; }

.t-menu__burger-icon, .t-menu__burger-icon:before, .t-menu__burger-icon:after { background-color: var(--sm-text) !important; }
.t-menu__mobile-overlay { background-color: var(--sm-surf) !important; }


/* ───────────────────────────────────────────────────────────
   13. ФУТЕР
   ─────────────────────────────────────────────────────────── */

.t-footer, [data-record-type="footer"] { background-color: var(--sm-surf) !important; border-top: 1px solid var(--sm-brd) !important; }
.t-footer a, .t-footer .t-text { color: var(--sm-text-sec) !important; font-size: 12px !important; }
.t-footer a:hover { color: var(--sm-text) !important; }


/* ───────────────────────────────────────────────────────────
   14. HERO-БАННЕРЫ
   ─────────────────────────────────────────────────────────── */

.sm-hero { position: relative; overflow: hidden; border-radius: var(--sm-rl); }
.sm-hero-bg { position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 0; }
.sm-hero-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(9,11,15,0.93) 40%, rgba(9,11,15,0.55) 70%, rgba(9,11,15,0.2) 100%); z-index: 1; }
.sm-hero-content { position: relative; z-index: 2; padding: 40px; }

.sm-strip { background: var(--sm-surf); border-bottom: 1px solid var(--sm-brd); padding: 8px 0; overflow-x: auto; scrollbar-width: none; }
.sm-strip::-webkit-scrollbar { display: none; }
.sm-strip-inner { display: flex; align-items: center; gap: 20px; min-width: max-content; padding: 0 20px; }
.sm-strip-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--sm-text-sec); white-space: nowrap; }
.sm-strip-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--sm-gold); flex-shrink: 0; }


/* ───────────────────────────────────────────────────────────
   15. АДАПТИВ
   ─────────────────────────────────────────────────────────── */

@media (max-width: 900px) {
  .sm-g4 { grid-template-columns: 1fr 1fr; }
  .sm-g5 { grid-template-columns: repeat(3, 1fr); }
  .sm-cta { flex-direction: column; align-items: flex-start; }
  .sm-cta-btns { width: 100%; }
  .sm-hero-content { padding: 28px 24px; }
}
@media (max-width: 640px) {
  .sm-wrap { padding-left: 14px; padding-right: 14px; }
  .sm-section { padding-top: 32px; padding-bottom: 32px; }
  .sm-g2, .sm-g3, .sm-g4, .sm-g5 { grid-template-columns: 1fr; gap: 10px; }
  .sm-cta-btns { flex-direction: column; }
  .sm-cta-btns .sm-btn { width: 100%; }
  .sm-trust-bar .sm-g5 { grid-template-columns: 1fr 1fr; }
  .sm-hero-content { padding: 22px 18px; }
}


/* ───────────────────────────────────────────────────────────
   16. УТИЛИТЫ ОТСТУПОВ
   ─────────────────────────────────────────────────────────── */

.sm-mb-4  { margin-bottom: 4px  !important; } .sm-mb-8  { margin-bottom: 8px  !important; }
.sm-mb-12 { margin-bottom: 12px !important; } .sm-mb-16 { margin-bottom: 16px !important; }
.sm-mb-20 { margin-bottom: 20px !important; } .sm-mb-24 { margin-bottom: 24px !important; }
.sm-mb-32 { margin-bottom: 32px !important; } .sm-mb-48 { margin-bottom: 48px !important; }
.sm-mt-8  { margin-top: 8px  !important; }    .sm-mt-16 { margin-top: 16px !important; }
.sm-mt-24 { margin-top: 24px !important; }    .sm-mt-32 { margin-top: 32px !important; }
.sm-p-16  { padding: 16px !important; }       .sm-p-20  { padding: 20px !important; }
.sm-p-24  { padding: 24px !important; }

.sm-hidden    { display: none !important; }
.sm-hidden-md { display: none !important; }
@media (min-width: 641px) { .sm-hidden-md { display: block !important; } }


/* ───────────────────────────────────────────────────────────
   17. ФИКС T123 — УБИРАЕМ ПРИЛИПАНИЕ К КРАЯМ
   ─────────────────────────────────────────────────────────── */

.t-rec_pt_0, .t-rec_pb_0, .t-rec {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t-container, .t-container_100, .t-col, .t-width {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.t-text, .t-descr, [data-record-type="208"] .t-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100% !important;
}
[data-record-type="208"] {
  width: 100% !important;
  max-width: 100% !important;
}


/* ───────────────────────────────────────────────────────────
   18. ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ
   ─────────────────────────────────────────────────────────── */

html, body {
  overflow-x: hidden !important;
  max-width: 100vw !important;
}

.t-menu__link,
.t-menu__link:link,
.t-menu__link:visited,
.t-menu__link:hover,
.t-menu__link:active,
.t-menu__link.t-active,
.t-menu__link .t-menu__linktext,
.t-menu__link:hover .t-menu__linktext,
.t-menu__link.t-active .t-menu__linktext {
  color: var(--sm-text-sec) !important;
  background: transparent !important;
  text-decoration: none !important;
}

.t-header,
.t-header *:not(#smh):not(#smh *) {
  background-color: transparent !important;
}


/* ───────────────────────────────────────────────────────────
   19. УБИВАЕМ РОЗОВЫЙ TILDA ГЛОБАЛЬНО
   ─────────────────────────────────────────────────────────── */

#smh a, #smh a:link, #smh a:visited, #smh a:active,
#smf a, #smf a:link, #smf a:visited, #smf a:active,
#smhr a, #smhr a:link, #smhr a:visited,
#smcc a, #smcc a:link, #smcc a:visited,
#smcalc a, #smcalc a:link, #smcalc a:visited,
#smst a, #smst a:link, #smst a:visited,
#smcta a, #smcta a:link, #smcta a:visited,
#smcat a, #smcat a:link, #smcat a:visited,
#smal a, #smal a:link, #smal a:visited,
#smwiki a, #smwiki a:link, #smwiki a:visited {
  text-decoration: none !important;
  background: none !important;
}

#smh-mob a,
#smh-mob a:link,
#smh-mob a:visited,
#smh-mob a:active,
#smh-mob a:hover,
#smh-mob a:focus {
  color: rgba(216,230,238,.5) !important;
  text-decoration: none !important;
  background: none !important;
}
#smh-mob a:hover  { color: var(--sm-text) !important; }
#smh-mob a.on     { color: var(--sm-gold-lt) !important; font-weight: 600 !important; }
#smh-mob a.hl     { color: rgba(123,189,212,.8) !important; }

#smh nav a,
#smh nav a:link,
#smh nav a:visited,
#smh nav a:active,
#smh nav a:focus {
  color: var(--sm-text-sec) !important;
  text-decoration: none !important;
  background: none !important;
}
#smh nav a:hover { color: var(--sm-text) !important; }
#smh nav a.on    { color: var(--sm-gold-lt) !important; }
#smh nav a.hl    { color: var(--sm-gold-lt) !important; }

.t-menu__link,
.t-menu__link:link,
.t-menu__link:visited,
.t-menu__link:hover,
.t-menu__link:active,
.t-menu__link:focus,
.t-menu__link .t-menu__linktext,
.t-menu__link:hover .t-menu__linktext,
.t-menu__link.t-active .t-menu__linktext,
.t-menu__list-item a,
.t-menu__list-item a:hover,
.t-menu__list-item a:active {
  color: var(--sm-text-sec) !important;
  background: transparent !important;
  text-decoration: none !important;
}


/* ───────────────────────────────────────────────────────────
   20. ШАПКА — ПРИЛИПАЕТ К ВЕРХУ
   ─────────────────────────────────────────────────────────── */

.t-rec:has(#smh) {
  padding: 0 !important;
  margin: 0 !important;
}

#smh {
  margin: 0 !important;
  top: 0 !important;
}


/* ── АКЦЕНТНЫЕ КНОПКИ — защита от перекраски ── */
/* (были золотые, теперь стальной голубой) */
a.smcat-card-btn, a.smcat-card-btn:link, a.smcat-card-btn:visited,
a.smal-card-btn,  a.smal-card-btn:link,  a.smal-card-btn:visited,
a.smref-card-btn, a.smref-card-btn:link, a.smref-card-btn:visited,
a.smnew-card-btn, a.smnew-card-btn:link, a.smnew-card-btn:visited,
a.smwiki-art-cta, a.smwiki-art-cta:link, a.smwiki-art-cta:visited,
a.smcta-btn-p,    a.smcta-btn-p:link,    a.smcta-btn-p:visited,
a.smcc-btn-p,     a.smcc-btn-p:link,     a.smcc-btn-p:visited,
a.smved-cta,      a.smved-cta:link,      a.smved-cta:visited,
a.smref-btn-p,    a.smref-btn-p:link,    a.smref-btn-p:visited {
  background: var(--sm-gold) !important;
  color: var(--sm-gold-text) !important;
  text-decoration: none !important;
}

a.smcat-card-btn:hover, a.smal-card-btn:hover,
a.smref-card-btn:hover, a.smnew-card-btn:hover,
a.smwiki-art-cta:hover, a.smcta-btn-p:hover,
a.smcc-btn-p:hover, a.smved-cta:hover, a.smref-btn-p:hover {
  background: var(--sm-gold-lt) !important;
  color: var(--sm-gold-text) !important;
}

/* ── HEADER КНОПКИ — защита от background:none ── */
#smh a.smh-wa, #smh a.smh-wa:link, #smh a.smh-wa:visited,
#smh-mob a.smh-mob-btn-wa, #smh-mob a.smh-mob-btn-wa:link, #smh-mob a.smh-mob-btn-wa:visited {
  background: #25D366 !important; color: #fff !important; text-decoration: none !important;
}
#smh a.smh-tg, #smh a.smh-tg:link, #smh a.smh-tg:visited,
#smh-mob a.smh-mob-btn-tg, #smh-mob a.smh-mob-btn-tg:link, #smh-mob a.smh-mob-btn-tg:visited {
  background: #2AABEE !important; color: #fff !important; text-decoration: none !important;
}
#smh a.smh-cta, #smh a.smh-cta:link, #smh a.smh-cta:visited,
#smh-mob a.smh-mob-btn-cta, #smh-mob a.smh-mob-btn-cta:link, #smh-mob a.smh-mob-btn-cta:visited {
  background: #4A8FA8 !important; color: #060C11 !important; text-decoration: none !important;
}
#smh-mob a.smh-mob-btn-cta:hover { background: #7BBDD4 !important; }

/* ── FOOTER КНОПКИ — защита от background:none ── */
#smf a.smf-soc-btn.smf-wa,
#smf a.smf-soc-btn.smf-wa:link,
#smf a.smf-soc-btn.smf-wa:visited {
  background: #25D366 !important;
  color: #fff !important;
  text-decoration: none !important;
}
#smf a.smf-soc-btn.smf-tg,
#smf a.smf-soc-btn.smf-tg:link,
#smf a.smf-soc-btn.smf-tg:visited {
  background: #2AABEE !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* ── CATALOG + NEW КНОПКИ — защита от background:none ── */
#smcat a.smcat-card-btn,
#smcat a.smcat-card-btn:link,
#smcat a.smcat-card-btn:visited,
#smnew a.smnew-card-btn,
#smnew a.smnew-card-btn:link,
#smnew a.smnew-card-btn:visited {
  background: #4A8FA8 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
#smcat a.smcat-card-btn:hover,
#smnew a.smnew-card-btn:hover {
  background: #7BBDD4 !important;
  color: #060C11 !important;
}
#smhr a.smhr-btn-p,
#smhr a.smhr-btn-p:link,
#smhr a.smhr-btn-p:visited {
  background: #4A8FA8 !important;
  color: #FFFFFF !important;
  text-decoration: none !important;
}
#smhr a.smhr-btn-p:hover {
  background: #7BBDD4 !important;
  color: #060C11 !important;
}
#smhr a.smhr-btn-o,
#smhr a.smhr-btn-o:link,
#smhr a.smhr-btn-o:visited {
  background: transparent !important;
  border: 1.5px solid #4A8FA8 !important;
  color: #E8ECEA !important;
  text-decoration: none !important;
}
#smhr a.smhr-btn-o:hover {
  background: rgba(74,143,168,.1) !important;
  border-color: #7BBDD4 !important;
  color: #7BBDD4 !important;
}

/* ───────────────────────────────────────────────────────────
   21. ПЕРЕХОДЫ МЕЖДУ СЕКЦИЯМИ
   В — акцентная линия на стыке тёмное ↔ светлое
   ─────────────────────────────────────────────────────────── */

/* Светлый калькулятор — акцентная линия сверху и снизу */
#smcalc {
  border-top: 2px solid #4A8FA8 !important;
  border-bottom: 2px solid #4A8FA8 !important;
  box-shadow:
    0 -3px 20px rgba(74,143,168,0.10),
    0  3px 20px rgba(74,143,168,0.10) !important;
}

/* Общий плавный скролл */
html {
  scroll-behavior: smooth !important;
}

/* ═══════════════════════════════════════════════════════════
   КОНЕЦ — VEXAL Global CSS v2.0
   Токены: bg=#090B0F surf=#10151C card=#161D26
   Акцент: #4A8FA8 / #7BBDD4
   Текст: #E8ECEA / #9EADB0 / #5E7278
   Классы sm- сохранены — HTML-блоки не трогаем
   ═══════════════════════════════════════════════════════════ */