:root {
  --exm-pine-950: #0b211a;
  --exm-pine-900: #102f24;
  --exm-pine-800: #173c2e;
  --exm-sand-500: #d9a45f;
  --exm-sand-600: #c88d45;
  --exm-paper: #f3efe9;
  --exm-cream: #fbfaf7;
  --exm-ink: #12271f;
  --exm-muted: #66756e;
  --exm-line: rgba(18, 39, 31, 0.14);
  --exm-radius-sm: 12px;
  --exm-radius-md: 18px;
  --exm-radius-lg: 26px;
  --exm-shadow: 0 18px 50px rgba(11, 33, 26, 0.12);
}

html:not([data-blog-v2]) body {
  background: var(--exm-cream);
  color: var(--exm-ink);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html:not([data-blog-v2]) ::selection {
  background: var(--exm-sand-500);
  color: var(--exm-pine-950);
}

html:not([data-blog-v2]) :where(.t-title, .t-name, .t-heading, h1, h2, h3, h4) {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: -0.035em;
  text-wrap: balance;
}

html:not([data-blog-v2]) :where(.t-text, .t-descr, p, li) {
  font-family: Arial, Helvetica, sans-serif !important;
}

html:not([data-blog-v2]) :where(.t-btn, .t-submit, .tn-elem[data-elem-type="button"] .tn-atom) {
  border-radius: var(--exm-radius-sm) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  box-shadow: 0 12px 28px rgba(11, 33, 26, 0.12);
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, color 0.2s ease !important;
}

html:not([data-blog-v2]) :where(.t-btn, .t-submit, .tn-elem[data-elem-type="button"] .tn-atom):hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(11, 33, 26, 0.18);
}

html:not([data-blog-v2]) .t-submit {
  border-color: var(--exm-sand-500) !important;
  background: var(--exm-sand-500) !important;
  color: var(--exm-pine-950) !important;
}

html:not([data-blog-v2]) :where(.t-input, .t-textarea, .t-select, form input:not([type="checkbox"]):not([type="radio"]), form textarea, form select) {
  border: 1px solid var(--exm-line) !important;
  border-radius: var(--exm-radius-sm) !important;
  background-color: #fff !important;
  color: var(--exm-ink) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  box-shadow: none !important;
}

html:not([data-blog-v2]) :where(.t-input, .t-textarea, .t-select, form input, form textarea, form select):focus {
  border-color: var(--exm-sand-600) !important;
  outline: 3px solid rgba(217, 164, 95, 0.2) !important;
  outline-offset: 1px;
}

html:not([data-blog-v2]) :where(.t-popup__container, .t702__wrapper, .t886__wrapper, .t-feed__post-popup) {
  overflow: hidden;
  border-radius: var(--exm-radius-lg) !important;
  box-shadow: var(--exm-shadow) !important;
}

html:not([data-blog-v2]) :where(.t-card__link, .t-store__card, .t-feed__post-bgimg) {
  border-radius: var(--exm-radius-md);
}

html:not([data-blog-v2]) :where(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid var(--exm-sand-500) !important;
  outline-offset: 3px;
}

/* Старый Tilda-подвал дублировал реквизиты и визуально конфликтовал с новым. */
html:not([data-blog-v2]) #t-footer {
  display: none !important;
}

html:not([data-blog-v2]) .exm-site-footer {
  margin-top: 0;
  background:
    radial-gradient(circle at 8% 0%, rgba(217, 164, 95, 0.12), transparent 28%),
    var(--exm-pine-950);
}

html:not([data-blog-v2]) .exm-footer-grid {
  padding: 8px 0 22px;
}

html:not([data-blog-v2]) .exm-footer-mark,
html:not([data-blog-v2]) .exm-footer-cta {
  background: var(--exm-sand-500);
}

