.kp-page {margin:0;color:#173e50;background:#f3f8fa;font:16px/1.5 system-ui,sans-serif}
.kp-main,.kp-main * {box-sizing:border-box}
.kp-main {width:100%;max-width:52rem;margin:clamp(16px,4vw,48px) auto;padding:clamp(18px,4vw,42px);background:#fff;border:1px solid #d5e4ea;border-radius:16px}
.kp-main h1 {margin:0 0 1.3rem;color:#163e52;font-size:clamp(1.45rem,3.4vw,2.15rem);line-height:1.22;overflow-wrap:anywhere}
.kp-main h1 a {color:#096185}
.kp-main form {display:grid;gap:14px}
.kp-main label {display:grid;gap:5px;font-weight:600}
.kp-main :is(input,textarea):not([type=checkbox]):not([type=hidden]) {box-sizing:border-box;min-width:0;width:100%;border:1px solid #8daebb;border-radius:7px;padding:10px 12px;background:#fff;font:inherit;color:inherit}
.kp-main textarea {resize:vertical}
.kp-main .pair {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.kp-main .hint,.kp-main .kp-reply {margin:0;color:#405e6b}
.kp-main .consent {display:flex;align-items:flex-start;gap:9px;font-size:.9rem;font-weight:400}
.kp-main .consent input {flex:none;width:18px;height:18px;margin:3px 0 0}
.kp-main .trap {position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.kp-main button[type=submit] {justify-self:start;border:0;border-radius:8px;padding:13px 24px;background:#ffab19;color:#153346;font:700 1rem/1.4 system-ui,sans-serif;cursor:pointer}
.kp-main .kp-reply a {font-weight:700}
.kp-main .kp-contacts {margin:1rem 0 0;font-size:.92rem}
.kp-main :focus-visible {outline:3px solid #1287ab;outline-offset:2px}
.kp-main [role=alert] {padding:10px;background:#fff1dd}
.kp-page[data-embed="1"] {background:white}
.kp-page[data-embed="1"] .kp-main {max-width:44rem;margin:0 auto;padding:clamp(16px,3vw,28px);border:0;border-radius:0}
@media (max-width:680px) {
  .kp-main {margin:0 auto;padding:20px 16px 26px;border:0;border-radius:0}
  .kp-main .pair {grid-template-columns:minmax(0,1fr)}
  .kp-main button[type=submit] {width:100%;justify-self:stretch}
}

/* INFOMED link feedback, 2026-11-12 */
body, body .im-site-shell {
  --im-link-wash: #d2ecf8;
  --im-link-ink: #10455e;
}

body a[href],
body a[href]:is(:hover, :focus-visible, :active),
body a[href]:is(:hover, :focus-visible, :active) :where(span,strong,b,small,h2,h3,p) {
  text-decoration: none !important;
}

@media (hover: hover) {
  html body a[href]:hover, body .im-site-shell a[href]:not(.brand,.wordmark):hover {
    background-color: var(--im-link-wash) !important;
    color: var(--im-link-ink) !important;
    box-shadow: none;
  }
}

body a[href]:focus-visible {
  outline: 2px solid #0876a1 !important;
  outline-offset: -2px;
  background-color: var(--im-link-wash) !important;
  color: var(--im-link-ink) !important;
}

/* Padding exists before hover so that the text and neighbouring links stay put. */
body :is(p,li,dd,td,figcaption,label) a[href]:not([class]):not(:has(img,svg)),
body :where(.crumbs, .breadcrumbs) a[href] {
  padding: .1em .26em;
  border-radius: .36em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

body a:is([href^="tel:" i],[href^="mailto:" i],.infomed-kp-email):not(.button,.btn,[role="button"]):not(:has(img)) {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: .32em .62em;
  max-width: 100%;
  min-width: 0;
  border-radius: .5em;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
body a[href^="tel:" i]:not(.button,.btn) {
  font-variant-numeric: lining-nums;
}
body .infomed-kp-email { margin-inline: 0; }
body :is(.infomed-quote,.infomed-buy-cta,.infomed-sku-quote) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem .65rem;
}
body :is(.infomed-quote,.infomed-buy-cta,.infomed-sku-quote) > a,
body a.infomed-kp-email {
  max-inline-size: 100%;
}
body :is(.infomed-quote,.infomed-buy-cta,.infomed-sku-quote) > a:is([href^="tel:" i],[href^="mailto:" i]),
body a.infomed-kp-email {
  padding: .45em .72em;
  margin-inline: 0;
}
@media (hover: hover) {
  body a:is([href^="tel:" i],[href^="mailto:" i],.infomed-kp-email):not(.button,.btn):hover {
    background: var(--im-link-wash) !important;
    color: var(--im-link-ink) !important;
    box-shadow: none !important;
  }
}
@media (max-width: 600px) {
  body :is(.infomed-quote,.infomed-buy-cta,.infomed-sku-quote) > a,
  body a.infomed-kp-email {
    align-content: center;
    min-height: 44px;
  }
}
/* The home wordmark remains identifiable; retain its keyboard focus outline. */
body a:is(.brand,.wordmark,[aria-label="ИНФОМЕД — главная"],:has(>img[src="/images/logo.png"]),:has(>img[src$="/infomed.webp"])):is(:hover,:active,:focus-visible) {
  background: transparent !important;
  box-shadow: none !important;
}

