:root .cta.hero-hotels .checkbox {
    --text-dark-primary: #FFF;
}

.cta.hero-hotels { padding: 32px 0; }
.cta__container .cta__content { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; align-items: stretch; }
.cta__left, .cta__right { background: #fff; border-radius: 16px; padding: 30px; position: relative; }

.cta__title { font-size: 32px; line-height: 1.2; margin: 0 0 16px; color: #fff; }
.cta__subtitle { margin: 0 0 40px; color: #e9eef8; }

.cta.hero-hotels .cta__left { background: url('https://tomas-matras.ru/content/hotel/cta-matras.png') #3B61B9 right no-repeat; color: #fff; overflow: hidden; padding-right: 50%; }
.cta.hero-hotels .fi-form { margin-top: 12px; }
.cta.hero-hotels .cta__row {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.cta.hero-hotels .cta__row > label {
    flex: 1;
    min-width: 0;
}

.cta.hero-hotels .cta__row > button {
    width: 100%;
}

.cta.hero-hotels .checkbox {
    margin-top: 16px;
}


.cta__right { background: url('https://tomas-matras.ru/content/hotel/cta-room.webp'); background-size: cover; }
.cta__image { border-radius: 12px; overflow: hidden; margin-bottom: 16px; }

.cta__card { 
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.cta__card-title { color: #FFF; font-weight: 600; font-size: 20px; margin-bottom: 40px; }

.cta__chips { display: flex; flex-direction: column; align-items: baseline; gap: 10px; margin: 0 0 16px; padding: 0; list-style: none; }
.cta__chip { background: #fff; border-radius: 999px; padding: 8px 14px; box-shadow: 0 1px 2px rgba(0,0,0,.04); }

.cta__btn { display: inline-flex; align-items: center; gap: 8px; padding: 12px 16px; border-radius: 10px; text-decoration: none; }
.cta__btn--ghost { background:#3B61B9; color:#fff; margin-top: auto; }
.cta__btn-arrow { font-weight: 700; }

@media (max-width: 900px) {
    .cta.hero-hotels .cta__left {
        background-image: none;
    }
    
    .cta.hero-hotels .cta__left, .cta.hero-hotels .cta__right {
        padding: 16px;
    }
    
  .cta__container .cta__content { grid-template-columns: 1fr; }
}
