.product-icess-page {
    background: #fff
}

.product-icess-hero {
    padding: 82px 0 92px;
    background: #f7f8f8
}

.product-icess-hero .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 90px;
    align-items: center
}

.product-icess-visual {
    min-height: 520px;
    display: grid;
    place-items: center;
    background: #fff
}

.product-icess-visual img {
    width: 100%;
    height: 500px;
    object-fit: contain
}

.product-icess-kicker {
    margin: 0 0 18px;
    color: var(--brand);
    font-size: 14px;
    font-weight: 700
}

.product-icess-intro h1 {
    margin: 0;
    font-size: 48px;
    line-height: 1.15
}

.product-icess-intro>p:not(.product-icess-kicker) {
    margin: 18px 0 0;
    color: #737a80;
    font-size: 18px
}

.product-icess-summary {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin: 40px 0
}

.product-icess-summary span {
    color: #737a80;
    font-size: 13px
}

.product-icess-summary b {
    display: block;
    margin-bottom: 6px;
    color: #22272a;
    font-size: 22px
}

.product-icess-section {
    padding: 90px 0
}

.product-icess-heading {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 52px
}

.product-icess-heading>span {
    color: var(--brand);
    font-size: 44px;
    font-weight: 300
}

.product-icess-heading h2 {
    margin: 0;
    font-size: 32px
}

.product-icess-advantages {
    background: #fff
}

.product-icess-advantage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: #e2e4e5
}

.product-icess-advantage-grid article {
    min-height: 190px;
    padding: 34px;
    background: #fff
}

.product-icess-advantage-grid svg {
    width: 38px;
    height: 38px;
    color: var(--brand);
    stroke-width: 1.5
}

.product-icess-advantage-grid p {
    margin: 24px 0 0;
    color: #555d62;
    font-size: 16px;
    line-height: 1.75
}

.product-icess-parameters {
    background: #f7f8f8
}

.product-icess-table-wrap {
    overflow-x: auto;
    border: 1px solid #dfe2e3
}

.product-icess-table-wrap table {
    width: 100%;
    min-width: 1000px;
    border-collapse: collapse;
    background: #fff
}

.product-icess-table-wrap th,
.product-icess-table-wrap td {
    padding: 15px 18px;
    border-right: 1px solid #e5e7e8;
    border-bottom: 1px solid #e5e7e8;
    text-align: left;
    font-size: 14px;
    line-height: 1.5
}

.product-icess-table-wrap thead th {
    background: #292e31;
    color: #fff
}

.product-icess-table-wrap tbody th {
    width: 260px;
    color: #303539
}

.product-icess-table-wrap .group th {
    background: #eceeef;
    color: var(--brand);
    font-size: 16px
}

.product-icess-related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 34px
}

.product-icess-related-grid article {
    border: 1px solid #e1e3e4;
    background: #fff
}

.product-icess-related-grid img {
    width: 100%;
    height: 300px;
    object-fit: contain
}

.product-icess-related-grid h3 {
    margin: 0;
    padding: 22px;
    border-top: 1px solid #e1e3e4;
    font-size: 18px
}

.product-icess-cta {
    padding: 60px 0;
    background: #f7f8f8;
    color: #222
}

.product-icess-cta .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px
}

.product-icess-cta h2 {
    margin: 0 0 10px;
    font-size: 30px
}

.product-icess-cta p {
    margin: 0;
    color: #666
}

@media(max-width:900px) {
    .product-icess-hero .container {
        grid-template-columns: 1fr;
        gap: 40px
    }

    .product-icess-advantage-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .product-icess-related-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media(max-width:640px) {
    .product-icess-hero {
        padding: 52px 0 60px
    }

    .product-icess-visual {
        min-height: 320px
    }

    .product-icess-visual img {
        height: 300px
    }

    .product-icess-intro h1 {
        font-size: 36px
    }

    .product-icess-summary {
        grid-template-columns: 1fr
    }

    .product-icess-section {
        padding: 60px 0
    }

    .product-icess-advantage-grid,
    .product-icess-related-grid {
        grid-template-columns: 1fr
    }

    .product-icess-cta .container {
        align-items: flex-start;
        flex-direction: column
    }
}