:root {
  --solution-orange: #f58a24;
  --solution-orange-deep: #db6b0f;
  --solution-ink: #25282d;
  --solution-muted: #6d7178;
  --solution-line: rgba(38, 40, 45, 0.11);
  --solution-soft: #fff8f0;
  --solution-card: #ffffff;
  --solution-shadow: 0 20px 55px rgba(94, 55, 18, 0.10);
}

html { scroll-behavior: smooth; }
body.page-solutions {
  min-width: 320px;
  margin: 0;
  color: var(--solution-ink);
  background:
    radial-gradient(circle at 8% 18%, rgba(245, 138, 36, 0.10), transparent 26rem),
    radial-gradient(circle at 92% 42%, rgba(255, 198, 126, 0.13), transparent 30rem),
    linear-gradient(180deg, #fffaf5 0, #fff 34rem, #fff8f1 100%);
  font-family: Montserrat, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* Единая шапка на страницах решений. */
.solution-appbar {
  position: relative;
  z-index: 1000;
  width: min(calc(100% - 32px), 1156px);
  margin: 16px auto 0;
}
.solution-appbar > .container {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  grid-template-areas: "brand tools email cart" "nav nav nav nav";
  align-items: center;
  gap: 9px 18px;
  width: 100%;
  padding: 11px 26px 0;
  border: 1px solid rgba(232, 119, 27, 0.16);
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,250,244,.98) 62%, #f7c77f 100%);
  box-shadow: 0 16px 38px rgba(95, 55, 19, 0.10);
}
.solution-appbar .navbar-brand {
  grid-area: brand;
  display: grid;
  place-items: center;
  width: 104px;
  min-width: 104px;
  text-decoration: none;
}
.solution-appbar .navbar-brand img {
  display: block;
  width: 82px !important;
  height: 82px !important;
  object-fit: contain;
}
.solution-brand__fallback {
  display: none;
  place-items: center;
  width: 74px;
  height: 74px;
  border: 4px solid #383838;
  border-radius: 50%;
  color: #333;
  background: linear-gradient(#fff, #fff7ec);
  box-shadow: inset 0 0 0 5px var(--solution-orange);
  font-family: Georgia, serif;
  font-size: 24px;
  font-weight: 900;
}
.solution-brand__fallback.is-visible { display: grid; }
.solution-appbar .app-row { grid-area: tools; min-width: 0; }
.solution-appbar .controls {
  display: grid;
  grid-template-columns: minmax(250px, 1fr) max-content;
  align-items: center;
  gap: 14px;
  min-width: 0;
}
.solution-appbar .search-modern__field { position: relative; }
.solution-appbar .search-modern__input {
  width: 100%;
  min-height: 50px;
  padding: 0 58px 0 24px;
  border: 2px solid #343434;
  border-radius: 999px;
  outline: none;
  color: var(--solution-ink);
  background: rgba(255,255,255,.9);
  box-shadow: inset 0 2px 8px rgba(0,0,0,.08), 0 8px 20px rgba(0,0,0,.05);
  font: inherit;
  font-size: 15px;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.solution-appbar .search-modern__input:focus {
  border-color: var(--solution-orange);
  box-shadow: 0 0 0 4px rgba(245,138,36,.13), inset 0 2px 8px rgba(0,0,0,.05);
}
.solution-appbar .search-modern__iconbtn {
  position: absolute;
  top: 5px;
  right: 6px;
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  color: #e76d0b;
  background: white;
  box-shadow: 0 4px 12px rgba(0,0,0,.14);
  cursor: pointer;
}
.solution-appbar .Phone {
  display: grid;
  grid-template-columns: auto max-content;
  align-items: center;
  gap: 2px 8px;
}
.solution-phone-icon {
  grid-row: 1 / span 2;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  color: #fff;
  background: linear-gradient(145deg, #ffab52, #e66f0d);
  box-shadow: 0 9px 18px rgba(226, 104, 7, .24);
  font-size: 22px;
}
.solution-appbar .phone-text {
  grid-column: 2;
  color: #ee6700;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
}
.solution-appbar .email-btn,
.solution-appbar .product-cart-btn,
.solution-appbar .burger-btn {
  display: grid;
  place-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(224, 106, 10, .18);
  border-radius: 16px;
  color: #e86e0c;
  background: rgba(255,255,255,.86);
  box-shadow: 0 10px 20px rgba(89, 49, 14, .08);
  font-size: 25px;
  text-decoration: none;
  cursor: pointer;
}
.solution-appbar .email-btn { grid-area: email; }
.solution-appbar .header-cart { grid-area: cart; position: relative; }
.solution-appbar .burger-btn { display: none; grid-area: burger; }
.solution-cart-icon { transform: rotate(3deg); font-size: 24px; }
.solution-appbar .header-cart__count {
  position: absolute;
  top: -7px;
  right: -8px;
  display: grid;
  place-items: center;
  min-width: 23px;
  height: 23px;
  padding: 0 6px;
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  background: #f17816;
  font-size: 11px;
  font-weight: 900;
}
.solution-appbar #primaryNav {
  grid-area: nav;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 2px;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.solution-appbar .nav-item { display: flex; }
.solution-appbar .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  padding: 10px clamp(7px, 1vw, 15px);
  border-radius: 13px 13px 0 0;
  color: #202020;
  font-size: clamp(12px, .92vw, 15px);
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease, background .2s ease;
}
.solution-appbar .nav-link:hover,
.solution-appbar .nav-link.active {
  color: #a74c00;
  background: rgba(255,255,255,.48);
}

.solutions-main {
  width: min(calc(100% - 32px), 1156px);
  margin: 18px auto 0;
  padding-bottom: 72px;
}
.solutions-hero {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  gap: 28px;
  align-items: center;
  min-height: 310px;
  padding: clamp(30px, 5vw, 62px);
  border: 1px solid rgba(232, 119, 27, .16);
  border-radius: 30px;
  color: #fff;
  background:
    radial-gradient(circle at 86% 25%, rgba(255, 180, 89, .35), transparent 17rem),
    linear-gradient(135deg, #242629 0%, #333438 58%, #583417 100%);
  box-shadow: var(--solution-shadow);
}
.solutions-hero::before,
.solutions-hero::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 50%;
  pointer-events: none;
}
.solutions-hero::before { width: 310px; height: 310px; right: -80px; top: -125px; }
.solutions-hero::after { width: 190px; height: 190px; right: 95px; bottom: -120px; }
.solutions-hero__content { position: relative; z-index: 1; }
.solutions-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 14px;
  color: #ffc47f;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.solutions-eyebrow::before { content: ""; width: 28px; height: 2px; background: currentColor; }
.solutions-hero h1 {
  max-width: 780px;
  margin: 0;
  font-size: clamp(34px, 5.2vw, 68px);
  line-height: .98;
  letter-spacing: -.045em;
}
.solutions-hero p {
  max-width: 720px;
  margin: 20px 0 0;
  color: rgba(255,255,255,.78);
  font-size: clamp(15px, 1.5vw, 19px);
  line-height: 1.65;
}
.solutions-hero__visual {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  min-height: 220px;
}
.solution-orbit {
  position: relative;
  display: grid;
  place-items: center;
  width: 205px;
  height: 205px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
}
.solution-orbit::before { content: ""; position: absolute; inset: 28px; border: 1px dashed rgba(255,255,255,.2); border-radius: 50%; }
.solution-orbit__icon {
  display: grid;
  place-items: center;
  width: 104px;
  height: 104px;
  border-radius: 30px;
  color: #e76f0d;
  background: rgba(255,250,244,.96);
  border: 1px solid rgba(255,170,88,.75);
  box-shadow: 0 24px 45px rgba(0,0,0,.18), 0 8px 22px rgba(231,111,13,.12);
  font-size: 48px;
}
.solution-orbit__icon img {
  display: block;
  width: 76px;
  height: 76px;
  max-width: 76px;
  max-height: 76px;
  object-fit: contain;
  filter: drop-shadow(0 1px 0 rgba(231,111,13,.12));
}
.solution-orbit span:not(.solution-orbit__icon) {
  position: absolute;
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 14px;
  background: rgba(255,255,255,.10);
  backdrop-filter: blur(8px);
  font-weight: 900;
}
.solution-orbit span:nth-child(2) { top: -7px; left: 15px; }
.solution-orbit span:nth-child(3) { right: -7px; top: 73px; }
.solution-orbit span:nth-child(4) { bottom: -7px; left: 32px; }

.solutions-switcher {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 20px 0 28px;
}
.solutions-switcher__link {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 62px;
  padding: 13px 16px;
  border: 1px solid var(--solution-line);
  border-radius: 18px;
  color: var(--solution-ink);
  background: rgba(255,255,255,.86);
  box-shadow: 0 12px 26px rgba(60, 42, 24, .06);
  font-weight: 780;
  text-decoration: none;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.solutions-switcher__link:hover,
.solutions-switcher__link.is-active {
  transform: translateY(-2px);
  border-color: rgba(232,119,27,.42);
  box-shadow: 0 18px 34px rgba(100,58,18,.12);
}
.solutions-switcher__link.is-active { color: #b65a0c; background: #fff8ef; }
.solutions-switcher__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 14px;
  color: #e76f0d;
  background: transparent;
  border: 1px solid rgba(231,111,13,.32);
  box-shadow: 0 8px 18px rgba(231,111,13,.08);
}
.solutions-switcher__icon img {
  display: block;
  width: 32px;
  height: 32px;
  max-width: 32px;
  max-height: 32px;
  object-fit: contain;
  filter: drop-shadow(0 1px 0 rgba(231,111,13,.10));
}

.solution-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 42px 0 17px;
}
.solution-intro h2 { margin: 0; font-size: clamp(25px, 3vw, 38px); letter-spacing: -.035em; }
.solution-intro p { max-width: 590px; margin: 8px 0 0; color: var(--solution-muted); line-height: 1.55; }
.solution-progress-chip { flex: 0 0 auto; padding: 10px 14px; border-radius: 999px; color: #a64e07; background: #fff1df; font-size: 13px; font-weight: 800; }

.solution-stages {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  margin-bottom: 25px;
}
.solution-stage {
  position: relative;
  min-height: 116px;
  padding: 17px 15px 15px;
  border: 1px solid var(--solution-line);
  border-radius: 19px;
  color: var(--solution-ink);
  background: rgba(255,255,255,.88);
  box-shadow: 0 11px 24px rgba(55, 40, 25, .05);
  text-align: left;
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.solution-stage:hover,
.solution-stage.is-active { transform: translateY(-3px); border-color: rgba(232,119,27,.46); box-shadow: 0 18px 32px rgba(93,54,17,.11); }
.solution-stage.is-active { background: linear-gradient(145deg,#fffaf3,#fff0dd); }
.solution-stage.is-complete::after {
  content: "✓";
  position: absolute;
  top: 12px;
  right: 12px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  color: #fff;
  background: #38a96c;
  font-size: 13px;
  font-weight: 900;
}
.solution-stage__number { display: block; margin-bottom: 9px; color: var(--solution-orange-deep); font-size: 12px; font-weight: 850; text-transform: uppercase; }
.solution-stage__title { display: block; padding-right: 22px; font-size: 14px; font-weight: 850; line-height: 1.25; }
.solution-stage__hint { display: block; margin-top: 6px; color: var(--solution-muted); font-size: 11px; line-height: 1.35; }

.solution-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 20px;
  align-items: start;
}
.solution-products-panel,
.solution-project-panel {
  border: 1px solid var(--solution-line);
  border-radius: 25px;
  background: var(--solution-card);
  box-shadow: var(--solution-shadow);
}
.solution-products-panel { min-width: 0; padding: clamp(18px, 3vw, 30px); }
.solution-products-head { display: flex; align-items: start; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.solution-products-head h3 { margin: 0; font-size: clamp(21px, 2.3vw, 30px); letter-spacing: -.025em; }
.solution-products-head p { margin: 7px 0 0; color: var(--solution-muted); font-size: 13px; line-height: 1.45; }
.solution-products-count { flex: 0 0 auto; padding: 8px 11px; border-radius: 999px; color: #a64e07; background: #fff1df; font-size: 12px; font-weight: 800; }
.solution-products-grid { display: grid; gap: 13px; }
.solution-loading,
.solution-empty { grid-column: 1 / -1; display: grid; place-items: center; min-height: 260px; padding: 30px; border: 1px dashed rgba(232,119,27,.35); border-radius: 18px; color: var(--solution-muted); background: #fffaf5; text-align: center; }

.solution-product {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--solution-line);
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 9px 22px rgba(47, 39, 29, .06);
  transition: transform .22s ease, box-shadow .22s ease;
}
.solution-product:hover { transform: translateY(-4px); box-shadow: 0 18px 32px rgba(80,51,22,.12); }
.solution-product__favorite {
  position: absolute;
  z-index: 2;
  top: 10px;
  right: 10px;
  display: grid;
  place-items: center;
  width: 35px;
  height: 35px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 12px;
  color: #aaa;
  background: rgba(255,255,255,.93);
  box-shadow: 0 5px 12px rgba(0,0,0,.08);
  font-size: 22px;
  cursor: pointer;
}
.solution-product.is-favorite .solution-product__favorite { color: var(--solution-orange); }
.solution-product__media {
  position: relative;
  display: grid;
  place-items: center;
  width: 100%;
  min-width: 0;
  min-height: 0;
  aspect-ratio: 4 / 3;
  padding: 16px;
  overflow: hidden;
  box-sizing: border-box;
  border: 0;
  background: #ffffff;
  cursor: pointer;
}
.solution-product__media img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  object-fit: contain;
  object-position: center center;
  box-sizing: border-box;
  background: transparent;
  transition: transform .32s ease;
}
.solution-product:hover .solution-product__media img { transform: scale(1.02); }
.solution-product__placeholder { display: grid; place-items: center; width: 100%; height: 100%; color: #9a9da2; font-size: 12px; text-align: center; }
.solution-product__body { display: flex; flex: 1; flex-direction: column; padding: 14px; }
.solution-product__title {
  display: -webkit-box;
  min-height: 42px;
  margin: 0;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--solution-ink);
  font-size: 14px;
  font-weight: 850;
  line-height: 1.45;
  cursor: pointer;
}
.solution-product__meta { min-height: 34px; margin-top: 6px; color: var(--solution-muted); font-size: 11px; line-height: 1.45; }
.solution-product__code { margin-top: 5px; color: #8a8d92; font-size: 10px; }
.solution-product__controls { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; margin-top: auto; padding-top: 13px; }
.solution-qty { display: grid; grid-template-columns: 28px 1fr 28px; min-height: 42px; overflow: hidden; border: 1px solid var(--solution-line); border-radius: 14px; background: #fff; }
.solution-qty button { border: 0; color: var(--solution-ink); background: #f7f7f7; font-size: 18px; cursor: pointer; }
.solution-qty input { width: 100%; min-width: 0; padding: 0; border: 0; outline: 0; text-align: center; font: inherit; font-size: 13px; font-weight: 750; -moz-appearance: textfield; }
.solution-qty input::-webkit-inner-spin-button { -webkit-appearance: none; }
.solution-add-button,
.solution-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 15px;
  overflow: hidden;
  border: 1px solid rgba(213,108,16,.28);
  border-radius: 15px;
  color: #fff;
  background: linear-gradient(145deg,#ffbd71,#f5942e 55%,#df6d0f);
  box-shadow: 0 11px 22px rgba(214,105,14,.20), inset 0 1px rgba(255,255,255,.4);
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease, box-shadow .2s ease;
}
.solution-add-button:hover,
.solution-button:hover { transform: translateY(-2px); box-shadow: 0 16px 28px rgba(214,105,14,.27), inset 0 1px rgba(255,255,255,.45); }
.solution-add-button.is-added { color: #97500f; background: linear-gradient(180deg,#fffaf3,#f1f2f4); box-shadow: inset 0 1px #fff; }
.solution-products-footer { display: flex; justify-content: center; margin-top: 20px; }
.solution-button--soft { color: #a64e07; background: linear-gradient(180deg,#fffaf4,#f2f2f3); box-shadow: 0 11px 22px rgba(50,40,30,.08), inset 0 1px #fff; }

.solution-project-panel { position: sticky; top: 18px; padding: 22px; }
.solution-project-panel__label { color: var(--solution-orange-deep); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.solution-project-panel h3 { margin: 8px 0 5px; font-size: 22px; }
.solution-project-panel__lead { margin: 0; color: var(--solution-muted); font-size: 12px; line-height: 1.5; }
.solution-progress-ring { position: relative; display: grid; place-items: center; width: 128px; height: 128px; margin: 22px auto; border-radius: 50%; background: conic-gradient(var(--solution-orange) var(--solution-progress, 0%), #eceef1 0); }
.solution-progress-ring::before { content: ""; position: absolute; inset: 11px; border-radius: 50%; background: #fff; }
.solution-progress-ring strong { position: relative; z-index: 1; font-size: 29px; }
.solution-project-list { display: grid; gap: 8px; margin: 0 0 20px; padding: 0; list-style: none; }
.solution-project-list li { display: flex; align-items: center; gap: 8px; color: var(--solution-muted); font-size: 12px; }
.solution-project-list li::before { content: ""; width: 9px; height: 9px; flex: 0 0 9px; border: 2px solid #c6c8cc; border-radius: 50%; }
.solution-project-list li.is-complete { color: var(--solution-ink); font-weight: 720; }
.solution-project-list li.is-complete::before { border-color: #38a96c; background: #38a96c; box-shadow: inset 0 0 0 2px #fff; }
.solution-project-panel .solution-button { width: 100%; margin-top: 8px; }
.solution-project-note { margin: 14px 0 0; color: #86898e; font-size: 10px; line-height: 1.45; text-align: center; }

.solution-help {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 25px;
  margin-top: 24px;
  padding: clamp(24px, 4vw, 38px);
  border: 1px solid rgba(232,119,27,.18);
  border-radius: 25px;
  background: linear-gradient(135deg,#fff9f1,#fff 65%);
  box-shadow: 0 15px 32px rgba(80,50,20,.07);
}
.solution-help h2 { margin: 0; font-size: clamp(22px,2.5vw,32px); }
.solution-help p { max-width: 720px; margin: 9px 0 0; color: var(--solution-muted); line-height: 1.55; }

/* Страница выбора системы. */
.solutions-hub-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 18px; margin: 26px 0; }
.solutions-hub-card {
  position: relative;
  overflow: hidden;
  min-height: 330px;
  padding: 28px;
  border: 1px solid var(--solution-line);
  border-radius: 26px;
  color: var(--solution-ink);
  background: rgba(255,255,255,.92);
  box-shadow: var(--solution-shadow);
  text-decoration: none;
  transition: transform .24s ease, box-shadow .24s ease;
}
.solutions-hub-card:hover { transform: translateY(-7px); box-shadow: 0 28px 60px rgba(92,55,20,.16); }
.solutions-hub-card::after { content: ""; position: absolute; width: 190px; height: 190px; right: -80px; bottom: -100px; border-radius: 50%; background: rgba(245,138,36,.09); }
.solutions-hub-card__icon { display: grid; place-items: center; width: 72px; height: 72px; border-radius: 23px; color: #fff; background: linear-gradient(145deg,#ffb35f,#e76f0d); box-shadow: 0 17px 31px rgba(222,105,14,.25); font-size: 34px; }
.solutions-hub-card h2 { margin: 28px 0 10px; font-size: 26px; letter-spacing: -.03em; }
.solutions-hub-card p { margin: 0; color: var(--solution-muted); font-size: 14px; line-height: 1.6; }
.solutions-hub-card__link { position: absolute; z-index: 1; left: 28px; bottom: 27px; color: var(--solution-orange-deep); font-size: 13px; font-weight: 850; }
.solutions-how { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; margin-top: 25px; }
.solutions-how__item { padding: 22px; border: 1px solid var(--solution-line); border-radius: 20px; background: rgba(255,255,255,.75); }
.solutions-how__number { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 14px; border-radius: 12px; color: #fff; background: var(--solution-orange); font-weight: 900; }
.solutions-how__item strong { display: block; margin-bottom: 6px; }
.solutions-how__item p { margin: 0; color: var(--solution-muted); font-size: 13px; line-height: 1.5; }

.solution-modal {
  width: min(900px, calc(100% - 28px));
  max-height: min(760px, calc(100dvh - 36px));
  padding: 0;
  overflow: auto;
  border: 0;
  border-radius: 25px;
  color: var(--solution-ink);
  background: #fff;
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
.solution-modal::backdrop { background: rgba(25,22,19,.68); backdrop-filter: blur(3px); }
.solution-modal__inner { position: relative; padding: clamp(22px,4vw,38px); }
.solution-modal__close { position: absolute; z-index: 4; top: 18px; right: 18px; display: grid; place-items: center; width: 42px; height: 42px; padding: 0; border: 1px solid var(--solution-line); border-radius: 13px; background: #fff; box-shadow: 0 7px 18px rgba(31,35,40,.08); font-size: 23px; cursor: pointer; }
.solution-modal__close:hover,.solution-modal__close:focus-visible { border-color: rgba(43,48,54,.3); outline: 0; background: #f5f6f7; }
.solution-modal h2 { margin: 0 158px 20px 0; padding-bottom: 18px; border-bottom: 1px solid var(--solution-line); overflow-wrap: anywhere; font-size: clamp(22px,3vw,32px); }
.solution-modal__top-actions { position: absolute; z-index: 3; top: 18px; right: 70px; display: flex; align-items: center; gap: 8px; }
.solution-modal__action { position: relative!important; inset: auto!important; display: grid!important; place-items: center!important; width: 42px!important; height: 42px!important; min-width: 42px; min-height: 42px; padding: 0!important; border: 1px solid rgba(43,48,54,.12)!important; border-radius: 13px!important; color: #7e848c; background: #fff!important; box-shadow: 0 7px 18px rgba(31,35,40,.09)!important; cursor: pointer; transform: none!important; }
.solution-modal__action:hover,.solution-modal__action:focus-visible { border-color: rgba(232,119,27,.42)!important; outline: 0; box-shadow: 0 9px 21px rgba(232,119,27,.17)!important; transform: translateY(-2px)!important; }
.solution-modal__action .product-compare-toggle__icon { display: grid; place-items: center; width: 100%; height: 100%; font-size: 22px; line-height: 1; }
.solution-modal__action .fav-btn__star { display: grid!important; place-items: center!important; width: 100%!important; height: 100%!important; color: #a5a9af; font-size: 23px!important; line-height: 1!important; }
.solution-modal__action--favorite.is-active .fav-btn__star { color: var(--ctm-orange,#f39e32); }
.solution-modal__action--compare.is-active,.solution-modal__action--compare[aria-pressed="true"] { color: #fff; border-color: rgba(211,110,14,.36)!important; background: linear-gradient(145deg,#ffb35f,#f39e32 56%,#e8771b)!important; box-shadow: 0 10px 22px rgba(222,105,14,.28)!important; }
.solution-modal__content { display: grid; grid-template-columns: minmax(270px,.95fr) minmax(310px,1.05fr); gap: 22px; align-items: stretch; }
.solution-modal__content > div { min-width: 0; box-sizing: border-box; border-radius: 20px; }
.solution-modal__content > div:last-child { display: flex; flex-direction: column; padding: 18px 20px; border: 1px solid #e8eaed; background: linear-gradient(180deg,#fff,#fbfcfd); }
.solution-modal__media { display: grid; place-items: center; min-height: 330px; padding: 20px; border-radius: 20px; background: #f4f7f9; box-shadow: 0 10px 24px rgba(31,35,40,.08); }
.solution-modal__media img { width: 100%; height: 100%; max-height: 340px; object-fit: contain; }
.solution-modal__specs { margin: 0; padding: 0; list-style: none; }
.solution-modal__specs li { padding: 8px 0; border-bottom: 1px dashed rgba(0,0,0,.1); color: #555a61; line-height: 1.45; }
.solution-modal__actions { display: grid; grid-template-columns: 112px minmax(0,1fr); gap: 10px; margin-top: auto; padding-top: 22px; }

.solution-footer { width: min(calc(100% - 32px),1156px); margin: 0 auto 30px; padding: 25px 0; border-top: 1px solid rgba(0,0,0,.08); color: rgba(44,44,44,.45); font-size: 12px; text-align: center; }
.solution-toast { position: fixed; z-index: 3000; left: 50%; bottom: 24px; max-width: min(430px,calc(100% - 24px)); padding: 13px 18px; border-radius: 14px; color: #fff; background: #2b2d30; box-shadow: 0 16px 38px rgba(0,0,0,.22); font-size: 13px; font-weight: 750; transform: translate(-50%,20px); opacity: 0; pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.solution-toast.is-visible { opacity: 1; transform: translate(-50%,0); }

@media (max-width: 1050px) {
  .solution-appbar > .container { grid-template-columns: auto minmax(0,1fr) auto auto; }
  .solution-appbar .controls { grid-template-columns: minmax(220px,1fr); }
  .solution-appbar .Phone { display: none; }
  .solution-appbar .nav-link { padding-inline: 8px; font-size: 12px; }
  .solution-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .solution-stages { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .solutions-switcher, .solutions-hub-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .solution-appbar { width: min(calc(100% - 18px),1156px); margin-top: 9px; }
  .solution-appbar > .container {
    grid-template-columns: auto minmax(0,1fr) auto auto auto;
    grid-template-areas: "brand spacer email cart burger" "tools tools tools tools tools" "nav nav nav nav nav";
    gap: 8px;
    padding: 8px 10px;
    border-radius: 18px;
  }
  .solution-appbar .navbar-brand { width: 82px; min-width: 82px; }
  .solution-appbar .navbar-brand img { width: 68px !important; height: 68px !important; }
  .solution-appbar .burger-btn { display: grid; }
  .solution-appbar .app-row { width: 100%; }
  .solution-appbar .search-modern__input { min-height: 46px; }
  .solution-appbar #primaryNav { display: none; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; padding: 9px; border: 1px solid rgba(232,119,27,.2); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 16px 34px rgba(0,0,0,.16); }
  .solution-appbar #primaryNav.is-open { display: grid; }
  .solution-appbar .nav-link { justify-content: flex-start; min-height: 44px; padding: 10px 12px; border-radius: 10px; white-space: normal; }
  .solutions-main { width: min(calc(100% - 18px),1156px); margin-top: 10px; }
  .solutions-hero { grid-template-columns: 1fr; min-height: 0; padding: 34px 28px; }
  .solutions-hero__visual { display: none; }
  .solutions-switcher { grid-template-columns: 1fr; gap: 8px; }
  .solution-stages { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .solution-workspace { grid-template-columns: 1fr; }
  .solution-project-panel { position: static; }
  .solution-help { grid-template-columns: 1fr; }
  .solutions-hub-grid { grid-template-columns: 1fr; }
  .solutions-hub-card { min-height: 280px; }
  .solutions-how { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .solution-appbar > .container { grid-template-columns: minmax(0,1fr) 42px 42px 42px; grid-template-areas: "brand email cart burger" "tools tools tools tools" "nav nav nav nav"; }
  .solution-appbar .navbar-brand { justify-content: start; width: auto; min-width: 0; }
  .solution-appbar .navbar-brand img { width: 62px !important; height: 62px !important; }
  .solution-appbar .email-btn,
  .solution-appbar .product-cart-btn,
  .solution-appbar .burger-btn { width: 40px; min-width: 40px; height: 40px; border-radius: 13px; }
  .solution-appbar #primaryNav { grid-template-columns: 1fr; }
  .solutions-hero { padding: 28px 21px; border-radius: 22px; }
  .solutions-hero h1 { font-size: 38px; }
  .solution-intro { align-items: start; flex-direction: column; }
  .solution-stages { display: flex; overflow-x: auto; padding: 3px 2px 12px; scroll-snap-type: x mandatory; }
  .solution-stage { min-width: 178px; scroll-snap-align: start; }
  .solution-products-panel { padding: 16px; border-radius: 20px; }
  .solution-products-head { flex-direction: column; }
  .solution-products-grid { grid-template-columns: 1fr; }
  .solution-product { display: grid; grid-template-columns: 116px minmax(0,1fr); }
  .solution-product__media { aspect-ratio: auto; min-height: 100%; padding: 12px; background: #ffffff; }
  .solution-product__body { padding: 12px 11px; }
  .solution-product__title { min-height: 0; font-size: 13px; }
  .solution-product__meta { min-height: 0; }
  .solution-product__controls { grid-template-columns: 84px minmax(0,1fr); }
  .solution-product__favorite { top: 7px; left: 7px; right: auto; width: 32px; height: 32px; }
  .solution-modal__inner { padding: 18px 16px 20px; }
  .solution-modal h2 { min-height: 38px; margin-right: 138px; font-size: 20px; }
  .solution-modal__top-actions { top: 14px; right: 59px; gap: 6px; }
  .solution-modal__action { width: 35px!important; height: 35px!important; min-width: 35px; min-height: 35px; border-radius: 12px!important; }
  .solution-modal__close { top: 13px; right: 13px; width: 36px; height: 36px; border-radius: 12px; }
  .solution-modal__content { grid-template-columns: 1fr; }
  .solution-modal__content > div:last-child { padding: 16px; }
  .solution-modal__media { min-height: 220px; }
  .solution-modal__actions { grid-template-columns: 100px minmax(0,1fr); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

.solution-product__catalog-link, .solution-modal__catalog-link { color: inherit; text-decoration: none; border-bottom: 1px dashed transparent; transition: color .16s ease, border-color .16s ease; }
.solution-product__catalog-link:hover, .solution-product__catalog-link:focus-visible, .solution-modal__catalog-link:hover, .solution-modal__catalog-link:focus-visible { color: var(--solution-orange, #f39e32); border-bottom-color: currentColor; outline: none; }


/* v294 trial: мастер подбора, проверка комплектности и замена выбора */
.solution-trial-wizard { margin: 22px 0 30px; padding: clamp(22px,3vw,34px); border: 1px solid rgba(232,119,27,.18); border-radius: 26px; background: linear-gradient(180deg,#fff,#fffaf4); box-shadow: 0 18px 46px rgba(94,55,18,.08); }
.solution-trial-wizard__head { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:22px; }
.solution-trial-wizard__head h2 { margin:8px 0 7px; font-size:clamp(24px,3vw,34px); }
.solution-trial-wizard__head p { max-width:760px; margin:0; color:var(--solution-muted); line-height:1.55; }
.solution-trial-badge { display:inline-flex; padding:6px 10px; border-radius:999px; color:#a64d08; background:#fff0df; font-size:11px; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.solution-trial-reset { padding:9px 13px; border:1px solid var(--solution-line); border-radius:11px; background:#fff; color:#555; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
.solution-wizard-steps { display:grid; gap:13px; }
.solution-wizard-step { display:grid; grid-template-columns:42px minmax(0,1fr); gap:15px; padding:18px; border:1px solid rgba(0,0,0,.07); border-radius:18px; background:#fff; opacity:.7; transition:.18s ease; }
.solution-wizard-step.is-active { border-color:rgba(245,138,36,.35); box-shadow:0 10px 24px rgba(245,138,36,.08); opacity:1; }
.solution-wizard-step__number { display:grid; place-items:center; width:42px; height:42px; border-radius:13px; color:#fff; background:#34363a; font-weight:900; }
.solution-wizard-step.is-active .solution-wizard-step__number { background:linear-gradient(145deg,#ffab52,#e66f0d); }
.solution-wizard-step__content h3 { margin:3px 0 13px; font-size:17px; }
.solution-wizard-options { display:flex; flex-wrap:wrap; gap:9px; }
.solution-wizard-option,.solution-wizard-task { display:flex; align-items:center; gap:9px; min-height:45px; padding:10px 14px; border:1px solid rgba(0,0,0,.10); border-radius:13px; color:#333; background:#fff; font:inherit; cursor:pointer; transition:.16s ease; }
.solution-wizard-option:hover,.solution-wizard-task:hover,.solution-wizard-option.is-selected,.solution-wizard-task.is-selected { border-color:rgba(232,119,27,.55); background:#fff6eb; box-shadow:0 8px 18px rgba(232,119,27,.10); }
.solution-wizard-option span { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; border:1px solid rgba(231,111,13,.32); background:transparent; box-shadow:0 8px 18px rgba(231,111,13,.08); color:#e76f0d; font-size:20px; flex:0 0 44px; overflow:hidden; }
.solution-wizard-option span img { display:block; width:32px; height:32px; max-width:32px; max-height:32px; object-fit:contain; filter:drop-shadow(0 1px 0 rgba(231,111,13,.10)); }
.solution-wizard-option strong,.solution-wizard-task strong { font-size:13px; }
.solution-wizard-task { justify-content:space-between; min-width:min(100%,245px); }
.solution-wizard-task span { color:#db6b0f; font-size:12px; font-weight:850; }
.solution-wizard-placeholder { margin:5px 0; color:#92969b; font-size:13px; }
.solution-wizard-result { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:15px; align-items:center; padding:18px; border:1px solid rgba(72,150,83,.22); border-radius:18px; background:#f7fcf7; }
.solution-wizard-result__icon { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; color:#fff; background:#438f53; font-size:24px; font-weight:900; }
.solution-wizard-result__label { display:block; margin-bottom:3px; color:#54805c; font-size:11px; font-weight:900; text-transform:uppercase; }
.solution-wizard-result strong { display:block; font-size:16px; }
.solution-wizard-result p { margin:5px 0 0; color:#68716a; font-size:13px; line-height:1.45; }
.solution-completeness-summary { display:grid; gap:3px; margin:14px 0 13px; padding:12px 13px; border:1px solid #f0d2b5; border-radius:13px; background:#fff8ef; }
.solution-completeness-summary strong { font-size:12px; }
.solution-completeness-summary span { color:#777; font-size:11px; line-height:1.4; }
.solution-completeness-summary.is-complete { border-color:#cce2cf; background:#f4fbf5; }
.solution-button--check { width:100%; margin-bottom:8px; border:1px solid rgba(232,119,27,.25); color:#9f4b0b; background:#fff5e9; cursor:pointer; font:inherit; }
.solution-project-list li { position:relative; padding-right:70px; }
.solution-project-list__title { display:block; }
.solution-project-list li small { display:block; margin-top:3px; overflow:hidden; color:#8a8e94; font-size:10px; line-height:1.35; text-overflow:ellipsis; white-space:nowrap; }
.solution-stage-replace { position:absolute; top:50%; right:0; padding:5px 7px; border:1px solid rgba(232,119,27,.22); border-radius:8px; color:#a95310; background:#fff7ee; font-size:10px; font-weight:850; cursor:pointer; transform:translateY(-50%); }
.solution-replace-banner { display:flex; align-items:center; justify-content:space-between; gap:15px; margin:0 0 15px; padding:12px 14px; border:1px solid rgba(232,119,27,.35); border-radius:13px; background:#fff5e8; }
.solution-replace-banner[hidden] { display:none; }
.solution-replace-banner div { display:grid; gap:2px; }
.solution-replace-banner strong { color:#a44d09; font-size:12px; }
.solution-replace-banner span { color:#705d4e; font-size:11px; line-height:1.4; }
.solution-replace-banner button { padding:7px 10px; border:1px solid rgba(0,0,0,.1); border-radius:9px; background:#fff; color:#555; font:inherit; font-size:11px; font-weight:800; cursor:pointer; white-space:nowrap; }
@media (max-width:700px) {
  .solution-trial-wizard__head { flex-direction:column; }
  .solution-wizard-result { grid-template-columns:44px minmax(0,1fr); }
  .solution-wizard-result__icon { width:44px; height:44px; }
  .solution-wizard-result .solution-button { grid-column:1 / -1; width:100%; }
  .solution-wizard-option,.solution-wizard-task { width:100%; }
  .solution-replace-banner { align-items:flex-start; flex-direction:column; }
}

/* v295: частые задачи по текущему ассортименту */
.solution-frequent { margin: 30px 0 34px; padding: clamp(22px,3vw,32px); border: 1px solid rgba(0,0,0,.07); border-radius: 26px; background: #fff; box-shadow: 0 16px 42px rgba(70,45,25,.06); }
.solution-frequent__head { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; margin-bottom:20px; }
.solution-frequent__head h2 { margin:5px 0 6px; color:var(--solution-ink); font-size:clamp(25px,3vw,34px); }
.solution-frequent__head p { max-width:760px; margin:0; color:var(--solution-muted); font-size:13px; line-height:1.55; }
.solution-frequent__eyebrow { color:#d8650d; font-size:11px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.solution-frequent__trial { flex:0 0 auto; padding:7px 11px; border-radius:999px; color:#a95515; background:#fff1df; font-size:11px; font-weight:850; }
.solution-frequent-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.solution-frequent-card { position:relative; display:flex; min-height:228px; flex-direction:column; padding:19px; overflow:hidden; border:1px solid rgba(0,0,0,.08); border-radius:20px; color:inherit; background:linear-gradient(180deg,#fff,#fffaf5); text-decoration:none; transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.solution-frequent-card::after { position:absolute; right:-36px; bottom:-44px; width:116px; height:116px; border:1px solid rgba(238,127,32,.12); border-radius:50%; content:""; }
.solution-frequent-card:hover,.solution-frequent-card:focus-visible { border-color:rgba(232,119,27,.42); box-shadow:0 13px 28px rgba(130,73,25,.10); outline:none; transform:translateY(-2px); }
.solution-frequent-card__icon { display:grid; place-items:center; width:44px; height:44px; margin-bottom:16px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#ffa44c,#ea7313); font-size:22px; font-weight:900; box-shadow:0 8px 18px rgba(232,119,27,.18); }
.solution-frequent-card__meta { position:absolute; top:18px; right:18px; padding:5px 8px; border-radius:999px; color:#9a5b2a; background:#fff4e7; font-size:10px; font-weight:850; }
.solution-frequent-card h3 { margin:0 0 8px; color:var(--solution-ink); font-size:17px; line-height:1.28; }
.solution-frequent-card p { margin:0 0 18px; color:var(--solution-muted); font-size:12px; line-height:1.55; }
.solution-frequent-card__link { margin-top:auto; color:#d9650d; font-size:12px; font-weight:900; }
@media (max-width:980px) { .solution-frequent-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .solution-frequent__head { align-items:flex-start; flex-direction:column; } .solution-frequent-grid { grid-template-columns:1fr; } .solution-frequent-card { min-height:190px; } }


/* v296: compact hub layout — frequent tasks first, oversized system cards removed from hub */
.page-solutions-hub .solution-frequent { margin: 24px 0 24px; padding: clamp(20px,2.4vw,28px); }
.page-solutions-hub .solution-frequent-grid { gap: 12px; }
.page-solutions-hub .solution-frequent-card { min-height: 188px; padding: 17px 18px; border-radius: 18px; }
.page-solutions-hub .solution-frequent-card__icon { width: 40px; height: 40px; margin-bottom: 13px; border-radius: 13px; font-size: 20px; }
.page-solutions-hub .solution-frequent-card h3 { font-size: 16px; }
.page-solutions-hub .solution-frequent-card p { margin-bottom: 14px; }
.page-solutions-hub .solution-trial-wizard { margin-top: 0; }
@media (max-width:620px) { .page-solutions-hub .solution-frequent-card { min-height: 172px; } }


/* v297: task subgroups inside each engineering solution */
.solution-subgroups{margin:22px 0 26px;padding:22px;border:1px solid rgba(0,0,0,.07);border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(70,45,25,.055)}
.solution-subgroups__head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px}
.solution-subgroups__head h2{margin:5px 0 5px;color:var(--solution-ink);font-size:clamp(22px,2.5vw,30px)}
.solution-subgroups__head p{margin:0;color:var(--solution-muted);font-size:13px;line-height:1.5}
.solution-subgroup-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.solution-subgroup-card{position:relative;display:flex;min-height:104px;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:14px 15px;border:1px solid rgba(0,0,0,.09);border-radius:15px;color:var(--solution-ink);background:#fff;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:.16s ease}
.solution-subgroup-card:hover,.solution-subgroup-card:focus-visible,.solution-subgroup-card.is-active{border-color:rgba(233,116,19,.5);background:#fff7ed;box-shadow:0 8px 19px rgba(225,111,20,.09);outline:none}
.solution-subgroup-card.is-active::before{position:absolute;top:11px;right:11px;width:8px;height:8px;border-radius:50%;background:#ec7615;content:""}
.solution-subgroup-card strong{padding-right:13px;font-size:13px;line-height:1.3}
.solution-subgroup-card span{margin-top:5px;color:var(--solution-muted);font-size:11px;line-height:1.38}
.solution-subgroup-card em{margin-top:auto;padding-top:9px;color:#d8650d;font-size:10px;font-style:normal;font-weight:850}
.solution-subgroup-card.is-link em{color:#9c6a3f}
.solution-subgroup-card--all{background:#fafafa}
@media(max-width:1050px){.solution-subgroup-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.solution-subgroup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.solution-subgroups{padding:16px}.solution-subgroup-grid{grid-template-columns:1fr}.solution-subgroup-card{min-height:88px}}

/* v297: eight frequent tasks remain compact */
.page-solutions-hub .solution-frequent-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-solutions-hub .solution-frequent-card{min-height:180px}
@media(max-width:980px){.page-solutions-hub .solution-frequent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.page-solutions-hub .solution-frequent-grid{grid-template-columns:1fr}}


/* v298: grouped master — engineering systems + equipment/tasks */
.page-solutions-hub .solution-wizard-options#solutionWizardSystems{display:grid;gap:16px}
.solution-wizard-group{display:grid;gap:8px}
.solution-wizard-group+.solution-wizard-group{padding-top:12px;border-top:1px solid rgba(0,0,0,.065)}
.solution-wizard-group__title{color:#777b80;font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.solution-wizard-group__options{display:flex;flex-wrap:wrap;gap:9px}
.page-solutions-hub .solution-wizard-task{min-width:min(100%,270px)}
@media(max-width:700px){.solution-wizard-group__options{display:grid;grid-template-columns:1fr}.page-solutions-hub .solution-wizard-option{width:100%}}
.solution-compatibility-note{display:grid;gap:3px;margin:0 0 15px;padding:10px 13px;border:1px solid #cfe0d1;border-radius:12px;background:#f5fbf6}.solution-compatibility-note[hidden]{display:none}.solution-compatibility-note strong{font-size:12px;color:#276b38}.solution-compatibility-note span{font-size:11px;line-height:1.45;color:#667069}.solution-compatibility-badge{position:absolute;left:10px;top:10px;z-index:2;max-width:145px;padding:4px 7px;border:1px solid #b9d8bf;border-radius:999px;background:rgba(244,251,245,.96);color:#26723c;font-size:10px;font-weight:800;line-height:1.15;text-align:center}.product-season-badge~.solution-compatibility-badge{top:39px}


/* v350 — «Частые задачи» в стиле блока «Подбор по задаче» на главной */
.page-solutions-hub .solution-frequent-card {
  border: 1px solid rgba(39,41,45,.10);
  background: radial-gradient(circle at 100% 0, rgba(246,145,48,.15), transparent 12rem), rgba(255,255,255,.94);
  box-shadow: 0 18px 46px rgba(83,52,22,.09);
}
.page-solutions-hub .solution-frequent-card:hover,
.page-solutions-hub .solution-frequent-card:focus-visible {
  border-color: rgba(232,119,27,.42);
  box-shadow: 0 27px 58px rgba(94,55,18,.16);
  transform: translateY(-4px);
}
.page-solutions-hub .solution-frequent-card__icon {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  margin-bottom: 13px;
  border: 1px solid rgba(231,111,13,.32);
  border-radius: 14px;
  color: #e76f0d;
  background: transparent;
  box-shadow: 0 8px 18px rgba(231,111,13,.08);
}
.page-solutions-hub .solution-frequent-card__icon img {
  display:block;
  width:32px;
  height:32px;
  max-width:32px;
  max-height:32px;
  object-fit:contain;
  filter:drop-shadow(0 1px 0 rgba(231,111,13,.10));
}
.page-solutions-hub .solution-frequent-card:hover .solution-frequent-card__icon,
.page-solutions-hub .solution-frequent-card:focus-visible .solution-frequent-card__icon {
  border-color: rgba(231,111,13,.5);
  box-shadow: 0 10px 22px rgba(231,111,13,.12);
}