@scope (.mf-pro-page) {
:scope {
  color-scheme: light;
  --ink: #241a31;
  --muted: #62556e;
  --purple: #633b9d;
  --line: #e7dfee;
  --paper: #f6f1fa;
  font-family: system-ui, sans-serif;
  color: var(--ink);
  background: #fff;
}
*, *::before, *::after { box-sizing: border-box; }
.wrap { width: min(calc(100% - 36px), 1180px); margin-inline: auto; }
a { color: inherit; text-underline-offset: 4px; }
:focus-visible { outline: 2px solid #a476ed; outline-offset: 4px; }
section, article[id], footer { scroll-margin-top: 22px; }
.skip { position: absolute; left: 12px; top: -80px; padding: 8px; background: white; z-index: 3; }
.skip:focus { top: 12px; }
.header { border-bottom: 1px solid var(--line); }
.top, .destinations, .nav, .actions { display: flex; align-items: center; flex-wrap: wrap; }
.top { justify-content: space-between; gap: 12px; padding-block: 17px; }
.brand { font-weight: 850; font-size: clamp(1.45rem, 4vw, 2.05rem); letter-spacing: -.04em; text-decoration: none; white-space: nowrap; }
.brand .dot { color: #9d6bd0; }
.brand strong { color: var(--purple); font-size: 1.13em; }
.destinations { gap: 15px; }
.destinations a:not(.button), .pro-contact-grid a { display: inline-flex; gap: 7px; align-items: center; text-decoration: none; }
.nav { gap: 6px 24px; padding-block: 10px; border-top: 1px solid var(--line); font-size: .94rem; }
.nav a { text-decoration: none; }
.nav details { position: relative; }
.nav summary { cursor: pointer; color: var(--purple); }
.menu { position: absolute; z-index: 2; top: calc(100% + 12px); min-width: 210px; display: grid; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 10px 24px #2c16441f; padding: 7px; }
.menu a { padding: 9px; border-radius: 8px; }
.hero { display: grid; grid-template-columns: 1.06fr 1fr; align-items: center; gap: clamp(18px, 4vw, 52px); margin-top: 24px; padding: clamp(24px, 5vw, 64px); border-radius: 26px; color: #fff; background: linear-gradient(115deg, #241633, #472972); }
h1, h2, h3, p { margin: 0; }
h1 { font-size: clamp(2.4rem, 5.4vw, 4.65rem); line-height: 1.03; letter-spacing: -.04em; }
h1 em { color: #e3c9ff; font-style: normal; }
h2 { font-size: clamp(1.65rem, 3.5vw, 2.6rem); line-height: 1.12; letter-spacing: -.035em; }
h3 { font-size: 1.12rem; line-height: 1.3; }
p { color: var(--muted); line-height: 1.6; }
.hero p { color: #f0e6fa; margin-top: 16px; max-width: 44ch; }
.actions { margin-top: 23px; gap: 12px 19px; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border: 0; border-radius: 12px; background: var(--purple); color: #fff; font: inherit; font-weight: 700; text-decoration: none; cursor: pointer; transition: background-color 160ms ease, transform 160ms ease; }
.button:disabled { opacity: .65; cursor: default; }
.button.small { min-height: 39px; font-size: .9rem; }
.hero .button { background: #ead8ff; color: #321b4b; }
.secondary { color: var(--purple); }
.hero .secondary { color: #f4e6ff; }
.signal { width: 100%; height: auto; animation: signal-in 450ms cubic-bezier(.16,1,.3,1) both; }
@keyframes signal-in { from { opacity: .7; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.section { margin-top: clamp(44px, 7vw, 82px); }
.section > p { margin-top: 10px; max-width: 75ch; }
.equipment, .solutions, .brands, .services { margin-top: 20px; display: grid; gap: 12px; }
.equipment, .solutions { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.equipment a, .solutions article, .brands a { border: 1px solid var(--line); padding: 16px; border-radius: 15px; }
.equipment a { display: grid; grid-template-columns: 1fr auto; gap: 7px; text-decoration: none; transition: background-color 160ms ease; }
.equipment a span { grid-row: 2; grid-column: 1 / -1; color: var(--muted); font-size: .91rem; }
.equipment a b { color: var(--purple); }
.solutions article { background: var(--paper); }
.solutions article p { margin: 8px 0 12px; }
.solutions article a { color: var(--purple); font-size: .92rem; }
.kit { margin-top: 18px; padding: clamp(14px, 3vw, 28px); border: 1px solid var(--line); border-radius: 18px; }
.kit-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: start; gap: 12px; }
.kit-head h3 { margin-top: 5px; font-size: clamp(1.18rem, 2vw, 1.55rem); }
.estimate { display: grid; gap: 3px; }
.estimate strong { color: var(--purple); font-size: clamp(1.3rem, 3vw, 1.85rem); }
.estimate span, .line-price, .note { color: var(--muted); font-size: .87rem; }
.items { list-style: none; margin: 14px 0; padding: 0; border-top: 1px solid var(--line); }
.items li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 16px; padding: 8px 0; border-bottom: 1px solid var(--line); }
.items a { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.items img { flex: none; object-fit: contain; border-radius: 8px; background: var(--paper); }
.line-price { white-space: nowrap; }
.brands { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.brands a { background: var(--paper); text-decoration: none; font-weight: 700; }
.services { grid-template-columns: repeat(3, minmax(0, 1fr)); list-style-position: inside; padding: 0; }
.services li { border-top: 1px solid var(--line); padding-top: 12px; }
.services li::marker { color: var(--purple); font-weight: 750; }
.services h3 { display: inline; }
.services p { margin-top: 7px; }
.inquiry { display: grid; grid-template-columns: 1fr 1.15fr; gap: clamp(20px, 5vw, 65px); padding: clamp(20px, 5vw, 50px); border-radius: 23px; background: var(--paper); }
.inquiry p { margin-top: 12px; }
form, label { display: grid; gap: 7px; }
form { gap: 13px; justify-items: start; min-width: 0; }
label { width: 100%; font-weight: 650; }
input, textarea { width: 100%; border: 1px solid #b9a9ca; border-radius: 9px; padding: 10px; font: inherit; font-weight: 400; color: var(--ink); background: #fff; }
textarea { resize: vertical; }
form .note { margin: 0; }
footer { margin-top: 62px; padding-block: 30px; background: #261a35; color: #fff; }
.pro-contact-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 22px; }
.pro-contact-grid p { color: #e3d8ee; margin-top: 7px; }
.pro-contact-grid > div { display: grid; gap: 8px; }
@media (hover: hover) {
  .button:not(:disabled):hover { transform: translateY(-2px); background: #50307e; }
  .hero .button:hover { background: #fff; }
  .equipment a:hover, .menu a:hover { background: var(--paper); }
  .nav a:hover, .destinations a:not(.button):hover, .items a:hover { color: var(--purple); text-decoration: underline; }
}
@media (max-width: 850px) {
  .equipment, .solutions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .hero, .inquiry, .brands, .services { grid-template-columns: 1fr; }
  .nav { gap: 10px 16px; }
  .destinations { gap: 10px; }
  .signal { max-height: 220px; }
}
@media (max-width: 370px) {
  .equipment, .solutions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .signal { animation: none; }
  .button { transition: none; }
  .button:not(:disabled):hover { transform: none; }
}

}

.mf-pro-page .hero h1{color:#fff}

body:has(.mf-pro-page) :is(.head,.breadcrumb,.footer-v3,footer.footer,.mobile-bar,.back-to-top){display:none!important}
.mf-pro-page #contacts a,.mf-pro-page #contacts h2{color:#fff}
body:has(.mf-pro-page) .cookies-policy{bottom:0}

.service-feedback input[type="hidden"]{display:none}
.service-feedback .service-form-errors,.service-form-success{
  width:100%;padding:12px 14px;border:1px solid #dacfe7;border-radius:10px;background:#fff;
  font-size:.9rem;line-height:1.5;color:#4a345d;overflow-wrap:anywhere
}
.service-feedback .service-form-errors{border-color:#e4b5bf;color:#8b283f}
.service-feedback .service-form-captcha{min-width:0;max-width:100%}
.service-feedback .service-form-captcha img{max-width:100%;height:auto}