@import url('https://fonts.googleapis.com/css2?family=Cuprum:wght@400;700&display=swap');

:root {
  --theme-bg-start: #f4f8fc;
  --theme-bg-end: #edf3f9;
  --theme-glow: rgba(15, 76, 129, 0.14);
  --theme-card: rgba(255, 255, 255, 0.94);
  --theme-card-strong: rgba(255, 255, 255, 0.98);
  --theme-border: rgba(15, 76, 129, 0.1);
  --theme-shadow: rgba(18, 35, 53, 0.08);
  --theme-text: #17222d;
  --theme-muted: #6b7a8d;
  --theme-accent: #0f4c81;
  --theme-accent-2: #1a73b8;
  --machine-on-color: #2e7d32;
  --machine-off-color: #c62828;
}

html[data-theme="white"] {
  --theme-bg-start: #ffffff;
  --theme-bg-end: #ffffff;
  --theme-glow: rgba(15, 76, 129, 0.08);
  --theme-card: rgba(255, 255, 255, 0.99);
  --theme-card-strong: rgba(255, 255, 255, 1);
  --theme-border: rgba(148, 163, 184, 0.2);
  --theme-shadow: rgba(15, 23, 42, 0.06);
  --theme-text: #102132;
  --theme-muted: #65768a;
  --theme-accent: #115e91;
  --theme-accent-2: #1d70b8;
}

html[data-theme="dark"] {
  --theme-bg-start: #0c1723;
  --theme-bg-end: #121f2e;
  --theme-glow: rgba(59, 130, 246, 0.12);
  --theme-card: rgba(18, 30, 46, 0.92);
  --theme-card-strong: rgba(18, 30, 46, 0.98);
  --theme-border: rgba(148, 163, 184, 0.18);
  --theme-shadow: rgba(2, 6, 23, 0.48);
  --theme-text: #e6edf6;
  --theme-muted: #96a8bb;
  --theme-accent: #7cc2ff;
  --theme-accent-2: #9ad7ff;
  --machine-on-color: #66bb6a;
  --machine-off-color: #ef5350;
}

html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea {
  background-color: var(--theme-card-strong);
  color: var(--theme-text);
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent);
}

html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
  color: var(--theme-muted);
}

html[data-theme="dark"] select option,
html[data-theme="dark"] select optgroup {
  background-color: var(--theme-card-strong);
  color: var(--theme-text);
}

html[data-theme="dark"] select option:checked,
html[data-theme="dark"] select option:hover {
  background-color: color-mix(in srgb, var(--theme-accent) 18%, transparent);
  color: var(--theme-text);
}

html[data-theme],
html[data-theme] * {
  scrollbar-color:
    color-mix(in srgb, var(--theme-accent-2) 34%, transparent) color-mix(in srgb, var(--theme-bg-start) 76%, var(--theme-text) 24%);
}

html[data-theme] ::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html[data-theme] ::-webkit-scrollbar-track {
  background: color-mix(in srgb, var(--theme-bg-start) 76%, var(--theme-text) 24%);
  border-radius: 999px;
}

html[data-theme] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--theme-accent-2) 38%, transparent),
      color-mix(in srgb, var(--theme-accent) 30%, transparent));
  border-radius: 999px;
  border: 2px solid color-mix(in srgb, var(--theme-bg-start) 76%, var(--theme-text) 24%);
}

html[data-theme] ::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg,
      color-mix(in srgb, var(--theme-accent-2) 48%, transparent),
      color-mix(in srgb, var(--theme-accent) 40%, transparent));
}

html[data-theme="warm"] {
  --theme-bg-start: #faf4ea;
  --theme-bg-end: #f6efe5;
  --theme-glow: rgba(180, 83, 9, 0.1);
  --theme-card: rgba(255, 250, 244, 0.95);
  --theme-card-strong: rgba(255, 252, 247, 0.99);
  --theme-border: rgba(180, 83, 9, 0.15);
  --theme-shadow: rgba(120, 53, 15, 0.1);
  --theme-text: #2d2015;
  --theme-muted: #7a6657;
  --theme-accent: #b45309;
  --theme-accent-2: #d97706;
}

html[data-theme="mint"] {
  --theme-bg-start: #eef8f7;
  --theme-bg-end: #e5f4f1;
  --theme-glow: rgba(13, 148, 136, 0.1);
  --theme-card: rgba(249, 255, 254, 0.95);
  --theme-card-strong: rgba(255, 255, 255, 0.99);
  --theme-border: rgba(13, 148, 136, 0.14);
  --theme-shadow: rgba(15, 118, 110, 0.08);
  --theme-text: #143137;
  --theme-muted: #648086;
  --theme-accent: #0f766e;
  --theme-accent-2: #0d9488;
}

html[data-theme="slate"] {
  --theme-bg-start: #eef2f6;
  --theme-bg-end: #e4e9ef;
  --theme-glow: rgba(71, 85, 105, 0.12);
  --theme-card: rgba(248, 250, 252, 0.94);
  --theme-card-strong: rgba(255, 255, 255, 0.99);
  --theme-border: rgba(71, 85, 105, 0.14);
  --theme-shadow: rgba(51, 65, 85, 0.1);
  --theme-text: #152334;
  --theme-muted: #607286;
  --theme-accent: #334155;
  --theme-accent-2: #475569;
}

html[data-font="cuprum"] {
  --font-sans: "Cuprum", "Segoe UI", Arial, sans-serif;
}

html[data-font="poppins"] {
  --font-sans: "Poppins", "Inter", Arial, sans-serif;
}

html[data-font="manrope"] {
  --font-sans: "Manrope", "Inter", Arial, sans-serif;
}

html[data-font="montserrat"] {
  --font-sans: "Montserrat", "Segoe UI", Arial, sans-serif;
}

html[data-font="roboto"] {
  --font-sans: "Roboto", "Segoe UI", Arial, sans-serif;
}

html[data-font-size="sm"] {
  font-size: 15px;
  --text-xs: 11px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: clamp(26px, 3vw, 36px);
  --text-3xl: clamp(30px, 4.5vw, 46px);
}

html[data-font-size="md"] {
  font-size: 16px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 15px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 22px;
  --text-2xl: clamp(28px, 3.2vw, 40px);
  --text-3xl: clamp(34px, 5vw, 52px);
}

html[data-font-size="lg"] {
  font-size: 17px;
  --text-xs: 13px;
  --text-sm: 15px;
  --text-md: 16px;
  --text-base: 18px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: clamp(31px, 3.5vw, 44px);
  --text-3xl: clamp(37px, 5.4vw, 56px);
}

html[data-font-size="xl"] {
  font-size: 18px;
  --text-xs: 14px;
  --text-sm: 16px;
  --text-md: 17px;
  --text-base: 19px;
  --text-lg: 22px;
  --text-xl: 26px;
  --text-2xl: clamp(34px, 3.8vw, 48px);
  --text-3xl: clamp(40px, 5.8vw, 60px);
}

