/* Статичный главный баннер для неавторизованных (гостей) */

.guest-banner {
    box-sizing: border-box;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    /* Фоновые изображения лежат на сервере (assets/ в .gitignore).
       Положить файлы по путям:
         .guest/assets/img/guest-banner-360.jpg   — <496px
         .guest/assets/img/guest-banner-496.jpg   — 496–767px
         .guest/assets/img/guest-banner-768.jpg   — 768–1365px
         .guest/assets/img/guest-banner-1366.jpg  — 1366–1919px
         .guest/assets/img/guest-banner-1920.jpg  — >=1920px
    */
    background-color: #f3ead9;
    background-image: url('assets/img/guest-banner-360.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 438px;
    font-family: 'Montserrat', sans-serif;
}

@media (min-width: 496px) {
    .guest-banner {
        background-image: url('assets/img/guest-banner-496.jpg');
    }
}

@media (min-width: 768px) {
    .guest-banner {
        background-image: url('assets/img/guest-banner-768.jpg');
    }
}

@media (min-width: 1366px) {
    .guest-banner {
        background-image: url('assets/img/guest-banner-1366.jpg');
    }
}

@media (min-width: 1920px) {
    .guest-banner {
        background-image: url('assets/img/guest-banner-1920.jpg');
    }
}

.guest-banner__inner {
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

.guest-banner__content {
    max-width: 760px;
}

@media (min-width: 768px) {
    .guest-banner__content {
        width: 40%;
        max-width: none;
    }
}

.guest-banner__title {
    color: #1f2330;
    font-weight: 700;
    margin: 0;
}

.guest-banner__subtitle {
    color: #4a4f5e;
    font-weight: 400;
    margin: 0;
}

.guest-banner__cta {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    background-color: #FFE400;
    border: 2px solid #FFE400;
    color: #000;
    border-radius: 10px;
    font-weight: 600;
    transition: background-color .2s ease, color .2s ease;
}

.guest-banner__cta:hover {
    background-color: transparent;
    color: #FFE400;
}

/* Кнопка «под баннером» по умолчанию скрыта (десктоп использует встроенную) */
.guest-banner__cta--below {
    display: none;
}

@media (max-width: 767px) {
    /* На мобилке: текст прижат к верху, картинка — к низу */
    .guest-banner {
        background-position: center bottom;
    }

    .guest-banner__inner {
        align-items: flex-start;
    }

    /* CTA вынесена под баннер */
    .guest-banner__cta--inline {
        display: none;
    }

    .guest-banner__cta--below {
        display: block;
        margin-top: 16px;
    }
}

@media (min-width: 300px) {
    .guest-banner__inner {
        padding: 32px 22px;
        min-height: 408px;
    }

    .guest-banner__title {
        font-size: 26px;
        line-height: 1.25;
    }

    .guest-banner__subtitle {
        font-size: 15px;
        line-height: 1.5;
        margin-top: 18px;
    }

    .guest-banner__cta {
        font-size: 16px;
        padding: 16px 28px;
        margin-top: 28px;
        width: 100%;
        box-sizing: border-box;
    }
}

@media (min-width: 768px) {
    .guest-banner__inner {
        padding: 32px 36px;
        min-height: 360px;
    }

    .guest-banner__title {
        font-size: 24px;
        line-height: 1.2;
    }

    .guest-banner__subtitle {
        font-size: 13px;
        line-height: 1.4;
        margin-top: 14px;
    }

    .guest-banner__cta {
        width: auto;
        padding: 12px 24px;
        font-size: 14px;
        margin-top: 18px;
    }
}

@media (min-width: 1366px) {
    .guest-banner__inner {
        padding: 48px 64px;
        min-height: 438px;
    }

    .guest-banner__title {
        font-size: 40px;
        line-height: 1.2;
    }

    .guest-banner__subtitle {
        font-size: 18px;
        line-height: 1.45;
        margin-top: 18px;
    }

    .guest-banner__cta {
        margin-top: 26px;
        padding: 16px 36px;
    }
}

/*
 * Полировка отступов и мобильная 2-колоночная сетка цифр перенесены в
 * .default/style.css (применяется и к гостю, и к авторизованному).
 */