.giftorder__header {
    background: url(/static/images/giftorder-header.png) no-repeat;
    background-size: 100%;
    width: 100%;
    max-width: 100% !important;
    height: 20.83vw;
    display: flex;
    align-items: end;
}

.giftorder__content {
    margin-bottom: 9.95vw;
    min-width: 31.25vw;
}

.giftorder__content-header {
    font-family: FCSM-Bold, sans-serif;
    padding: 2.71vw 0;
    font-weight: 700;
    font-size: 2.19vw;
    text-align: center;
    text-transform: uppercase;
}

.giftorder__content-body {
    display: flex;
    flex-direction: column;
    border-top: 0.16vw solid #fff;
    border-bottom: 0.16vw solid #fff;
    padding: 1.56vw 0;
    gap: 1.56vw;
}

.giftorder__content-row {
    display: flex;
    gap: 1.04vw;
}

.giftorder__row-icon {
    width: 3.13vw;
    height: 3.13vw;
}

.giftorder__row-text {
    font-weight: 400;
    font-size: 1.46vw;
}

.giftorder__row-text > span {
    color: #C8102E;
}

.giftorder__icon-order {
    background: url(/static/images/icon-order.svg) no-repeat;
    background-size: 100%;
}

.giftorder__icon-letter {
    background: url(/static/images/icon-letter.svg) no-repeat;
    background-size: 100%;
}

.giftorder__content-footer {
    display: flex;
    padding-top: 2.60vw;
    justify-content: space-between;
}

.giftorder__social-block {
    display: flex;
    gap: 0.73vw;
}

.giftorder__social-item {
    width: 2.71vw;
    height: 2.71vw;
}

.giftorder__item-tg {
    background: url(/static/images/logo-tg.svg) no-repeat;
    background-size: 100%;
}

.giftorder__item-vk {
    background: url(/static/images/logo-vk.svg) no-repeat;
    background-size: 100%;
}

.giftorder__item-yt {
    background: url(/static/images/logo-yt.svg) no-repeat;
    background-size: 100%;
}

.giftorder__link {
    font-weight: 400;
    font-size: 1.46vw;
    text-decoration: underline;
    color: #fff;
}

.giftorder__link:hover {
    color: #fff;
}

.theme-white .giftorder__content-header {
    color: #0D1116;
}

.theme-white .giftorder__icon-order {
    background: url(/static/images/icon-order_white.svg) no-repeat;
    background-size: 100%;
}

.theme-white .giftorder__icon-letter {
    background: url(/static/images/icon-letter_white.svg) no-repeat;
    background-size: 100%;
}

.theme-white .giftorder__row-text > div {
    color: #0D1116;
}

.theme-white .giftorder__content-body {
    border-top: 0.16vw solid #C8102E;
    border-bottom: 0.16vw solid #C8102E;
}

.theme-white .giftorder__item-tg {
    background: url(/static/images/logo-tg_white.svg) no-repeat;
    background-size: 100%;
}

.theme-white .giftorder__item-vk {
    background: url(/static/images/logo-vk_white.svg) no-repeat;
    background-size: 100%;
}

.theme-white .giftorder__item-yt {
    background: url(/static/images/logo-yt_white.svg) no-repeat;
    background-size: 100%;
}

.theme-white .giftorder__link,
.theme-white .giftorder__link:hover {
    color: #0D1116;
}

/* Mobile
  ------------------------------------------*/

@media screen and (max-width: 1199px) {
    .giftorder__header {
        background: url(/static/images/giftorder-header_mobile768.png) no-repeat;
        background-size: contain;
        height: 29.98vw;
    }
    .giftorder__content {
        margin-bottom: 23.98vw;
        min-width: 59.95vw;
    }
    .giftorder__content-header {
        padding: 6.00vw 0;
        font-size: 4.32vw;
    }
    .giftorder__content-body {
        padding: 3.60vw 0;
        gap: 3.60vw;
        border-top: 0.36vw solid #fff;
        border-bottom: 0.36vw solid #fff;
    }
    .giftorder__content-row {
        gap: 2.04vw;
    }
    .giftorder__row-icon {
        width: 6.00vw;
        height: 6.00vw;
    }
    .giftorder__row-text {
        font-size: 2.88vw;
    }
    .giftorder__content-footer {
        padding-top: 6.00vw;
    }
    .giftorder__social-block {
        gap: 1.56vw;
    }
    .giftorder__social-item {
        width: 5.04vw;
        height: 5.04vw;
    }
    .giftorder__link {
        font-size: 2.88vw;
    }
}

@media screen and (max-width:767px) {
    .giftorder__header {
        background: url(/static/images/giftorder-header_mobile375.png) no-repeat;
        background-size: contain;
        height: 37.31vw;
    }
    .giftorder__content {
        margin-bottom: 23.98vw;
        min-width: 62.19vw;
    }
    .giftorder__content-header {
        padding: 7.46vw 0;
        font-size: 5.47vw;
    }
    .giftorder__content-body {
        padding: 4.98vw 0;
        gap: 4.98vw;
        border-top: 0.5vw solid #fff;
        border-bottom: 0.5vw solid #fff;
    }
    .giftorder__content-row {
        gap: 2.49vw;
    }
    .giftorder__row-icon {
        width: 7.46vw;
        height: 7.46vw;
    }
    .giftorder__row-text {
        font-size: 3.48vw;
    }
    .giftorder__content-footer {
        padding-top: 7.46vw;
    }
    .giftorder__social-block {
        gap: 1.99vw;
    }
    .giftorder__social-item {
        width: 7.46vw;
        height: 7.46vw;
    }
    .giftorder__link {
        font-size: 3.98vw;
        font-weight: 600;
        line-height: 150%;
    }
}