/* ==========================================================================
   BuludHost — Domen, Veb sayt və Əlavə xidmətlər səhifələri
   ========================================================================== */

/* 0. Ümumi köməkçilər ------------------------------------------------------ */
.bh-sec-t { margin: 0 0 18px; font-size: 22px; font-weight: 700; color: var(--bh-ink); }
.bh-hero__btn--ghost { border: 1.5px solid rgba(255, 255, 255, .35); color: #fff; }
.bh-hero__btn--ghost:hover { background: rgba(255, 255, 255, .1); color: #fff; }
.bh-wd-btn { display: inline-flex; align-items: center; gap: 8px; height: 50px; padding: 0 22px; border: 1.5px solid var(--bh-line); border-radius: 12px; background: #fff; color: var(--bh-ink); font-size: 15px; font-weight: 600; text-decoration: none; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.bh-wd-btn:hover { transform: translateY(-2px); color: var(--bh-ink); box-shadow: 0 10px 24px rgba(4, 73, 127, .1); }
.bh-wd-btn--primary { border-color: transparent; background: var(--wd-accent, var(--ex-accent, var(--bh-blue))); color: #fff; }
.bh-wd-btn--primary:hover { color: #fff; }
.bh-wd-hero__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.bh-faq--mini { background: #fff; }

/* 1. Domen ---------------------------------------------------------------- */
.bh-dom-hero { position: relative; overflow: hidden; padding: 56px 0 64px; color: #fff; text-align: center; background: var(--bh-deep); }
.bh-dom-hero .container-lg { position: relative; z-index: 1; }
.bh-dom-hero .bh-crumbs { justify-content: center; }
.bh-dom-hero h1 { margin: 0 0 12px; font-size: clamp(30px, 4vw, 50px); font-weight: 800; letter-spacing: -.02em; color: #fff; }
.bh-dom-hero__sub { max-width: 640px; margin: 0 auto 28px; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, .78); }
.bh-dom-search { display: flex; gap: 8px; max-width: 760px; margin: 0 auto; padding: 8px; border-radius: 18px; background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, .25); }
.bh-dom-search--light { margin-bottom: 28px; border: 1.5px solid var(--bh-line); box-shadow: 0 12px 30px rgba(4, 73, 127, .08); }
.bh-dom-search__field { position: relative; flex: 1; min-width: 0; }
.bh-dom-search__field i { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); color: #8aa0b5; font-size: 18px; }
.bh-dom-search__field input { width: 100%; height: 54px; padding: 0 14px 0 46px; border: 0; outline: 0; background: transparent; font-size: 17px; color: var(--bh-ink); }
.bh-dom-search select { flex: 0 0 auto; height: 54px; padding: 0 34px 0 14px; border: 1.5px solid var(--bh-line); border-radius: 12px; background: #f6f9fc; font-size: 15px; font-weight: 600; color: var(--bh-ink); outline: 0; }
.bh-dom-search button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; height: 54px; padding: 0 26px; border: 0; border-radius: 12px; background: var(--bh-blue); color: #fff; font-size: 16px; font-weight: 700; transition: background .15s ease; }
.bh-dom-search button:hover { background: #1f63d8; }
.bh-dom-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.bh-dom-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 99px; background: rgba(255, 255, 255, .08); font-size: 14px; color: rgba(255, 255, 255, .85); cursor: pointer; transition: background .15s ease; }
.bh-dom-chip:hover { background: rgba(255, 255, 255, .16); }
.bh-dom-chip b { color: #fff; }
.bh-dom-chip em { padding: 2px 8px; border-radius: 99px; background: #fbbf24; color: #3b2900; font-size: 11px; font-style: normal; font-weight: 700; }
@media (max-width: 575.98px) {
    .bh-dom-search { flex-wrap: wrap; }
    .bh-dom-search__field { flex-basis: 100%; }
    .bh-dom-search select, .bh-dom-search button { flex: 1; justify-content: center; }
}

.bh-dom-results { padding: 36px 0 12px; background: #fff; }
.bh-dom-results__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 16px; }
.bh-dom-results__head h2 { margin: 0; font-size: 22px; font-weight: 700; color: var(--bh-ink); }
.bh-dom-results__note { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--bh-muted); }
.bh-dom-list { display: flex; flex-direction: column; gap: 10px; }
.bh-dom-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto auto; align-items: center; gap: 16px; padding: 14px 18px; border: 1px solid #e3eaf1; border-radius: 14px; background: #fff; }
.bh-dom-row.is-main { border-color: var(--bh-blue); box-shadow: 0 10px 26px rgba(46, 117, 243, .12); }
.bh-dom-row__name { font-size: 18px; color: var(--bh-ink); word-break: break-all; }
.bh-dom-row__name span { color: var(--bh-blue); font-weight: 700; }
.bh-dom-row__status { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--bh-muted); }
.bh-dom-row__pr { font-size: 16px; font-weight: 700; color: var(--bh-ink); white-space: nowrap; }
.bh-dom-row__pr small { font-weight: 500; color: var(--bh-muted); }
.bh-dom-row__btn { display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 16px; border-radius: 10px; background: var(--bh-navy); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.bh-dom-row__btn:hover { background: var(--bh-navy-d); color: #fff; }
.bh-dom-row__status--ok { color: #16a34a; }
.bh-dom-row__status--no { color: #dc2626; }
.bh-dom-row__btn--ghost { border: 1px solid var(--bh-line); background: transparent; color: var(--bh-ink); }
.bh-dom-row__btn--ghost:hover { border-color: var(--bh-blue); background: transparent; color: var(--bh-blue); }
.bh-dom-row__name .bh-price-table__tag { vertical-align: middle; }
@media (max-width: 767.98px) {
    .bh-dom-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 12px; padding: 14px; }
    .bh-dom-row__name { grid-column: 1 / -1; font-size: 17px; }
    .bh-dom-row__pr { white-space: normal; text-align: right; font-size: 15px; }
    .bh-dom-row__pr small { display: block; }
    .bh-dom-row__btn { grid-column: 1 / -1; justify-content: center; }
}

.bh-dom-zones { padding: 4.5rem 0; background: #fff; }
.bh-dom-zgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }
.bh-dom-zcard { position: relative; display: flex; flex-direction: column; padding: 24px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; transition: transform .2s ease, box-shadow .2s ease; }
.bh-dom-zcard:hover { transform: translateY(-3px); box-shadow: 0 16px 40px rgba(4, 73, 127, .1); }
.bh-dom-zcard.is-hot { border: 2px solid var(--bh-blue); }
.bh-dom-zcard__tag { position: absolute; top: 14px; right: 14px; padding: 3px 10px; border-radius: 99px; background: var(--bh-blue); color: #fff; font-size: 11.5px; font-weight: 700; }
.bh-dom-zcard__z { font-size: 34px; font-weight: 800; letter-spacing: -.02em; color: var(--bh-navy); }
.bh-dom-zcard p { flex: 1; margin: 8px 0 16px; font-size: 14px; line-height: 1.55; color: var(--bh-muted); }
.bh-dom-zcard__pr { font-size: 15px; font-weight: 600; color: var(--bh-ink); }
.bh-dom-zcard__pr span { font-size: 28px; font-weight: 800; }
.bh-dom-zcard__pr small { color: var(--bh-muted); font-weight: 500; }
.bh-dom-zones__more { margin-top: 22px; text-align: center; }

.bh-dom-band { padding: 0 0 4.5rem; background: #f6f9fc; }
.bh-svc-sec + .bh-dom-band { padding-top: 0; }
.bh-dom-band__box { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 18px; padding: 30px 34px; border-radius: 22px; color: #fff; background: radial-gradient(500px 240px at 100% 0%, rgba(139, 92, 246, .45), transparent 60%), linear-gradient(135deg, #04376a, #04497f); }
.bh-dom-band__box h2 { margin: 0 0 6px; font-size: 24px; font-weight: 800; color: #fff; }
.bh-dom-band__box p { margin: 0; color: rgba(255, 255, 255, .78); }

.bh-price-table { overflow-x: auto; border: 1px solid #e3eaf1; border-radius: 18px; background: #fff; }
.bh-price-table table { width: 100%; border-collapse: collapse; font-size: 15px; }
.bh-price-table th { padding: 14px 20px; background: #f6f9fc; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--bh-muted); text-align: left; }
.bh-price-table td { padding: 16px 20px; border-top: 1px solid #edf2f7; color: #3c4d5c; vertical-align: middle; }
.bh-price-table tr:hover td { background: #fafcfe; }
.bh-price-table__z { font-size: 20px; font-weight: 800; color: var(--bh-navy); }
.bh-price-table__tag { margin-left: 6px; padding: 2px 8px; border-radius: 99px; background: #fef3c7; color: #92400e; font-size: 11px; font-style: normal; font-weight: 700; }
.bh-price-table__pr { font-size: 17px; color: var(--bh-ink); white-space: nowrap; }
.bh-price-note { display: flex; align-items: flex-start; gap: 8px; margin: 14px 0 0; font-size: 14px; color: var(--bh-muted); }

.bh-steps-v { margin: 0; padding: 0; list-style: none; }
.bh-steps-v li { position: relative; display: flex; gap: 16px; padding-bottom: 22px; }
.bh-steps-v li:not(:last-child)::before { content: ""; position: absolute; left: 22px; top: 48px; bottom: 4px; width: 2px; background: #e3eaf1; }
.bh-steps-v__ic { flex: 0 0 46px; height: 46px; display: inline-flex; align-items: center; justify-content: center; border-radius: 14px; background: #edf5fc; color: var(--bh-blue); font-size: 19px; }
.bh-steps-v b { display: block; margin: 4px 0 4px; font-size: 16px; color: var(--bh-ink); }
.bh-steps-v p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--bh-muted); }
.bh-transfer-form__hint { margin: 10px 0 0; font-size: 13px; color: var(--bh-muted); text-align: center; }

/* 2. Veb sayt ------------------------------------------------------------- */
.bh-web-hero { position: relative; overflow: hidden; color: #fff; background: var(--bh-deep); }
.bh-web-hero .container-lg { position: relative; z-index: 1; }
.bh-web-hero__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); align-items: center; gap: 40px; padding: 52px 0 64px; }
.bh-web-hero h1 { margin: 0 0 14px; font-size: clamp(32px, 4.2vw, 52px); font-weight: 800; line-height: 1.08; letter-spacing: -.02em; color: #fff; }
.bh-web-hero p { max-width: 560px; margin: 0; font-size: 17px; line-height: 1.65; color: rgba(255, 255, 255, .8); }
.bh-web-mock { position: relative; }
.bh-web-mock__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; border-radius: 14px 14px 0 0; background: rgba(255, 255, 255, .14); }
.bh-web-mock__bar i { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, .45); }
.bh-web-mock__bar span { margin-left: 12px; padding: 3px 12px; border-radius: 99px; background: rgba(255, 255, 255, .12); font-size: 12px; color: rgba(255, 255, 255, .8); }
.bh-web-mock__body { padding: 18px; border-radius: 0 0 14px 14px; background: #fff; box-shadow: 0 30px 70px rgba(0, 0, 0, .35); }
.bh-web-mock__hero { height: 110px; border-radius: 10px; background: linear-gradient(135deg, #2e75f3, #7c3aed); }
.bh-web-mock__row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 14px 0; }
.bh-web-mock__row span { height: 56px; border-radius: 10px; background: #eef4fa; }
.bh-web-mock__lines i { display: block; height: 9px; margin-bottom: 8px; border-radius: 99px; background: #e3eaf1; }
.bh-web-mock__lines i:nth-child(2) { width: 80%; } .bh-web-mock__lines i:nth-child(3) { width: 55%; }
.bh-web-mock__phone { position: absolute; right: -14px; bottom: -26px; width: 110px; height: 200px; padding: 10px 8px; border-radius: 22px; background: #0b1b2e; box-shadow: 0 20px 50px rgba(0, 0, 0, .45); }
.bh-web-mock__phone div { height: 100%; border-radius: 14px; background: linear-gradient(180deg, #2e75f3 0 36%, #fff 36%); }
@media (max-width: 991.98px) { .bh-web-hero__row { grid-template-columns: 1fr; } .bh-web-mock { display: none; } }

.bh-web-types { padding: 4.5rem 0; background: #fff; }
.bh-web-tgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.bh-web-t { display: flex; flex-direction: column; padding: 24px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.bh-web-t:hover { transform: translateY(-3px); border-color: color-mix(in srgb, var(--wd-accent) 45%, #fff); box-shadow: 0 16px 40px rgba(4, 73, 127, .1); color: inherit; }
.bh-web-t__ic { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin-bottom: 16px; border-radius: 14px; background: color-mix(in srgb, var(--wd-accent) 14%, #fff); color: var(--wd-accent); font-size: 22px; }
.bh-web-t h3 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--bh-ink); }
.bh-web-t p { flex: 1; margin: 0 0 14px; font-size: 14px; line-height: 1.6; color: var(--bh-muted); }

/* alt səhifə hero — 2 variant */
.bh-wd-hero { position: relative; overflow: hidden; padding: 44px 0 56px; background: linear-gradient(180deg, color-mix(in srgb, var(--wd-accent) 9%, #fff) 0%, #fff 100%); border-bottom: 1px solid #e8eef4; }
.bh-wd-hero::after { content: ""; position: absolute; right: -140px; top: -140px; width: 460px; height: 460px; border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--wd-accent) 22%, transparent), transparent 70%); pointer-events: none; }
.bh-wd-hero .container-lg { position: relative; z-index: 1; }
.bh-wd-hero__row { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: 40px; }
.bh-wd-hero__ic { display: inline-flex; align-items: center; justify-content: center; width: 56px; height: 56px; margin-bottom: 16px; border-radius: 16px; background: var(--wd-accent); color: #fff; font-size: 26px; box-shadow: 0 12px 30px color-mix(in srgb, var(--wd-accent) 40%, transparent); }
.bh-wd-hero h1 { margin: 0 0 14px; font-size: clamp(30px, 3.8vw, 46px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; color: var(--bh-ink); }
.bh-wd-hero p { max-width: 600px; margin: 0; font-size: 16.5px; line-height: 1.65; color: #4a5b6b; }
.bh-wd-hero__card { padding: 24px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; box-shadow: 0 20px 50px rgba(4, 73, 127, .1); }
.bh-wd-hero__card b { display: block; margin-bottom: 12px; font-size: 16px; color: var(--bh-ink); }
.bh-wd-hero__card ul { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.bh-wd-hero__card li { display: flex; align-items: flex-start; gap: 10px; font-size: 14.5px; color: #3c4d5c; }
.bh-wd-hero__card i { margin-top: 2px; color: var(--wd-accent); }
.bh-wd-hero--cards { text-align: center; }
.bh-wd-hero--cards .bh-wd-hero__row { grid-template-columns: 1fr; gap: 26px; }
.bh-wd-hero--cards .bh-page-crumbs, .bh-wd-hero--cards .bh-wd-hero__btns { justify-content: center; }
.bh-wd-hero--cards p { margin: 0 auto; }
.bh-wd-hero--cards .bh-wd-hero__card { max-width: 900px; margin: 0 auto; padding: 20px 24px; }
.bh-wd-hero--cards .bh-wd-hero__card ul { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); text-align: left; }
@media (max-width: 991.98px) { .bh-wd-hero__row { grid-template-columns: 1fr; } }

.bh-wd-sectors { padding: 4rem 0 0; background: #fff; }
.bh-wd-sgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.bh-wd-sector { padding: 20px; border-radius: 18px; background: #f6f9fc; }
.bh-wd-sector i { font-size: 26px; color: #0891b2; }
.bh-wd-sector b { display: block; margin: 10px 0 6px; font-size: 16px; color: var(--bh-ink); }
.bh-wd-sector p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--bh-muted); }

.bh-wd-feat { padding: 4.5rem 0; background: #fff; }
.bh-wd-fgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bh-wd-f { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; }
.bh-wd-f__ic { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: color-mix(in srgb, var(--wd-accent) 13%, #fff); color: var(--wd-accent); font-size: 21px; }
.bh-wd-f h3 { margin: 0 0 6px; font-size: 17px; font-weight: 700; color: var(--bh-ink); }
.bh-wd-f p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--bh-muted); }
.bh-wd-feat--split .bh-wd-fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.bh-wd-feat--split .bh-wd-f { flex-direction: row; padding: 20px 0; border: 0; border-bottom: 1px solid #edf2f7; border-radius: 0; }
.bh-wd-feat--split .bh-wd-f__ic { flex: 0 0 48px; }
@media (max-width: 991.98px) { .bh-wd-fgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .bh-wd-fgrid, .bh-wd-feat--split .bh-wd-fgrid { grid-template-columns: 1fr; } }

.bh-wd-process { padding: 4.5rem 0; background: #f6f9fc; border-top: 1px solid #e8eef4; border-bottom: 1px solid #e8eef4; }
.bh-wd-steps { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.bh-wd-step { position: relative; padding: 22px 18px; border: 1px solid #e3eaf1; border-radius: 18px; background: #fff; }
.bh-wd-step__n { position: absolute; top: 14px; right: 16px; font-size: 32px; font-weight: 800; line-height: 1; color: #e7eef6; }
.bh-wd-step > i { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; margin-bottom: 14px; border-radius: 12px; background: #edf5fc; color: var(--bh-blue); font-size: 19px; }
.bh-wd-step b { display: block; margin-bottom: 6px; font-size: 15.5px; color: var(--bh-ink); }
.bh-wd-step p { margin: 0; font-size: 13.5px; line-height: 1.55; color: var(--bh-muted); }
@media (max-width: 1199.98px) { .bh-wd-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 767.98px) { .bh-wd-steps { grid-template-columns: 1fr; } }

.bh-wd-other, .bh-ex-more { padding: 4rem 0; background: #fff; }
.bh-wd-ogrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; }
.bh-wd-o { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border: 1px solid #e3eaf1; border-radius: 14px; background: #fff; color: var(--bh-ink); font-size: 14.5px; font-weight: 600; text-decoration: none; transition: border-color .15s ease, background .15s ease; }
.bh-wd-o > i:first-child { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: color-mix(in srgb, var(--wd-accent) 13%, #fff); color: var(--wd-accent); }
.bh-wd-o span { flex: 1; }
.bh-wd-o__arrow { color: var(--bh-blue); opacity: 0; transition: opacity .15s ease, transform .15s ease; }
.bh-wd-o:hover { border-color: #c9dcee; background: #fafcfe; color: var(--bh-ink); }
.bh-wd-o:hover .bh-wd-o__arrow { opacity: 1; transform: translateX(3px); }

/* 3. Qiymət təklifi forması ----------------------------------------------- */
.bh-quote { padding: 4.5rem 0; background: #f6f9fc; border-top: 1px solid #e8eef4; }
.bh-quote__box { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 36px; align-items: center; padding: 36px; border-radius: 24px; background: #fff; border: 1px solid #e3eaf1; box-shadow: 0 20px 50px rgba(4, 73, 127, .08); }
.bh-quote__text h2 { margin: 0 0 12px; font-size: clamp(24px, 2.8vw, 32px); font-weight: 800; letter-spacing: -.02em; color: var(--bh-ink); }
.bh-quote__text p { margin: 0 0 18px; font-size: 15.5px; line-height: 1.6; color: var(--bh-muted); }
.bh-quote__text ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bh-quote__text li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: var(--bh-ink); }
.bh-quote__text li i { color: #16a34a; }
.bh-f select { width: 100%; height: 46px; padding: 0 12px; border: 1.5px solid var(--bh-line); border-radius: 12px; background: #fff; font-size: 14.5px; color: var(--bh-ink); outline: 0; }
.bh-f select:focus { border-color: var(--bh-blue); box-shadow: 0 0 0 4px rgba(46, 117, 243, .14); }
@media (max-width: 991.98px) { .bh-quote__box { grid-template-columns: 1fr; padding: 24px; } }

/* 4. Əlavə xidmətlər — siyahı --------------------------------------------- */
.bh-ex-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.bh-ex-card { position: relative; display: flex; flex-direction: column; overflow: hidden; padding: 26px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; color: inherit; text-decoration: none; transition: transform .2s ease, box-shadow .2s ease; }
.bh-ex-card::before { content: ""; position: absolute; left: 0; top: 0; right: 0; height: 4px; background: var(--ex-accent); }
.bh-ex-card:hover { transform: translateY(-4px); box-shadow: 0 18px 44px rgba(4, 73, 127, .12); color: inherit; }
.bh-ex-card__ic { display: inline-flex; align-items: center; justify-content: center; width: 54px; height: 54px; margin-bottom: 16px; border-radius: 16px; background: color-mix(in srgb, var(--ex-accent) 13%, #fff); color: var(--ex-accent); font-size: 24px; }
.bh-ex-card h2 { margin: 0 0 8px; font-size: 18px; font-weight: 700; color: var(--bh-ink); }
.bh-ex-card p { flex: 1; margin: 0 0 14px; font-size: 14.5px; line-height: 1.6; color: var(--bh-muted); }

/* 5. Əlavə xidmət — hero (10 üslub) ---------------------------------------- */
.bh-ex-hero { position: relative; overflow: hidden; padding: 48px 0 60px; background: linear-gradient(160deg, color-mix(in srgb, var(--ex-accent) 10%, #fff) 0%, #fff 70%); border-bottom: 1px solid #e8eef4; }
.bh-ex-hero.is-dark { color: #fff; border-bottom: 0; background: radial-gradient(700px 420px at 85% 10%, color-mix(in srgb, var(--ex-accent) 40%, transparent), transparent 60%), linear-gradient(160deg, #03213d 0%, #071a2e 100%); }
.bh-ex-hero__row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .95fr); align-items: center; gap: 44px; }
.bh-ex-hero h1 { margin: 0 0 14px; font-size: clamp(30px, 3.8vw, 46px); font-weight: 800; line-height: 1.12; letter-spacing: -.02em; color: var(--bh-ink); }
.bh-ex-hero p { max-width: 580px; margin: 0; font-size: 16.5px; line-height: 1.65; color: #4a5b6b; }
.bh-ex-hero.is-dark h1 { color: #fff; }
.bh-ex-hero.is-dark p { color: rgba(255, 255, 255, .78); }
.bh-ex-hero.is-dark .bh-page-crumbs, .bh-ex-hero.is-dark .bh-page-crumbs span { color: rgba(255, 255, 255, .7); }
.bh-ex-hero.is-dark .bh-page-crumbs a { color: #9cc4ff; }
.bh-ex-hero.is-dark .bh-wd-btn:not(.bh-wd-btn--primary) { border-color: rgba(255, 255, 255, .3); background: transparent; color: #fff; }
.bh-ex-hero--shield, .bh-ex-hero--migrate, .bh-ex-hero--calendar { text-align: left; }
.bh-ex-hero--chart .bh-ex-hero__row, .bh-ex-hero--mail .bh-ex-hero__row { grid-template-columns: minmax(0, .95fr) minmax(0, 1fr); }
.bh-ex-hero--chart .bh-ex-visual, .bh-ex-hero--mail .bh-ex-visual { order: -1; }
@media (max-width: 991.98px) {
    .bh-ex-hero__row, .bh-ex-hero--chart .bh-ex-hero__row, .bh-ex-hero--mail .bh-ex-hero__row { grid-template-columns: 1fr; }
    .bh-ex-hero--chart .bh-ex-visual, .bh-ex-hero--mail .bh-ex-visual { order: 0; }
}
.bh-ex-visual { position: relative; }

/* shield — SSL */
.bh-v-shield { position: relative; padding: 30px; border-radius: 24px; background: #fff; box-shadow: 0 24px 60px rgba(22, 163, 74, .18); text-align: center; }
.bh-v-shield__url { display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 99px; background: #f0fdf4; color: #166534; font-size: 15px; }
.bh-v-shield__url i { color: #16a34a; }
.bh-v-shield__badge { display: flex; align-items: center; justify-content: center; width: 130px; height: 130px; margin: 26px auto 18px; border-radius: 50%; background: radial-gradient(circle, #22c55e, #15803d); color: #fff; font-size: 60px; box-shadow: 0 0 0 14px #dcfce7, 0 0 0 28px #f0fdf4; }
.bh-v-shield__ok { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: #15803d; }

/* terminal — server */
.bh-v-term { overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 16px; background: #0b1422; box-shadow: 0 30px 70px rgba(0, 0, 0, .45); }
.bh-v-term__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: #111d2f; }
.bh-v-term__bar i { width: 10px; height: 10px; border-radius: 50%; background: #ef4444; } .bh-v-term__bar i:nth-child(2) { background: #f59e0b; } .bh-v-term__bar i:nth-child(3) { background: #22c55e; }
.bh-v-term__bar span { margin-left: 10px; font: 12px/1 "JetBrains Mono", Consolas, monospace; color: #8aa0b5; }
.bh-v-term pre { margin: 0; padding: 18px 20px; font: 13.5px/1.75 "JetBrains Mono", Consolas, monospace; white-space: pre-wrap; }
.bh-v-term .cmd { color: #7dd3fc; } .bh-v-term .ok { color: #86efac; }

/* gauge — analiz */
.bh-v-gauges { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.bh-v-gauge { padding: 18px; border-radius: 20px; background: #fff; box-shadow: 0 16px 40px rgba(245, 158, 11, .15); text-align: center; }
.bh-v-gauge__ring { --p: 70; display: flex; align-items: center; justify-content: center; width: 104px; height: 104px; margin: 0 auto 10px; border-radius: 50%; background: radial-gradient(closest-side, #fff 78%, transparent 80% 100%), conic-gradient(#16a34a calc(var(--p) * 1%), #fef3c7 0); }
.bh-v-gauge__ring b { font-size: 20px; font-weight: 800; color: var(--bh-ink); }
.bh-v-gauge small { font-size: 12.5px; color: var(--bh-muted); }

/* db — verilənlər bazası */
.bh-v-db { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; align-items: start; }
.bh-v-db__t { display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255, 255, 255, .14); border-radius: 14px; background: rgba(255, 255, 255, .06); font: 13px/1.4 "JetBrains Mono", Consolas, monospace; }
.bh-v-db__t b { padding: 10px 12px; background: color-mix(in srgb, var(--ex-accent) 55%, #0b1422); color: #fff; font-weight: 700; }
.bh-v-db__t span { padding: 7px 12px; border-top: 1px solid rgba(255, 255, 255, .08); color: #c7d2fe; }
.bh-v-db__t:nth-child(2) { margin-top: 30px; } .bh-v-db__t:nth-child(3) { margin-top: 12px; }

/* chart — SEO */
.bh-v-chart { padding: 24px; border-radius: 22px; background: #fff; box-shadow: 0 20px 50px rgba(46, 117, 243, .16); }
.bh-v-chart__bars { display: flex; align-items: flex-end; gap: 10px; height: 170px; padding-bottom: 6px; border-bottom: 2px solid #e3eaf1; }
.bh-v-chart__bars span { flex: 1; height: var(--h); border-radius: 8px 8px 0 0; background: linear-gradient(180deg, #2e75f3, #93c5fd); }
.bh-v-chart__serp { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 14px; border-radius: 12px; background: #f6f9fc; font-size: 14px; color: var(--bh-muted); }
.bh-v-chart__serp b { flex-basis: 100%; color: #16a34a; font-weight: 600; }

/* calendar — texniki qulluq */
.bh-v-plan { display: grid; gap: 12px; }
.bh-v-plan__c { display: flex; flex-wrap: wrap; gap: 6px 14px; padding: 18px 20px; border-left: 4px solid var(--ex-accent); border-radius: 14px; background: #fff; box-shadow: 0 12px 30px rgba(13, 148, 136, .12); }
.bh-v-plan__c b { flex-basis: 100%; margin-bottom: 4px; font-size: 15px; color: var(--bh-ink); }
.bh-v-plan__c b i { color: var(--ex-accent); }
.bh-v-plan__c span { display: inline-flex; align-items: center; gap: 6px; font-size: 13.5px; color: #3c4d5c; }
.bh-v-plan__c span i { color: #16a34a; }

/* scan — təhlükəsizlik */
.bh-v-scan { overflow: hidden; border: 1px solid rgba(255, 255, 255, .12); border-radius: 18px; background: rgba(255, 255, 255, .05); }
.bh-v-scan__head { display: flex; align-items: center; gap: 10px; padding: 14px 18px; background: rgba(220, 38, 38, .18); font-weight: 700; color: #fecaca; }
.bh-v-scan__bar { flex: 1; height: 6px; margin-left: 10px; overflow: hidden; border-radius: 99px; background: rgba(255, 255, 255, .12); }
.bh-v-scan__bar i { display: block; width: 100%; height: 100%; background: linear-gradient(90deg, #ef4444, #22c55e); }
.bh-v-scan__row { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 18px; border-top: 1px solid rgba(255, 255, 255, .08); font-size: 14px; color: rgba(255, 255, 255, .85); }
.bh-v-scan__row b { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: #86efac; white-space: nowrap; }

/* migrate — köçürmə */
.bh-v-mig { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; }
.bh-v-mig__box { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 160px; border: 2px dashed #d4c7fb; border-radius: 20px; background: #fff; color: var(--bh-muted); font-size: 44px; }
.bh-v-mig__box b { font-size: 14px; color: var(--bh-ink); }
.bh-v-mig__box.is-new { border: 2px solid var(--ex-accent); box-shadow: 0 18px 44px rgba(139, 92, 246, .2); }
.bh-v-mig__flow { display: flex; align-items: center; gap: 6px; color: var(--ex-accent); font-size: 30px; }
.bh-v-mig__flow span { width: 8px; height: 8px; border-radius: 50%; background: color-mix(in srgb, var(--ex-accent) 50%, #fff); }

/* mail — korporativ e-poçt */
.bh-v-mail { overflow: hidden; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; box-shadow: 0 20px 50px rgba(2, 132, 199, .15); }
.bh-v-mail__head { padding: 14px 18px; border-bottom: 1px solid #edf2f7; font-weight: 700; color: var(--bh-ink); }
.bh-v-mail__row { display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid #f1f5f9; }
.bh-v-mail__av { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: color-mix(in srgb, var(--ex-accent) 15%, #fff); color: var(--ex-accent); font-weight: 700; }
.bh-v-mail__row div { flex: 1; min-width: 0; }
.bh-v-mail__row b { display: block; font-size: 14px; color: var(--bh-ink); }
.bh-v-mail__row small { font-size: 13px; color: var(--bh-muted); }
.bh-v-mail__row em { font-size: 12px; font-style: normal; color: var(--bh-muted); }
.bh-v-mail__tags { display: flex; gap: 8px; padding: 12px 18px; }
.bh-v-mail__tags span { padding: 4px 10px; border-radius: 99px; background: #ecfdf5; color: #047857; font-size: 12px; font-weight: 700; }

/* timeline — backup */
.bh-v-tl { position: relative; display: grid; gap: 14px; padding-left: 26px; }
.bh-v-tl::before { content: ""; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: linear-gradient(180deg, #38bdf8, rgba(255, 255, 255, .15)); }
.bh-v-tl__i { position: relative; padding: 14px 18px; border: 1px solid rgba(255, 255, 255, .12); border-radius: 14px; background: rgba(255, 255, 255, .06); }
.bh-v-tl__dot { position: absolute; left: -26px; top: 18px; width: 16px; height: 16px; border: 3px solid #0b1422; border-radius: 50%; background: #38bdf8; }
.bh-v-tl__i b { display: block; color: #fff; }
.bh-v-tl__i small { color: rgba(255, 255, 255, .7); }

/* 6. Əlavə xidmət — məzmun blokları ---------------------------------------- */
.bh-ex-points { padding: 4.5rem 0; background: #fff; }
.bh-ex-pgrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.bh-ex-p { display: flex; flex-direction: column; gap: 12px; padding: 24px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; }
.bh-ex-p__ic { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px; background: color-mix(in srgb, var(--ex-accent) 13%, #fff); color: var(--ex-accent); font-size: 21px; }
.bh-ex-p h3 { margin: 0 0 6px; font-size: 17px; font-weight: 700; color: var(--bh-ink); }
.bh-ex-p p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--bh-muted); }
.bh-ex-points--list .bh-ex-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 34px; }
.bh-ex-points--list .bh-ex-p { flex-direction: row; padding: 20px 0; border: 0; border-bottom: 1px solid #edf2f7; border-radius: 0; }
.bh-ex-points--list .bh-ex-p__ic { flex: 0 0 48px; }
.bh-ex-points--zig .bh-ex-pgrid { grid-template-columns: 1fr; max-width: 860px; margin: 0 auto; gap: 12px; }
.bh-ex-points--zig .bh-ex-p { flex-direction: row; align-items: center; padding: 20px 24px; }
.bh-ex-points--zig .bh-ex-p:nth-child(even) { flex-direction: row-reverse; text-align: right; background: #f8fbfe; }
.bh-ex-points--zig .bh-ex-p__ic { flex: 0 0 56px; height: 56px; font-size: 24px; }
/* 4 bəndli grid — 4 sütun (tək qalan kart olmasın) */
@media (min-width: 992px) { .bh-ex-points--grid .bh-ex-pgrid:has(> :nth-child(4):last-child) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .bh-ex-pgrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575.98px) {
    .bh-ex-pgrid, .bh-ex-points--list .bh-ex-pgrid { grid-template-columns: 1fr; }
    .bh-ex-points--zig .bh-ex-p, .bh-ex-points--zig .bh-ex-p:nth-child(even) { flex-direction: column; align-items: flex-start; text-align: left; }
}

.bh-ex-steps { padding: 4.5rem 0; background: #f6f9fc; border-top: 1px solid #e8eef4; border-bottom: 1px solid #e8eef4; }
.bh-ex-stepline { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.bh-ex-stepline li { position: relative; padding: 24px 20px 20px; border-radius: 18px; background: #fff; border: 1px solid #e3eaf1; }
.bh-ex-stepline li span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-bottom: 12px; border-radius: 50%; background: var(--ex-accent); color: #fff; font-weight: 800; }
.bh-ex-stepline b { display: block; margin-bottom: 6px; font-size: 16px; color: var(--bh-ink); }
.bh-ex-stepline p { margin: 0; font-size: 14px; line-height: 1.55; color: var(--bh-muted); }

.bh-ex-check { padding: 4.5rem 0; background: #f6f9fc; }
.bh-ex-check__box { padding: 32px; border-radius: 22px; color: #fff; background: radial-gradient(500px 260px at 100% 0%, color-mix(in srgb, var(--ex-accent) 45%, transparent), transparent 60%), linear-gradient(160deg, #03213d, #04376a); }
.bh-ex-check__box h2 { margin: 0 0 18px; font-size: 24px; font-weight: 800; color: #fff; }
.bh-ex-check__box ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px 24px; margin: 0; padding: 0; list-style: none; }
.bh-ex-check__box li { display: flex; align-items: center; gap: 10px; font-size: 15px; color: rgba(255, 255, 255, .9); }
.bh-ex-check__box li i { color: #4ade80; }

.bh-ex-cmp { padding: 4.5rem 0; background: #f6f9fc; }
.bh-ex-cmp__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; max-width: 900px; margin: 0 auto; }
.bh-ex-cmp__c { padding: 26px; border: 1px solid #e3eaf1; border-radius: 20px; background: #fff; }
.bh-ex-cmp__c.is-main { border: 2px solid var(--ex-accent); }
.bh-ex-cmp__c > b { display: block; font-size: 19px; color: var(--bh-ink); }
.bh-ex-cmp__badge { display: inline-block; margin: 8px 0 14px; padding: 4px 12px; border-radius: 99px; background: color-mix(in srgb, var(--ex-accent) 14%, #fff); color: var(--ex-accent); font-size: 12.5px; font-weight: 700; }
.bh-ex-cmp__c ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.bh-ex-cmp__c li { display: flex; align-items: flex-start; gap: 8px; font-size: 14.5px; color: #3c4d5c; }
.bh-ex-cmp__c li i { margin-top: 2px; color: var(--ex-accent); }
@media (max-width: 767.98px) { .bh-ex-cmp__grid { grid-template-columns: 1fr; } }

/* ── Saytın başlığı: daxil olmuş müştərinin hesab menyusu ── */
.bh-acc__btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 12px 0 4px; border: 1px solid var(--bh-line); border-radius: 12px; background: #fff; color: var(--bh-ink); font-weight: 600; font-size: 14px; cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.bh-acc__btn:hover, .bh-acc__btn[aria-expanded="true"] { border-color: var(--bh-blue); box-shadow: 0 6px 18px rgba(4, 73, 127, .12); }
.bh-acc__av { display: inline-grid; place-items: center; width: 32px; height: 32px; border-radius: 9px; background: linear-gradient(135deg, var(--bh-navy), var(--bh-blue)); color: #fff; font-size: 12.5px; font-weight: 700; letter-spacing: .3px; flex: none; }
.bh-acc__av--lg { width: 42px; height: 42px; border-radius: 12px; font-size: 15px; }
.bh-acc__nm { max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-acc__dd { width: 270px; padding: 8px; }
.bh-acc__head { display: flex; align-items: center; gap: 11px; padding: 6px 6px 10px; }
.bh-acc__who { min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.bh-acc__who b { font-size: 14.5px; color: var(--bh-ink); }
.bh-acc__who small { color: var(--bh-muted); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-acc__bal { display: flex; align-items: center; justify-content: space-between; margin: 0 0 6px; padding: 9px 11px; border-radius: 10px; background: #e8f7ee; color: #16a34a; font-size: 13px; text-decoration: none; }
.bh-acc__bal span { display: inline-flex; align-items: center; gap: 7px; font-weight: 500; }
.bh-acc__bal b { font-size: 14.5px; }
.bh-acc__bal:hover { background: #d9f2e3; color: #15803d; }
.bh-acc__main { font-weight: 600; }
.bh-acc__sep { height: 1px; margin: 6px 4px; background: var(--bh-line); }
.bh-acc__out, .bh-acc__out i { color: #dc2626 !important; }
.bh-acc__out:hover { background: #fdecec !important; }
@media (max-width: 767.98px) { .bh-acc__btn { padding: 0 4px; height: 40px; } .bh-acc__dd { width: min(270px, calc(100vw - 24px)); } }

/* ══ 01.10.2026: Xidmət statusu (bh-st-) — gecə rejimi bu blokun içində ══ */
.bh-st { --st-card: #fff; --st-line: #e3eaf1; --st-soft: #f5f8fb; --st-ok: #16a34a; --st-ok-bg: #e8f7ee; --st-warn: #d97706; --st-warn-bg: #fff4e0; --st-bad: #dc2626; --st-bad-bg: #fde8e8; --st-info: #2e75f3; --st-info-bg: #e8f0fe; --st-bar: #b9e3c8; }
.bh-st .container-lg { max-width: 960px; }
.bh-st-hero { display: flex; align-items: center; gap: 16px; padding: 22px 24px; border-radius: 18px; background: var(--st-warn-bg); border: 1px solid transparent; }
.bh-st-hero > i { font-size: 34px; line-height: 1; }
.bh-st-hero h2 { margin: 0 0 4px; font-size: 21px; font-weight: 700; color: var(--bh-ink); }
.bh-st-hero p { margin: 0; font-size: 13.5px; color: var(--bh-muted); }
.bh-st-hero.is-ok { background: var(--st-ok-bg); } .bh-st-hero.is-ok > i { color: var(--st-ok); }
.bh-st-hero.is-warn > i { color: var(--st-warn); }
.bh-st-hero.is-bad { background: var(--st-bad-bg); } .bh-st-hero.is-bad > i { color: var(--st-bad); }
.bh-st-sub-btn { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 16px; border: 1px solid var(--st-line); border-radius: 11px; background: var(--st-card); color: var(--bh-ink); font-weight: 600; font-size: 14px; white-space: nowrap; }
.bh-st-sub-btn:hover { border-color: var(--bh-blue); color: var(--bh-blue); }
.bh-st-subform { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; padding: 14px 16px; border: 1px solid var(--st-line); border-radius: 14px; background: var(--st-card); font-size: 14px; color: var(--bh-muted); }
.bh-st-subform span { flex: 1 1 240px; }
.bh-st-subform input { flex: 1 1 220px; height: 42px; padding: 0 14px; border: 1px solid var(--st-line); border-radius: 10px; background: var(--st-card); color: var(--bh-ink); }
.bh-st-subform button { height: 42px; padding: 0 18px; border: 0; border-radius: 10px; background: var(--bh-navy); color: #fff; font-weight: 600; }
.bh-st-sec { margin-top: 32px; }
.bh-st-h { margin: 0 0 14px; font-size: 19px; font-weight: 700; color: var(--bh-ink); }
.bh-st-hrow { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.bh-st-legend { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; font-size: 12.5px; color: var(--bh-muted); }
.bh-st-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: -8px; }
.bh-st-legend .is-ok, .bh-st-bars .is-ok { background: var(--st-bar); }
.bh-st-legend .is-minor, .bh-st-bars .is-minor { background: #f5b84a; }
.bh-st-legend .is-major, .bh-st-bars .is-major { background: var(--st-bad); }
.bh-st-legend .is-maint, .bh-st-bars .is-maint { background: var(--st-info); }
.bh-st-inc { margin-bottom: 14px; border: 1px solid var(--st-line); border-left: 4px solid var(--st-warn); border-radius: 14px; background: var(--st-card); overflow: hidden; }
.bh-st-inc.is-bad { border-left-color: var(--st-bad); } .bh-st-inc.is-info { border-left-color: var(--st-info); }
.bh-st-inc header { padding: 16px 20px 6px; }
.bh-st-inc__badge { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 700; color: var(--st-warn); text-transform: uppercase; letter-spacing: .04em; }
.bh-st-inc.is-info .bh-st-inc__badge { color: var(--st-info); } .bh-st-inc.is-bad .bh-st-inc__badge { color: var(--st-bad); }
.bh-st-inc h3 { margin: 6px 0 4px; font-size: 17px; font-weight: 700; color: var(--bh-ink); }
.bh-st-inc header p { margin: 0; font-size: 13px; color: var(--bh-muted); }
.bh-st-tl { list-style: none; margin: 0; padding: 8px 20px 18px; }
.bh-st-tl li { position: relative; padding: 10px 0 0 18px; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; }
.bh-st-tl li::before { content: ""; position: absolute; left: 0; top: 16px; width: 8px; height: 8px; border-radius: 50%; background: var(--st-line); }
.bh-st-tl li:first-child::before { background: var(--st-warn); box-shadow: 0 0 0 4px var(--st-warn-bg); }
.bh-st-inc.is-info .bh-st-tl li:first-child::before { background: var(--st-info); box-shadow: 0 0 0 4px var(--st-info-bg); }
.bh-st-tl b { font-size: 13.5px; color: var(--bh-ink); }
.bh-st-tl time { font-size: 12.5px; color: var(--bh-muted); align-self: center; }
.bh-st-tl p { grid-column: 1 / -1; margin: 2px 0 0; font-size: 14px; line-height: 1.55; color: var(--bh-ink); opacity: .85; }
.bh-st-group { margin-bottom: 14px; border: 1px solid var(--st-line); border-radius: 16px; background: var(--st-card); overflow: hidden; }
.bh-st-group__t { margin: 0; padding: 12px 20px; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--bh-muted); background: var(--st-soft); border-bottom: 1px solid var(--st-line); }
.bh-st-row { padding: 14px 20px 12px; border-top: 1px solid var(--st-line); }
.bh-st-group__t + .bh-st-row { border-top: 0; }
.bh-st-row__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.bh-st-row__name { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; min-width: 0; }
.bh-st-row__name b { font-size: 15px; color: var(--bh-ink); }
.bh-st-row__name small { font-size: 13px; color: var(--bh-muted); }
.bh-st-pill { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 26px; padding: 0 11px; border-radius: 13px; font-size: 12.5px; font-weight: 600; }
.bh-st-pill i { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.bh-st-pill.is-ok { background: var(--st-ok-bg); color: var(--st-ok); }
.bh-st-pill.is-warn { background: var(--st-warn-bg); color: var(--st-warn); }
.bh-st-pill.is-bad { background: var(--st-bad-bg); color: var(--st-bad); }
.bh-st-pill.is-info { background: var(--st-info-bg); color: var(--st-info); }
.bh-st-bars { display: flex; gap: 2px; height: 30px; }
.bh-st-bars span { flex: 1; min-width: 0; border-radius: 2px; transition: transform .1s; }
.bh-st-bars span:hover { transform: scaleY(1.12); }
.bh-st-row__foot { display: flex; justify-content: space-between; margin-top: 6px; font-size: 12px; color: var(--bh-muted); }
.bh-st-row__foot b { font-weight: 600; color: var(--bh-ink); opacity: .8; }
.bh-st-past { padding: 16px 20px; margin-bottom: 10px; border: 1px solid var(--st-line); border-radius: 14px; background: var(--st-card); }
.bh-st-past__head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.bh-st-past h3 { margin: 0; font-size: 16px; font-weight: 700; color: var(--bh-ink); }
.bh-st-past__meta { margin: 4px 0 8px; font-size: 13px; color: var(--bh-muted); }
.bh-st-past p:last-child { margin: 0; font-size: 14px; line-height: 1.55; color: var(--bh-ink); opacity: .85; }
.bh-st-none { display: flex; align-items: center; gap: 8px; margin: 6px 0 0; font-size: 14px; color: var(--bh-muted); }
.bh-st-help { display: flex; align-items: center; gap: 16px; margin: 32px 0 8px; padding: 20px 24px; border-radius: 18px; background: linear-gradient(135deg, var(--bh-navy), var(--bh-blue)); color: #fff; }
.bh-st-help div { display: flex; flex-direction: column; gap: 4px; }
.bh-st-help b { font-size: 16px; }
.bh-st-help span { font-size: 14px; opacity: .85; }
.bh-st-help__btn { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: #fff; color: var(--bh-navy); font-weight: 700; text-decoration: none; white-space: nowrap; }
.bh-st-help__btn:hover { color: var(--bh-blue); }
[data-bs-theme=dark] .bh-st { --st-card: #111f2e; --st-line: #24384d; --st-soft: #0f1b28; --st-ok-bg: rgba(22, 163, 74, .14); --st-warn-bg: rgba(217, 119, 6, .16); --st-bad-bg: rgba(220, 38, 38, .16); --st-info-bg: rgba(46, 117, 243, .16); --st-bar: #2f7d4b; --st-ok: #4ade80; --st-warn: #fbbf24; --st-info: #7aa7ff; }
[data-bs-theme=dark] .bh-st-hero h2, [data-bs-theme=dark] .bh-st-h, [data-bs-theme=dark] .bh-st-inc h3, [data-bs-theme=dark] .bh-st-row__name b, [data-bs-theme=dark] .bh-st-past h3, [data-bs-theme=dark] .bh-st-tl b { color: #e6edf5; }
[data-bs-theme=dark] .bh-st-tl p, [data-bs-theme=dark] .bh-st-past p:last-child, [data-bs-theme=dark] .bh-st-row__foot b { color: #c9d4e0; }
@media (max-width: 767.98px) {
  .bh-st-hero { flex-wrap: wrap; padding: 18px; }
  .bh-st-sub-btn { margin-left: 0; width: 100%; justify-content: center; }
  .bh-st-bars { gap: 1px; height: 26px; }
  .bh-st-bars span:nth-child(-n+45) { display: none; }
  .bh-st-row__foot span:first-child { visibility: hidden; }
  .bh-st-help { flex-direction: column; align-items: flex-start; }
  .bh-st-help__btn { margin-left: 0; }
}