/* Дополнения к style.css (вёрстка со старого сайта). Новые правки — сюда. */

/* Преимущества на главной: текст не заходит под картинку в правом нижнем углу */
.bento-card .bento-text p {
    max-width: 58%;
}

/* Карточки услуг: описание + «Подробнее» со стрелкой (как у карточек решений) */
.service-card .service-icon-wrapper img {
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.service-card:hover .service-icon-wrapper img {
    transform: scale(1.06) rotate(-3deg);
}
.service-card__text {
    line-height: 1.5;
}
.service-card__more {
    color: var(--primary-bg);
    opacity: 0;
    transform: translateX(-6px);
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.service-card:hover .service-card__more,
.service-card:focus-visible .service-card__more {
    opacity: 1;
    transform: none;
}
/* на тач-экранах наведения нет — подпись видна всегда */
@media (hover: none) {
    .service-card__more { opacity: 1; transform: none; }
}
.service-card:hover .catalog-arrow-btn {
    background: linear-gradient(135deg, var(--btn-grad-start) 0%, var(--btn-grad-end) 100%);
}
.service-card .catalog-arrow-btn i {
    transition: transform 0.3s ease;
}
.service-card:hover .catalog-arrow-btn i {
    transform: translateX(3px);
}

/* Блок «Рассчитать стоимость объекта» на главной */
.estimate-glow {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    z-index: 0;
}
.estimate-glow--1 {
    width: 420px; height: 420px;
    top: -160px; right: -120px;
    background: radial-gradient(circle, rgba(0, 180, 219, 0.35) 0%, transparent 70%);
}
.estimate-glow--2 {
    width: 320px; height: 320px;
    bottom: -160px; left: 30%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.12) 0%, transparent 70%);
}
.estimate-badge {
    font-size: 0.8rem;
    letter-spacing: 0.06em;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.25);
}
.estimate-perk-icon {
    width: 2.5rem; height: 2.5rem;
    background: rgba(255, 255, 255, 0.14);
    border: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 1.1rem;
}

/* Светлая плашка над заголовком (bg-opacity не действует на градиент bg-primary-custom) */
.badge.bg-primary-custom.bg-opacity-10.text-primary-custom {
    background: rgba(53, 121, 244, 0.1) !important;
}