html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul,menu,ol {list-style:none;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section {display:block;}
blockquote, q {quotes: none;}
a, button, input {outline: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
input, select, td, td img {vertical-align:middle;}
img, input, select, textarea {padding: 0;margin:0;}
table {border-collapse:collapse;border-spacing:0;}
figure {margin: 0;}
img {vertical-align: middle;}
html body *:focus, html body *:active {outline:0 none!important;}
html,body {height: 100%;}
table{color: inherit;}
body input[type="radio"], body input[type="checkbox"]{margin-top: 0;}
input, button, select, textarea {font-family: inherit;  font-size: inherit;  line-height: inherit;}
div.ok-product_id {
    font-size: 13px;
    color: gray;
    text-align: right;
}


.discount-label {
    position: absolute;
    top: 10px;
    left: 10px;
    background-color: red;
    color: white;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: bold;
    border-radius: 5px;
    z-index: 10;
}

/*
      CSS for site insertion.
      If CMS allows adding CSS once in a template, insert only the .sm-seo rules below.
    */
    .sm-seo,
    .sm-seo * {
      box-sizing: border-box;
    }

    .sm-seo {
      margin: 22px 0 30px;
      color: #263238;
      font-size: 15px;
      line-height: 1.62;
    }

    .sm-seo h2,
    .sm-seo h3 {
      margin: 22px 0 10px;
      color: #1f2f3a;
      font-weight: 700;
      line-height: 1.3;
    }

    .sm-seo h2 {
      font-size: 22px;
    }

    .sm-seo h3 {
      font-size: 18px;
    }

    .sm-seo p {
      margin: 0 0 12px;
    }

    .sm-seo a {
      color: #1769aa;
      text-decoration: underline;
      text-underline-offset: 2px;
    }

    .sm-seo__lead {
      margin: 0 0 16px;
      padding: 14px 16px;
      border-left: 4px solid #2b7fb8;
      border-radius: 6px;
      background: #f4f9fc;
      font-size: 16px;
    }

    .sm-seo__grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
      gap: 10px;
      margin: 14px 0 18px;
    }

    .sm-seo__card {
      min-width: 0;
      padding: 12px;
      border: 1px solid #dfe6eb;
      border-radius: 6px;
      background: #fff;
    }

    .sm-seo__card strong {
      display: block;
      margin-bottom: 5px;
      color: #1f2f3a;
    }

    .sm-seo__list {
      margin: 10px 0 16px;
      padding-left: 20px;
    }

    .sm-seo__list li {
      margin: 5px 0;
    }

    .sm-seo__table-wrap {
      overflow-x: auto;
      margin: 14px 0 18px;
      border: 1px solid #dfe6eb;
      border-radius: 6px;
    }

    .sm-seo__table {
      width: 100%;
      min-width: 560px;
      border-collapse: collapse;
      background: #fff;
      font-size: 14px;
    }

    .sm-seo__table th,
    .sm-seo__table td {
      padding: 10px 12px;
      border-bottom: 1px solid #e6edf1;
      text-align: left;
      vertical-align: top;
    }

    .sm-seo__table th {
      background: #f4f6f8;
      color: #1f2f3a;
      font-weight: 700;
    }

    .sm-seo__table tr:last-child td {
      border-bottom: 0;
    }

    .sm-seo-faq {
      margin-top: 20px;
    }

    .sm-seo-faq h2 {
      margin-bottom: 12px;
    }

    .sm-seo-faq__item {
      margin: 8px 0;
      border: 1px solid #dfe6eb;
      border-radius: 6px;
      background: #fff;
    }

    .sm-seo-faq__item summary {
      cursor: pointer;
      padding: 12px 14px;
      color: #1f2f3a;
      font-weight: 700;
      list-style-position: outside;
    }

    .sm-seo-faq__answer {
      padding: 0 14px 14px;
      color: #34444d;
    }

    .sm-seo-faq__answer p {
      margin: 0;
    }

    .sm-seo__notice {
      margin: 14px 0;
      padding: 12px 14px;
      border: 1px solid #f0d7a6;
      border-radius: 6px;
      background: #fff8e8;
      color: #4d3b16;
    }

    @media (max-width: 640px) {
      body {
        padding: 14px;
      }

      .snippet {
        padding: 14px;
      }

      .sm-seo {
        font-size: 14px;
      }

      .sm-seo h2 {
        font-size: 19px;
      }
    }

       .sm-seo,
    .sm-seo-faq {
        --sm-accent: #c9541c;
        --sm-accent-soft: #fff4ed;
        --sm-dark: #263238;
        --sm-muted: #65747b;
        --sm-line: #dfe7ea;
        --sm-surface: #f6f9fa;
    }

    .sm-seo__start {
        margin: 28px 0 34px;
        overflow: hidden;
        border-radius: 15px;
        color: #fff;
        background: var(--sm-dark);
        box-shadow: 0 7px 22px rgba(38, 50, 56, .12);
    }

    .sm-seo__start-head {
        padding: 22px 24px 10px;
    }

    .sm-seo__start-head h2 {
        margin: 0 0 6px;
        color: #fff;
        font-size: 23px;
    }

    .sm-seo__start-head p {
        margin: 0;
        color: #dfe7ea;
    }

    .sm-seo__start-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        margin-top: 18px;
        background: #4a575d;
    }

    .sm-seo__start-item {
        padding: 21px 20px;
        background: #303d43;
    }

    .sm-seo__start-number {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        margin-bottom: 12px;
        border-radius: 9px;
        color: #fff;
        background: var(--sm-accent);
        font-weight: 800;
    }

    .sm-seo__start-item strong {
        display: block;
        margin-bottom: 6px;
        color: #fff;
    }

    .sm-seo__start-item p {
        margin: 0;
        color: #dfe7ea;
        line-height: 1.55;
    }

    .sm-seo__spec-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
        margin: 22px 0;
    }

    .sm-seo__spec {
        position: relative;
        padding: 20px 18px 18px 66px;
        border: 1px solid var(--sm-line);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 5px 16px rgba(38, 50, 56, .05);
    }

    .sm-seo__spec-icon {
        position: absolute;
        top: 19px;
        left: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border-radius: 9px;
        color: var(--sm-accent);
        background: var(--sm-accent-soft);
        font-size: 18px;
        font-weight: 800;
    }

    .sm-seo__spec h3 {
        margin: 0 0 6px;
        color: var(--sm-dark);
        font-size: 17px;
    }

    .sm-seo__spec p {
        margin: 0;
        color: var(--sm-muted);
        line-height: 1.55;
    }

    .sm-seo__notice {
        margin: 24px 0;
        padding: 18px 20px;
        border-left: 5px solid var(--sm-accent);
        border-radius: 0 10px 10px 0;
        color: var(--sm-dark);
        background: var(--sm-accent-soft);
        line-height: 1.6;
    }

    .sm-seo__catalog-tools {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin: 22px 0 26px;
        padding: 0;
        list-style: none;
    }

    .sm-seo__catalog-tool {
        padding: 20px 18px;
        border-radius: 12px;
        background: var(--sm-surface);
    }

    .sm-seo__catalog-tool strong {
        display: block;
        margin-bottom: 7px;
        color: var(--sm-dark);
        font-size: 17px;
    }

    .sm-seo__catalog-tool p {
        margin: 0;
        color: var(--sm-muted);
        line-height: 1.55;
    }

    .sm-seo-faq {
        margin-top: 34px;
    }

    .sm-seo-faq__item {
        margin: 10px 0;
        overflow: hidden;
        border: 1px solid var(--sm-line);
        border-radius: 10px;
        background: #fff;
    }

    .sm-seo-faq__item summary {
        padding: 17px 48px 17px 18px;
        color: var(--sm-dark);
        cursor: pointer;
        font-weight: 700;
        line-height: 1.4;
    }

    .sm-seo-faq__item summary::marker {
        color: var(--sm-accent);
    }

    .sm-seo-faq__item[open] summary {
        color: var(--sm-accent);
        background: var(--sm-accent-soft);
    }

    .sm-seo-faq__answer {
        padding: 16px 18px 18px;
        border-top: 1px solid var(--sm-line);
    }

    .sm-seo-faq__answer p {
        margin: 0;
        line-height: 1.65;
    }

    @media (max-width: 760px) {
        .sm-seo__start-grid,
        .sm-seo__spec-grid,
        .sm-seo__catalog-tools {
            grid-template-columns: 1fr;
        }

        .sm-seo__start-head {
            padding: 20px 18px 8px;
        }

        .sm-seo__start-grid {
            margin-top: 14px;
        }
    }
     .sm-seo__brand-compare {
        margin: 28px 0 34px;
        overflow: hidden;
        border: 1px solid var(--sm-line);
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 6px 20px rgba(38, 50, 56, .06);
    }

    .sm-seo__brand-compare-head {
        padding: 22px 24px;
        color: #fff;
        background: var(--sm-dark);
    }

    .sm-seo__brand-compare-head h2 {
        margin: 0 0 7px;
        color: #fff;
        font-size: 23px;
    }

    .sm-seo__brand-compare-head p {
        margin: 0;
        color: #dfe7ea;
    }

    .sm-seo__brand-row {
        display: grid;
        grid-template-columns: minmax(140px, .65fr) minmax(220px, 1.25fr) minmax(220px, 1.4fr);
        gap: 20px;
        align-items: start;
        padding: 20px 24px;
        border-top: 1px solid var(--sm-line);
    }

    .sm-seo__brand-row--grundfos {
        border-left: 5px solid #15599a;
    }

    .sm-seo__brand-row--omnigena {
        border-left: 5px solid #2d7182;
    }

    .sm-seo__brand-row--wilo {
        border-left: 5px solid #178653;
    }

    .sm-seo__brand-title {
        display: block;
        color: var(--sm-dark);
        font-size: 20px;
        font-weight: 800;
        line-height: 1.2;
    }

    .sm-seo__brand-cell-label {
        display: block;
        margin-bottom: 5px;
        color: var(--sm-muted);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .sm-seo__brand-row p {
        margin: 0;
        color: var(--sm-dark);
        line-height: 1.5;
    }

    .sm-seo__brand-guide {
        margin: 28px 0;
        padding: 23px 24px;
        border: 1px solid #f1d3c2;
        border-radius: 14px;
        background: var(--sm-accent-soft);
    }

    .sm-seo__brand-guide h3 {
        margin: 0 0 16px;
        color: var(--sm-dark);
        font-size: 20px;
    }

    .sm-seo__brand-guide-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sm-seo__brand-guide-list li {
        padding: 13px 12px;
        border-radius: 9px;
        color: var(--sm-dark);
        background: #fff;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.4;
    }

    .sm-seo__brand-guide-list li::before {
        display: block;
        margin-bottom: 5px;
        color: var(--sm-accent);
        content: "✓";
        font-weight: 800;
    }
 .sm-seo__applications {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
        margin: 26px 0 32px;
    }

    .sm-seo__application {
        position: relative;
        padding: 21px 18px 19px;
        overflow: hidden;
        border: 1px solid var(--sm-line);
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 5px 18px rgba(38, 50, 56, .06);
    }

    .sm-seo__application::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 4px;
        background: var(--sm-accent);
        content: "";
    }

    .sm-seo__application-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 42px;
        height: 38px;
        margin-bottom: 12px;
        padding: 0 8px;
        border-radius: 9px;
        color: var(--sm-accent);
        background: var(--sm-accent-soft);
        font-weight: 800;
    }

    .sm-seo__application strong {
        display: block;
        margin-bottom: 6px;
        color: var(--sm-dark);
    }

    .sm-seo__application p {
        margin: 0;
        color: var(--sm-muted);
        line-height: 1.55;
    }

    .sm-seo__types {
        margin: 25px 0 32px;
        overflow: hidden;
        border: 1px solid var(--sm-line);
        border-radius: 14px;
        background: #fff;
    }

    .sm-seo__types-head {
        padding: 21px 23px;
        color: #fff;
        background: var(--sm-dark);
    }

    .sm-seo__types-head h3 {
        margin: 0 0 6px;
        color: #fff;
        font-size: 21px;
    }

    .sm-seo__types-head p {
        margin: 0;
        color: #dfe7ea;
    }

    .sm-seo__type-row {
        display: grid;
        grid-template-columns: minmax(170px, .75fr) minmax(230px, 1.25fr) minmax(220px, 1.4fr);
        gap: 20px;
        padding: 20px 23px;
        border-top: 1px solid var(--sm-line);
    }

    .sm-seo__type-name {
        color: var(--sm-dark);
        font-size: 18px;
        font-weight: 800;
    }

    .sm-seo__type-label {
        display: block;
        margin-bottom: 5px;
        color: var(--sm-muted);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
    }

    .sm-seo__type-row p {
        margin: 0;
        line-height: 1.55;
    }

    .sm-seo__choice {
        margin: 26px 0;
        padding: 23px;
        border-radius: 14px;
        background: var(--sm-surface);
    }

    .sm-seo__choice h3 {
        margin: 0 0 16px;
        color: var(--sm-dark);
        font-size: 20px;
    }

    .sm-seo__choice-list {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sm-seo__choice-list li {
        padding: 14px 12px;
        border: 1px solid var(--sm-line);
        border-radius: 9px;
        background: #fff;
        line-height: 1.4;
    }

    .sm-seo__choice-list strong {
        display: block;
        margin-bottom: 4px;
        color: var(--sm-accent);
    }

    .sm-seo__notice {
        margin: 25px 0;
        padding: 18px 20px;
        border-left: 5px solid var(--sm-accent);
        border-radius: 0 10px 10px 0;
        color: var(--sm-dark);
        background: var(--sm-accent-soft);
        line-height: 1.6;
    }

    .sm-seo-faq {
        margin-top: 34px;
    }

    .sm-seo-faq__item {
        margin: 10px 0;
        overflow: hidden;
        border: 1px solid var(--sm-line);
        border-radius: 10px;
        background: #fff;
    }

    .sm-seo-faq__item summary {
        padding: 17px 48px 17px 18px;
        color: var(--sm-dark);
        cursor: pointer;
        font-weight: 700;
        line-height: 1.4;
    }

    .sm-seo-faq__item summary::marker {
        color: var(--sm-accent);
    }

    .sm-seo-faq__item[open] summary {
        color: var(--sm-accent);
        background: var(--sm-accent-soft);
    }

    .sm-seo-faq__answer {
        padding: 16px 18px 18px;
        border-top: 1px solid var(--sm-line);
    }

    .sm-seo-faq__answer p {
        margin: 0;
        line-height: 1.65;
    }

    @media (max-width: 760px) {
        .sm-seo__applications,
        .sm-seo__type-row,
        .sm-seo__choice-list {
            grid-template-columns: 1fr;
        }

        .sm-seo__type-row {
            gap: 12px;
            padding: 18px;
        }

        .sm-seo__types-head,
        .sm-seo__choice {
            padding: 18px;
        }
    }