/* =========================================================
   GUARANTEE OFFER
========================================================= */

.guarantee-offer {
    width: 100%;

    background:
        #ffffff;
}


/* =========================================================
   GUARANTEE
========================================================= */

.guarantee-offer__guarantee {
    padding:
        var(--section-spacing)
        0;

    background:
        #f3f7f9;

    border-top:
        1px solid
        #e6ecef;

    border-bottom:
        1px solid
        #e6ecef;
}


/* =========================================================
   GUARANTEE INNER
========================================================= */

.guarantee-offer__guarantee-inner {
    width: 100%;

    margin-inline: auto;

    text-align: center;
}


/* =========================================================
   GUARANTEE TITLE
========================================================= */

.guarantee-offer__title {
    width: 100%;

    margin:
        0
        auto
        32px;

    color:
        var(--color-text);

    font-size: 30px;
    line-height: 1.28;
    font-weight: 700;

    text-align: center;
}


/* =========================================================
   CLASSIC GUARANTEE
   Air conditioner page
========================================================= */

.guarantee-offer__classic {
    width: 100%;

    margin-inline: auto;
}


/* =========================================================
   GLOBAL VISUAL
========================================================= */

.guarantee-offer__visual {
    width: 150px;
    height: 150px;

    margin:
        0
        auto
        20px;
}


/* =========================================================
   GLOBAL IMAGE
========================================================= */

.guarantee-offer__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


/* =========================================================
   CLASSIC ITEMS
========================================================= */

.guarantee-offer__items {
    display: grid;

    gap: 12px;

    width: 100%;

    margin-inline: auto;

    text-align: left;
}


/* =========================================================
   CLASSIC ITEM
========================================================= */

.guarantee-offer__item {
    display: grid;

    grid-template-columns:
        38px
        minmax(0, 1fr);

    align-items: start;

    gap: 14px;

    padding:
        14px
        0;

    border-top:
        1px solid
        #dfe7eb;
}


.guarantee-offer__item:last-child {
    border-bottom:
        1px solid
        #dfe7eb;
}


/* =========================================================
   NUMBER
========================================================= */

.guarantee-offer__item-number {
    display: flex;

    width: 32px;
    height: 32px;

    align-items: center;
    justify-content: center;

    color:
        var(--service-primary-hover);

    background:
        var(--service-primary-soft);

    border-radius: 50%;

    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}


/* =========================================================
   CLASSIC ITEM CONTENT
========================================================= */

.guarantee-offer__item-content {
    min-width: 0;
}


/* =========================================================
   CLASSIC ITEM TITLE
========================================================= */

.guarantee-offer__item-title {
    display: block;

    margin:
        0
        0
        3px;

    color:
        var(--color-text);

    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
}


/* =========================================================
   CLASSIC ITEM TEXT
========================================================= */

.guarantee-offer__item-text {
    margin: 0;

    color:
        var(--color-text-secondary);

    font-size: 16px;
    line-height: 1.55;
}


/* =========================================================
   GUARANTEE CARDS
   Window repair page
========================================================= */

.guarantee-offer--cards
.guarantee-offer__guarantee {
    padding:
        var(--section-spacing)
        0;

    background:
        #f7f7f7;
}


.guarantee-offer--cards
.guarantee-offer__title {
    margin-bottom: 42px;
}


/* =========================================================
   CARDS GRID
========================================================= */

.guarantee-offer__items--cards {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0, 1fr)
        );

    align-items: start;

    gap:
        32px
        42px;

    width: 100%;

    margin-inline: auto;

    text-align: center;
}


/* =========================================================
   CARD
========================================================= */

.guarantee-offer__item--card {
    display: flex;

    flex-direction: column;
    align-items: center;

    gap: 0;

    min-width: 0;

    padding: 0;

    border: 0;
}


.guarantee-offer__item--card:last-child {
    border-bottom: 0;
}


/* =========================================================
   CARD IMAGE
========================================================= */

.guarantee-offer__item-visual {
    display: flex;

    width: 150px;
    height: 150px;

    align-items: center;
    justify-content: center;

    margin:
        0
        auto
        22px;
}


.guarantee-offer__item-image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}


/* =========================================================
   CARD CONTENT
========================================================= */

.guarantee-offer__item--card
.guarantee-offer__item-content {
    width: 100%;

    text-align: center;
}


/* =========================================================
   CARD TITLE
========================================================= */

.guarantee-offer__item--card
.guarantee-offer__item-title {
    margin:
        0
        0
        11px;

    color:
        var(--color-text);

    font-size: 18px;
    line-height: 1.35;
    font-weight: 700;
}


/* =========================================================
   CARD TEXT
========================================================= */

.guarantee-offer__item--card
.guarantee-offer__item-text {
    margin:
        0
        auto;

    color:
        var(--color-text-secondary);

    font-size: 14px;
    line-height: 1.65;
}


/* =========================================================
   VOLUME OFFER
========================================================= */

.guarantee-offer__volume {
    padding:
        var(--section-spacing)
        0;

    background:
        #ffffff;
}


/* =========================================================
   VOLUME INNER
========================================================= */

.guarantee-offer__volume-inner {
    width: 100%;

    margin-inline: auto;
}


/* =========================================================
   VOLUME TITLE
========================================================= */

.guarantee-offer__volume-title {
    width: 100%;

    margin:
        0
        auto
        26px;

    color:
        var(--color-text);

    font-size: 30px;
    line-height: 1.3;
    font-weight: 700;

    text-align: center;
}


/* =========================================================
   TABLE
========================================================= */

.guarantee-offer__table {
    width: 100%;

    border-top:
        1px solid
        var(--color-border);

    border-left:
        1px solid
        var(--color-border);
}


