.st-d10 {
        --ink: #1d2939;
        --deep: #002c49;
        --blue: #003e67;
        --muted: #667085;
        --line: #d0d5dd;
        max-width: 1100px;
        margin: 0 auto;
        color: var(--ink);
        background: #fff;
        font: 17px/1.65 'Roboto', Arial, sans-serif
    }

    .st-d10 * {
        box-sizing: border-box
    }

    .st-d10 img {
        max-width: 100%
    }

    .st-d10 a {
        color: inherit
    }

    .st-d10 .top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 34px 0;
        border-bottom: 1px solid var(--ink)
    }

    .st-d10 .logo {
        width: 200px
    }

    .st-d10 .nav {
        display: flex;
        gap: 24px;
        font-size: 15px;
        font-weight: 700;
    }

    .st-d10 .nav a {
        text-decoration: none
    }

    .st-d10 .hero {
        display: grid;
        grid-template-columns:1fr 1fr;
        gap: 70px;
        padding: 80px 0
    }

    .st-d10 .picture {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 400px
    }

    .st-d10 .picture img {
        max-height: 360px;
        object-fit: contain
    }

    .st-d10 .summary {
        align-self: center
    }

    .st-d10 .label {
        color: var(--blue);
        font-size: 11px;
        font-weight: 800;
    }

    .st-d10 h1 {
        margin: 0 0 16px;
        font-size: 42px;
        line-height: 1.14
    }

    .st-d10 .short {
        color: var(--muted);
        font-size: 18px;
        line-height: 1.55
    }

    .st-d10 .buyline {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        margin-top: 34px;
        padding-top: 24px;
        border-top: 1px solid var(--line)
    }

    .st-d10 .price {
        font-size: 32px;
        font-weight: 800
    }

    .st-d10 .price small {
        display: block;
        font-size: 14px;
        font-weight: 400;
        color: var(--muted)
    }

    .st-d10 .cta {
        padding: 14px 19px;
        color: #fff;
        background: var(--ink);
        text-decoration: none;
        font-size: 16px;
        font-weight: 700
    }

    .st-d10 .principles {
        display: grid;
        grid-template-columns:repeat(3, 1fr);
        border-top: 1px solid var(--ink);
        border-bottom: 1px solid var(--ink)
    }

    .st-d10 .principle {
        padding: 26px 26px 26px 0
    }

    .st-d10 .principle + .principle {
        padding-left: 26px;
        border-left: 1px solid var(--line)
    }

    .st-d10 .principle b {
        display: block;
        font-size: 18px
    }

    .st-d10 .principle span {
        font-size: 15px;
        color: var(--muted)
    }

    .st-d10 .details {
        padding: 82px 0
    }

    .st-d10 h2 {
        margin: 8px 0 27px;
        font-size: 29px
    }

    .st-d10 .description {
        color: #344054;
        font-size: 17px;
        line-height: 1.7
    }

    .st-d10 .about {
        display: grid;
        grid-template-columns:.8fr 1.2fr;
        gap: 75px;
        padding: 68px;
        background: #f2f4f7;
        border-left: 7px solid var(--blue)
    }

    .st-d10 .about p {
        margin: 0 0 18px;
        color: #475467;
        font-size: 17px
    }

    .st-d10 .foot {
        display: flex;
        justify-content: space-between;
        padding: 32px 0;
        color: var(--muted);
        font-size: 14px
    }

    .st-d10 .foot a {
        text-decoration: none;
        font-weight: 800
    }

    @media (max-width: 1140px) {
        .st-d10 {
            margin: 0 5%
        }
    }

    @media (max-width: 760px) {
        .st-d10 .top, .st-d10 .foot {
            display: block
        }

        .st-d10 .nav {
            margin-top: 20px;
            flex-wrap: wrap
        }

        .st-d10 .hero {
            grid-template-columns:1fr;
            gap: 20px;
            padding: 45px 0
        }

        .st-d10 .picture {
            min-height: 300px
        }

        .st-d10 h1 {
            font-size: 34px
        }

        .st-d10 .principles {
            grid-template-columns:1fr
        }

        .st-d10 .principle, .st-d10 .principle + .principle {
            padding: 22px 0;
            border-left: 0;
            border-bottom: 1px solid var(--line)
        }

        .st-d10 .about {
            grid-template-columns:1fr;
            gap: 10px;
            padding: 38px 7%
        }

        .st-d10 .buyline {
            display: block
        }

        .st-d10 .cta {
            display: inline-block;
            margin-top: 18px
        }

        .st-d10 .foot div + div {
            margin-top: 8px
        }
    }

    .st-d10 * {
        min-width: 0
    }

    .st-d10 h1, .st-d10 h2 {
        overflow-wrap: anywhere
    }

    @media (max-width: 760px) {
        .st-d10 .hero, .st-d10 .about {
            grid-template-columns:minmax(0, 1fr)
        }

        .st-d10 .picture img {
            width: 100%;
            height: auto
        }
    }

    .st-d10 .badge-art-fst {
        display: inline-flex;
        align-items: center;
        padding: 7px 12px;
        margin: 0 0 18px;
        border-radius: 999px;
        background: #e7f1f5;
        color: #003e67;
        font: 700 14px/1 Roboto, Arial, sans-serif;
        white-space: nowrap
    }

    .st-d10 .badge-art-fst:empty {
        display: none
    }

    .st-d10 .cta {
        border-radius: 6px
    }

    .st-d10 .foot {
        font-size: 13px
    }

    .st-d10 .foot-links {
        display: flex;
        align-items: center;
        gap: 9px;
        font-size: 13px
    }

    .st-d10 .foot-links span {
        color: #98a2b3
    }

    .st-d10 .foot a {
        color: var(--muted);
        font-weight: 500
    }

    .st-d10 h1 .manufacturer {
        font-weight: 800
    }

    .st-d10 h1 .productTitle {
        font-weight: 500
    }

    .st-d10 .description p {
        margin: 0 0 20px
    }

    .st-d10 .description h2 {
        margin: 46px 0 16px;
        font-size: 28px;
        line-height: 1.25;
        color: var(--ink)
    }

    .st-d10 .description h3 {
        margin: 32px 0 12px;
        font-size: 22px;
        line-height: 1.3;
        color: var(--ink)
    }

    .st-d10 .description ul, .st-d10 .description ol {
        margin: 0 0 22px;
        padding-left: 24px
    }

    .st-d10 .description table {
        width: 100%;
        margin: 30px 0;
        border: 1px solid var(--line);
        border-collapse: separate;
        border-spacing: 0;
        border-radius: 10px;
        overflow: hidden;
        font-size: 16px;
        line-height: 1.55
    }

    .st-d10 .description th, .st-d10 .description td {
        padding: 16px 18px;
        text-align: left;
        vertical-align: top;
        border-bottom: 1px solid var(--line)
    }

    .st-d10 .description th {
        width: 28%;
        background: #f9fafb;
        color: var(--ink);
        font-weight: 700
    }

    .st-d10 .description tr:last-child th, .st-d10 .description tr:last-child td {
        border-bottom: 0
    }

    @media (max-width: 760px) {
        .st-d10 .description {
            font-size: 17px
        }

        .st-d10 .description h2 {
            font-size: 25px
        }

        .st-d10 .description table {
            font-size: 16px
        }

        .st-d10 .description tr {
            display: block;
            border-bottom: 1px solid var(--line)
        }

        .st-d10 .description tr:last-child {
            border-bottom: 0
        }

        .st-d10 .description th, .st-d10 .description td {
            display: block;
            width: 100%;
            border: 0
        }

        .st-d10 .description th {
            padding-bottom: 5px
        }

        .st-d10 .description td {
            padding-top: 6px
        }
    }