html[data-theme] body,
html[data-theme] .legacy-indexn-body {
  color: var(--theme-text) !important;
  background:
    radial-gradient(circle at top left, var(--theme-glow), transparent 30%),
    linear-gradient(180deg, var(--theme-bg-start), var(--theme-bg-end)) !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html[data-theme] body,
html[data-theme] body button,
html[data-theme] body input,
html[data-theme] body select,
html[data-theme] body textarea,
html[data-theme] .legacy-indexn-body,
html[data-theme] .legacy-indexn-body button,
html[data-theme] .legacy-indexn-body input,
html[data-theme] .legacy-indexn-body select,
html[data-theme] .legacy-indexn-body textarea {
  font-family: var(--font-sans) !important;
}

html[data-theme] a {
  color: var(--theme-accent-2);
}

html[data-theme] .btn,
html[data-theme] a.btn,
html[data-theme] .shop-item-footer .btn,
html[data-theme] .shop-detail-order-button {
  color: #fff !important;
}

html[data-theme] .btn:hover,
html[data-theme] a.btn:hover,
html[data-theme] .btn:visited,
html[data-theme] a.btn:visited,
html[data-theme] .btn:focus-visible,
html[data-theme] a.btn:focus-visible,
html[data-theme] .shop-item-footer .btn:hover,
html[data-theme] .shop-item-footer .btn:visited,
html[data-theme] .shop-item-footer .btn:focus-visible,
html[data-theme] .shop-detail-order-button:hover,
html[data-theme] .shop-detail-order-button:visited,
html[data-theme] .shop-detail-order-button:focus-visible {
  color: #fff !important;
}

html[data-theme] .shop-filter-icon-button.btn-secondary,
html[data-theme] .shop-filter-icon-button.btn-secondary:hover,
html[data-theme] .shop-filter-icon-button.btn-secondary:visited,
html[data-theme] .shop-filter-icon-button.btn-secondary:focus-visible {
  color: var(--theme-accent) !important;
}

html[data-theme] h1,
html[data-theme] h2,
html[data-theme] h3,
html[data-theme] h4,
html[data-theme] h5,
html[data-theme] h6,
html[data-theme] .legacy-indexn-body h1,
html[data-theme] .legacy-indexn-body h2,
html[data-theme] .legacy-indexn-body h3,
html[data-theme] .legacy-indexn-body h4,
html[data-theme] .legacy-indexn-body h5,
html[data-theme] .legacy-indexn-body h6 {
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-calc-hero h1,
html[data-theme] .legacy-calc-hero h2,
html[data-theme] .legacy-calc-hero h3,
html[data-theme] .legacy-calc-hero h4,
html[data-theme] .legacy-calc-hero h5,
html[data-theme] .legacy-calc-hero h6 {
  color: #ffffff !important;
}

html[data-theme] .site-header,
html[data-theme] .legacy-brandbar,
html[data-theme] .card,
html[data-theme] .sidebar-card,
html[data-theme] .top-nav-dropdown,
html[data-theme] .top-nav-locale,
html[data-theme] .header-center-contact,
html[data-theme] .header-login-pill,
html[data-theme] .admin-user-pill,
html[data-theme] .header-quicklinks-dropdown,
html[data-theme] .legacy-sidebar-card,
html[data-theme] .legacy-nav-dropdown,
html[data-theme] .legacy-nav-locale,
html[data-theme] .legacy-panel,
html[data-theme] .legacy-note-card,
html[data-theme] .legacy-pricing-card,
html[data-theme] .legacy-header-center-contact,
html[data-theme] .legacy-link-pill,
html[data-theme] .legacy-info-page-content,
html[data-theme] .legacy-public-goods-page,
html[data-theme] .catalog-page-card,
html[data-theme] .catalog-subgroup-locale-card,
html[data-theme] .shop-locale-card,
html[data-theme] .site-footer {

  background: var(--theme-card) !important;
  border-color: var(--theme-border) !important;
  box-shadow: 0 18px 42px var(--theme-shadow) !important;

}

html[data-theme] .catalog-page-hero,
html[data-theme] .catalog-locale-hero,
html[data-theme] .catalog-subgroup-hero,
html[data-theme] .shop-hero,
html[data-theme] .promo-hero,
html[data-theme] .cart-hero,
html[data-theme] .legacy-calc-hero,
html[data-theme] .info-hero {
  background-color: color-mix(in srgb, var(--theme-text) 82%, #0c1723 18%) !important;
  background-image:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--theme-accent-2) 34%, #ffffff 12%), transparent 26%),
    radial-gradient(circle at 0% 100%, color-mix(in srgb, var(--theme-accent) 20%, #00d6c9 80%), transparent 22%),
    linear-gradient(135deg,
      color-mix(in srgb, var(--theme-text) 84%, #08111b 16%) 0%,
      color-mix(in srgb, var(--theme-text) 58%, var(--theme-accent) 42%) 40%,
      color-mix(in srgb, var(--theme-accent) 54%, var(--theme-accent-2) 46%) 100%) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 18%, #ffffff 12%) !important;
  box-shadow:
    0 24px 52px color-mix(in srgb, var(--theme-shadow) 88%, rgba(7, 18, 31, .34)),
    0 1px 0 color-mix(in srgb, #ffffff 5%, transparent) inset !important;
}

html[data-theme] .catalog-page-hero h1,
html[data-theme] .catalog-locale-hero h1,
html[data-theme] .catalog-subgroup-hero h1,
html[data-theme] .shop-hero h1,
html[data-theme] .promo-hero h1,
html[data-theme] .cart-hero h1,
html[data-theme] .legacy-calc-hero h1,
html[data-theme] .info-hero h1 {
  color: #ffffff !important;
}

html[data-theme] .catalog-page-hero .breadcrumbs,
html[data-theme] .catalog-locale-hero .breadcrumbs,
html[data-theme] .catalog-subgroup-hero .breadcrumbs,
html[data-theme] .shop-hero .breadcrumbs,
html[data-theme] .promo-hero .breadcrumbs,
html[data-theme] .cart-hero .breadcrumbs,
html[data-theme] .legacy-calc-hero .breadcrumbs,
html[data-theme] .info-hero .breadcrumbs {
  color: rgba(244, 249, 255, .88) !important;
}

html[data-theme] .catalog-page-hero .breadcrumbs a,
html[data-theme] .catalog-locale-hero .breadcrumbs a,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a,
html[data-theme] .shop-hero .breadcrumbs a,
html[data-theme] .promo-hero .breadcrumbs a,
html[data-theme] .cart-hero .breadcrumbs a,
html[data-theme] .legacy-calc-hero .breadcrumbs a,
html[data-theme] .info-hero .breadcrumbs a {
  background: color-mix(in srgb, #ffffff 20%, transparent) !important;
  border-color: color-mix(in srgb, #ffffff 32%, transparent) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-shadow) 82%, rgba(7, 18, 31, .18)) !important;
}

html[data-theme] .catalog-page-hero .breadcrumbs a:hover,
html[data-theme] .catalog-page-hero .breadcrumbs a:focus-visible,
html[data-theme] .catalog-page-hero .breadcrumbs a:active,
html[data-theme] .catalog-page-hero .breadcrumbs a:visited,
html[data-theme] .catalog-locale-hero .breadcrumbs a:hover,
html[data-theme] .catalog-locale-hero .breadcrumbs a:focus-visible,
html[data-theme] .catalog-locale-hero .breadcrumbs a:active,
html[data-theme] .catalog-locale-hero .breadcrumbs a:visited,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a:hover,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a:focus-visible,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a:active,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a:visited,
html[data-theme] .shop-hero .breadcrumbs a:hover,
html[data-theme] .shop-hero .breadcrumbs a:focus-visible,
html[data-theme] .shop-hero .breadcrumbs a:active,
html[data-theme] .shop-hero .breadcrumbs a:visited,
html[data-theme] .promo-hero .breadcrumbs a:hover,
html[data-theme] .promo-hero .breadcrumbs a:focus-visible,
html[data-theme] .promo-hero .breadcrumbs a:active,
html[data-theme] .promo-hero .breadcrumbs a:visited,
html[data-theme] .cart-hero .breadcrumbs a:hover,
html[data-theme] .cart-hero .breadcrumbs a:focus-visible,
html[data-theme] .cart-hero .breadcrumbs a:active,
html[data-theme] .cart-hero .breadcrumbs a:visited,
html[data-theme] .legacy-calc-hero .breadcrumbs a:hover,
html[data-theme] .legacy-calc-hero .breadcrumbs a:focus-visible,
html[data-theme] .legacy-calc-hero .breadcrumbs a:active,
html[data-theme] .legacy-calc-hero .breadcrumbs a:visited,
html[data-theme] .info-hero .breadcrumbs a:hover,
html[data-theme] .info-hero .breadcrumbs a:focus-visible,
html[data-theme] .info-hero .breadcrumbs a:active,
html[data-theme] .info-hero .breadcrumbs a:visited {
  color: #ffffff !important;
}

html[data-theme] .catalog-page-hero .breadcrumbs span,
html[data-theme] .catalog-locale-hero .breadcrumbs span,
html[data-theme] .catalog-subgroup-hero .breadcrumbs span,
html[data-theme] .shop-hero .breadcrumbs span,
html[data-theme] .promo-hero .breadcrumbs span,
html[data-theme] .cart-hero .breadcrumbs span,
html[data-theme] .legacy-calc-hero .breadcrumbs span,
html[data-theme] .info-hero .breadcrumbs span {
  background: color-mix(in srgb, #ffffff 16%, transparent) !important;
  border-color: color-mix(in srgb, #ffffff 24%, transparent) !important;
  color: rgba(248, 251, 255, .94) !important;
}

html[data-theme="dark"] .site-footer {
  background: linear-gradient(180deg, #162233, #0e1827) !important;
}

html[data-theme="dark"] .catalog-page-hero,
html[data-theme="dark"] .catalog-locale-hero,
html[data-theme="dark"] .catalog-subgroup-hero,
html[data-theme="dark"] .shop-hero,
html[data-theme="dark"] .promo-hero,
html[data-theme="dark"] .cart-hero,
html[data-theme="dark"] .legacy-calc-hero,
html[data-theme="dark"] .info-hero {
  background-color: #0b2237 !important;
  background-image:
    radial-gradient(circle at 100% 0%, rgba(76, 138, 201, .18), transparent 26%),
    radial-gradient(circle at 0% 100%, rgba(28, 84, 133, .16), transparent 22%),
    linear-gradient(135deg, #123a5f 0%, #0d2942 45%, #07131f 100%) !important;
}

html[data-theme="dark"] .catalog-page-hero h1,
html[data-theme="dark"] .catalog-locale-hero h1,
html[data-theme="dark"] .catalog-subgroup-hero h1,
html[data-theme="dark"] .shop-hero h1,
html[data-theme="dark"] .promo-hero h1,
html[data-theme="dark"] .cart-hero h1,
html[data-theme="dark"] .legacy-calc-hero h1,
html[data-theme="dark"] .info-hero h1 {
  color: #f3f7fb !important;
  text-shadow: 0 3px 18px rgba(7, 18, 31, .26) !important;
}

html[data-theme="dark"] .catalog-page-hero .menu-glyph,
html[data-theme="dark"] .catalog-locale-hero .menu-glyph,
html[data-theme="dark"] .catalog-subgroup-hero .menu-glyph,
html[data-theme="dark"] .shop-hero .menu-glyph,
html[data-theme="dark"] .promo-hero .menu-glyph,
html[data-theme="dark"] .cart-hero .menu-glyph,
html[data-theme="dark"] .legacy-calc-hero .menu-glyph,
html[data-theme="dark"] .info-hero .menu-glyph {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .catalog-page-hero .menu-glyph svg,
html[data-theme="dark"] .catalog-locale-hero .menu-glyph svg,
html[data-theme="dark"] .catalog-subgroup-hero .menu-glyph svg,
html[data-theme="dark"] .shop-hero .menu-glyph svg,
html[data-theme="dark"] .promo-hero .menu-glyph svg,
html[data-theme="dark"] .cart-hero .menu-glyph svg,
html[data-theme="dark"] .legacy-calc-hero .menu-glyph svg,
html[data-theme="dark"] .info-hero .menu-glyph svg {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .top-nav-locale-title,
html[data-theme="dark"] .top-nav-locale-title>span,
html[data-theme="dark"] .top-nav-locale-title::after {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .top-nav-search input {
  background: color-mix(in srgb, var(--theme-card-strong) 88%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 38%, transparent) !important;
  color: var(--theme-text) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .top-nav-search input::placeholder {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .top-nav-search input:focus {
  background: var(--theme-card-strong) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 52%, transparent) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 4px color-mix(in srgb, var(--theme-accent) 28%, transparent) !important;
}

html[data-theme="dark"] .sidebar-search::before,
html[data-theme="dark"] .sidebar-search::after {
  border-color: color-mix(in srgb, var(--theme-accent-2) 52%, transparent) !important;
  background: color-mix(in srgb, var(--theme-accent-2) 52%, transparent) !important;
}

html[data-theme="dark"] .sidebar-search input {
  background: color-mix(in srgb, var(--theme-card-strong) 88%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 38%, transparent) !important;
  color: var(--theme-text) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .sidebar-search input::placeholder {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .sidebar-search input:focus {
  background: var(--theme-card-strong) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 52%, transparent) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 4px color-mix(in srgb, var(--theme-accent) 28%, transparent) !important;
}

html[data-theme="dark"] .header-help-search-input {
  background: color-mix(in srgb, var(--theme-card-strong) 88%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 38%, transparent) !important;
  color: var(--theme-text) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .header-help-search-input::placeholder {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .header-help-search-input:focus {
  background: var(--theme-card-strong) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 52%, transparent) !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 0 4px color-mix(in srgb, var(--theme-accent) 28%, transparent) !important;
}

html[data-theme="dark"] .header-help-search.is-expanded {
  background: var(--theme-card-strong) !important;
  box-shadow: 0 12px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .product-card,
html[data-theme="dark"] .catalog-subgroup-product-card {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .catalog-page-card,
html[data-theme="dark"] .catalog-subgroup-locale-card,
html[data-theme="dark"] .shop-locale-card,
html[data-theme="dark"] .promo-locale-card {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .catalog-page-card-link,
html[data-theme="dark"] .catalog-page-card-link:hover {
  background: transparent !important;
}

html[data-theme="dark"] .catalog-page-card-count {
  color: color-mix(in srgb, var(--theme-text) 62%, transparent) !important;
}

html[data-theme="dark"] .catalog-page-card-locale {
  background: color-mix(in srgb, var(--theme-card-strong) 30%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 65%, transparent) !important;
}

html[data-theme="dark"] .catalog-page-card-locale-icon {
  background: color-mix(in srgb, var(--theme-card-strong) 55%, transparent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .catalog-page-card-locale-count {
  background: color-mix(in srgb, var(--theme-accent, #2b9fbd) 22%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .catalog-page-card-preview a {
  background: color-mix(in srgb, var(--theme-card-strong) 55%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 70%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .catalog-page-card-preview a:hover {
  background: var(--theme-accent, #2b9fbd) !important;
  border-color: var(--theme-accent, #2b9fbd) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .catalog-page-card-icon {
  background: color-mix(in srgb, var(--theme-card-strong) 45%, transparent) !important;
}

html[data-theme="dark"] .catalog-page-card-head {
  border-color: color-mix(in srgb, var(--theme-border) 60%, transparent) !important;
}

html[data-theme="dark"] .promo-locale-link {
  background: transparent !important;
  color: var(--theme-text) !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .promo-locale-link:hover {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
}

html[data-theme="dark"] .promo-locale-link-title {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .promo-locale-link-meta {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .promo-detail-card,
html[data-theme="dark"] .promo-detail-faq-card {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .promo-detail-richtext,
html[data-theme="dark"] .promo-detail-richtext p,
html[data-theme="dark"] .promo-detail-richtext li,
html[data-theme="dark"] .promo-detail-item-caption,
html[data-theme="dark"] .promo-detail-faq-answer,
html[data-theme="dark"] .promo-detail-story-calc {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .promo-detail-richtext p:first-child,
html[data-theme="dark"] .promo-detail-richtext strong,
html[data-theme="dark"] .promo-detail-richtext b,
html[data-theme="dark"] .promo-detail-richtext h2,
html[data-theme="dark"] .promo-detail-richtext h3,
html[data-theme="dark"] .promo-detail-richtext h4,
html[data-theme="dark"] .promo-detail-faq-card h2 {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .promo-detail-story-calc {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
}

html[data-theme="dark"] .promo-detail-story-calc span,
html[data-theme="dark"] .promo-detail-section-kicker {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .promo-detail-story-calc a,
html[data-theme="dark"] .promo-detail-richtext a {
  color: var(--theme-accent-2) !important;
}

html[data-theme="dark"] .promo-detail-order-icon {
  background: transparent !important;
  box-shadow: none !important;
  border-color: transparent !important;
  color: #f3f7fb !important;
}

html[data-theme="dark"] .promo-detail-order-icon svg {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .promo-detail-order-button {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, #ffffff 58%, transparent) !important;
  box-shadow: none !important;
  color: #f3f7fb !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .promo-detail-order-button:hover,
html[data-theme="dark"] .promo-detail-order-button:focus-visible,
html[data-theme="dark"] .promo-detail-order-button:visited {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: #f3f7fb !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .shop-detail-order-button {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, #ffffff 58%, transparent) !important;
  box-shadow: none !important;
  color: #f3f7fb !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .shop-detail-order-button:hover,
html[data-theme="dark"] .shop-detail-order-button:focus-visible,
html[data-theme="dark"] .shop-detail-order-button:visited {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: #f3f7fb !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .shop-detail-order-button svg {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .home-vk-shell .vk-widget-card,
html[data-theme="dark"] .home-vk-shell .vk-card-body {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .home-vk-shell .vk-widget,
html[data-theme="dark"] .home-vk-shell .vk-widget-title,
html[data-theme="dark"] .home-vk-shell .vk-card-text,
html[data-theme="dark"] .home-vk-shell .vk-widget-all {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .home-vk-shell .vk-card-meta,
html[data-theme="dark"] .home-vk-shell .vk-card-date,
html[data-theme="dark"] .home-vk-shell .vk-card-stats,
html[data-theme="dark"] .home-vk-shell .vk-stat {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .vk-post-shell,
html[data-theme="dark"] .vk-post-body,
html[data-theme="dark"] .vk-post-gallery-item {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .vk-post-page,
html[data-theme="dark"] .vk-post-page h1,
html[data-theme="dark"] .vk-post-body,
html[data-theme="dark"] .vk-post-body p,
html[data-theme="dark"] .vk-post-source-link {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .vk-post-meta-line {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .vk-post-meta-line span {
  background: color-mix(in srgb, var(--theme-card-strong) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .vk-post-source-link {
  background: transparent !important;
  border: 1px solid color-mix(in srgb, #ffffff 58%, transparent) !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .vk-post-source-link:hover,
html[data-theme="dark"] .vk-post-source-link:visited,
html[data-theme="dark"] .vk-post-source-link:focus-visible,
html[data-theme="dark"] .vk-post-source-link:active {
  background: color-mix(in srgb, #ffffff 10%, transparent) !important;
  color: var(--theme-text) !important;
  text-decoration: none !important;
}

html[data-theme="dark"] .info-index-link {
  background: transparent !important;
  color: var(--theme-text) !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .info-index-link:hover {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .info-index-link-text strong {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-info-page-content--maket-rules a {
  background: transparent !important;
  color: var(--theme-text) !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .legacy-info-page-content--maket-rules a:hover,
html[data-theme="dark"] .legacy-info-page-content--maket-rules a:focus-visible,
html[data-theme="dark"] .legacy-info-page-content--maket-rules a:visited {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-rule-page-content,
html[data-theme="dark"] .legacy-rule-page-content p,
html[data-theme="dark"] .legacy-rule-page-content li,
html[data-theme="dark"] .legacy-rule-page-content td,
html[data-theme="dark"] .legacy-rule-page-content th,
html[data-theme="dark"] .legacy-rule-page-content .content {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-rule-page-content h1,
html[data-theme="dark"] .legacy-rule-page-content h2,
html[data-theme="dark"] .legacy-rule-page-content h3,
html[data-theme="dark"] .legacy-rule-page-content h4,
html[data-theme="dark"] .legacy-rule-page-content strong,
html[data-theme="dark"] .legacy-rule-page-content b {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-rule-page-content a {
  color: var(--theme-accent-2) !important;
}

html[data-theme="dark"] .legacy-rule-page-content table {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
}

html[data-theme="dark"] .legacy-rule-page-content th,
html[data-theme="dark"] .legacy-rule-page-content td {
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  background: transparent !important;
}

html[data-theme="dark"] .catalog-subgroup-product-link {
  background: transparent !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .catalog-subgroup-product-link:hover {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
  color: var(--theme-accent-2) !important;
}

html[data-theme="dark"] .catalog-subgroup-product-link .sidebar-link-icon {
  background: transparent !important;
}

html[data-theme="dark"] .shop-category-card {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .shop-category-card:hover {
  background: color-mix(in srgb, var(--theme-card-strong) 20%, transparent) !important;
}

html[data-theme="dark"] .shop-category-card,
html[data-theme="dark"] .shop-category-title {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-category-meta {
  color: #c5d3e2 !important;
}

html[data-theme="dark"] .shop-filter-card {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-filter-form,
html[data-theme="dark"] .shop-filter-form select,
html[data-theme="dark"] .shop-filter-form input {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-filter-form select,
html[data-theme="dark"] .shop-filter-form input {
  background: color-mix(in srgb, var(--theme-card-strong) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .shop-filter-form select::placeholder,
html[data-theme="dark"] .shop-filter-form input::placeholder {
  color: #c5d3e2 !important;
}

html[data-theme="dark"] .shop-filter-icon-button.btn-secondary {
  background: color-mix(in srgb, var(--theme-card-strong) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  color: #f3f7fb !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .shop-item-card,
html[data-theme="dark"] .shop-item-content {
  background: transparent !important;
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-item-card {
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .shop-item-title,
html[data-theme="dark"] .shop-item-price,
html[data-theme="dark"] .shop-detail-price {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-item-details,
html[data-theme="dark"] .shop-detail-list {
  color: #c5d3e2 !important;
}

html[data-theme="dark"] .shop-item-image-wrap {
  background: color-mix(in srgb, var(--theme-card-strong) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
}

html[data-theme="dark"] .shop-detail-shell,
html[data-theme="dark"] .shop-detail-summary,
html[data-theme="dark"] .shop-detail-info-card {
  background: transparent !important;
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-detail-shell,
html[data-theme="dark"] .shop-detail-info-card {
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] .shop-detail-media {
  background: color-mix(in srgb, var(--theme-card-strong) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
}

html[data-theme="dark"] .shop-detail-meta,
html[data-theme="dark"] .shop-detail-meta li,
html[data-theme="dark"] .shop-detail-meta strong,
html[data-theme="dark"] .shop-detail-price-caption {
  color: #c5d3e2 !important;
}

html[data-theme="dark"] .shop-detail-total-price,
html[data-theme="dark"] .shop-detail-price {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-faq-block {
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-border) 88%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-faq-block .faq-block-head h2,
html[data-theme="dark"] .shop-faq-block .faq-block-kicker,
html[data-theme="dark"] .shop-faq-block .faq-block-item summary {
  color: #f3f7fb !important;
}

html[data-theme="dark"] .shop-faq-block .faq-block-answer,
html[data-theme="dark"] .shop-faq-block .faq-block-answer p,
html[data-theme="dark"] .shop-faq-block .faq-block-answer li {
  color: #c5d3e2 !important;
}

html[data-theme="dark"] .legacy-form-list label,
html[data-theme="dark"] #DopsDataOut li>label,
html[data-theme="dark"] .legacy-panel-title,
html[data-theme="dark"] .legacy-panel-kicker,
html[data-theme="dark"] .legacy-panel-text,
html[data-theme="dark"] .legacy-loader-text {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-form-list>li:hover,
html[data-theme="dark"] #DopsDataOut li:hover {
  background: transparent !important;
}

html[data-theme="dark"] .legacy-form-list select,
html[data-theme="dark"] .legacy-form-list input,
html[data-theme="dark"] .legacy-form-list textarea,
html[data-theme="dark"] #DopsDataOut select,
html[data-theme="dark"] #DopsDataOut input,
html[data-theme="dark"] #DopsDataOut textarea {
  color: var(--theme-text) !important;
  border-bottom-color: color-mix(in srgb, var(--theme-accent-2) 68%, transparent) !important;
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .legacy-form-list select::placeholder,
html[data-theme="dark"] .legacy-form-list input::placeholder,
html[data-theme="dark"] .legacy-form-list textarea::placeholder,
html[data-theme="dark"] #DopsDataOut select::placeholder,
html[data-theme="dark"] #DopsDataOut input::placeholder,
html[data-theme="dark"] #DopsDataOut textarea::placeholder {
  color: var(--theme-muted) !important;
}

html[data-theme="dark"] .legacy-form-list select:focus,
html[data-theme="dark"] .legacy-form-list input:focus,
html[data-theme="dark"] .legacy-form-list textarea:focus,
html[data-theme="dark"] #DopsDataOut select:focus,
html[data-theme="dark"] #DopsDataOut input:focus,
html[data-theme="dark"] #DopsDataOut textarea:focus {
  background: color-mix(in srgb, var(--theme-card-strong) 22%, transparent) !important;
  border-bottom-color: var(--theme-accent-2) !important;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--theme-accent) 22%, transparent) !important;
}

html[data-theme="dark"] .legacy-form-list select option,
html[data-theme="dark"] .legacy-form-list select optgroup,
html[data-theme="dark"] #DopsDataOut select option,
html[data-theme="dark"] #DopsDataOut select optgroup {
  background: #132131 !important;
  background-color: #132131 !important;
  color: #e6edf6 !important;
}

html[data-theme="dark"] .legacy-form-list select option:checked,
html[data-theme="dark"] .legacy-form-list select option:hover,
html[data-theme="dark"] #DopsDataOut select option:checked,
html[data-theme="dark"] #DopsDataOut select option:hover {
  background: #2b6ecf !important;
  background-color: #2b6ecf !important;
  color: #ffffff !important;
}

html[data-theme="dark"] .legacy-form-list select option:disabled,
html[data-theme="dark"] #DopsDataOut select option:disabled {
  color: #8ba0b6 !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select {
  background: color-mix(in srgb, var(--theme-card-strong) 32%, transparent) !important;
  color: var(--theme-text) !important;
  border: 1px solid color-mix(in srgb, var(--theme-border) 94%, transparent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select:after {
  border-color: var(--theme-text) !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select .list {
  background: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  background-color: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  border: 1px solid color-mix(in srgb, var(--theme-border) 94%, transparent) !important;
  box-shadow: 0 16px 32px color-mix(in srgb, var(--theme-shadow) 78%, transparent) !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select .option {
  background: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  background-color: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select .option:hover,
html[data-theme="dark"] #elementsToOperateOn .nice-select .option.focus,
html[data-theme="dark"] #elementsToOperateOn .nice-select .option.selected.focus {
  background: color-mix(in srgb, var(--theme-accent) 18%, transparent) !important;
}

html[data-theme="dark"] .legacy-form-list input[type="radio"]+label,
html[data-theme="dark"] .legacy-form-list input[type="checkbox"]+label,
html[data-theme="dark"] #DopsDataOut input[type="radio"]+label,
html[data-theme="dark"] #DopsDataOut input[type="checkbox"]+label {
  background: color-mix(in srgb, var(--theme-card-strong) 26%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .legacy-form-list input[type="radio"]:checked+label,
html[data-theme="dark"] .legacy-form-list input[type="checkbox"]:checked+label,
html[data-theme="dark"] #DopsDataOut input[type="radio"]:checked+label,
html[data-theme="dark"] #DopsDataOut input[type="checkbox"]:checked+label,
html[data-theme="____dark"] .SelectedOption {
  background: color-mix(in srgb, var(--theme-accent) 14%, transparent) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 42%, transparent) !important;
  color: var(--theme-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] .legacy-actions .legacy-reset-btn {
  background: color-mix(in srgb, #8f2f22 24%, var(--theme-card-strong) 76%) !important;
  border-color: color-mix(in srgb, #ff9a7a 42%, transparent) !important;
  color: #ffe6dd !important;
  box-shadow: 0 10px 24px color-mix(in srgb, var(--theme-shadow) 70%, transparent) !important;
}

html[data-theme="dark"] .legacy-actions .legacy-reset-btn:hover,
html[data-theme="dark"] .legacy-actions .legacy-reset-btn:focus-visible {
  background: color-mix(in srgb, #b53c2c 34%, var(--theme-card-strong) 66%) !important;
  border-color: color-mix(in srgb, #ffc0ad 58%, transparent) !important;
  color: #fff3ee !important;
}

html[data-theme="dark"] .sidebar-collapsed .sidebar-tree::before,
html[data-theme="dark"] .legacy-sidebar-collapsed .legacy-sidebar-tree::before {
  background:
    linear-gradient(0deg,
      rgba(12, 23, 35, 0),
      rgba(12, 23, 35, 0.88) 65%,
      rgba(12, 23, 35, 1)) !important;
}

html[data-theme="dark"] .sidebar-collapsed .page-sidebar::after,
html[data-theme="dark"] .legacy-sidebar-collapsed .legacy-page-sidebar::after {
  background: none !important;
}

html[data-theme="dark"] .sidebar-collapsed-scroll-trigger,
html[data-theme="dark"] .legacy-sidebar-collapsed-scroll-trigger {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-card-strong) 36%, #0d1622 64%),
      color-mix(in srgb, var(--theme-card) 28%, #0a1420 72%)) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--theme-shadow) 82%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .sidebar-home-button,
html[data-theme="dark"] .sidebar-collapse-toggle,
html[data-theme="dark"] .legacy-sidebar-home-button,
html[data-theme="dark"] .legacy-sidebar-collapse-toggle {
  background:
    linear-gradient(180deg,
      color-mix(in srgb, var(--theme-card-strong) 36%, #0d1622 64%),
      color-mix(in srgb, var(--theme-card) 28%, #0a1420 72%)) !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  box-shadow: 0 10px 22px color-mix(in srgb, var(--theme-shadow) 82%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .sidebar-home-button:hover,
html[data-theme="dark"] .sidebar-collapse-toggle:hover,
html[data-theme="dark"] .legacy-sidebar-home-button:hover,
html[data-theme="dark"] .legacy-sidebar-collapse-toggle:hover {
  color: #ffffff !important;
}

html[data-theme="dark"] .sidebar-card,
html[data-theme="dark"] .legacy-sidebar-card {
  background: #121e2d !important;
  border-color: color-mix(in srgb, var(--theme-border) 92%, transparent) !important;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--theme-shadow) 88%, transparent) !important;
}

html[data-theme="dark"] .page-sidebar,
html[data-theme="dark"] .legacy-page-sidebar {
  background: #121e2d !important;
  border-radius: 24px !important;
}

html[data-theme="dark"] .sidebar-group-title,
html[data-theme="dark"] .sidebar-group-links a,
html[data-theme="dark"] .sidebar-group-compact-link,
html[data-theme="dark"] .sidebar-link-text,
html[data-theme="dark"] .legacy-sidebar-group-title,
html[data-theme="dark"] .legacy-sidebar-group-links a,
html[data-theme="dark"] .legacy-sidebar-group-compact-link,
html[data-theme="dark"] .legacy-sidebar-link-text {
  color: #e6edf6 !important;
}

html[data-theme="dark"] .sidebar-group-links a:hover,
html[data-theme="dark"] .sidebar-group-links a.is-active,
html[data-theme="dark"] .sidebar-group-compact-link:hover,
html[data-theme="dark"] .sidebar-group-compact-link.is-active,
html[data-theme="dark"] .legacy-sidebar-group-links a:hover,
html[data-theme="dark"] .legacy-sidebar-group-links a.is-active,
html[data-theme="dark"] .legacy-sidebar-group-compact-link:hover,
html[data-theme="dark"] .legacy-sidebar-group-compact-link.is-active {
  color: #ffffff !important;
}

html[data-theme="dark"] .brand-mark {
  filter: brightness(0) invert(1) !important;
}

html[data-theme]:not([data-theme="dark"]) .brand-mark {
  filter: none !important;
}

html[data-theme]:not([data-theme="dark"]) .site-footer {
  background: linear-gradient(180deg, #202c3a, #16202a) !important;
}

html[data-theme] .site-footer-column h5,
html[data-theme] .site-footer-brand,
html[data-theme] .site-footer-copy {
  color: color-mix(in srgb, #ffffff 82%, var(--theme-accent-2) 18%) !important;
}

html[data-theme] .site-footer-contacts p {
  color: color-mix(in srgb, #ffffff 62%, var(--theme-accent) 38%) !important;
}

html[data-theme] .site-footer-contacts a,
html[data-theme] .site-footer-column a {
  color: color-mix(in srgb, #ffffff 54%, var(--theme-accent-2) 46%) !important;
}

html[data-theme] .site-footer-review-btn,
html[data-theme] .site-footer-review-btn:hover,
html[data-theme] .site-footer-review-btn:focus-visible,
html[data-theme] .site-footer-review-btn:visited,
html[data-theme] .site-footer-review-btn:active {
  color: #ffffff !important;
  text-decoration: none !important;
}

html[data-theme] .site-footer-contacts a {
  text-decoration: none !important;
}

html[data-theme] .site-footer-contacts a:hover,
html[data-theme] .site-footer-contacts a:focus-visible,
html[data-theme] .site-footer-column a:hover,
html[data-theme] .site-footer-column a:focus-visible {
  color: color-mix(in srgb, #ffffff 76%, var(--theme-accent-2) 24%) !important;
  text-decoration: none !important;
}

html[data-theme] .site-header,
html[data-theme] .legacy-brandbar {
  position: relative;
  overflow: visible;
}

.site-header .header-row {
  padding-right: 72px;
}

.legacy-brandbar .legacy-brandbar-inner {
  padding-right: 74px;
}

html[data-theme] .top-nav-dropdown,
html[data-theme] .legacy-nav-dropdown,
html[data-theme] .top-nav-locale,
html[data-theme] .legacy-nav-locale,
html[data-theme] .sidebar-group,
html[data-theme] .legacy-sidebar-group {
  background: var(--theme-card-strong) !important;
}

html[data-theme="dark"] .top-nav-parent,
html[data-theme="dark"] .header-quicklinks a,
html[data-theme="dark"] .header-quicklinks-parent,
html[data-theme="dark"] .legacy-nav-parent,
html[data-theme="dark"] .legacy-header-quicklinks a,
html[data-theme="dark"] .legacy-header-quicklinks-parent,
html[data-theme="dark"] .cart-pill,
html[data-theme="dark"] .legacy-link-pill,
html[data-theme="dark"] .header-login-pill {
  color: #e6edf6 !important;
}

html[data-theme="dark"] .header-quicklinks-pair--accent {
  background: linear-gradient(180deg, #18344f, #0d1f32) !important;
  border-color: rgba(230, 237, 246, .14) !important;
  box-shadow: 0 14px 28px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] .header-quicklinks-pair--accent a,
html[data-theme="dark"] .header-quicklinks-pair--accent a:hover {
  color: #f7fbff !important;
}

html[data-theme] .top-nav-parent,
html[data-theme] .top-nav-mobile-links a,
html[data-theme] .top-nav>a,
html[data-theme] .header-login-pill,
html[data-theme] .cart-pill,
html[data-theme] .legacy-nav-parent,
html[data-theme] .legacy-top-nav-mobile-links a,
html[data-theme] .legacy-link-pill,
html[data-theme] .legacy-menu-toggle,
html[data-theme] .top-nav-toggle {
  border-color: var(--theme-border) !important;
  box-shadow: 0 12px 24px color-mix(in srgb, var(--theme-shadow) 92%, transparent) !important;
}

html[data-theme]:not([data-theme="dark"]) .top-nav-parent,
html[data-theme]:not([data-theme="dark"]) .top-nav-mobile-links a,
html[data-theme]:not([data-theme="dark"]) .top-nav>a,
html[data-theme]:not([data-theme="dark"]) .header-login-pill,
html[data-theme]:not([data-theme="dark"]) .legacy-nav-parent,
html[data-theme]:not([data-theme="dark"]) .legacy-top-nav-mobile-links a,
html[data-theme]:not([data-theme="dark"]) .legacy-link-pill,
html[data-theme]:not([data-theme="dark"]) .legacy-menu-toggle,
html[data-theme]:not([data-theme="dark"]) .top-nav-toggle {
  background: var(--theme-card-strong) !important;
  color: var(--theme-accent) !important;
}

html[data-theme] .cart-pill {
  background: linear-gradient(135deg, color-mix(in srgb, var(--theme-accent) 88%, #ffb321), color-mix(in srgb, var(--theme-accent-2) 72%, #ffd66b)) !important;
  color: #17222d !important;
}

html[data-theme] .cart-pill .top-bar-icon,
html[data-theme] .cart-pill .top-bar-icon svg,
html[data-theme] .cart-pill .top-bar-icon path,
html[data-theme] .cart-pill .top-bar-text,
html[data-theme] .cart-pill .top-bar-count {
  color: #17222d !important;
  fill: currentColor !important;
}

html[data-theme] .cart-pill .top-bar-icon,
html[data-theme] .cart-pill .top-bar-icon svg,
html[data-theme] .cart-pill .top-bar-icon path {
  color: rgba(255, 255, 255, .96) !important;
  fill: currentColor !important;
}

html[data-theme="dark"] .cart-pill {
  background: linear-gradient(135deg, #f59e0b, #fbbf24) !important;
  color: #0f172a !important;
}

html[data-theme="dark"] .cart-pill .top-bar-icon,
html[data-theme="dark"] .cart-pill .top-bar-icon svg,
html[data-theme="dark"] .cart-pill .top-bar-icon path,
html[data-theme="dark"] .cart-pill .top-bar-text,
html[data-theme="dark"] .cart-pill .top-bar-count {
  color: #0f172a !important;
  fill: currentColor !important;
}

html[data-theme="dark"] .cart-pill .top-bar-icon,
html[data-theme="dark"] .cart-pill .top-bar-icon svg,
html[data-theme="dark"] .cart-pill .top-bar-icon path {
  color: rgba(255, 255, 255, .98) !important;
  fill: currentColor !important;
}

html[data-theme] .header-center-contact,
html[data-theme] .legacy-header-center-contact,
html[data-theme] .home-offers-section,
html[data-theme] .home-reviews-shell,
html[data-theme] .home-shop-card,
html[data-theme] .home-vk-loader,
html[data-theme] .legacy-info-page-content--generic,
html[data-theme] .legacy-info-page-content--maket-rules,
html[data-theme] .legacy-info-page-content--documents,
html[data-theme] .legacy-info-page-content--delivery,
html[data-theme] .legacy-brif-page,
html[data-theme] .legacy-brif-detail-card,
html[data-theme] .sitemap-page-card,
html[data-theme] .sitemap-page-block,
html[data-theme] .info-index-card,
html[data-theme] .info-contact-card {
/*
  background: var(--theme-card-strong) !important;
  border-color: var(--theme-border) !important;
  box-shadow: 0 18px 36px color-mix(in srgb, var(--theme-shadow) 90%, transparent) !important;
*/
}


html[data-theme] .legacy-pricing-card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .legacy-result-kicker {
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .legacy-result-head,
html[data-theme] .legacy-pricing-card .legacy-result-subhead,
html[data-theme] .legacy-pricing-card .price,
html[data-theme] .legacy-pricing-card .cost,
html[data-theme] .legacy-pricing-card .bigprice,
html[data-theme] .legacy-pricing-card strong,
html[data-theme] .legacy-pricing-card b,
html[data-theme] .legacy-pricing-card h3,
html[data-theme] .legacy-pricing-card h4,
html[data-theme] .legacy-pricing-card p,
html[data-theme] .legacy-pricing-card li,
html[data-theme] .legacy-pricing-card span,
html[data-theme] .legacy-pricing-card div {
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card a {
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .legacy-pricing-meta span {
  background: transparent !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .price-box,
html[data-theme] .legacy-pricing-card .result-ok,
html[data-theme] .legacy-pricing-card .result-error {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .price-box h3,
html[data-theme] .legacy-pricing-card .result-ok h3,
html[data-theme] .legacy-pricing-card .result-error h3,
html[data-theme] .legacy-pricing-card .price-box p,
html[data-theme] .legacy-pricing-card .result-ok p,
html[data-theme] .legacy-pricing-card .result-error p,
html[data-theme] .legacy-pricing-card .price-box li,
html[data-theme] .legacy-pricing-card .result-ok li,
html[data-theme] .legacy-pricing-card .result-error li,
html[data-theme] .legacy-pricing-card .price-box span,
html[data-theme] .legacy-pricing-card .result-ok span,
html[data-theme] .legacy-pricing-card .result-error span,
html[data-theme] .legacy-pricing-card .price-box div,
html[data-theme] .legacy-pricing-card .result-ok div,
html[data-theme] .legacy-pricing-card .result-error div {
  color: var(--theme-text) !important;
}

html[data-theme] .legacy-pricing-card .price-box .price,
html[data-theme] .legacy-pricing-card .price-box .cost,
html[data-theme] .legacy-pricing-card .price-box .bigprice,
html[data-theme] .legacy-pricing-card .result-ok .price,
html[data-theme] .legacy-pricing-card .result-ok .cost,
html[data-theme] .legacy-pricing-card .result-ok .bigprice,
html[data-theme] .legacy-pricing-card .result-error .price,
html[data-theme] .legacy-pricing-card .result-error .cost,
html[data-theme] .legacy-pricing-card .result-error .bigprice,
html[data-theme] .legacy-pricing-card .price-box strong,
html[data-theme] .legacy-pricing-card .result-ok strong,
html[data-theme] .legacy-pricing-card .result-error strong {
  color: var(--theme-text) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main .legacy-form-list>li,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut li,
  background: transparent !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 30%, var(--theme-border) 70%) !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut .child.is-wrapped-child,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut [class$="_child"].is-wrapped-child,
  background: color-mix(in srgb, var(--theme-accent-2) 8%, transparent) !important;
  border: 1px solid color-mix(in srgb, var(--theme-accent-2) 24%, transparent) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main .legacy-form-list>li>select,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main .legacy-form-list>li>input,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main .legacy-form-list>li>textarea,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut li>select,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut li>input,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut li>textarea,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .current,
  background: transparent !important;
  color: var(--theme-text) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 34%, var(--theme-border) 66%) !important;
  box-shadow: none !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .list,
  background: var(--theme-card-strong) !important;
  background-color: var(--theme-card-strong) !important;
  border-color: var(--theme-border) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option,
  background: var(--theme-card-strong) !important;
  background-color: var(--theme-card-strong) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option:hover,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option.focus,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option.selected.focus,
  background: color-mix(in srgb, var(--theme-accent) 18%, transparent) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option.selected,
  background: color-mix(in srgb, var(--theme-accent) 82%, #0f4c81 18%) !important;
  color: #ffffff !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option.disabled,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #elementsToOperateOn .nice-select .option[aria-disabled="true"],
  color: color-mix(in srgb, var(--theme-text) 42%, transparent) !important;
  background: var(--theme-card-strong) !important;
  background-color: var(--theme-card-strong) !important;
}

html[data-theme="dark"] #elementsToOperateOn .nice-select .option.disabled,
html[data-theme="dark"] #elementsToOperateOn .nice-select .option[aria-disabled="true"] {
  background: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  background-color: color-mix(in srgb, var(--theme-card-strong) 96%, #0d1622 4%) !important;
  color: color-mix(in srgb, var(--theme-text) 42%, transparent) !important;
}

html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main .legacy-form-list label,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut li>label,
html[data-theme="dark"][data-calc-desktop-layout="preset-1"] .legacy-indexn-body .legacy-panel-main #DopsDataOut .legacy-child-leading-title,
  color: color-mix(in srgb, var(--theme-text) 88%, var(--theme-muted) 12%) !important;
}

html[data-theme] .legacy-pricing-card .price-box .machine-badge,
html[data-theme] .legacy-pricing-card .result-ok .machine-badge,
html[data-theme] .legacy-pricing-card .result-error .machine-badge {
  background: color-mix(in srgb, var(--theme-accent) 10%, var(--theme-card-strong)) !important;
  color: var(--theme-accent) !important;
}

html[data-theme] .legacy-pricing-card .notice.error,
html[data-theme] .legacy-pricing-card .result-error,
html[data-theme] .legacy-pricing-card .notice.error *,
html[data-theme] .legacy-pricing-card .result-error * {
  color: #8f1d1d !important;
}

html[data-theme] .legacy-pricing-card .notice.error,
html[data-theme] .legacy-pricing-card .result-error {
  background: rgba(255, 248, 248, 0.96) !important;
  border: 1px solid rgba(198, 40, 40, 0.18) !important;
  box-shadow: none !important;
}

html[data-theme] .home-section-kicker,
html[data-theme] .sidebar-kicker,
html[data-theme] .legacy-sidebar-kicker,
html[data-theme] .legacy-panel-kicker,
html[data-theme] .home-section-head p,
html[data-theme] .home-vk-loader-text,
html[data-theme] .home-offer-card p,
html[data-theme] .info-index-summary,
html[data-theme] .legacy-info-page-content--generic p,
html[data-theme] .legacy-info-page-content--generic li,
html[data-theme] .legacy-brif-field span,
html[data-theme] .legacy-brif-input-wrap span {
  color: color-mix(in srgb, var(--theme-text) 72%, var(--theme-muted) 28%) !important;
}

html[data-theme] .home-offer-card h3,
html[data-theme] .home-review-author-row strong,
html[data-theme] .home-shop-title {
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .home-offers-section,
html[data-theme="dark"] .home-reviews-shell {
  background:
    radial-gradient(circle at top right, rgba(124, 194, 255, .08), transparent 32%),
    linear-gradient(180deg, rgba(16, 27, 41, .94), rgba(12, 21, 33, .98)) !important;
  border-color: rgba(148, 163, 184, .16) !important;
}

html[data-theme="dark"] .home-offer-card,
html[data-theme="dark"] .home-review-card,
html[data-theme="dark"] .home-shop-card,
html[data-theme="dark"] .faq-block-item {
  background: linear-gradient(180deg, rgba(21, 34, 50, .98), rgba(15, 25, 38, .98)) !important;
  border-color: rgba(148, 163, 184, .16) !important;
  border-right-color: rgba(148, 163, 184, .22) !important;
  border-bottom-color: rgba(148, 163, 184, .24) !important;
  color: var(--theme-text) !important;
}

html[data-theme="dark"] .home-offer-card:hover,
html[data-theme="dark"] .home-review-card:hover,
html[data-theme="dark"] .home-shop-card:hover,
html[data-theme="dark"] .faq-block-item:hover {
  background: linear-gradient(180deg, rgba(24, 39, 57, .99), rgba(17, 29, 44, .99)) !important;
  border-color: rgba(124, 194, 255, .22) !important;
}

html[data-theme="dark"] .home-section-head h1,
html[data-theme="dark"] .home-section-head h2,
html[data-theme="dark"] .home-offers-section-head h2,
html[data-theme="dark"] .home-offer-card h3,
html[data-theme="dark"] .home-review-author-row strong,
html[data-theme="dark"] .home-shop-title,
html[data-theme="dark"] .faq-block-item summary {
  color: #e6edf6 !important;
}

html[data-theme="dark"] .home-offer-card p,
html[data-theme="dark"] .home-review-copy p,
html[data-theme="dark"] .home-reviews-summary-meta,
html[data-theme="dark"] .home-review-date,
html[data-theme="dark"] .home-shop-ready,
html[data-theme="dark"] .home-reviews-updated-at {
  color: #b4c3d4 !important;
}

html[data-theme="dark"] .home-review-avatar,
html[data-theme="dark"] .home-shop-image,
html[data-theme="dark"] .faq-block-item summary::after,
html[data-theme="dark"] .home-reviews-source-pill,
html[data-theme="dark"] .home-review-card-actions a {
  background: rgba(255, 255, 255, .06) !important;
  border-color: rgba(148, 163, 184, .14) !important;
  color: var(--theme-accent) !important;
}

html[data-theme="dark"] .home-shop-price,
html[data-theme="dark"] .home-reviews-summary-score {
  color: #f5f8fc !important;
}

html[data-theme="dark"] .home-shop-footer {
  border-top-color: rgba(148, 163, 184, .12) !important;
}

html[data-theme="dark"] .home-shop-buy {
  background: linear-gradient(180deg, #2f76b0, #225782) !important;
  color: #f8fbff !important;
  box-shadow: 0 12px 24px rgba(2, 6, 23, .28) !important;
}

html[data-theme="dark"] .home-shop-card:hover .home-shop-buy {
  background: linear-gradient(180deg, #3886c8, #286591) !important;
}

html[data-theme="dark"] .home-reviews-summary-stars,
html[data-theme="dark"] .home-review-rating {
  color: #fbbf24 !important;
}

.style-switcher {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 120;
  font-family: "Cuprum", sans-serif;
}

body.style-switcher-open {
  overflow: hidden;
}

.style-switcher-toggle {
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: var(--theme-card-strong);
  color: var(--theme-accent);
  box-shadow: 0 14px 28px var(--theme-shadow);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.style-switcher-toggle-icon svg {
  width: 21px;
  height: 21px;
  display: block;
}

.style-switcher-panel {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(320px, calc(100vw - 24px));
  max-height: min(80vh, 720px);
  padding: 16px;
  border: 1px solid var(--theme-border);
  border-radius: 20px;
  background: var(--theme-card-strong);
  box-shadow: 0 24px 48px var(--theme-shadow);
  backdrop-filter: blur(16px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}

.style-switcher-backdrop {
  display: none;
}

.style-switcher-head {
  display: block;
  margin-bottom: 14px;
}

.style-switcher-head-main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.style-switcher-title {
  color: var(--theme-text);
  font-size: 15px;
  font-weight: 800;
}

.style-switcher-text,
.style-switcher-label {
  color: var(--theme-muted);
  font-size: 12px;
  font-weight: 700;
}

.style-switcher-section+.style-switcher-section {
  margin-top: 14px;
}

.style-switcher-calc-layouts {
  display: grid;
  gap: 10px;
  margin-top: 8px;
}

.style-calc-layout-chip {
  display: grid;
  gap: 2px;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--theme-border);
  border-radius: 16px;
  background: color-mix(in srgb, var(--theme-card-strong) 90%, transparent);
  color: var(--theme-text);
  text-align: left;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.style-calc-layout-chip:hover,
.style-calc-layout-chip:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--theme-accent) 40%, transparent);
  box-shadow: 0 12px 24px rgba(18, 35, 53, 0.08);
}

.style-calc-layout-chip.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 58%, transparent);
  background: linear-gradient(180deg, rgba(238, 245, 255, 0.98), rgba(229, 238, 249, 0.92));
  box-shadow: 0 14px 28px rgba(18, 35, 53, 0.12);
}

/* Активный пресет на тёмной теме: убираем светлый фон */
html[data-theme="dark"] .style-calc-layout-chip.is-active {
  background: color-mix(in srgb, var(--theme-accent) 16%, var(--theme-card-strong) 84%);
  box-shadow: 0 14px 28px color-mix(in srgb, var(--theme-shadow) 72%, transparent);
}

.style-calc-layout-chip-title {
  font-size: 14px;
  font-weight: 800;
}

.style-calc-layout-chip-text {
  font-size: 12px;
  color: var(--theme-muted);
}

.style-switcher-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  padding: 0;
  border: 1px solid var(--theme-border);
  border-radius: 999px;
  background: color-mix(in srgb, var(--theme-card-strong) 92%, transparent);
  color: var(--theme-text);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

.style-switcher-close:hover,
.style-switcher-close:focus-visible {
  transform: translateY(-1px);
  border-color: color-mix(in srgb, var(--theme-accent) 42%, transparent);
  box-shadow: 0 10px 20px rgba(18, 35, 53, 0.08);
}

.style-switcher-close svg {
  width: 18px;
  height: 18px;
  display: block;
}

.style-switcher-themes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.style-theme-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: color-mix(in srgb, var(--theme-card-strong) 88%, transparent);
  color: var(--theme-text);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
}

.style-theme-chip.is-active {
  border-color: color-mix(in srgb, var(--theme-accent) 50%, transparent);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-accent) 20%, transparent);
}

.style-theme-chip-swatch {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.14);
}

.style-theme-chip-swatch--light {
  background: linear-gradient(135deg, #f4f8fc, #dbeafe);
}

.style-theme-chip-swatch--white {
  background: linear-gradient(135deg, #ffffff, #f8fafc);
}

.style-theme-chip-swatch--dark {
  background: linear-gradient(135deg, #0f172a, #334155);
}

.style-theme-chip-swatch--warm {
  background: linear-gradient(135deg, #fff7ed, #fed7aa);
}

.style-theme-chip-swatch--mint {
  background: linear-gradient(135deg, #ecfeff, #a7f3d0);
}

.style-theme-chip-swatch--slate {
  background: linear-gradient(135deg, #e2e8f0, #94a3b8);
}

.style-switcher-select {
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 0 14px;
  border: 1px solid var(--theme-border);
  border-radius: 14px;
  background: var(--theme-card);
  color: var(--theme-text);
}

@media (max-width: 900px) {

  html[data-theme] body,
  html[data-theme] .legacy-indexn-body {
    font-size: 15px;
  }

  .site-header .header-row {
    padding-right: 14px;
    padding-left: 14px;
  }

  .legacy-brandbar .legacy-brandbar-inner {
    padding-right: 66px;
  }

  .style-switcher {
    position: fixed;
    top: 10px !important;
    left: auto !important;
    right: 10px;
    bottom: auto !important;
    z-index: 240;
  }

  .style-switcher-panel {
    position: fixed;
    top: max(10px, env(safe-area-inset-top));
    right: 10px;
    left: 10px;
    width: auto;
    max-width: none;
    max-height: calc(100dvh - max(20px, env(safe-area-inset-top)) - max(20px, env(safe-area-inset-bottom)));
    padding: 16px;
    border-radius: 22px;
    box-shadow: 0 28px 56px rgba(8, 19, 32, 0.24);
    z-index: 242;
  }

  .style-switcher-backdrop {
    position: fixed;
    inset: 0;
    display: block;
    border: 0;
    padding: 0;
    background:
      linear-gradient(180deg, rgba(8, 19, 32, 0.34), rgba(8, 19, 32, 0.46));
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    z-index: 241;
  }

  .style-switcher-head {
    position: sticky;
    top: -16px;
    margin: -16px -16px 14px;
    padding: 16px 16px 12px;
    background: color-mix(in srgb, var(--theme-card-strong) 96%, transparent);
    border-bottom: 1px solid color-mix(in srgb, var(--theme-border) 86%, transparent);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-radius: 22px 22px 0 0;
  }

  .style-switcher-calc-layouts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .style-calc-layout-chip {
    min-height: 74px;
    padding: 10px 12px;
  }

  html[data-theme] .site-header,
  html[data-theme] .legacy-brandbar {
    background: color-mix(in srgb, var(--theme-card-strong) 94%, transparent) !important;
    box-shadow: 0 16px 30px color-mix(in srgb, var(--theme-shadow) 92%, transparent) !important;
  }

  html[data-theme] .top-nav,
  html[data-theme] .legacy-top-nav {
    background: color-mix(in srgb, var(--theme-card-strong) 96%, transparent) !important;
    box-shadow: inset 0 0 0 1px var(--theme-border) !important;
  }

  html[data-theme] .top-nav-dropdown,
  html[data-theme] .legacy-nav-dropdown {
    background: var(--theme-card-strong) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] .top-nav-locale,
  html[data-theme] .legacy-nav-locale,
  html[data-theme] .top-nav-dropdown a,
  html[data-theme] .legacy-nav-subgroup a,
  html[data-theme] .top-nav-mobile-links a,
  html[data-theme] .legacy-top-nav-mobile-links a {
    background: color-mix(in srgb, var(--theme-card) 95%, transparent) !important;
    color: var(--theme-text) !important;
    border-color: var(--theme-border) !important;
  }

  html[data-theme] .top-nav-dropdown-title,
  html[data-theme] .legacy-nav-dropdown-title,
  html[data-theme] .top-nav-locale-title,
  html[data-theme] .legacy-nav-locale-title,
  html[data-theme] .home-section-head h1,
  html[data-theme] .home-section-head h2,
  html[data-theme] .home-offers-section-head h2,
  html[data-theme] .home-offer-card h3,
  html[data-theme] .home-shop-title,
  html[data-theme] .info-hero h1,
  html[data-theme] .legacy-rule-page-content h1,
  html[data-theme] .legacy-brif-heading h2 {
    color: var(--theme-text) !important;
  }

  html[data-theme] .header-center-contact-phone,
  html[data-theme] .legacy-header-center-contact-phone {
    color: var(--theme-text) !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  html[data-theme] .header-center-contact-mail,
  html[data-theme] .legacy-header-center-contact-mail {
    color: var(--theme-muted) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  html[data-theme] .home-section-head h1 {
    font-size: clamp(1.65rem, 6.8vw, 2rem) !important;
  }

  html[data-theme] .home-section-head h2,
  html[data-theme] .home-offers-section-head h2 {
    font-size: clamp(1.18rem, 5.2vw, 1.42rem) !important;
  }

  html[data-theme] .home-offer-card p,
  html[data-theme] .home-shop-meta,
  html[data-theme] .home-vk-loader-text,
  html[data-theme] .info-index-summary {
    font-size: .9rem !important;
    line-height: 1.55 !important;
  }

  html[data-theme] .info-hero {
    padding: 16px 16px !important;
    border-radius: 20px !important;
  }

  html[data-theme] .info-hero h1 {
    /*
    font-size: clamp(1.22rem, 5.3vw, 1.55rem) !important;
    font-size:1.4em;
    line-height: 1.12 !important;
    margin: 10px 0 4px !important;
    margin: 1em !important;
    */
  }

  html[data-theme] .catalog-page-hero h1,
  html[data-theme] .catalog-locale-hero h1,
  html[data-theme] .catalog-subgroup-hero h1,
  html[data-theme] .shop-hero h1,
  html[data-theme] .promo-hero h1,
  html[data-theme] .cart-hero h1,
  html[data-theme] .legacy-calc-hero h1,
  html[data-theme] .info-hero h1 {
    color: #f3f7fb !important;
    text-shadow: 0 3px 18px rgba(7, 18, 31, .22) !important;
  }

  html[data-theme] .catalog-page-hero .menu-glyph,
  html[data-theme] .catalog-locale-hero .menu-glyph,
  html[data-theme] .catalog-subgroup-hero .menu-glyph,
  html[data-theme] .shop-hero .menu-glyph,
  html[data-theme] .promo-hero .menu-glyph,
  html[data-theme] .cart-hero .menu-glyph,
  html[data-theme] .legacy-calc-hero .menu-glyph,
  html[data-theme] .info-hero .menu-glyph,
  html[data-theme] .catalog-page-hero .menu-glyph svg,
  html[data-theme] .catalog-locale-hero .menu-glyph svg,
  html[data-theme] .catalog-subgroup-hero .menu-glyph svg,
  html[data-theme] .shop-hero .menu-glyph svg,
  html[data-theme] .promo-hero .menu-glyph svg,
  html[data-theme] .cart-hero .menu-glyph svg,
  html[data-theme] .legacy-calc-hero .menu-glyph svg,
  html[data-theme] .info-hero .menu-glyph svg {
    color: #f3f7fb !important;
  }

  html[data-theme] .info-hero .breadcrumbs {
    gap: 8px !important;
  }

  html[data-theme] .info-hero .breadcrumbs a,
  html[data-theme] .info-hero .breadcrumbs span {
    min-height: 30px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
  }

  html[data-theme] .legacy-info-page-content--generic,
  html[data-theme] .legacy-info-page-content--maket-rules,
  html[data-theme] .legacy-info-page-content--documents,
  html[data-theme] .legacy-info-page-content--delivery,
  html[data-theme] .legacy-rule-page-content,
  html[data-theme] .legacy-brif-page,
  html[data-theme] .legacy-brif-detail-card,
  html[data-theme] .sitemap-page-card,
  html[data-theme] .sitemap-page-block,
  html[data-theme] .info-index-card,
  html[data-theme] .info-contact-card {
    border-radius: 18px !important;
  }

  html[data-theme] .legacy-brif-page input[type="text"],
  html[data-theme] .legacy-brif-page input[type="email"],
  html[data-theme] .legacy-brif-page input[type="tel"],
  html[data-theme] .legacy-brif-page textarea,
  html[data-theme] .home-reviews-widget-body input,
  html[data-theme] .home-reviews-widget-body textarea,
  html[data-theme] .home-reviews-widget-body select {
    font-size: 16px !important;
  }
}

@media (max-width: 720px) {
  .site-header .header-row {
    padding-right: 10px;
    padding-left: 10px;
  }

  .legacy-brandbar .legacy-brandbar-inner {
    padding-right: 56px;
  }

  .style-switcher {
    top: 10px !important;
    left: auto !important;
    right: 10px;
    bottom: auto !important;
  }

  .style-switcher-toggle {
    width: 38px;
    height: 38px;
    border-radius: 14px;
  }

  .style-switcher-panel {
    top: max(8px, env(safe-area-inset-top));
    right: 8px;
    left: 8px;
    max-height: calc(100dvh - max(16px, env(safe-area-inset-top)) - max(16px, env(safe-area-inset-bottom)));
    padding: 14px;
    border-radius: 20px;
  }

  .style-switcher-head {
    top: -14px;
    margin: -14px -14px 12px;
    padding: 14px 14px 10px;
    border-radius: 20px 20px 0 0;
  }

  .style-switcher-themes,
  .style-switcher-calc-layouts {
    grid-template-columns: 1fr;
  }

  .style-theme-chip,
  .style-calc-layout-chip {
    min-height: 48px;
  }

  .style-switcher-select {
    min-height: 46px;
  }

  html[data-theme] body,
  html[data-theme] .legacy-indexn-body {
    font-size: 14px;
  }

  html[data-theme] .header-login-pill,
  html[data-theme] .cart-pill,
  html[data-theme] .top-nav-toggle,
  html[data-theme] .legacy-link-pill,
  html[data-theme] .legacy-menu-toggle {
    border-radius: 14px !important;
  }

  html[data-theme] .home-offers-section,
  html[data-theme] .home-reviews-shell,
  html[data-theme] .home-shop-card,
  html[data-theme] .home-vk-loader {
    border-radius: 18px !important;
  }

  html[data-theme] .home-section-head h1 {
    font-size: clamp(1.5rem, 7vw, 1.8rem) !important;
  }

  html[data-theme] .home-section-head h2,
  html[data-theme] .home-offers-section-head h2 {
    font-size: 1.12rem !important;
  }
}

/* Breadcrumb chips: theme overrides */
html[data-theme] .catalog-page-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .catalog-page-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .catalog-locale-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .catalog-locale-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .catalog-subgroup-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .catalog-subgroup-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .shop-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .shop-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .promo-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .promo-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .cart-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .cart-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .legacy-calc-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .legacy-calc-hero .breadcrumbs span.breadcrumb-chip,
html[data-theme] .info-hero .breadcrumbs a.breadcrumb-chip,
html[data-theme] .info-hero .breadcrumbs span.breadcrumb-chip {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* Иконки хлебных крошек: цвет берётся из --glyph-color (.menu-glyph--*),
   монохромный override убран - цвета теперь совпадают с боковым меню */
/* ── Иконки карточек «Почему мы» на тёмной теме ────────────────────────────
   SVG-пути с тёмно-серым fill (#232637) перекрашиваем в белый.
   Красные акцентные пути (#E31E24) остаются без изменений. */
html[data-theme="dark"] .home-offer-icon svg path[fill="#232637"] {
  fill: #ffffff !important;
}

/* Хлебные крошки на всех темах */
html[data-theme] .hero-breadcrumbs .breadcrumbs a,
html[data-theme] .breadcrumbs a {
  color: var(--theme-accent) !important;
}
html[data-theme] .hero-breadcrumbs .breadcrumbs span,
html[data-theme] .breadcrumbs span {
  color: var(--theme-text) !important;
}
html[data-theme] .hero-breadcrumbs .breadcrumbs a:hover,
html[data-theme] .hero-breadcrumbs .breadcrumbs a:focus-visible,
html[data-theme] .breadcrumbs a:hover {
  color: var(--theme-accent-2) !important;
}

/* ==========================================================================
   Dark-theme fixes: legacy info-/rule-/goods-страницы
   Убираем хардкоженные светлые заливки и нечитаемые цвета на dark/warm/mint.
   ========================================================================== */

/* --- Info-страницы: Контакты, Доставка, Документы и т.д. --- */
html[data-theme="dark"] .legacy-info-page-content,
html[data-theme="dark"] .legacy-rule-page-content {
  background: linear-gradient(180deg, rgba(21, 34, 50, .96), rgba(15, 25, 38, .96)) !important;
  border-color: rgba(148, 163, 184, .16) !important;
  color: var(--theme-text) !important;
}
html[data-theme="dark"] .legacy-info-page-content *,
html[data-theme="dark"] .legacy-rule-page-content * {
  color: inherit;
}
html[data-theme="dark"] .legacy-info-page-content h1,
html[data-theme="dark"] .legacy-info-page-content h2,
html[data-theme="dark"] .legacy-info-page-content h3,
html[data-theme="dark"] .legacy-info-page-content h4,
html[data-theme="dark"] .legacy-info-page-content h5,
html[data-theme="dark"] .legacy-rule-page-content h1,
html[data-theme="dark"] .legacy-rule-page-content h2,
html[data-theme="dark"] .legacy-rule-page-content h3,
html[data-theme="dark"] .legacy-rule-page-content h4 {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-info-page-content p,
html[data-theme="dark"] .legacy-info-page-content li,
html[data-theme="dark"] .legacy-info-page-content span,
html[data-theme="dark"] .legacy-rule-page-content p,
html[data-theme="dark"] .legacy-rule-page-content li,
html[data-theme="dark"] .legacy-rule-page-content span {
  color: #b4c3d4 !important;
}
html[data-theme="dark"] .legacy-info-page-content a,
html[data-theme="dark"] .legacy-rule-page-content a {
  color: var(--theme-accent-2) !important;
}

/* Серые подложки внутри legacy-контента (.gray_bg, .section-top-border) */
html[data-theme="dark"] .legacy-info-page-content .gray_bg,
html[data-theme="dark"] .legacy-rule-page-content .gray_bg,
html[data-theme="dark"] .legacy-info-page-content .section-top-border,
html[data-theme="dark"] .legacy-rule-page-content .section-top-border,
html[data-theme="dark"] .legacy-info-page-content .bg-light,
html[data-theme="dark"] .legacy-rule-page-content .bg-light {
  background: linear-gradient(180deg, rgba(24, 39, 57, .85), rgba(17, 29, 44, .85)) !important;
  border-color: rgba(148, 163, 184, .16) !important;
  color: var(--theme-text) !important;
}

/* --- Контакты: карточки, адресный блок, расписание --- */
html[data-theme="dark"] .info-contact-card {
  background: linear-gradient(180deg, rgba(21, 34, 50, .96), rgba(15, 25, 38, .96)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, .48) !important;
}
html[data-theme="dark"] .info-contact-address {
  background: linear-gradient(180deg, rgba(32, 50, 72, .85), rgba(22, 36, 54, .85)) !important;
  border-left-color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .info-contact-address-kicker {
  color: #96a8bb !important;
}
html[data-theme="dark"] .info-contact-address strong {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .info-contact-schedule h2,
html[data-theme="dark"] .info-contact-map-shell h2 {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .info-contact-schedule-item {
  background: rgba(148, 163, 184, .1) !important;
  border: 1px solid rgba(148, 163, 184, .14);
}
html[data-theme="dark"] .info-contact-schedule-item strong {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .info-contact-schedule-item span {
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .info-contact-schedule-item--weekend span {
  color: #f59e0b !important;
}
html[data-theme="dark"] .info-contact-note {
  color: #96a8bb !important;
}
html[data-theme="dark"] .info-contact-map {
  background: rgba(15, 25, 38, .96) !important;
  border-color: rgba(148, 163, 184, .18) !important;
}
html[data-theme="dark"] .info-contact-map-hint {
  color: #96a8bb !important;
}
/* .info-contact-btn остаются цветными (WhatsApp, Telegram и т.д.) — их
   фирменные цвета должны сохраняться и в dark-теме, только тень усиливаем. */
html[data-theme="dark"] .info-contact-btn {
  box-shadow: 0 12px 26px rgba(2, 6, 23, .55) !important;
}

/* --- Goods public (карточка материала + «Продукция из материала») --- */
html[data-theme="dark"] .legacy-public-goods-showcase-card,
html[data-theme="dark"] .legacy-public-goods-list .legacy-public-goods-card,
html[data-theme="dark"] .legacy-public-goods-detail-card {
  background: linear-gradient(180deg, rgba(21, 34, 50, .98), rgba(15, 25, 38, .98)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 18px 42px rgba(2, 6, 23, .48) !important;
}
html[data-theme="dark"] .legacy-public-goods-showcase-image {
  background: linear-gradient(180deg, rgba(24, 39, 57, .92), rgba(17, 29, 44, .92)) !important;
}
html[data-theme="dark"] .legacy-public-goods-showcase-title,
html[data-theme="dark"] .legacy-public-goods-showcase-price {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-public-goods-showcase-price {
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-public-goods-showcase-details {
  color: #96a8bb !important;
}
html[data-theme="dark"] .legacy-public-goods-tag {
  background: rgba(148, 163, 184, .12) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-public-goods-tag:hover {
  background: rgba(148, 163, 184, .2) !important;
}

/* «Назад к каталогу» + плашки характеристик на /goods?goodsid= */
html[data-theme="dark"] .legacy-public-goods-back {
  background: rgba(148, 163, 184, .1) !important;
  border-color: rgba(148, 163, 184, .2) !important;
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-public-goods-back:hover {
  background: color-mix(in srgb, var(--theme-accent-2) 18%, transparent) !important;
  color: #f8fbff !important;
}
html[data-theme="dark"] .legacy-public-goods-stat {
  background: linear-gradient(180deg, rgba(24, 39, 57, .96), rgba(17, 29, 44, .96)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  color: var(--theme-text) !important;
}
html[data-theme="dark"] .legacy-public-goods-stat strong {
  color: #96a8bb !important;
}
html[data-theme="dark"] .legacy-public-goods-description,
html[data-theme="dark"] .legacy-public-goods-summary h2 {
  color: #e6edf6 !important;
}

/* --- /info/brif/8: бриф на разработку макета --- */
html[data-theme="dark"] .legacy-brif-page {
  background:
    radial-gradient(900px 260px at 0% 0%, color-mix(in srgb, var(--theme-accent-2) 14%, transparent), transparent 55%),
    radial-gradient(700px 200px at 100% 100%, color-mix(in srgb, #f59e0b 8%, transparent), transparent 60%),
    linear-gradient(180deg, rgba(21, 34, 50, .98), rgba(15, 25, 38, .98)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 24px 52px rgba(2, 6, 23, .48) !important;
}
html[data-theme="dark"] .legacy-brif-heading h1,
html[data-theme="dark"] .legacy-brif-heading h2,
html[data-theme="dark"] .legacy-brif-personal h2 {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-brif-heading p {
  color: #96a8bb !important;
}
html[data-theme="dark"] .legacy-brif-field span,
html[data-theme="dark"] .legacy-brif-input-wrap span {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-brif-page textarea,
html[data-theme="dark"] .legacy-brif-page input[type="text"],
html[data-theme="dark"] .legacy-brif-page input[type="email"],
html[data-theme="dark"] .legacy-brif-page input[type="tel"] {
  background: linear-gradient(180deg, rgba(24, 39, 57, .98), rgba(17, 29, 44, .98)) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  color: #e6edf6 !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .04),
    0 10px 22px rgba(2, 6, 23, .35) !important;
}
html[data-theme="dark"] .legacy-brif-page textarea::placeholder,
html[data-theme="dark"] .legacy-brif-page input[type="text"]::placeholder,
html[data-theme="dark"] .legacy-brif-page input[type="email"]::placeholder,
html[data-theme="dark"] .legacy-brif-page input[type="tel"]::placeholder {
  color: #6b7d90 !important;
}
html[data-theme="dark"] .legacy-brif-page textarea:focus,
html[data-theme="dark"] .legacy-brif-page input[type="text"]:focus,
html[data-theme="dark"] .legacy-brif-page input[type="email"]:focus,
html[data-theme="dark"] .legacy-brif-page input[type="tel"]:focus {
  border-color: color-mix(in srgb, var(--theme-accent-2) 55%, transparent) !important;
  box-shadow:
    0 18px 36px rgba(2, 6, 23, .5),
    0 0 0 4px color-mix(in srgb, var(--theme-accent-2) 26%, transparent) !important;
}
html[data-theme="dark"] .legacy-brif-personal {
  border-top-color: rgba(148, 163, 184, .16) !important;
}
html[data-theme="dark"] .legacy-brif-agreement {
  background: linear-gradient(180deg, rgba(24, 39, 57, .98), rgba(17, 29, 44, .98)) !important;
  border-color: rgba(148, 163, 184, .2) !important;
  color: #b4c3d4 !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}
html[data-theme="dark"] .legacy-brif-agreement a {
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-brif-submit {
  background: linear-gradient(135deg, #2f76b0, #225782) !important;
  color: #f8fbff !important;
  box-shadow: 0 18px 34px rgba(2, 6, 23, .55) !important;
}
html[data-theme="dark"] .legacy-brif-loader h2 {
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-brif-agreement-text {
  background: rgba(3, 8, 16, .94) !important;
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-brif-result {
  color: #e6edf6 !important;
}

/* --- /info/dokumenty/3: документы и сканы --- */
html[data-theme="dark"] .legacy-info-page-content--documents {
  background:
    radial-gradient(900px 260px at 100% 0%, color-mix(in srgb, var(--theme-accent-2) 14%, transparent), transparent 55%),
    linear-gradient(180deg, rgba(21, 34, 50, .98), rgba(15, 25, 38, .98)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:first-of-type::before {
  background: color-mix(in srgb, var(--theme-accent-2) 18%, transparent) !important;
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type::before {
  background: rgba(239, 68, 68, .14) !important;
  color: #f87171 !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents iframe {
  background: rgba(148, 163, 184, .06) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 18px 36px rgba(2, 6, 23, .48) !important;
}
/* Контейнер со ссылками (ul) */
html[data-theme="dark"] .legacy-info-page-content--documents ul {
  background: linear-gradient(180deg, rgba(24, 39, 57, .96), rgba(17, 29, 44, .96)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 14px 28px rgba(2, 6, 23, .48) !important;
}
/* Сами ссылки-чипы */
html[data-theme="dark"] .legacy-info-page-content--documents ul a {
  background: rgba(148, 163, 184, .1) !important;
  border-color: rgba(148, 163, 184, .2) !important;
  color: var(--theme-accent-2) !important;
  box-shadow: 0 10px 22px rgba(2, 6, 23, .35) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents ul a::before {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4h8l4 4v12H7z' stroke='%239ad7ff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M15 4v4h4M9 12h6M9 16h6' stroke='%239ad7ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/8px 8px no-repeat,
    rgba(154, 215, 255, .14) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents ul a::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 6 6 6-6 6' stroke='%239ad7ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/8px 8px no-repeat !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents ul a:hover {
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, .35) !important;
}

/* Карточки приложений/сканов (последний container_12) */
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div {
  background: linear-gradient(180deg, rgba(24, 39, 57, .98), rgba(17, 29, 44, .98)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 16px 30px rgba(2, 6, 23, .48) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div:hover {
  border-color: color-mix(in srgb, var(--theme-accent-2) 40%, transparent) !important;
  box-shadow: 0 22px 44px rgba(2, 6, 23, .55) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type img {
  background: rgba(148, 163, 184, .06) !important;
  border-color: rgba(148, 163, 184, .16) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div > a:last-child {
  background: color-mix(in srgb, var(--theme-accent-2) 18%, transparent) !important;
  border-color: rgba(148, 163, 184, .22) !important;
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div > a:last-child::before {
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7 4h8l4 4v12H7z' stroke='%239ad7ff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M15 4v4h4M9 12h6M9 16h6' stroke='%239ad7ff' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/12px 12px no-repeat,
    rgba(154, 215, 255, .14) !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div > a:last-child::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m9 6 6 6-6 6' stroke='%239ad7ff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px 12px no-repeat !important;
}
html[data-theme="dark"] .legacy-info-page-content--documents .container_12:last-of-type > div > a:last-child:hover {
  background: linear-gradient(135deg, #2f76b0, #225782) !important;
  color: #f8fbff !important;
  border-color: transparent !important;
}

/* Пагинация на /goods */
html[data-theme="dark"] .legacy-public-goods-page-link {
  background: linear-gradient(180deg, rgba(24, 39, 57, .96), rgba(17, 29, 44, .96)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  color: #e6edf6 !important;
}
html[data-theme="dark"] .legacy-public-goods-page-link:hover {
  background: linear-gradient(180deg, rgba(32, 50, 72, .96), rgba(22, 36, 54, .96)) !important;
  border-color: color-mix(in srgb, var(--theme-accent-2) 45%, transparent) !important;
  color: var(--theme-accent-2) !important;
}
html[data-theme="dark"] .legacy-public-goods-page-link.is-active {
  background: linear-gradient(135deg, #2f76b0 0%, #225782 100%) !important;
  border-color: transparent !important;
  color: #f8fbff !important;
}