/* =========================================================
   TABLE ROW
========================================================= */

.guarantee-offer__table-row {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        150px;

    min-height: 58px;

    border-right:
        1px solid
        var(--color-border);

    border-bottom:
        1px solid
        var(--color-border);
}


.guarantee-offer__table-row:nth-child(even) {
    background:
        #fafafa;
}


/* =========================================================
   CONDITION
========================================================= */

.guarantee-offer__condition {
    display: flex;

    align-items: center;

    padding:
        13px
        18px;

    color:
        #444444;

    font-size: 16px;
    line-height: 1.45;

    text-align: left;
}


/* =========================================================
   PRICE
========================================================= */

.guarantee-offer__price {
    display: flex;

    align-items: center;
    justify-content: center;

    padding:
        13px
        16px;

    color:
        var(--service-primary-hover);

    border-left:
        1px solid
        var(--color-border);

    font-size: 18px;
    line-height: 1;
    font-weight: 700;

    white-space: nowrap;
}


/* =========================================================
   NOTE
========================================================= */

.guarantee-offer__note {
    margin:
        10px
        0
        0;

    color:
        #888888;

    font-size: 12px;
    line-height: 1.45;
}


/* =========================================================
   ACTION
========================================================= */

.guarantee-offer__action {
    display: flex;

    justify-content: center;

    margin-top: 26px;
}


/* =========================================================
   BUTTON
========================================================= */

.guarantee-offer__button {
    min-width: 175px;

    padding-inline: 22px;

    border-radius: 3px;

    font-size: 16px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 900px) {

    /* =====================================================
       GUARANTEE CARDS
    ===================================================== */

    .guarantee-offer__items--cards {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            );

        gap:
            38px
            30px;
    }


    .guarantee-offer__item--card:last-child:nth-child(odd) {
        grid-column:
            1 / -1;

        width:
            calc(50% - 15px);

        justify-self:
            center;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

    /* =====================================================
       GUARANTEE TITLE
    ===================================================== */

    .guarantee-offer__title {
        margin-bottom: 24px;

        font-size: 24px;
    }


    /* =====================================================
       CLASSIC VISUAL
    ===================================================== */

    .guarantee-offer__visual {
        width: 130px;
        height: 130px;

        margin-bottom: 17px;
    }


    /* =====================================================
       CLASSIC ITEMS
    ===================================================== */

    .guarantee-offer__item {
        grid-template-columns:
            34px
            minmax(0, 1fr);

        gap: 12px;
    }


/* =====================================================
   GUARANTEE CARDS
   MOBILE — SAME LOGIC AS TRUST SECTION
===================================================== */

.guarantee-offer--cards
.guarantee-offer__title {
    margin-bottom: 28px;

    font-size: 24px;
    line-height: 1.25;
}


.guarantee-offer__items--cards {
    display: grid;

    grid-template-columns:
        1fr;

    gap: 0;

    width: 100%;
}


/* =====================================================
   CARD
===================================================== */

.guarantee-offer__item--card,
.guarantee-offer__item--card:last-child:nth-child(odd) {
    display: grid;

    grid-template-columns:
        110px
        minmax(0, 1fr);

    grid-template-rows:
        auto;

    grid-column: auto;

    width: 100%;

    align-items: center;

    column-gap: 18px;

    padding:
        18px
        0;

    margin: 0;

    border-bottom:
        1px solid
        #dfe7eb;

    text-align: left;

    justify-self: stretch;
}


.guarantee-offer__item--card:first-child {
    padding-top: 0;
}


.guarantee-offer__item--card:last-child {
    padding-bottom: 0;

    border-bottom: 0;
}


/* =====================================================
   IMAGE
===================================================== */

.guarantee-offer__item-visual {
    grid-column: 1;
    grid-row: 1;

    width: 110px;
    height: 110px;

    margin: 0;

    align-self: center;
    justify-self: start;
}


/* =====================================================
   CONTENT
===================================================== */

.guarantee-offer__item--card
.guarantee-offer__item-content {
    grid-column: 2;
    grid-row: 1;

    min-width: 0;
    width: 100%;

    text-align: left;
}


/* =====================================================
   TITLE
===================================================== */

.guarantee-offer__item--card
.guarantee-offer__item-title {
    margin:
        0
        0
        6px;

    font-size: 16px;
    line-height: 1.3;

    text-align: left;
}


/* =====================================================
   TEXT
===================================================== */

.guarantee-offer__item--card
.guarantee-offer__item-text {
    margin: 0;

    font-size: 14px;
    line-height: 1.5;

    text-align: left;
}

    /* =====================================================
       VOLUME OFFER
    ===================================================== */

    .guarantee-offer__volume-title {
        margin-bottom: 22px;

        font-size: 24px;
    }


/* =====================================================
   VOLUME TABLE — MOBILE
===================================================== */

.guarantee-offer__table-row {
    grid-template-columns:
        minmax(0, 1fr)
        120px;

    min-height: 56px;
}


.guarantee-offer__condition {
	font-size: 15px;
    min-width: 0;

    padding:
        12px
        14px;

    text-align: left;
}


.guarantee-offer__price {
    justify-content: flex-end;

    padding:
        12px
        14px;

    border-top: 0;

    border-left:
        1px solid
        var(--color-border);

    text-align: right;

    white-space: nowrap;
}


    .guarantee-offer__button {
        width: 100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .guarantee-offer__item--card,
    .guarantee-offer__item--card:last-child:nth-child(odd) {
        grid-template-columns:
            96px
            minmax(0, 1fr);

        column-gap: 14px;

        padding:
            16px
            0;
    }


    .guarantee-offer__item-visual {
        width: 96px;
        height: 96px;
    }

}