@media (max-width: 640px) {
  html:not([data-blog-v2]) :where(.t-title, .t-name, .t-heading, h1, h2, h3, h4) {
    overflow-wrap: anywhere;
  }

  html:not([data-blog-v2]) :where(.t-btn, .t-submit, .tn-elem[data-elem-type="button"] .tn-atom) {
    max-width: calc(100vw - 32px) !important;
  }

  html:not([data-blog-v2]) :where(.t-popup__container, .t702__wrapper, .t886__wrapper) {
    border-radius: var(--exm-radius-md) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:not([data-blog-v2]) *,
  html:not([data-blog-v2]) *::before,
  html:not([data-blog-v2]) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}

/* Главная: заметная визуальная система в цветах нового блога. */
body:has(#allrecords[data-tilda-page-id="94345186"]) {
  --exm-home-green: #0d2e25;
  --exm-home-green-soft: #173f34;
  --exm-home-orange: #e9a14a;
  --exm-home-orange-hover: #f0ae5e;
  --exm-home-cream: #f4f0eb;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #nav1549291661,
body:has(#allrecords[data-tilda-page-id="94345186"]) #nav1560055791,
body:has(#allrecords[data-tilda-page-id="94345186"]) #nav1571385431 {
  background-color: rgba(251, 250, 247, 0.96) !important;
  border-bottom: 1px solid rgba(13, 46, 37, 0.1) !important;
  box-shadow: 0 12px 36px rgba(13, 46, 37, 0.09) !important;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header :where(.t-menu__link-item, .t228__right_descr, .t967__additional-descr) {
  color: var(--exm-home-green) !important;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header .t-menu__link-item {
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header :where(.t-btn, .t-btnflex_type_button) {
  border: 0 !important;
  border-radius: 13px !important;
  background: var(--exm-home-orange) !important;
  color: var(--exm-home-green) !important;
  box-shadow: 0 12px 28px rgba(233, 161, 74, 0.25) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header :where(.t-sociallinks__svg path, .t-sociallinks__svg circle) {
  fill: var(--exm-home-green) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero,
body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero * {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero {
  --exm-orange: var(--exm-home-orange);
  --exm-orange-bright: var(--exm-home-orange);
  --exm-black: #ffffff;
  background: var(--exm-home-green) !important;
  color: #fff !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__fade {
  background:
    linear-gradient(90deg,
      rgba(13, 46, 37, 0.98) 0%,
      rgba(13, 46, 37, 0.94) 24%,
      rgba(13, 46, 37, 0.76) 39%,
      rgba(13, 46, 37, 0.30) 57%,
      rgba(13, 46, 37, 0.04) 73%),
    linear-gradient(180deg, rgba(13, 46, 37, 0.08) 45%, rgba(13, 46, 37, 0.72) 100%) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__badge {
  border-color: rgba(255, 255, 255, 0.2) !important;
  background: rgba(9, 35, 28, 0.72) !important;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(7, 27, 21, 0.22) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__badge svg,
body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__proof-item svg {
  stroke: var(--exm-home-orange) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__title {
  max-width: 820px;
  color: #fff !important;
  font-size: clamp(46px, 3.85vw, 64px) !important;
  line-height: 1.01 !important;
  letter-spacing: -0.058em !important;
  font-weight: 850 !important;
  text-shadow: 0 12px 34px rgba(0, 0, 0, 0.14);
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__subtitle {
  color: rgba(255, 255, 255, 0.75) !important;
  font-weight: 560 !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__proof {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: rgba(9, 35, 28, 0.76) !important;
  box-shadow: 0 18px 42px rgba(7, 27, 21, 0.22) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__proof-item span {
  color: rgba(255, 255, 255, 0.67) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__proof-item strong {
  color: #fff !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__sep {
  background: rgba(255, 255, 255, 0.18) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__panel {
  border-color: rgba(255, 255, 255, 0.58) !important;
  background: rgba(251, 250, 247, 0.94) !important;
  box-shadow: 0 24px 64px rgba(7, 27, 21, 0.22) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__cta {
  border-radius: 13px !important;
  background: var(--exm-home-orange) !important;
  color: var(--exm-home-green) !important;
  box-shadow: 0 14px 34px rgba(233, 161, 74, 0.3) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__cta:hover {
  background: var(--exm-home-orange-hover) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__catalog {
  border-color: rgba(13, 46, 37, 0.18) !important;
  border-radius: 13px !important;
  background: #fff !important;
  color: var(--exm-home-green) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__catalog svg {
  stroke: var(--exm-home-green) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__dop {
  border-color: rgba(233, 161, 74, 0.35) !important;
  background: rgba(13, 46, 37, 0.94) !important;
  color: #fff !important;
  box-shadow: 0 24px 64px rgba(7, 27, 21, 0.25) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__dop span {
  color: var(--exm-home-orange) !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__dop strong {
  color: #fff !important;
}

body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__dop em {
  color: rgba(255, 255, 255, 0.64) !important;
}

@media (max-width: 980px) {
  /* На исходной Tilda-странице одновременно выводились десктопная и
     мобильная шапки. Оставляем только компактную мобильную навигацию. */
  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header #rec1549291661 {
    display: none !important;
  }

  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header #rec1571385431,
  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header #rec1571385431 .tmenu-mobile,
  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header #rec1571385431 .tmenu-mobile__container {
    min-height: 76px !important;
  }

  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header .tmenu-mobile {
    background: var(--exm-home-green) !important;
  }

  body:has(#allrecords[data-tilda-page-id="94345186"]) #t-header .t-menuburger span {
    background: var(--exm-home-orange) !important;
  }
}

@media (max-width: 640px) {
  body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__fade {
    background:
      linear-gradient(180deg,
        rgba(13, 46, 37, 0.96) 0%,
        rgba(13, 46, 37, 0.82) 45%,
        rgba(13, 46, 37, 0.42) 70%,
        rgba(13, 46, 37, 0.82) 100%) !important;
  }

  body:has(#allrecords[data-tilda-page-id="94345186"]) #exmodule-main-hero .exm-hero-v4__title {
    font-size: clamp(38px, 11vw, 50px) !important;
  }
}
