/* Декор: pointer-events (Bootstrap pe-none — не то свойство) */
.hero-v30-decor-layer {
    pointer-events: none;
}

.hero-v30-quote-mark {
    position: absolute;
    z-index: 0;
    font-size: clamp(12rem, 25vw, 22rem);
    line-height: 0.75;
    opacity: 0.7;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

.hero-v30-block {
    position: relative;
    z-index: 1;
    max-width: 48rem;
}

.hero-v30-divider {
    max-width: 20rem;
}

/* Размер звёзд (иконки не растягиваются в flex) */
.hero-v30-star {
    font-size: 0.875rem;
    line-height: 1;
    flex-shrink: 0;
}

@media (min-width: 576px) {
    .hero-v30-cta:hover {
        transform: scale(1.05);
    }
}

.hero-v30-cta {
    transition: transform 150ms ease;
}

.hero-v30-cta-icon {
    line-height: 1;
}

/* -- Button hover states -- */
.hero-btn-primary {
    transition: filter 0.2s ease, transform 0.15s ease;
}
.hero-btn-primary:hover,
.hero-btn-primary:focus {
    filter: brightness(1.12);
    transform: translateY(-1px);
}

.hero-btn-outline-secondary {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-secondary:hover,
.hero-btn-outline-secondary:focus {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
    border-color: var(--bs-secondary) !important;
    transform: translateY(-1px);
}

.hero-btn-outline-primary-light {
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.15s ease;
}
.hero-btn-outline-primary-light:hover,
.hero-btn-outline-primary-light:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    border-color: var(--bs-primary) !important;
    transform: translateY(-1px);
}
/* contact-bento — CSS Grid bento layout (applies to both TW and BS) */
.contact-bento__grid {
    display: grid;
    gap: 1rem;
}

@media (min-width: 768px) {
    .contact-bento__grid {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 14rem 10rem;
    }

    .contact-bento__cell--title   { grid-column: 1 / 3; grid-row: 1; }
    .contact-bento__cell--image   { grid-column: 3 / 4; grid-row: 1; }
    .contact-bento__cell--phone   { grid-column: 1 / 2; grid-row: 2; }
    .contact-bento__cell--email   { grid-column: 2 / 3; grid-row: 2; }
    .contact-bento__cell--address { grid-column: 3 / 4; grid-row: 2; }
}

/* contact-bento — icon cell fixed size (TW w-10 h-10 has no BS util) */
.contact-bento__icon {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* contact-bento — image fill (no BS object-fit util) */
.contact-bento__img {
    object-fit: cover;
    min-height: 12rem;
}

.google-map-fullscreen-style-with-bottom-overlay-bar__iframe { width: 100%; min-height: 400px; }
@media (min-width: 768px) { .google-map-fullscreen-style-with-bottom-overlay-bar__iframe { min-height: 600px; } }

/* iframe-normalized */
.google-map-fullscreen-style-with-bottom-overlay-bar__iframe {
    width: 100%;
    max-width: 100%;
    height: 400px;
    min-height: 400px;
    display: block;
    border: 0;
    box-sizing: border-box;
    vertical-align: bottom;
}

@media (min-width: 768px) {
    .google-map-fullscreen-style-with-bottom-overlay-bar__iframe {
        height: 600px;
        min-height: 600px;
    }
}


.ledger-band__img { object-fit: cover; height: 22rem; }
.ledger-band__bars { height: 9rem; }
.ledger-band__bar {
    display: block;
    flex: 1 1 0;
    min-width: 0;
    transform-origin: bottom center;
    animation: ledger-band-bar 2.8s ease-in-out infinite;
}
.ledger-band__bar--1 { height: 35%; opacity: 0.22; }
.ledger-band__bar--2 { height: 50%; opacity: 0.34; animation-delay: 0.2s; }
.ledger-band__bar--3 { height: 64%; opacity: 0.46; animation-delay: 0.4s; }
.ledger-band__bar--4 { height: 82%; opacity: 0.6; animation-delay: 0.6s; }
.ledger-band__bar--5 { height: 100%; opacity: 1; animation-delay: 0.8s; }
@keyframes ledger-band-bar {
    0%, 100% { transform: scaleY(0.45); }
    50% { transform: scaleY(1); }
}
.ledger-band__dot { width: 0.5rem; height: 0.5rem; }
.ledger-band__avatars { margin: 0; padding: 0; list-style: none; }
.ledger-band__avatar { width: 2.75rem; height: 2.75rem; }
.ledger-band__avatar + .ledger-band__avatar { margin-left: -0.75rem; }
@media (prefers-reduced-motion: reduce) {
    .ledger-band__bar { animation: none; }
}