/* ===== Главная: карусель интерьеров + 3 контакт-колонки (порт с боевого) ===== */
.nbc-hg {
    width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw);
    background-color: #0a0812;
    background-image:
        radial-gradient(46% 88% at 10% 26%, rgba(178,85,238,.60), transparent 62%),
        radial-gradient(42% 80% at 90% 18%, rgba(140,72,210,.46), transparent 62%),
        radial-gradient(48% 90% at 76% 86%, rgba(208,86,198,.54), transparent 62%),
        radial-gradient(40% 78% at 32% 94%, rgba(78,158,230,.42), transparent 60%);
    background-repeat: no-repeat;
    padding: 0;
    font-family: Georgia, 'Times New Roman', serif;
    position: relative; z-index: 55;
}
.nbc-hg-carousel { position: relative; max-width: 1340px; margin: 0 auto; padding: 90px 20px 56px; }
.nbc-hg-viewport { overflow: hidden; }
.nbc-hg-track { display: flex; gap: 24px; transition: transform .5s ease; will-change: transform; }
.nbc-hg-slide { flex: 0 0 calc((100% - 24px) / 2); }
.nbc-hg-slide img {
    width: 100%; aspect-ratio: 1024 / 684; object-fit: cover;
    display: block; border-radius: 20px;
}
.nbc-hg-arrow {
    position: absolute; top: 50%; transform: translateY(-50%); z-index: 5;
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--nbc-brand, #bebb8b); border: none; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 2px 12px rgba(0,0,0,.35); transition: background .2s;
}
.nbc-hg-arrow:hover { background: var(--nbc-brand-dark, #989565); }
.nbc-hg-arrow svg { width: 20px; height: 20px; stroke: #111; fill: none; }
.nbc-hg-prev { left: 36px; }
.nbc-hg-next { right: 36px; }

.nbc-hg-cols {
    display: flex; justify-content: center; gap: 60px;
    max-width: 1100px; margin: 0 auto; padding: 0 20px 56px;
}
.nbc-hg-col { flex: 1 1 0; text-align: center; color: #fff; line-height: 1.6; }
.nbc-hg-col-t { display: block; font-size: 16px; }
.nbc-hg-col-v { display: block; font-size: 16px; }
.nbc-hg-col-v a { color: #fff; text-decoration: none; }
.nbc-hg-col-v a:hover { color: var(--nbc-primary, #bebb8b); }

@media (max-width: 768px) {
    .nbc-hg { padding: 0; }
    .nbc-hg-slide { flex: 0 0 100%; }
    .nbc-hg-cols { flex-direction: column; gap: 26px; margin-top: 0; }
    .nbc-hg-prev { left: 14px; }
    .nbc-hg-next { right: 14px; }
    .nbc-hg-arrow { width: 38px; height: 38px; }

    /* Градиент под портрет: широкие блобы стопкой по вертикали (иначе на узком экране сжимается) */
    .nbc-hg {
        background-image:
            radial-gradient(110% 30% at 18% 8%,  rgba(178,85,238,.55), transparent 66%),
            radial-gradient(100% 28% at 82% 36%, rgba(208,86,198,.50), transparent 66%),
            radial-gradient(110% 30% at 22% 64%, rgba(140,72,210,.46), transparent 66%),
            radial-gradient(95% 26% at 78% 92%,  rgba(78,158,230,.42), transparent 62%);
    }
}