/* «Подберём чехол» на карточках чехлов (include/cover_fit_cta.php) и окно формы (include/cover_fit_modal.php).
   Поля окна оформлены классами окна отзыва (product-review.css). */
.md-coverfit {
    background: #f7f4f2;
    border-radius: 16rem;
    margin: 16rem 0;
    padding: 16rem 18rem;
}

.md-coverfit__title {
    color: #333132;
    font-size: 15rem;
    font-weight: 600;
    line-height: 130%;
    margin: 0 0 4rem;
}

.md-coverfit__text {
    color: rgba(51, 49, 50, .7);
    font-size: 13rem;
    line-height: 140%;
    margin: 0 0 12rem;
}

.md-coverfit__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem;
}

.md-coverfit__btn {
    align-items: center;
    background: #fff;
    border: 1px solid #e6e3e4;
    border-radius: 20rem;
    color: #333132;
    cursor: pointer;
    display: inline-flex;
    font-size: 13rem;
    font-weight: 600;
    gap: 6rem;
    line-height: 1;
    padding: 9rem 16rem;
    text-decoration: none;
    transition: background .2s, color .2s, border-color .2s;
}

.md-coverfit__btn:hover {
    border-color: #568d9f;
    color: #568d9f;
}

/* главное действие — в цветах кнопки «В корзину» */
.md-coverfit__btn--photo {
    background: #568d9f;
    border-color: #568d9f;
    color: #fff;
}

.md-coverfit__btn--photo:hover {
    background: #f37160;
    border-color: #f37160;
    color: #fff;
}

.md-coverfit-modal__lead {
    color: rgba(51, 49, 50, .7);
    font-size: 13rem;
    line-height: 140%;
    margin: -8rem 0 16rem;
}

.md-coverfit-modal__messengers {
    display: flex;
    flex-wrap: wrap;
    gap: 8rem 16rem;
}

.md-coverfit-modal__messengers label {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 13rem;
    gap: 6rem;
}

@media (max-width: 767px) {
    .md-coverfit {
        border-radius: 14px;
        padding: 14px;
    }

    .md-coverfit__title {
        font-size: 15px;
    }

    .md-coverfit__text,
    .md-coverfit__btn,
    .md-coverfit-modal__lead,
    .md-coverfit-modal__messengers label {
        font-size: 13px;
    }

    .md-coverfit__btn {
        padding: 9px 14px;
    }
}