/* ============ warranty-block (warranty) ============ */

.art-warranty-block {
    padding: 2.5rem 0 3.75rem;
}

.art-warranty-block .container {
    max-width: 91.25rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.25rem;
}

.art-warranty-block .title-page {
    font-size: 4.125rem;
    line-height: 1.2;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 0;
}

.art-warranty-block .warranty__items {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    max-width: 68.125rem;
    width: 100%;
}

.art-warranty-block .warranty__item {
    border-radius: 1.875rem;
    background: linear-gradient(157.27deg, rgba(189, 213, 255, 0.06) 40.61%, rgba(198, 218, 245, 0.04) 100.71%);
    display: flex;
    align-items: center;
    gap: 1.75rem;
    padding: 1.4375rem;
    position: relative;
}

.art-warranty-block .warranty__item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.0625rem;
    background: linear-gradient(157.27deg, rgba(194, 189, 255, 0.6) 40.61%, rgba(202, 198, 245, 0.4) 100.71%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.art-warranty-block .warranty__icon .icon {
    width: 4.25rem;
    flex-shrink: 0;
}

.art-warranty-block .warranty__icon .icon img {
    width: 100%;
    height: auto;
}

.art-warranty-block .warranty__name {
    font-size: 1.625rem;
    line-height: 1.5;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.art-warranty-block .warranty__text {
    margin-top: 0.625rem;
    color: #464252;
}

.art-warranty-block .warranty__text p { margin: 0; }

@media screen and (max-width: 1023px) {
    .art-warranty-block .title-page {
        font-size: 1.625rem;
        line-height: 100%;
    }
}

@media screen and (max-width: 576px) {
    .art-warranty-block {
        padding: 1.875rem 0 3.75rem;
    }

    .art-warranty-block .warranty__items {
        margin-top: 1.25rem;
    }

    .art-warranty-block .warranty__item {
        gap: 0.8125rem;
        padding: 0.8125rem 1rem 0.8125rem 0.1875rem;
    }

    .art-warranty-block .warranty__name {
        font-size: 1.25rem;
        line-height: 1.1;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }

    .art-warranty-block .warranty__text {
        margin-top: 0.5rem;
        font-size: 0.875rem;
    }
}
