/* ============================================================
   BlueBird Tech — Blocks (секції головної, зверху вниз)
   Маркери: секція починається з коментаря === NN name ===.
   ============================================================ */

/* === спільна типографіка блоків ===
   Однакові набори шкали з різних секцій зведені в одне правило.
   Відхилення лишаються у своїх секціях і перекривають ці набори. === */

.bbt-product-card__title-link {
  color: inherit;
}

.bbt-product-card__title-link:hover {
  color: var(--bbt-fg-brand);
}

.bbt-product-card__desc,
.bbt-news-card__excerpt,
.bbt-service-card__desc,
.bbt-licence-notice__desc,
.bbt-solutions-grid__card-desc,
.bbt-evidence__td--scope,
.bbt-checker__row-text,
.bbt-funding__card-text,
.bbt-seo__text,
.bbt-cookie__text,
.bbt-exit__text,
.bbt-pdp-availability__desc,
.bbt-pdp-specs__compliance-intro,
.bbt-pdp-integration__card-text,
.bbt-services-grid__desc,
.bbt-region-model__table tbody td,
.bbt-process__desc,
.bbt-about-brands__desc,
.bbt-about-timeline__desc,
.bbt-careers-why__desc,
.bbt-careers-hiring__desc,
.bbt-media-quoting__item-text,
.bbt-partners-models__desc,
.bbt-partners-local__table tbody td,
.bbt-ref-table__td--platforms,
.bbt-ref-case__desc,
.bbt-cart-notice__desc,
.bbt-search-results__desc {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-checker__panel-note,
.bbt-insights__form-note,
.bbt-exit__note,
.bbt-pdp-hero__imagery-note,
.bbt-pdp-specs__compliance-note,
.bbt-request__consent-label,
.bbt-merch-bulk__table-note,
.bbt-media-outlets__type,
.bbt-press-photos__note p,
.bbt-ref-table__note,
.bbt-ref-feedback__score-note,
.bbt-cart-aside__note {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-tertiary);
}

.bbt-service-card__tag,
.bbt-evidence__coverage-label,
.bbt-checker__panel-label,
.bbt-cookie__chip,
.bbt-cat-hero__classes-label,
.bbt-pdp-hero__stage-caption,
.bbt-pdp-availability__region,
.bbt-pdp-specs__compliance-label,
.bbt-request__steps-label,
.bbt-cart-related__label,
.bbt-cart-aside__label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-media-card__title,
.bbt-seo__subheading,
.bbt-services-grid__title,
.bbt-about-mfg__fact-value,
.bbt-careers-why__title,
.bbt-partners-models__title,
.bbt-ref-case__title,
.bbt-cart-lines__total,
.bbt-cart-summary__total-label {
  font-size: var(--bbt-title-md-size);
  line-height: var(--bbt-title-md-lh);
  letter-spacing: var(--bbt-title-md-ls);
  font-weight: var(--bbt-title-md-weight);
  color: var(--bbt-fg-primary);
}

.bbt-evidence__td--status,
.bbt-pdp-specs__td--value,
.bbt-pdp-specs__td--origin,
.bbt-merch-bulk__table tbody td,
.bbt-partners-local__table tbody .bbt-partners-local__td--current,
.bbt-ref-table__td--data,
.bbt-cart-summary__value,
.bbt-cart-terms__value {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-primary);
}

.bbt-evidence__table tbody th,
.bbt-checker__row-title,
.bbt-region-model__table tbody th,
.bbt-merch-bulk__table tbody th,
.bbt-partners-local__table tbody th,
.bbt-ref-table__table tbody th {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  color: var(--bbt-fg-primary);
}

.bbt-insights__report-title,
.bbt-catalogue__title,
.bbt-pdp-hero__price,
.bbt-merch-collection__count,
.bbt-media-coverage__count {
  font-size: var(--bbt-heading-lg-size);
  line-height: var(--bbt-heading-lg-lh);
  letter-spacing: var(--bbt-heading-lg-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-mega__cluster,
.bbt-drawer__cluster-name,
.bbt-solutions-grid__card-title,
.bbt-ceo-letter__author-name {
  font-size: var(--bbt-title-md-size);
  line-height: var(--bbt-title-md-lh);
  letter-spacing: var(--bbt-title-md-ls);
  font-weight: var(--bbt-title-md-weight);
}

.bbt-product-card__price,
.bbt-about-timeline__year,
.bbt-cart-summary__total-value,
.bbt-search-best__title {
  font-size: var(--bbt-heading-md-size);
  line-height: var(--bbt-heading-md-lh);
  letter-spacing: var(--bbt-heading-md-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-news-card__headline,
.bbt-service-card__title,
.bbt-team-card__name,
.bbt-merch-card__price {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-empty-state__desc,
.bbt-insights__report-desc,
.bbt-search-hero__summary,
.bbt-search-best__desc {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-services-grid__num,
.bbt-process__num,
.bbt-careers-why__num,
.bbt-careers-hiring__num {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  color: var(--bbt-fg-primary);
}

.bbt-mega__promo-note,
.bbt-region-model__note p,
.bbt-ref-feedback__policy-text {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-tertiary);
}

.bbt-hero__stat-value,
.bbt-about-brands__name,
.bbt-ceo-letter__quote {
  font-size: var(--bbt-heading-md-size);
  line-height: var(--bbt-heading-md-lh);
  letter-spacing: var(--bbt-heading-md-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-product-card__title,
.bbt-vacancy-card__title,
.bbt-empty-state__title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-product-card__price-note,
.bbt-pdp-hero__lead-time,
.bbt-pdp-hero__price-note {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-service-card__fact-key,
.bbt-vacancy-card__meta-key,
.bbt-ref-feedback__score-meta {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-merch-card__title,
.bbt-accordion-row__question,
.bbt-licence-notice__title {
  font-size: var(--bbt-title-lg-size);
  line-height: var(--bbt-title-lg-lh);
  letter-spacing: var(--bbt-title-lg-ls);
  font-weight: var(--bbt-title-lg-weight);
  color: var(--bbt-fg-primary);
}

.bbt-top-bar__msg,
.bbt-regional-usp__fact-value,
.bbt-footer__email {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
}

.bbt-pdp-integration__card-title,
.bbt-about-timeline__title,
.bbt-cart-lines__name {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
  color: var(--bbt-fg-primary);
}

.bbt-process__title,
.bbt-careers-hiring__title,
.bbt-media-quoting__item-title {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  letter-spacing: var(--bbt-title-sm-ls);
  font-weight: var(--bbt-title-sm-weight);
  color: var(--bbt-fg-primary);
}

/* === 00 region-bar (Figma 208:330) === */

.bbt-region-bar {
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-on-brand);
}

.bbt-region-bar__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding-inline: var(--bbt-container-pad);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-region-bar__switcher {
  display: flex;
  align-items: center;
  gap: 2px;
}

.bbt-region-bar__caption {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  opacity: 0.5;
}

.bbt-region-bar__rule {
  inline-size: 16px;
  block-size: 1px;
  background: var(--bbt-border-inverse);
  margin-inline: 2px;
}

.bbt-region-bar__item {
  padding: 14px 16px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-on-brand);
  opacity: 0.55;
  white-space: nowrap;
  transition: opacity 0.15s ease, background-color 0.15s ease;
}

.bbt-region-bar__item:hover { opacity: 0.85; }

.bbt-region-bar__item.is-active {
  background: var(--bbt-bg-brand);
  opacity: 1;
}

.bbt-region-bar__status {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-region-bar__dot {
  inline-size: 6px;
  block-size: 6px;
  background: var(--bbt-status-success-fg);
}

.bbt-region-bar__availability { opacity: 0.75; }

.bbt-region-bar__change:hover { text-decoration: underline; }

/* Скрол-ряди навігації: смуга прокрутки прихована, жест лишається
   (таблиці-матриці не чіпаємо, там смуга це індикатор даних за краєм) */
.bbt-region-bar__inner,
.bbt-regional-usp__tabs {
  scrollbar-width: none;
}

.bbt-region-bar__inner::-webkit-scrollbar,
.bbt-regional-usp__tabs::-webkit-scrollbar {
  display: none;
}

@media (max-width: 1279px) {
  .bbt-region-bar__inner { overflow-x: auto; }
  .bbt-region-bar__status { display: none; } /* bbt:responsive-assumption: статус ховаємо, лишаємо перемикач */
}

/* === 01 header (Figma 208:258 + 137:686) === */

.bbt-header {
  position: sticky;
  inset-block-start: 0;
  z-index: 100;
  background: var(--bbt-header-bg);
  color: var(--bbt-header-fg);
}

.bbt-header__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 22px 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-header__logo img { inline-size: 189px; block-size: 32px; }

.bbt-header__nav {
  display: flex;
  align-items: stretch;
  gap: 2px;
}

.bbt-header__item {
  background: var(--bbt-header-item-bg);
  color: var(--bbt-header-fg);
}

.bbt-header__item:hover { background: var(--bbt-overlay-white-24); }

.bbt-header__item--icon { padding: 12px; }

.bbt-header__gap { inline-size: 14px; }

.bbt-header__cta { margin-inline-start: 2px; }

.bbt-header__burger {
  display: none;
  color: var(--bbt-header-fg);
  padding: 12px;
  background: var(--bbt-header-item-bg);
}

.bbt-mega {
  position: absolute;
  inset-inline: 0;
  inset-block-start: 100%;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
  filter: drop-shadow(0 16px 20px rgba(13, 10, 38, 0.16)); /* знято з Figma 137:686 */
}

.bbt-mega__grid {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 40px var(--bbt-container-pad) 36px;
  display: flex;
  gap: 40px;
  align-items: flex-start;
}

.bbt-mega__col {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bbt-mega__head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bbt-mega__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 32px;
  block-size: 32px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
}

.bbt-mega__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.bbt-mega__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 10px 10px 10px 12px;
  background: var(--bbt-bg-surface-sunken);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-mega__link:hover { background: var(--bbt-bg-brand-subtle); }

.bbt-mega__count {
  font-family: var(--bbt-font-mono);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-mega__promo {
  inline-size: 280px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 24px 22px 22px;
  background: var(--bbt-ink-gradient); /* знято з Figma 137:776 */
  color: var(--bbt-fg-on-brand);
}

.bbt-mega__promo-eyebrow {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
}

.bbt-mega__promo-title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-mega__rolebar {
  background: var(--bbt-bg-surface-sunken);
  display: flex;
  align-items: center;
  gap: 2px;
  padding: 16px var(--bbt-container-pad);
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
}

.bbt-mega__rolebar-caption {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  margin-inline-end: 12px;
}

.bbt-mega__role {
  padding: 10px 14px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-mega__role.is-active {
  background: var(--bbt-bg-inverse);
  border-color: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

@media (max-width: 1279px) {
  .bbt-header__nav { display: none; }
  .bbt-header__burger { display: inline-flex; }
  .bbt-header__inner { padding: 14px 20px; }
  .bbt-header__logo img { inline-size: 148px; block-size: 25px; }
  .bbt-mega { display: none; }
}

/* === 02 hero (Figma 208:347) === */

.bbt-hero {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-hero__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 72px var(--bbt-container-pad);
  display: flex;
  gap: 56px;
  align-items: flex-start;
}

.bbt-hero__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 26px;
}

.bbt-hero__heading {
  font-size: var(--bbt-display-md-size);
  line-height: var(--bbt-display-md-lh);
  letter-spacing: var(--bbt-display-md-ls);
  font-weight: var(--bbt-display-weight);
}

.bbt-hero__lead {
  font-size: var(--bbt-body-lg-size);
  line-height: var(--bbt-body-lg-lh);
  opacity: 0.8;
}

.bbt-hero__actions {
  display: flex;
  gap: 12px;
  padding-block-start: 8px;
  flex-wrap: wrap;
}

.bbt-hero__badges {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding-block-start: 10px;
}

.bbt-hero__badges .bbt-trust-badge {
  border-color: var(--bbt-overlay-white-24);
  color: var(--bbt-fg-on-brand);
  opacity: 0.72;
}

.bbt-hero__stats {
  inline-size: 440px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.bbt-hero__stat {
  border-inline-start: 2px solid var(--bbt-overlay-white-28);
  padding: 18px 0 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bbt-hero__stat-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  opacity: 0.6;
}

@media (max-width: 1023px) {
  .bbt-hero__inner { flex-direction: column; align-items: stretch; gap: 40px; }
  .bbt-hero__stats { inline-size: 100%; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільний hero за паттернами M1 (143-107):
     повноширинні кнопки, стек, Display/sm замість md */
  .bbt-hero__inner { padding: 32px var(--bbt-container-pad-m) 40px; }
  .bbt-hero__heading {
    font-size: clamp(30px, 8.5vw, var(--bbt-display-sm-size));
    line-height: 1.2;
    letter-spacing: -1.2px;
  }
  .bbt-hero__lead { font-size: var(--bbt-body-md-size); line-height: var(--bbt-body-md-lh); }
  .bbt-hero__actions { flex-direction: column; align-self: stretch; }

  .bbt-hero__actions .bbt-btn--xl { block-size: 52px; }
}

/* === 01 mobile-nav (Figma 137:799 + 137:824) === */

@media (max-width: 1279px) {
  .bbt-header .bbt-header__inner {
    padding: 14px 16px;
    gap: 2px;
  }

  .bbt-header .bbt-header__logo { margin-inline-end: auto; }
  .bbt-header .bbt-header__logo img { inline-size: 142px; block-size: 24px; }

  /* Пошук лишається в мобільному хедері поруч із бургером (склад іконок 137:799:
     search + cart + menu; cart виключено за). Хук: існуюча кнопка пошуку
     десктоп-nav з data-todo="search"; решту пунктів nav ховаємо. */
  .bbt-header .bbt-header__nav {
    display: flex;
    gap: 2px;
  }

  .bbt-header .bbt-header__nav > * { display: none; }

  .bbt-header .bbt-header__nav >.bbt-header__item--search {
    display: inline-flex;
    padding: 11px;
    min-inline-size: 44px;
    min-block-size: 44px;
    justify-content: center;
  }

  .bbt-header .bbt-header__burger {
    padding: 11px;
    min-inline-size: 44px;
    min-block-size: 44px;
    justify-content: center;
    background: var(--bbt-bg-brand);
    color: var(--bbt-fg-on-brand);
  }

  .bbt-header .bbt-header__burger .bbt-icon {
    inline-size: 15px;
    block-size: 15px;
  }
}

.bbt-drawer {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-drawer[hidden] { display: none; }

@media (min-width: 1280px) {
  .bbt-drawer { display: none !important; }
}

.bbt-drawer__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
}

.bbt-drawer__title {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
}

.bbt-drawer__bar-actions {
  display: flex;
  align-items: stretch;
  gap: 2px;
}

.bbt-drawer__lang {
  background: var(--bbt-header-item-bg);
  color: var(--bbt-header-fg);
}

.bbt-drawer__close {
  display: inline-flex;
  padding: 11px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-header-fg);
}

.bbt-drawer__close .bbt-icon {
  inline-size: 15px;
  block-size: 15px;
}

.bbt-drawer__search-wrap { padding: 0 16px 8px; }

.bbt-drawer__search {
  display: flex;
  align-items: center;
  gap: 10px;
  inline-size: 100%;
  padding: 13px 14px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-fg-tertiary);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  text-align: start;
}

.bbt-drawer__search .bbt-icon { color: var(--bbt-header-fg); }

.bbt-drawer__nav {
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding: 8px 16px 0;
}

.bbt-drawer__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  inline-size: 100%;
  padding: 15px 14px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-header-fg);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
  text-align: start;
  transition: background-color 0.15s ease;
}

.bbt-drawer__item:hover { background: var(--bbt-overlay-white-24); }

.bbt-drawer__chevron {
  margin-inline-start: auto;
  inline-size: 12px;
  block-size: 12px;
  transform: rotate(-90deg);
  transition: transform 0.15s ease;
}

.bbt-drawer__section.is-open .bbt-drawer__chevron { transform: rotate(0deg); }

/* --- Розгорнута секція (акордеон) ---
   bbt:responsive-assumption: expanded-стан секції в 137:824 відсутній;
   стилі нижче робочі, за основу взято десктопне мега-меню на темному фоні. */

.bbt-drawer__section {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.bbt-drawer__panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 12px 0 18px;
}

.bbt-drawer__panel[hidden] { display: none; }

.bbt-drawer__cluster {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bbt-drawer__cluster-head {
  display: flex;
  align-items: center;
  gap: 10px;
}

.bbt-drawer__cluster-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 28px;
  block-size: 28px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
}

.bbt-drawer__list {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.bbt-drawer__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 12px 12px 12px 14px;
  background: var(--bbt-header-item-bg);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-drawer__link:hover { background: var(--bbt-overlay-white-24); }

.bbt-drawer__count {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-drawer__footer {
  margin-block-start: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 16px 24px;
}

.bbt-drawer__cta {
  display: flex;
  justify-content: space-between;
  inline-size: 100%;
}

.bbt-drawer__cta .bbt-btn__label { padding-inline: 20px; }

.bbt-drawer__contacts {
  display: flex;
  gap: 2px;
}

.bbt-drawer__contact {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 12px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-header-fg);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

.bbt-drawer__contact:hover { background: var(--bbt-overlay-white-24); }

.bbt-drawer__contact .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

/* === cards (Figma 133:627, 133:614, 133:568, 134:498) === */

.bbt-stock-status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 9px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--bbt-status-success-fg);
}

.bbt-stock-status__dot {
  inline-size: 6px;
  block-size: 6px;
  background: currentColor;
}

.bbt-stat-tile {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 26px;
  min-block-size: 260px;
  border: 1px solid transparent;
}

.bbt-stat-tile__label {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  font-weight: 500;
}

.bbt-stat-tile__value {
  font-size: var(--bbt-display-sm-size);
  line-height: var(--bbt-display-sm-lh);
  letter-spacing: var(--bbt-display-sm-ls);
  font-weight: var(--bbt-display-weight);
  white-space: nowrap;
}

.bbt-stat-tile__trend {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  white-space: nowrap;
}

.bbt-stat-tile__note {
  margin-block-start: auto;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
}

.bbt-stat-tile--dark {
  background: #111116; /* знято з Figma 133:615, темна поверхня плитки поза токенами */
  border-color: var(--bbt-border-inverse);
  color: var(--bbt-fg-on-brand);
}

.bbt-stat-tile--dark .bbt-stat-tile__note { color: var(--bbt-fg-tertiary); }

.bbt-stat-tile--light {
  background: var(--bbt-bg-surface);
  border-color: var(--bbt-card-border);
  color: var(--bbt-fg-primary);
}

.bbt-stat-tile--light .bbt-stat-tile__trend { color: var(--bbt-fg-brand); }
.bbt-stat-tile--light .bbt-stat-tile__note { color: var(--bbt-fg-secondary); }

@media (max-width: 767px) {
  .bbt-stat-tile__value {
    white-space: normal;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: stat-плитки стають 2x2 (патерн M1),
     паддінг і кегль числа зменшено, прямого мобільного мастера немає */
  .bbt-stat-tile {
    padding: 20px 18px;
    min-block-size: 200px;
  }

  .bbt-stat-tile__value {
    font-size: var(--bbt-heading-xl-size);
    line-height: var(--bbt-heading-xl-lh);
    letter-spacing: var(--bbt-heading-xl-ls);
  }
}

.bbt-cross-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  padding: 28px 24px 24px;
  min-block-size: 300px;
}

.bbt-cross-card__main {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-cross-card__eyebrow {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-cross-card__title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-cross-card__foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.bbt-cross-card__desc {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-cross-card--dark {
  background: var(--bbt-ink-gradient); /* знято з Figma 133:569 */
  color: var(--bbt-fg-on-brand);
}

.bbt-cross-card--light { background: var(--bbt-bg-surface-cool); }
.bbt-cross-card--bundle { background: var(--bbt-bg-brand-subtle); }

.bbt-cross-card--light .bbt-cross-card__eyebrow,
.bbt-cross-card--bundle .bbt-cross-card__eyebrow { color: var(--bbt-fg-brand); }

.bbt-cross-card--light .bbt-cross-card__title,
.bbt-cross-card--bundle .bbt-cross-card__title { color: var(--bbt-fg-primary); }

.bbt-cross-card--light .bbt-cross-card__desc,
.bbt-cross-card--bundle .bbt-cross-card__desc { color: var(--bbt-fg-secondary); }

.bbt-product-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-card-bg);
  border: 1px solid var(--bbt-card-border);
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bbt-product-card:hover {
  border-color: var(--bbt-bg-brand);
  box-shadow:
  0 6px 14px -3px rgba(13, 10, 38, 0.1),
  0 2px 4px 0 rgba(13, 10, 38, 0.06);
}

.bbt-product-card__media {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 42 / 25;
  background: linear-gradient(180deg, var(--bbt-bg-surface-cool) 0%, var(--bbt-bg-surface-sunken) 100%);
}

.bbt-product-card__stock {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
}

.bbt-product-card__badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  padding: 5px 9px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-product-card__body {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  gap: 10px;
  padding: 24px;
}

.bbt-product-card__category {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-product-card__specs {
  display: flex;
  flex-direction: column;
  gap: 7px;
  inline-size: 100%;
  padding-block: 12px;
  border-block: 1px dashed var(--bbt-border-subtle);
}

.bbt-product-card__spec {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}

.bbt-product-card__spec-key {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-product-card__spec-value {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-md-weight);
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  letter-spacing: var(--bbt-mono-data-md-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

/* Ширина колонки картки різна на сторінках (сітки 4/3/2 колонки), тому
   buy-рядок переносить дії під ціну і дозволяє кнопці стискатись. */
.bbt-product-card__buy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  inline-size: 100%;
  margin-block-start: auto;
}

.bbt-product-card__pricing {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 0;
}

.bbt-product-card__price {
  white-space: nowrap;
}

.bbt-product-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  margin-inline-start: auto;
  justify-content: flex-end;
  min-inline-size: 0;
}

.bbt-product-card__actions .bbt-btn {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.bbt-product-card__actions .bbt-btn__label {
  flex: 1 1 auto;
  min-inline-size: 0;
  justify-content: center;
  padding-inline: 8px;
}

.bbt-news-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-card-bg);
  border: 1px solid var(--bbt-card-border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bbt-news-card:hover {
  border-color: var(--bbt-bg-brand);
  box-shadow:
  0 6px 14px -3px rgba(13, 10, 38, 0.1),
  0 2px 4px 0 rgba(13, 10, 38, 0.06);
}

.bbt-news-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  aspect-ratio: 21 / 10;
  overflow: hidden;
}

.bbt-news-card--company .bbt-news-card__media {
  background: var(--bbt-ink-gradient); /* знято з Figma 134:419 */
}

.bbt-news-card--media .bbt-news-card__media {
  background: linear-gradient(180deg, var(--bbt-bg-surface-cool) 0%, var(--bbt-bg-surface-sunken) 100%);
}

.bbt-news-card__badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 5px 9px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-news-card--company .bbt-news-card__badge {
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
}

.bbt-news-card--media .bbt-news-card__badge {
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-news-card__outlet {
  padding: 10px 14px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-news-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 20px 22px;
}

.bbt-news-card__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--bbt-fg-tertiary);
}

.bbt-news-card__date {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  white-space: nowrap;
}

.bbt-news-card__meta-dot {
  inline-size: 3px;
  block-size: 3px;
  background: var(--bbt-border-strong);
}

.bbt-news-card__tag {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-news-card__link {
  display: inline-flex;
  align-items: center;
  min-block-size: 24px;
  gap: 8px;
  padding-block-start: 6px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

.bbt-news-card__link .bbt-icon {
  inline-size: 13px;
  block-size: 13px;
}

/* === cards2 (партія 2 ДС) === */

.bbt-service-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 26px 24px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
  color: var(--bbt-fg-primary);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bbt-service-card:hover {
  border-color: var(--bbt-bg-brand);
  box-shadow:
  0 6px 14px -3px rgba(13, 10, 38, 0.1),
  0 2px 4px 0 rgba(13, 10, 38, 0.06);
}

.bbt-service-card__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bbt-service-card__arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 30px;
  block-size: 30px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
  transition: background-color 0.15s ease;
}

.bbt-service-card:hover .bbt-service-card__arrow { background: var(--bbt-bg-brand); }

.bbt-service-card__arrow .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-service-card__facts {
  display: flex;
  gap: 20px;
  padding-block-start: 12px;
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-service-card__fact {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.bbt-service-card__fact-value {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-md-weight);
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  letter-spacing: var(--bbt-mono-data-md-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-vacancy-card {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 24px;
  padding: 22px 20px 22px 26px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bbt-vacancy-card:hover {
  border-color: var(--bbt-bg-brand);
  box-shadow:
  0 2px 6px -1px rgba(13, 10, 38, 0.06),
  0 1px 2px 0 rgba(13, 10, 38, 0.06);
}

.bbt-vacancy-card__main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 0 0;
  min-inline-size: 250px;
}

.bbt-vacancy-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 8px;
}

.bbt-vacancy-card__tag {
  padding: 4px 8px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-secondary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-vacancy-card__tag--urgent {
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
}

.bbt-vacancy-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.bbt-vacancy-card__meta-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.bbt-vacancy-card__meta-value {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного мастера вакансії немає;
     картка стекається (патерн M1), CTA на всю ширину під метою */
  .bbt-vacancy-card { flex-direction: column; align-items: stretch; }
  .bbt-vacancy-card .bbt-btn { inline-size: 100%; justify-content: space-between; }
}

.bbt-review-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
}

.bbt-review-card__body {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 16px;
  padding: 24px 26px 22px;
}

.bbt-review-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.bbt-review-card__rating {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  block-size: 20px;
  color: var(--bbt-fg-primary);
}

.bbt-review-card__rating .bbt-icon {
  inline-size: 15px;
  block-size: 15px;
}

.bbt-review-card__chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-tertiary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-review-card--social .bbt-review-card__chip {
  gap: 6px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
}

.bbt-review-card--social .bbt-review-card__chip .bbt-icon {
  inline-size: 12px;
  block-size: 12px;
}

.bbt-review-card__quote {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  font-weight: 500;
  color: var(--bbt-fg-primary);
}

.bbt-review-card__foot {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-block-start: 16px;
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-review-card__foot > * {
  min-inline-size: 0;
}

.bbt-review-card__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 40px;
  block-size: 40px;
  background: var(--bbt-bg-brand);
  color: var(--bbt-fg-on-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  text-transform: uppercase;
}

.bbt-review-card__author {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-review-card__author-name {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbt-review-card__author-role {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbt-review-card__product-chip {
  padding: 4px 8px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-review-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  aspect-ratio: 21 / 10;
  background: var(--bbt-ink-gradient); /* знято з Figma 135:486 */
}

.bbt-review-card__play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 52px;
  block-size: 52px;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
}

.bbt-review-card__play .bbt-icon {
  inline-size: 18px;
  block-size: 18px;
}

.bbt-review-card__duration {
  position: absolute;
  inset-block-end: 12px;
  inset-inline-end: 12px;
  padding: 4px 7px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  white-space: nowrap;
}

.bbt-team-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
  transition: border-color 0.15s ease;
}

.bbt-team-card:hover,
.bbt-team-card:focus-within { border-color: var(--bbt-bg-brand); }

.bbt-team-card__media {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 16 / 15;
  background: linear-gradient(180deg, var(--bbt-bg-surface-cool) 0%, var(--bbt-bg-surface-sunken) 100%);
}

.bbt-team-card__interview {
  position: absolute;
  inset-block-end: 10px;
  inset-inline-start: 12px;
  padding: 4px 8px;
  background: var(--bbt-bg-brand);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.bbt-team-card:hover .bbt-team-card__interview,
.bbt-team-card:focus-within .bbt-team-card__interview { opacity: 1; }

.bbt-team-card__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 18px 20px 20px;
}

.bbt-team-card__role {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

.bbt-team-card__bio {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-contact-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 26px 26px 24px;
}

.bbt-contact-card--standard {
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
  color: var(--bbt-fg-primary);
}

.bbt-contact-card--primary {
  background: var(--bbt-ink-gradient); /* знято з Figma 135:588 */
  color: var(--bbt-fg-on-brand);
}

.bbt-contact-card__eyebrow {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  inline-size: 100%;
}

.bbt-contact-card--standard .bbt-contact-card__eyebrow { color: var(--bbt-fg-tertiary); }

.bbt-contact-card__title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-contact-card__desc {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-contact-card--standard .bbt-contact-card__desc { color: var(--bbt-fg-secondary); }

.bbt-contact-card__phone,
.bbt-contact-card__email {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: inherit;
  text-decoration: none;
}

.bbt-contact-card__phone {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
  white-space: nowrap;
}

.bbt-contact-card__phone .bbt-icon {
  inline-size: 16px;
  block-size: 16px;
}

.bbt-contact-card__email {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  white-space: nowrap;
}

.bbt-contact-card__email .bbt-icon {
  inline-size: 15px;
  block-size: 15px;
}

.bbt-contact-card--standard .bbt-contact-card__email { color: var(--bbt-fg-brand); }
.bbt-contact-card--standard .bbt-contact-card__email .bbt-icon { color: var(--bbt-fg-primary); }

.bbt-contact-card__messengers {
  display: flex;
  flex-wrap: wrap; /* bbt:responsive-assumption: у мастері один рядок, на вузьких картках чіпи переносяться */
  gap: 2px;
  inline-size: 100%;
  padding-block-start: 14px;
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-contact-card--primary .bbt-contact-card__messengers { border-color: var(--bbt-border-inverse); }

.bbt-contact-card__messenger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
  transition: background-color 0.15s ease;
}

.bbt-contact-card--standard .bbt-contact-card__messenger { background: var(--bbt-bg-surface-cool); }
.bbt-contact-card--primary .bbt-contact-card__messenger { background: var(--bbt-header-item-bg); }

.bbt-contact-card__messenger .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-merch-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
  transition: border-color 0.15s ease;
}

.bbt-merch-card:hover,
.bbt-merch-card:focus-within { border-color: var(--bbt-bg-brand); }

.bbt-merch-card__media {
  position: relative;
  inline-size: 100%;
  aspect-ratio: 16 / 15;
  background: linear-gradient(180deg, var(--bbt-bg-surface-cool) 0%, var(--bbt-bg-surface-sunken) 100%);
}

.bbt-merch-card__badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 4px 8px;
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-merch-card__sizes {
  position: absolute;
  inset-block-end: 10px;
  inset-inline-start: 12px;
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.bbt-merch-card:hover .bbt-merch-card__sizes,
.bbt-merch-card:focus-within .bbt-merch-card__sizes { opacity: 1; }

.bbt-merch-card__size {
  padding: 5px 8px;
  background: var(--bbt-bg-surface);
  border: 0;
  color: var(--bbt-fg-primary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  cursor: pointer;
}

.bbt-merch-card__size:hover { background: var(--bbt-bg-brand-subtle); }

.bbt-merch-card__body {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 20px;
}

.bbt-merch-card__category {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-merch-card__buy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding-block-start: 6px;
}

.bbt-merch-card__buy .bbt-btn {
  flex: 1 1 auto;
  min-inline-size: 0;
}

.bbt-merch-card__buy .bbt-btn .bbt-btn__label {
  flex: 1 1 auto;
  min-inline-size: 0;
  justify-content: center;
  padding-inline: 8px;
}

.bbt-merch-card__pricing {
  display: flex;
  flex-direction: column;
  gap: 1px;
  white-space: nowrap;
}

.bbt-merch-card__price-note {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: розмірні чіпи на тачі видимі одразу,
     бо hover відсутній (flex-wrap buy-рядка тепер глобальний) */
  .bbt-merch-card__sizes { opacity: 1; }
}

.bbt-media-card {
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-card-border);
}

.bbt-media-card__media {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 100%;
  aspect-ratio: 32 / 19;
  background: linear-gradient(180deg, var(--bbt-bg-surface-cool) 0%, var(--bbt-bg-surface-sunken) 100%);
}

.bbt-media-card--video .bbt-media-card__media {
  background: var(--bbt-ink-gradient); /* знято з Figma 136:631 */
}

.bbt-media-card__badge {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-start: 12px;
  padding: 4px 8px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-media-card--video .bbt-media-card__badge {
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
}

.bbt-media-card__play {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 46px;
  block-size: 46px;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
}

.bbt-media-card__play .bbt-icon {
  inline-size: 16px;
  block-size: 16px;
}

.bbt-media-card__doc-icon {
  inline-size: 40px;
  block-size: 40px;
  color: var(--bbt-fg-primary);
}

.bbt-media-card__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  padding: 16px 20px;
}

.bbt-media-card__download {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
  text-decoration: none;
}

.bbt-media-card__download .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-breadcrumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-breadcrumbs__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.bbt-breadcrumbs__item +.bbt-breadcrumbs__item::before {
  content: '/';
  color: var(--bbt-fg-tertiary);
}

.bbt-breadcrumbs__link {
  color: var(--bbt-fg-secondary);
  text-decoration: none;
}

.bbt-breadcrumbs__link:hover { color: var(--bbt-fg-primary); }

.bbt-breadcrumbs [aria-current='page'] {
  font-weight: 500;
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-primary);
}

.bbt-pagination__list {
  display: flex;
  align-items: center;
  gap: 2px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-pagination__page,
.bbt-pagination__arrow,
.bbt-pagination__gap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 40px;
  block-size: 40px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  color: var(--bbt-fg-primary);
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-md-weight);
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  letter-spacing: var(--bbt-mono-data-md-ls);
  text-decoration: none;
  transition: border-color 0.15s ease;
}

.bbt-pagination__page:hover,
.bbt-pagination__arrow:hover { border-color: var(--bbt-border-strong); }

.bbt-pagination__page[aria-current='page'] {
  background: var(--bbt-bg-inverse);
  border-color: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-pagination__arrow .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-tabs {
  display: flex;
  gap: 2px;
}

.bbt-tabs__tab {
  display: inline-flex;
  align-items: center;
  padding: 13px 16px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  color: var(--bbt-fg-secondary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.bbt-tabs__tab:hover { background: var(--bbt-bg-surface-cool); }

.bbt-tabs__tab.is-active {
  background: var(--bbt-bg-inverse);
  border-color: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-tabs__count {
  padding: 2px 5px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-tertiary);
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
}

.bbt-tabs__tab.is-active .bbt-tabs__count {
  background: var(--bbt-header-item-bg);
  color: var(--bbt-fg-inverse);
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного мастера табів немає;
     бар стає горизонтальним scroll-row (патерн чіпів M2) */
  .bbt-tabs { overflow-x: auto; }
}

/* ---------- Search Field (Figma 132:509) ----------
   Автокомпліт: назва, SKU або частота. Список підказок = listbox,
   контракт видимості через атрибут hidden (JS поза скоупом партії).
   Ціни в мета-рядках підказок несуть data-price + data-todo. */

.bbt-search-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bbt-search-field__box {
  display: flex;
  align-items: center;
  gap: 12px;
  block-size: 52px;
  padding-inline: 16px 8px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.bbt-search-field__box:focus-within {
  border-color: #6a4fd0; /* знято з Figma 132:429 */
  box-shadow: inset 0 0 0 0.6px #6a4fd0; /* знято з Figma 132:429 */ /* знято з Figma 132:429 */
}

.bbt-search-field__box .bbt-icon {
  inline-size: 18px;
  block-size: 18px;
  color: var(--bbt-fg-primary);
}

.bbt-search-field__box:focus-within .bbt-icon { color: var(--bbt-fg-brand); }

.bbt-search-field__input {
  flex: 1 0 0;
  min-inline-size: 0;
  border: 0;
  background: transparent;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-primary);
}

.bbt-search-field__input::placeholder { color: var(--bbt-field-placeholder); }
.bbt-search-field__input:focus { outline: none; }

.bbt-search-field__kbd {
  padding: 4px 8px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-tertiary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  white-space: nowrap;
}

.bbt-search-field__suggestions {
  position: absolute;
  inset-block-start: calc(100% + 2px);
  inset-inline: 0;
  z-index: 20;
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  box-shadow: 0 8px 24px -6px rgba(13, 10, 38, 0.12); /* знято з Figma 132:492 */
}

.bbt-search-field__group-label {
  padding: 12px 16px 8px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-search-field__option {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 16px;
  cursor: pointer;
}

.bbt-search-field__option:hover,
.bbt-search-field__option.is-active { background: var(--bbt-bg-surface-sunken); }

.bbt-search-field__thumb {
  flex-shrink: 0;
  inline-size: 32px;
  block-size: 32px;
  background: var(--bbt-bg-surface-cool);
}

.bbt-search-field__option-name {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  color: var(--bbt-fg-primary);
}

.bbt-search-field__option-meta {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-search-field__all {
  display: flex;
  align-items: center;
  padding: 11px 16px 13px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  text-decoration: none;
}

.bbt-accordion-row {
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  transition: background-color 0.15s ease;
}

.bbt-accordion-row:hover { background: var(--bbt-bg-surface-cool); }

.bbt-accordion-row__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  inline-size: 100%;
  padding: 16px 12px 16px 20px;
  background: none;
  border: 0;
  text-align: start;
  cursor: pointer;
}

.bbt-accordion-row__lead {
  display: flex;
  align-items: center;
  gap: 14px;
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-accordion-row__num {
  flex-shrink: 0;
  padding: 3px 6px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-primary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-accordion-row__toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 34px;
  block-size: 34px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
  transition: background-color 0.15s ease;
}

.bbt-accordion-row__toggle .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-accordion-row__icon-minus { display: none; }

.bbt-accordion-row__header[aria-expanded='true'] .bbt-accordion-row__toggle { background: var(--bbt-bg-brand); }
.bbt-accordion-row__header[aria-expanded='true'] .bbt-accordion-row__icon-plus { display: none; }
.bbt-accordion-row__header[aria-expanded='true'] .bbt-accordion-row__icon-minus { display: inline-block; }

.bbt-accordion-row__answer {
  padding: 0 60px 20px 20px;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: правий відступ відповіді 60 задуманий
     під колонку тогла, на мобайлі зайвий */
  .bbt-accordion-row__answer { padding-inline-end: 20px; }
}

.bbt-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 56px 40px;
  background: var(--bbt-bg-surface-sunken);
  text-align: center;
}

.bbt-empty-state__art {
  inline-size: 44px;
  block-size: 52px;
  margin-block: 6px;
  border: 1.1px dashed rgba(74, 59, 168, 0.7); /* знято з Figma 136:748 */
  border-radius: 4px;
}

.bbt-empty-state__actions {
  display: flex;
  gap: 12px;
  padding-block-start: 8px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: кнопки в стек на всю ширину (патерн M1) */
  .bbt-empty-state { padding: 40px 20px; }
  .bbt-empty-state__actions { flex-direction: column; align-items: stretch; inline-size: 100%; }
  .bbt-empty-state__actions .bbt-btn { justify-content: space-between; }
}

/* ---------- Qty Stepper (Figma 136:733) ----------
   Кількість: цілі 44x44, число = текстовий інпут (фонд, що купує
   40 штук, не тисне 40 разів). Кошиковий контрол: у розмітці
   несе data-cart + data-todo="legal" до зняття юрпитання. */

.bbt-qty-stepper {
  display: inline-flex;
  gap: 2px;
}

.bbt-qty-stepper__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 44px;
  block-size: 44px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  color: var(--bbt-fg-primary);
  cursor: pointer;
  transition: border-color 0.15s ease;
}

.bbt-qty-stepper__btn:hover { border-color: var(--bbt-border-strong); }

.bbt-qty-stepper__btn .bbt-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-qty-stepper__input {
  inline-size: 44px;
  block-size: 44px;
  padding: 0;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  text-align: center;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  font-weight: 500;
  color: var(--bbt-fg-primary);
}

.bbt-top-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 11px 16px 11px 48px;
}

.bbt-top-bar--promo {
  background: var(--bbt-bg-brand);
  color: var(--bbt-fg-on-brand);
}

.bbt-top-bar--urgent {
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
}

.bbt-top-bar--info {
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-top-bar__icon {
  inline-size: 15px;
  block-size: 15px;
}

.bbt-top-bar__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: inherit;
  text-decoration: none;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-top-bar__link .bbt-icon {
  inline-size: 13px;
  block-size: 13px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного мастера смуги немає;
     повідомлення переноситься, поля 20 (патерн M1) */
  .bbt-top-bar { flex-wrap: wrap; padding: 11px 20px; }
}

.bbt-licence-notice {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 24px 26px;
  background: var(--bbt-status-info-bg);
  border: 1px solid var(--bbt-border-default);
}

.bbt-licence-notice__icon-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 40px;
  block-size: 40px;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
}

.bbt-licence-notice__icon-box .bbt-icon {
  inline-size: 20px;
  block-size: 20px;
}

.bbt-licence-notice__main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-licence-notice__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding-block-start: 4px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: іконка над текстом, кнопки в стек
     (мобільного мастера немає, патерн M3) */
  .bbt-licence-notice { flex-direction: column; align-items: stretch; }
  .bbt-licence-notice__actions { flex-direction: column; align-items: stretch; }
  .bbt-licence-notice__actions .bbt-btn { justify-content: space-between; }
}

/* === 03 capability-chain (Figma 208:403) === */

.bbt-capability-chain {
  background: var(--bbt-bg-surface);
  padding-block: 96px;
}

.bbt-capability-chain >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-capability-chain__track {
  display: flex;
  align-items: stretch;
}

.bbt-capability-chain__col {
  flex: 1 0 0;
  min-inline-size: 0;
  min-block-size: 212px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 22px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-capability-chain__col +.bbt-capability-chain__col {
  margin-inline-start: -1px;
}

.bbt-capability-chain__col-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  min-block-size: 48px;
  align-content: center;
}

.bbt-capability-chain__stage {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-capability-chain__class {
  padding: 5px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-capability-chain__class--info {
  background: var(--bbt-status-info-bg);
  color: var(--bbt-status-info-fg);
}

.bbt-capability-chain__class--warning {
  background: var(--bbt-status-warning-bg);
  color: var(--bbt-status-warning-fg);
}

.bbt-capability-chain__class--success {
  background: var(--bbt-status-success-bg);
  color: var(--bbt-status-success-fg);
}

.bbt-capability-chain__name {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  letter-spacing: var(--bbt-title-sm-ls);
  font-weight: var(--bbt-title-sm-weight);
}

.bbt-capability-chain__desc {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-capability-chain__legend {
  padding: 16px 22px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-tertiary);
  white-space: pre-wrap;
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: аналога в UA-мобайлі немає — 7-колонкова стрічка
     стає горизонтальним scroll-snap рядом з <=1279 (нижче колонки нечитабельні, чіпи ріжуться) */
  .bbt-capability-chain__track {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-block-end: 8px;
  }

  .bbt-capability-chain__col {
    flex: 0 0 260px;
    min-block-size: 0;
    scroll-snap-align: start;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: вертикальний ритм секції на мобайлі 56px
     (у макеті лише десктопні 96px) */
  .bbt-capability-chain {
    padding-block: 56px;
  }

  .bbt-capability-chain >.bbt-container {
    gap: 32px;
  }
}

/* === 04 solutions-grid (Figma 208:474) === */

.bbt-solutions-grid {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
  padding-block: 96px;
}

.bbt-solutions-grid >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-solutions-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bbt-solutions-grid__card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  block-size: 100%;
  padding: 28px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  transition: border-color 0.15s ease;
}

.bbt-solutions-grid__card:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-solutions-grid__card-foot {
  margin-block-start: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  white-space: nowrap;
}

.bbt-solutions-grid__route {
  color: var(--bbt-fg-primary);
}

.bbt-solutions-grid__open {
  color: var(--bbt-fg-tertiary);
  text-transform: uppercase;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет — 2 колонки (проміжок між десктопними 3×2
     і мобільним стеком M1, у макетах не заданий) */
  .bbt-solutions-grid__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* Патерн M1 (143-107): картки в стек.
     bbt:responsive-assumption: вертикальний ритм секції на мобайлі 56px, gap сітки 16px */
  .bbt-solutions-grid {
    padding-block: 56px;
  }

  .bbt-solutions-grid >.bbt-container {
    gap: 32px;
  }

  .bbt-solutions-grid__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* === 05 regional-usp (Figma 208:527) === */

.bbt-regional-usp {
  background: var(--bbt-hero-gradient); /* градієнт секції 04 = градієнт hero, знято з Figma 208:527 */
  color: var(--bbt-fg-on-brand);
}

.bbt-regional-usp__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-regional-usp__title {
  letter-spacing: -0.51px;
}

.bbt-regional-usp__tabs {
  display: flex;
  gap: 2px;
}

.bbt-regional-usp__tab {
  flex: 1 0 0;
  min-inline-size: 0;
  padding: 14px 20px;
  text-align: start;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  color: color-mix(in srgb, var(--bbt-fg-on-brand) 60%, transparent);
  /* rgba(255,255,255,.07) знято з Figma 208:538 — overlay-токена немає, зібрано з fg-inverse */
  background: color-mix(in srgb, var(--bbt-fg-inverse) 7%, transparent);
  transition: color 0.15s ease, background-color 0.15s ease;
}

.bbt-regional-usp__tab:hover {
  color: color-mix(in srgb, var(--bbt-fg-on-brand) 85%, transparent);
}

.bbt-regional-usp__tab.is-active {
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
}

.bbt-regional-usp__grid {
  display: flex;
  align-items: flex-start;
  gap: 32px;
}

.bbt-regional-usp__panel-slot {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-regional-usp__teasers-slot {
  inline-size: 420px;
  flex-shrink: 0;
}

.bbt-regional-usp__panel {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 32px;
  /* alpha-заливки знято з Figma 208:545, overlay-токенів немає */
  background: color-mix(in srgb, var(--bbt-fg-inverse) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--bbt-fg-inverse) 18%, transparent);
}

.bbt-regional-usp__active {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
}

.bbt-regional-usp__panel-title {
  font-size: var(--bbt-heading-lg-size);
  line-height: var(--bbt-heading-lg-lh);
  letter-spacing: -0.34px;
  font-weight: var(--bbt-heading-weight);
}

.bbt-regional-usp__panel-text {
  font-size: var(--bbt-body-lg-size);
  line-height: var(--bbt-body-lg-lh);
  opacity: 0.8;
}

.bbt-regional-usp__facts {
  display: flex;
  padding-block-start: 8px;
}

.bbt-regional-usp__fact {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 6px 0 6px 18px;
  border-inline-start: 2px solid var(--bbt-overlay-white-28);
}

.bbt-regional-usp__fact-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  opacity: 0.55;
}

.bbt-regional-usp__teasers {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-regional-usp__teaser {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 20px 22px;
  border: 1px solid color-mix(in srgb, var(--bbt-fg-inverse) 16%, transparent);
}

.bbt-regional-usp__teaser-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  opacity: 0.55;
}

.bbt-regional-usp__teaser-text {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  opacity: 0.82;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: на планшеті грід стекається (аналогія hero 02),
     колонка тизерів стає повношириною під панеллю */
  .bbt-regional-usp__grid {
    flex-direction: column;
    align-items: stretch;
  }
  .bbt-regional-usp__teasers-slot { inline-size: 100%; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: секція без UA-аналога. Таби — горизонтальний
     scroll-row (патерн M2), панель і факти в стек, body-lg → body-md */
  .bbt-regional-usp__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }
  .bbt-regional-usp__tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .bbt-regional-usp__tab { flex: 0 0 auto; }
  .bbt-regional-usp__panel { padding: 24px; }
  .bbt-regional-usp__panel-text {
    font-size: var(--bbt-body-md-size);
    line-height: var(--bbt-body-md-lh);
  }
  .bbt-regional-usp__facts {
    flex-direction: column;
    gap: 14px;
  }
  .bbt-regional-usp__teaser { padding: 16px 18px; }
}

/* === 06 evidence (Figma 208:569) === */

.bbt-evidence {
  background: var(--bbt-bg-surface);
}

.bbt-evidence__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-evidence__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid var(--bbt-card-border);
  border-inline-start: 1px solid var(--bbt-card-border);
}

.bbt-evidence__stats .bbt-stat-tile {
  border-width: 0 1px 1px 0;
}

.bbt-evidence .bbt-stat-tile__label {
  text-transform: uppercase;
}

.bbt-evidence__proof {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.bbt-evidence__matrix {
  flex: 1 0 0;
  min-inline-size: 0;
  padding: 24px 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-evidence__table-caption {
  text-align: start;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-evidence__col--scope { inline-size: 230px; }
.bbt-evidence__col--status { inline-size: 150px; }
.bbt-evidence__col--updated { inline-size: 110px; }

.bbt-evidence__td--updated {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-evidence__coverage {
  inline-size: 420px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-evidence__press {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bbt-evidence__press-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 132px;
  block-size: 60px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: плитки 2x2 вже з 1279, display-кегль
     «ODIN WEG» не влазить у чверть ширини до ~1180 */
  .bbt-evidence__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає — proof-ряд
     у стек, coverage на всю ширину */
  .bbt-evidence__proof { flex-direction: column; align-items: stretch; }
  .bbt-evidence__coverage { inline-size: 100%; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: секція без UA-аналога. Плитки 2x2
     (патерн M1 «Цифри»), head стекається через components.css,
     кнопка на всю ширину */
  .bbt-evidence__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-evidence__matrix { padding: 20px; }

  /* bbt:responsive-assumption: матриця → рядки «label : value»
     (патерн M3 «Характеристики»): розмітка <table> зберігається,
     трансформація тільки CSS. thead ховається візуально, підписи
     клітинок малює ::before з data-label */

  .bbt-evidence__table-caption {
    display: block;
    inline-size: 100%;
  }

  .bbt-evidence__table tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 24px;
  }

  .bbt-evidence__table tr:nth-last-child(-n+2) { border-block-end: 0; }

  .bbt-evidence__press-logo { flex: 1 0 132px; }
}

@media (max-width: 479px) {
  .bbt-evidence__table tbody { grid-template-columns: minmax(0, 1fr); }
  .bbt-evidence__table tr:nth-last-child(2) { border-block-end: 1px dashed var(--bbt-border-subtle); }
}

/* === 07 jurisdiction-checker (Figma 208:715) === */

.bbt-checker {
  /* знято з Figma 208:715: унікальний градієнт секції */
  background: var(--bbt-panel-gradient);
  color: var(--bbt-fg-primary);
}

.bbt-checker__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-checker__grid {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.bbt-checker__panel {
  inline-size: 420px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 32px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-default);
}

.bbt-checker__field {
  position: relative;
  inline-size: 100%;
}

.bbt-checker__select {
  appearance: none;
  inline-size: 100%;
  block-size: 52px;
  padding-inline: 16px 44px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-primary);
  cursor: pointer;
}

.bbt-checker__select:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-checker__chevron {
  position: absolute;
  inset-inline-end: 11px;
  inset-block-start: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--bbt-fg-primary);
}

.bbt-checker__submit {
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-checker__submit:hover {
  background: color-mix(in srgb, var(--bbt-bg-inverse) 80%, white);
}

.bbt-checker__rows {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-checker__demo-note {
  margin-block-start: 16px;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-checker__row {
  --bbt-checker-row-color: var(--bbt-fg-secondary);
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 28px;
  background: var(--bbt-bg-surface);
  border-inline-start: 3px solid var(--bbt-checker-row-color);
  transition: opacity 0.15s ease;
}

.bbt-checker__row[data-bbt-checker-row='available'] { --bbt-checker-row-color: var(--bbt-status-success-fg); }
.bbt-checker__row[data-bbt-checker-row='licence'] { --bbt-checker-row-color: var(--bbt-status-warning-fg); }
.bbt-checker__row[data-bbt-checker-row='no'] { --bbt-checker-row-color: var(--bbt-status-error-fg); }

/* Контракт main.js: після перевірки нерелевантні ряди можуть отримувати is-dimmed */
.bbt-checker__row.is-dimmed { opacity: 0.45; }

.bbt-checker__row-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.bbt-checker__dot {
  inline-size: 8px;
  block-size: 8px;
  background: var(--bbt-checker-row-color);
}

.bbt-checker__status {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
  color: var(--bbt-checker-row-color);
  white-space: nowrap;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: на планшеті панель стає над рядами на всю ширину */
  .bbt-checker__grid { flex-direction: column; }
  .bbt-checker__panel { inline-size: 100%; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільних макетів секції немає, тому вертикальні падінги 56,
     панель 24, ряди 20, кнопка на всю ширину (патерн M1) */
  .bbt-checker__inner { padding: 56px var(--bbt-container-pad-m); }
  .bbt-checker__panel { padding: 24px 20px; }
  .bbt-checker__row { padding: 20px; }
}

/* === 08 funding-instruments (Figma 208:772) === */

.bbt-funding {
  background: var(--bbt-bg-surface);
}

.bbt-funding__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-funding__title {
  letter-spacing: -0.51px;
}

.bbt-funding__cards {
  display: flex;
  align-items: stretch;
  gap: 24px;
}

.bbt-funding__card {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 32px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-funding__card-title {
  font-size: var(--bbt-heading-md-size);
  line-height: var(--bbt-heading-md-lh);
  letter-spacing: -0.24px;
  font-weight: var(--bbt-heading-weight);
}

.bbt-funding__card-note {
  margin-block-start: auto;
  padding: 8px 12px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
}

.bbt-funding__national {
  padding: 16px 22px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-tertiary);
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: секція без UA-аналога. Картки в стек (патерн M1),
     head стекається через components.css, кнопка на всю ширину */
  .bbt-funding__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }
  .bbt-funding__cards {
    flex-direction: column;
  }
  .bbt-funding__card { padding: 24px; }
}

/* === 09 platforms (Figma 208:806) === */

.bbt-platforms {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
  padding-block: 96px;
}

.bbt-platforms >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-platforms__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.bbt-platforms__grid > li {
  display: flex;
}

.bbt-platforms__grid .bbt-product-card {
  inline-size: 100%;
}

.bbt-platforms .bbt-product-card__media {
  aspect-ratio: 31 / 20;
}

.bbt-platforms .bbt-product-card__body {
  flex: 1 0 auto;
  padding: 20px;
}

.bbt-platforms .bbt-product-card__title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
}

.bbt-platforms .bbt-product-card__price {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: 2 колонки вже з 1279 (хедер там теж мобільний):
     на 1024-1279 чотири картки в ряд тиснуть на CTA і ціну */
  .bbt-platforms__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* Патерн M1 «Хіти» (143-107): картки в стек, кнопка head на всю ширину.
     bbt:responsive-assumption: вертикальний ритм секції на мобайлі 56px, gap 16px */
  .bbt-platforms {
    padding-block: 56px;
  }

  .bbt-platforms >.bbt-container {
    gap: 32px;
  }

  .bbt-platforms__grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
}

/* === 10 partnerships (Figma 208:1021) === */

.bbt-partnerships {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-partnerships__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-partnerships__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 20px;
}

.bbt-partnerships__card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 24px 22px;
  /* знято з Figma 208:1038: white 6% / 16%, токен-відповідника немає */
  background: color-mix(in srgb, var(--bbt-fg-inverse) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--bbt-fg-inverse) 16%, transparent);
}

.bbt-partnerships__card-title {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  letter-spacing: var(--bbt-title-sm-ls);
  font-weight: var(--bbt-title-sm-weight);
}

.bbt-partnerships__card-text {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  opacity: 0.72;
}

.bbt-partnerships__note {
  padding: 16px 22px;
  /* знято з Figma 208:1053: white 5%, токен-відповідника немає */
  background: color-mix(in srgb, var(--bbt-fg-inverse) 5%, transparent);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: color-mix(in srgb, var(--bbt-fg-on-brand) 72%, transparent);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет = 2 колонки, пʼята картка на всю ширину,
     щоб не лишався порожній слот */
  .bbt-partnerships__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bbt-partnerships__card:last-child { grid-column: 1 / -1; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільних макетів секції немає, тому стек в 1 колонку,
     вертикальні падінги 56, кнопка head на всю ширину (патерн M1) */
  .bbt-partnerships__inner { padding: 56px var(--bbt-container-pad-m); }
  .bbt-partnerships__grid { grid-template-columns: 1fr; }
  .bbt-partnerships__card:last-child { grid-column: auto; }
  .bbt-partnerships .bbt-section__head .bbt-btn { align-self: stretch; }
}

/* === 11 insights (Figma 208:1055) === */

.bbt-insights {
  background: var(--bbt-bg-surface);
  padding-block: 88px;
}

.bbt-insights >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-insights__layout {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.bbt-insights__report {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 32px;
  border: 1px solid var(--bbt-border-default);
  /* знято з Figma 208:1072: градієнт панелі, токен-відповідника немає */
  background: var(--bbt-panel-gradient);
}

.bbt-insights__form {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  inline-size: 100%;
}

.bbt-insights__input {
  flex: 1 0 0;
  min-inline-size: 0;
  block-size: 52px;
  padding-inline: 16px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-primary);
}

.bbt-insights__input::placeholder {
  color: var(--bbt-field-placeholder);
}

/* Мастер Input (129:53): фокус = 3px ring, ніколи outline:none.
   Ring-токена в tokens.css немає, робоче значення bg/accent.
   TODO(design): verify ring colour */
.bbt-insights__input:focus-visible {
  outline: 3px solid var(--bbt-bg-accent);
  outline-offset: 0;
}

.bbt-insights__news {
  inline-size: 420px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного макета секції немає —
     панель і новини стекаються, картки стають 2 в ряд, щоб колонка
     420 не лишала порожнє поле на всю ширину */
  .bbt-insights__layout { flex-direction: column; }
  .bbt-insights__news {
    inline-size: 100%;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільна версія за паттерном M1 «Новини»
     (143-107): вертикальні падінги 56, картки друг під другом, форма
     в колонку з повноширинною кнопкою, кнопка head на всю ширину,
     заголовок панелі кеглем heading-md */
  .bbt-insights { padding-block: 56px; }

  .bbt-insights .bbt-section__head .bbt-btn { align-self: stretch; }

  .bbt-insights__report { padding: 24px 20px; }

  .bbt-insights__report-title {
    font-size: var(--bbt-heading-md-size);
    line-height: var(--bbt-heading-md-lh);
    letter-spacing: var(--bbt-heading-md-ls);
  }

  .bbt-insights__form {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-insights__input {
    flex: none;
    inline-size: 100%;
  }

  .bbt-insights__news { grid-template-columns: 1fr; }
}

/* === 12 next-step (Figma 208:1138) === */

.bbt-next-step {
  /* Унікальний градієнт секції cool-у-canvas, знято з Figma 208:1138 */
  background: var(--bbt-panel-gradient);
  padding-block: 88px;
}

.bbt-next-step--surface {
  background: var(--bbt-bg-surface);
}

.bbt-next-step >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-next-step__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bbt-next-step__grid > li {
  display: flex;
}

.bbt-next-step__grid .bbt-cross-card {
  inline-size: 100%;
}

/* У макеті секції eyebrow light-картки fg/primary, а не brand як у мастері
   133:614 (знято з Figma 208:1161) — лишено як в інстансі секції */
.bbt-next-step .bbt-cross-card--light .bbt-cross-card__eyebrow {
  color: var(--bbt-fg-primary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: три маршрути в стек уже з планшета — на три
     колонки бракує ширини під mono-CTA 44px, проміжного макета немає */
  .bbt-next-step__grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  /* Патерн M1 (143-107): стек.
     bbt:responsive-assumption: вертикальний ритм секції на мобайлі 56px, gap 16px */
  .bbt-next-step {
    padding-block: 56px;
  }

  .bbt-next-step >.bbt-container {
    gap: 32px;
  }

  .bbt-next-step__grid {
    gap: 16px;
  }
}

/* === 13 seo-block (Figma 208:1203, інстанс 208:1204, майстер 132:360) === */

.bbt-seo {
  background: var(--bbt-bg-surface);
}

.bbt-seo__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding-inline: var(--bbt-container-pad);
  padding-block-end: 88px;
}

.bbt-seo__box {
  background: var(--bbt-bg-surface-sunken);
}

.bbt-seo__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px 24px;
  padding: 20px 20px 20px 32px;
}

.bbt-seo__head-main {
  flex: 1 0 0;
  min-inline-size: 250px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.bbt-seo__chip {
  padding: 3px 7px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-tertiary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-seo__heading {
  flex: 1 0 0;
  min-inline-size: 240px;
  font-size: var(--bbt-title-lg-size);
  line-height: var(--bbt-title-lg-lh);
  letter-spacing: var(--bbt-title-lg-ls);
  font-weight: var(--bbt-title-lg-weight);
  color: var(--bbt-fg-primary);
}

.bbt-seo__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  color: var(--bbt-fg-primary);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
  transition: border-color 0.15s ease;
}

.bbt-seo__toggle:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-seo__toggle-icon {
  inline-size: 12px;
  block-size: 12px;
}

.bbt-seo__toggle-label--less,
.bbt-seo__toggle-icon--minus {
  display: none;
}

.bbt-seo__box.is-open .bbt-seo__toggle-label--more,
.bbt-seo__box.is-open .bbt-seo__toggle-icon--plus {
  display: none;
}

.bbt-seo__box.is-open .bbt-seo__toggle-label--less {
  display: inline;
}

.bbt-seo__box.is-open .bbt-seo__toggle-icon--minus {
  display: inline-block;
}

.bbt-seo__panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 0 32px 28px;
}

.bbt-seo__panel[hidden] {
  display: none;
}

.bbt-seo__cols {
  display: flex;
  flex-wrap: wrap;
  gap: 14px 32px;
}

.bbt-seo__col {
  flex: 1 0 0;
  min-inline-size: 240px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bbt-seo__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 20px;
  padding-block-start: 6px;
}

.bbt-seo__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

.bbt-seo__link:hover {
  text-decoration: underline;
}

.bbt-seo__link-icon {
  inline-size: 13px;
  block-size: 13px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного макета секції немає; поля 20 (патерн M1),
     внутрішні падінги коробки зменшені, колонки і toggle-рядок стекаються через flex-wrap */
  .bbt-seo__inner {
    padding-inline: var(--bbt-container-pad-m);
    padding-block-end: 56px;
  }

  .bbt-seo__head {
    padding: 16px 16px 16px 20px;
  }

  .bbt-seo__panel {
    padding: 0 20px 24px;
  }
}

/* === 14 footer (Figma 208:1255, майстри 140:728 / 140:852)
   + глобальний хром: cookie 141:965, sticky CTA 141:1020, exit-intent 141:997 === */

.bbt-footer {
  background: linear-gradient(180deg, #141625 0%, #0e0e14 60%, #07070c 100%); /* знято з Figma 208:1255 */
  color: var(--bbt-fg-on-brand);
}

.bbt-footer__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding-inline: 48px;
}

.bbt-footer__cta {
  background: var(--bbt-header-item-bg);
}

.bbt-footer__cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 24px;
}

.bbt-footer__cta-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-inline-size: 0;
}

.bbt-footer__cta-title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-inverse);
}

.bbt-footer__cta-sub {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-footer__cta-actions {
  display: flex;
  gap: 2px;
  flex-shrink: 0;
}

.bbt-footer__msgrs {
  display: flex;
  gap: 2px;
}

.bbt-footer__msgr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px;
  background: var(--bbt-header-item-bg);
  border: 1px solid var(--bbt-border-inverse);
  color: var(--bbt-fg-inverse);
  transition: background-color 0.15s ease;
}

.bbt-footer__msgr:hover {
  background: var(--bbt-overlay-white-24);
}

.bbt-footer__msgr-abbr {
  display: none;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
}

.bbt-footer__nav {
  display: flex;
  align-items: flex-start;
  gap: 32px;
  padding-block: 36px 28px;
}

.bbt-footer__brand {
  inline-size: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.bbt-footer__logo {
  display: flex;
  align-items: center;
  gap: 9px;
}

.bbt-footer__logo-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 24px;
  block-size: 24px;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
}

.bbt-footer__logo-mark {
  inline-size: 13px;
  block-size: 13px;
}

.bbt-footer__logo-name {
  font-size: var(--bbt-title-lg-size);
  line-height: var(--bbt-title-lg-lh);
  letter-spacing: var(--bbt-title-lg-ls);
  font-weight: var(--bbt-title-lg-weight);
  color: var(--bbt-fg-inverse);
  white-space: nowrap;
}

.bbt-footer__tagline {
  max-inline-size: 220px;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
}

.bbt-footer__apps {
  display: flex;
  gap: 2px;
}

.bbt-footer__app {
  padding: 8px 10px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
  transition: background-color 0.15s ease;
}

.bbt-footer__app:hover {
  background: var(--bbt-overlay-white-24);
}

.bbt-footer__trust {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-block-start: 4px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
}

.bbt-footer__trust-icon {
  inline-size: 14px;
  block-size: 14px;
}

.bbt-footer__col {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-footer__col--desks {
  flex: none;
  inline-size: 230px;
}

.bbt-footer__col-head {
  display: block;

  margin-block-end: 21px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
}

.bbt-footer__col-toggle {
  display: none;
}

.bbt-footer__col-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 9px;
}

.bbt-footer__col-list[hidden] {
  display: none;
}

@media (min-width: 1024px) {
  .bbt-footer__col-list[hidden] {
    display: flex;
  }
}

.bbt-footer__link {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-inverse);
}

.bbt-footer__link:hover {
  text-decoration: underline;
}

.bbt-footer__desk {
  display: flex;
  align-items: center;
  gap: 8px;
}

.bbt-footer__desk-region {
  inline-size: 62px;
  flex-shrink: 0;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
}

.bbt-footer__desk-phone {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-md-weight);
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  letter-spacing: var(--bbt-mono-data-md-ls);
  color: var(--bbt-fg-inverse);
  white-space: nowrap;
}

.bbt-footer__email:hover {
  text-decoration: underline;
}

.bbt-footer__geo {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
}

.bbt-footer__authorised {
  background: var(--bbt-header-item-bg);
}

.bbt-footer__authorised-inner {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 14px;
}

.bbt-footer__auth-chip {
  padding: 4px 8px;
  background: var(--bbt-bg-accent);
  color: var(--bbt-fg-on-accent);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-footer__auth-text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
}

.bbt-footer__auth-tags {
  display: flex;
  gap: 2px;
}

.bbt-footer__auth-tag {
  padding: 5px 9px;
  background: var(--bbt-header-item-bg);
  color: var(--bbt-fg-inverse);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-footer__auth-tag--solid {
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
}

.bbt-footer__legal {
  border-block-start: 1px dashed var(--bbt-border-inverse);
}

.bbt-footer__legal-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-block: 16px;
}

.bbt-footer__copyright {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-footer__socials {
  display: flex;
  gap: 18px;
}

.bbt-footer__soc,
.bbt-footer__legal-link {
  display: inline-flex;
  align-items: center;
  min-block-size: 24px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-footer__soc {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 24px;
  min-block-size: 24px;
  color: var(--bbt-fg-inverse);
}

.bbt-footer__soc:hover,
.bbt-footer__legal-link:hover {
  text-decoration: underline;
}

.bbt-footer__soc-abbr {
  display: none;
}

.bbt-footer__legal-links {
  display: flex;
  gap: 16px;
}

@media (max-width: 1023px) {
  .bbt-footer__inner {
    padding-inline: 16px;
  }

  .bbt-footer__cta-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding-block: 22px;
  }

  .bbt-footer__cta-sub {
    display: none;
  }

  .bbt-footer__cta-actions {
    flex-direction: column-reverse;
    gap: 12px;
  }

  .bbt-footer__cta-btn {
    inline-size: 100%;
    block-size: 52px;
    justify-content: space-between;
  }

  .bbt-footer__cta-btn .bbt-btn__label {
    padding-inline: 20px;
    font-size: var(--bbt-button-lg-size);
    line-height: var(--bbt-button-lg-lh);
    letter-spacing: var(--bbt-button-lg-ls);
  }

  .bbt-footer__cta-btn .bbt-btn__arrow {
    inline-size: 52px;
  }

  .bbt-footer__msgrs {
    inline-size: 100%;
  }

  .bbt-footer__msgr {
    flex: 1 0 0;
    min-inline-size: 0;
    justify-content: flex-start;
  }

  .bbt-footer__msgr-abbr {
    display: inline;
  }

  .bbt-footer__nav {
    flex-direction: column;
    align-items: stretch;
    gap: 1px;
    padding-block: 16px 8px;
  }

  .bbt-footer__brand {
    display: none;
  }

  .bbt-footer__col,
  .bbt-footer__col--desks {
    inline-size: 100%;
    flex: none;
  }

  .bbt-footer__col-head {
    display: none;
  }

  .bbt-footer__col-toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    inline-size: 100%;
    padding: 15px 14px;
    background: var(--bbt-header-item-bg);
    color: var(--bbt-fg-inverse);
    font-family: var(--bbt-font-mono);
    font-weight: 500;
    font-size: var(--bbt-mono-label-md-size);
    line-height: var(--bbt-mono-label-md-lh);
    letter-spacing: var(--bbt-mono-label-md-ls);
    text-transform: uppercase;
  }

  .bbt-footer__col-toggle .bbt-icon {
    inline-size: 12px;
    block-size: 12px;
    transition: transform 0.15s ease;
  }

  .bbt-footer__col.is-open .bbt-footer__col-toggle .bbt-icon {
    transform: rotate(180deg);
  }

  /* bbt:responsive-assumption: розкритий стан акордеона в майстрі 140:852 не показаний,
     падінги панелі підібрані під ритм рядків-toggle */
  .bbt-footer__col-list {
    padding: 12px 14px 16px;
  }

  .bbt-footer__authorised {
    display: none;
  }

  /* Юридичний бар: соцмережі скорочено, копірайт приглушений (за 140:852);
     bbt:responsive-assumption: юридичні посилання лишаються рядком-переносом,
     п'ятий акордеон «Legal» з UA-майстра не дублюємо */
  .bbt-footer__legal {
    border-block-start: 0;
  }

  .bbt-footer__legal-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-block: 18px 24px;
  }

  .bbt-footer__socials {
    order: 1;
    gap: 14px;
  }

  .bbt-footer__copyright {
    order: 2;
    color: var(--bbt-fg-tertiary);
  }

  .bbt-footer__legal-links {
    order: 3;
    flex-wrap: wrap;
  }

  .bbt-footer__soc-full {
    display: none;
  }

  .bbt-footer__soc-abbr {
    display: inline;
  }
}

.bbt-cookie {
  position: fixed;
  /* bbt:responsive-assumption: у майстрі задана лише картка (bottom-left card),
     відступи від краю вікна підібрані */
  inset-block-end: 20px;
  inset-inline-start: 20px;
  z-index: 120;
  inline-size: 480px;
  max-inline-size: calc(100vw - 40px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 26px 26px 24px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-default);
  color: var(--bbt-fg-primary);
  /* Elevation/3, знято з Figma 141:965 */
  box-shadow: 0 4px 8px rgba(13, 10, 38, 0.06), 0 14px 32px -8px rgba(13, 10, 38, 0.14);
}

.bbt-cookie[hidden] {
  display: none;
}

.bbt-cookie__title {
  font-size: var(--bbt-title-lg-size);
  line-height: var(--bbt-title-lg-lh);
  letter-spacing: var(--bbt-title-lg-ls);
  font-weight: var(--bbt-title-lg-weight);
}

.bbt-cookie__actions {
  display: flex;
  gap: 2px;
  padding-block-start: 4px;
  inline-size: 100%;
}

.bbt-cookie__actions .bbt-btn {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-cookie__actions .bbt-btn__label {
  flex: 1 0 0;
  justify-content: center;
  padding-inline: 8px;
}

.bbt-cookie__accept {
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-cookie__accept:hover {
  background: color-mix(in srgb, var(--bbt-bg-inverse) 82%, white);
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного макета банера немає, картка на всю ширину,
     кнопки переносяться */
  .bbt-cookie {
    inset-inline: 12px;
    inset-block-end: 12px;
    inline-size: auto;
    max-inline-size: none;
    padding: 20px 18px 18px;
  }

  .bbt-cookie__actions {
    flex-wrap: wrap;
  }

  .bbt-cookie__actions .bbt-btn {
    flex: 1 0 140px;
  }
}

.bbt-sticky-cta {
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  z-index: 110;
  display: none;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;

  padding-block-end: calc(12px + env(safe-area-inset-bottom));
  visibility: hidden;
  background: var(--bbt-bg-surface);
  border-block-start: 1px solid var(--bbt-border-default);
  color: var(--bbt-fg-primary);
  box-shadow: 0 -4px 8px rgba(13, 10, 38, 0.12); /* знято з Figma 141:1020 */
  transform: translateY(102%);
  transition: transform 0.25s ease;
}

@media (max-width: 767px) {
  .bbt-sticky-cta {
    display: flex;
  }
}

.bbt-sticky-cta.is-visible {
  transform: translateY(0);
  visibility: visible;
}

.bbt-sticky-cta__info {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.bbt-sticky-cta__title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
  font-weight: var(--bbt-heading-weight);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbt-sticky-cta__status {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-status-success-fg);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bbt-sticky-cta__btn {
  flex-shrink: 0;
}

.bbt-exit {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  /* bbt:responsive-assumption: скрім у майстрі не заданий, підібрано під картку */
  background: color-mix(in srgb, var(--bbt-bg-inverse) 44%, transparent);
}

.bbt-exit[hidden] {
  display: none;
}

@media (max-width: 767px) {
  .bbt-exit {
    display: none;
  }
}

.bbt-exit__card {
  position: relative;
  display: flex;
  inline-size: 620px;
  max-inline-size: 100%;
  min-block-size: 380px;
  background: var(--bbt-bg-surface);
  color: var(--bbt-fg-primary);
  /* Elevation/4, знято з Figma 141:997 */
  box-shadow: 0 8px 16px rgba(13, 10, 38, 0.08), 0 28px 60px -14px rgba(13, 10, 38, 0.2);
}

.bbt-exit__visual {
  position: relative;
  inline-size: 240px;
  flex-shrink: 0;
  background: linear-gradient(122deg, #0b0b12 0%, #2a1780 71%); /* знято з Figma 141:998 */ /* знято з Figma 141:998 */
}

.bbt-exit__visual-slot {
  position: absolute;
  inset-block-start: 110px;
  inset-inline-start: 75px;
  inline-size: 90px;
  block-size: 140px;
  border: 1.2px dashed color-mix(in srgb, var(--bbt-bg-accent) 80%, transparent);
  border-radius: 8px;
}

.bbt-exit__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  padding: 30px 28px 28px;
}

.bbt-exit__eyebrow {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

.bbt-exit__title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-exit__form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  inline-size: 100%;
}

.bbt-exit__input {
  block-size: 44px;
  inline-size: 100%;
  padding-inline: 14px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-exit__input::placeholder {
  color: var(--bbt-field-placeholder);
}

.bbt-exit__submit {
  inline-size: 100%;
  justify-content: space-between;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-inverse);
}

.bbt-exit__submit:hover {
  background: color-mix(in srgb, var(--bbt-bg-inverse) 82%, white);
}

.bbt-exit__close {
  position: absolute;
  inset-block-start: 12px;
  inset-inline-end: 12px;
  display: inline-flex;
  padding: 10px;
  background: var(--bbt-bg-muted);
  color: var(--bbt-fg-primary);
  transition: background-color 0.15s ease;
}

.bbt-exit__close:hover {
  background: var(--bbt-border-subtle);
}

.bbt-exit__close-icon {
  inline-size: 13px;
  block-size: 13px;
}

/* ============================================================
   Сторінка Platforms, каталог EN (Figma 211:909, «02 · Platforms, catalogue»)
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Компоненти карток/пошуку/пагінації/SEO беруться з blocks.css, тут
   тільки секційні каркаси + MD-розмір Product Card і атоми
   фільтр-бара (Select 129:108 і Chip 130:264 у зібраних партіях
   ДС відсутні, зверстані тут секційно).
   ============================================================ */

/* === platforms/02 hero (Figma 211:999) === */

.bbt-cat-hero__classes {
  inline-size: 420px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bbt-cat-hero__class {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-block: 10px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-cat-hero__class-badge {
  padding: 5px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-cat-hero__class-badge--a {
  background: var(--bbt-status-success-bg);
  color: var(--bbt-status-success-fg);
}

.bbt-cat-hero__class-badge--b {
  background: var(--bbt-status-info-bg);
  color: var(--bbt-status-info-fg);
}

.bbt-cat-hero__class-badge--c {
  background: var(--bbt-status-warning-bg);
  color: var(--bbt-status-warning-fg);
}

.bbt-cat-hero__class-desc {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
}

@media (max-width: 1023px) {
  .bbt-cat-hero__classes {
    inline-size: 100%;
  }
}

/* === platforms/03 filters (Figma 211:1028) === */

.bbt-cat-filters {
  background: var(--bbt-bg-surface);
  border-block: 1px solid var(--bbt-border-default);
}

.bbt-cat-filters__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 24px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-cat-filters__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bbt-cat-filters__search {
  flex: 1 0 0;
  min-inline-size: 0;
}

/* Майстер Search Field має бокс 52px; у фільтр-барі каталогу висота 44
   під висоту селектів (знято з Figma 211:1029) */
.bbt-cat-filters__search .bbt-search-field__box {
  block-size: 44px;
}

/* Select-тригер (майстер 129:108): дропдаун-меню це окремий організм,
   у статиці лише тригер з data-todo="js:" */
.bbt-cat-filters__select {
  inline-size: 260px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  block-size: 44px;
  padding-inline: 14px 10px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  text-align: start;
  transition: border-color 0.15s ease;
}

.bbt-cat-filters__select:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-cat-filters__select-label {
  flex: 1 0 0;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

@media (max-width: 1365px) {
  /* bbt:responsive-assumption: 4 селекти по 260 лишають пошуку менше 150px:
     пошук на весь рядок, селекти переносом 2x2 */
  .bbt-cat-filters__row {
    flex-wrap: wrap;
  }

  .bbt-cat-filters__search {
    flex: 1 1 100%;
  }

  .bbt-cat-filters__select {
    inline-size: auto;
    flex: 1 1 calc(50% - 6px);
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: селекти в стек, чіпи в горизонтальний
     scroll-row (патерн M2), край прострілюється до полів 20 */
  .bbt-cat-filters__inner {
    padding: 16px var(--bbt-container-pad-m);
  }

  .bbt-cat-filters__select {
    flex: 1 1 100%;
  }
}

/* === platforms/04 catalogue (Figma 211:1114) === */

.bbt-catalogue {
  background: var(--bbt-bg-canvas);
}

.bbt-catalogue__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-block: 64px;
}

.bbt-catalogue__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-catalogue__head-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-inline-size: 0;
}

.bbt-catalogue__meta {
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
}

.bbt-catalogue__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bbt-catalogue__grid > li {
  display: flex;
}

.bbt-catalogue__grid .bbt-product-card {
  inline-size: 100%;
}

.bbt-product-card--md .bbt-product-card__media {
  aspect-ratio: 421 / 200;
}

.bbt-product-card--md .bbt-product-card__body {
  flex: 1 0 auto;
  padding: 20px;
}

.bbt-product-card--md .bbt-product-card__title {
  font-size: var(--bbt-heading-xs-size);
  line-height: var(--bbt-heading-xs-lh);
  letter-spacing: var(--bbt-heading-xs-ls);
}

.bbt-product-card--md .bbt-product-card__price {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
}

.bbt-catalogue__gate {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 32px 36px;
  background: var(--bbt-hero-gradient);
}

.bbt-catalogue__gate-main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-catalogue__gate-chip {
  align-self: flex-start;
  padding: 5px 10px;
  border: 1px solid var(--bbt-overlay-white-24);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.72); /* знято з Figma 211:1547 */
  white-space: nowrap;
}

.bbt-catalogue__gate-title {
  font-size: var(--bbt-heading-md-size);
  line-height: var(--bbt-heading-md-lh);
  letter-spacing: var(--bbt-heading-md-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-inverse);
}

.bbt-catalogue__gate-desc {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: rgba(255, 255, 255, 0.78); /* знято з Figma 211:1549 */
}

.bbt-catalogue__gate-actions {
  inline-size: 280px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.bbt-catalogue__pagination {
  display: flex;
  justify-content: center;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет: сітка 2 колонки, банер у стек */
  .bbt-catalogue__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bbt-catalogue__gate {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-catalogue__gate-actions {
    inline-size: 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  /* Патерн M2 (143-108): картки в одну колонку.
     bbt:responsive-assumption: head у стек, кнопки банера на всю ширину */
  .bbt-catalogue__inner {
    padding-block: 48px;
    gap: 24px;
  }

  .bbt-catalogue__head {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-catalogue__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }

  .bbt-catalogue__gate {
    padding: 24px 20px;
  }

  .bbt-catalogue__gate-actions {
    flex-direction: column;
    align-items: stretch;
  }
}

/* === platforms/05 zero-result (Figma 211:1601) === */

/* === platforms/06 next-step (Figma 211:1655) === */

/* === platforms/07 seo-block (Figma 211:1706) === */

/* ============================================================
   BlueBird Tech · сторінка product (PDP class B, EN)
   Figma сторінка 211:1879, фрагмент партії «внутрішні сторінки».
   На фінальній збірці зливається в blocks.css, маркери секцій нижче.
   ============================================================ */

/* === product/02 breadcrumbs (Figma 211:1969, майстер 136:666) === */

.bbt-pdp-crumbs {
  background: var(--bbt-bg-surface);
}

.bbt-pdp-crumbs__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 20px var(--bbt-container-pad) 10px;
}

@media (max-width: 767px) {
  .bbt-pdp-crumbs__inner {
    padding-inline: var(--bbt-container-pad-m);
  }
}

/* === product/03 product-hero (Figma 211:1976) === */

.bbt-pdp-hero {
  background: var(--bbt-bg-surface);
}

.bbt-pdp-hero__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 28px var(--bbt-container-pad) 64px;
  display: grid;
  grid-template-columns: minmax(0, 680fr) minmax(0, 584fr);
  gap: 48px;
  align-items: start;
}

.bbt-pdp-hero__gallery {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-pdp-hero__stage {
  margin: 0;
  aspect-ratio: 34 / 23;
  background: var(--bbt-bg-surface-sunken);
  display: flex;
  align-items: center;
  padding-inline: 40px;
  min-inline-size: 0;
}

/* Мініатюри 5x(124x84); перемикання кадру: data-todo="js" на контейнері */
.bbt-pdp-hero__thumbs {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.bbt-pdp-hero__thumb {
  aspect-ratio: 31 / 21;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  cursor: pointer;
  padding: 0;
}

.bbt-pdp-hero__thumb.is-active {
  background: var(--bbt-bg-brand-subtle);
  border-color: var(--bbt-bg-brand);
}

.bbt-pdp-hero__main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-inline-size: 0;
}

.bbt-pdp-hero__flags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bbt-pdp-hero__flag {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid var(--bbt-border-default);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-pdp-hero__flag--class {
  border: 0;
  padding: 5px 10px;
  background: var(--bbt-status-info-bg);
  color: var(--bbt-status-info-fg);
}

.bbt-pdp-hero__supply {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
}

.bbt-pdp-hero__pricing {
  padding-block-start: 4px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bbt-pdp-hero__ctas {
  padding-block-start: 4px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-pdp-hero__cta-row {
  display: flex;
  gap: 12px;
}

.bbt-pdp-hero__cta-quote {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-pdp-hero__cta-quote .bbt-btn__label {
  flex: 1 0 0;
  justify-content: center;
}

.bbt-pdp-hero__cta-datasheet {
  inline-size: 100%;
}

.bbt-pdp-hero__cta-datasheet .bbt-btn__label {
  flex: 1 0 0;
  justify-content: center;
}

.bbt-pdp-hero__terms {
  padding-block-start: 8px;
}

.bbt-pdp-hero__term {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 13px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-pdp-hero__term-key {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-pdp-hero__term-value {
  inline-size: 260px;
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-primary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера PDP немає: колонки в стек,
     галерея на всю ширину над контентом (патерн M3) */
  .bbt-pdp-hero__inner {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .bbt-pdp-hero__inner {
    padding: 20px var(--bbt-container-pad-m) 48px;
  }

  /* bbt:responsive-assumption: мініатюри стають горизонтальним scroll-row
     (патерн M2/M3 для чіпів), 5 плиток на 350px не діляться */
  .bbt-pdp-hero__thumbs {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .bbt-pdp-hero__thumb {
    flex: 0 0 96px;
  }

  .bbt-pdp-hero__cta-row {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-pdp-hero__term {
    gap: 12px;
  }

  .bbt-pdp-hero__term-value {
    inline-size: auto;
    max-inline-size: 55%;
    text-align: end;
    margin-inline-start: auto;
  }
}

/* === product/04 availability (Figma 211:2057) === */

.bbt-pdp-availability {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-pdp-availability__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 80px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-pdp-availability__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.bbt-pdp-availability__card {
  background: var(--bbt-bg-surface);
  border-block-start: 3px solid;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-pdp-availability__card--ok { border-color: var(--bbt-status-success-fg); }
.bbt-pdp-availability__card--conditional { border-color: var(--bbt-status-warning-fg); }

.bbt-pdp-availability__status {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
  text-transform: uppercase;
}

.bbt-pdp-availability__card--ok .bbt-pdp-availability__status { color: var(--bbt-status-success-fg); }
.bbt-pdp-availability__card--conditional .bbt-pdp-availability__status { color: var(--bbt-status-warning-fg); }

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 2x2 на планшеті, мобільного мастера немає */
  .bbt-pdp-availability__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bbt-pdp-availability__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-pdp-availability__grid { grid-template-columns: minmax(0, 1fr); }
}

/* === product/05 specs-compliance (Figma 211:2082) === */

.bbt-pdp-specs {
  background: var(--bbt-bg-surface);
}

.bbt-pdp-specs__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-pdp-specs__body {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.bbt-pdp-specs__table-wrap {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-pdp-specs__col--value { inline-size: 260px; }
.bbt-pdp-specs__col--tier { inline-size: 110px; }

.bbt-pdp-specs__table tbody th {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 400;
  color: var(--bbt-fg-primary);
}

.bbt-pdp-specs__td--locked { color: var(--bbt-fg-tertiary); }

.bbt-pdp-specs__td--tier {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-primary);
}

.bbt-pdp-specs__td--tier-locked { color: var(--bbt-status-warning-fg); }

.bbt-pdp-specs__compliance {
  inline-size: 460px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-pdp-specs__compliance-box {
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
  padding: 16px 22px;
}

.bbt-pdp-specs__col--origin { inline-size: 110px; }
.bbt-pdp-specs__col--status { inline-size: 110px; }

.bbt-pdp-specs__compliance-table tbody tr:last-child th,
.bbt-pdp-specs__compliance-table tbody tr:last-child td {
  border-block-end: 0;
}

.bbt-pdp-specs__compliance-table tbody th {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 400;
  color: var(--bbt-fg-primary);
}

.bbt-pdp-specs__td--status {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-status-success-fg);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: proof-ряд у стек, compliance на всю ширину */
  .bbt-pdp-specs__body {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-pdp-specs__compliance { inline-size: 100%; }
}

@media (max-width: 767px) {
  .bbt-pdp-specs__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-pdp-specs__compliance-box { padding: 16px; }

  /* bbt:responsive-assumption: обидві таблиці стають рядками «label : value»
     (патерн M3 «Характеристики»), розмітка <table> зберігається,
     thead ховається візуально, підписи клітинок малює ::before з data-label */

  .bbt-pdp-specs__table tbody tr:last-child,
  .bbt-pdp-specs__compliance-table tbody tr:last-child { border-block-end: 0; }
}

/* === product/06 integration (Figma 211:2253) === */

.bbt-pdp-integration {
  background: var(--bbt-panel-gradient);
}

.bbt-pdp-integration__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-pdp-integration__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.bbt-pdp-integration__card {
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 2x2 на планшеті */
  .bbt-pdp-integration__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bbt-pdp-integration__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-pdp-integration__grid { grid-template-columns: minmax(0, 1fr); }
}

/* === product/07 evidence (Figma 211:2282) === */

.bbt-pdp-evidence {
  background: var(--bbt-hero-gradient);
}

.bbt-pdp-evidence__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-pdp-evidence .bbt-section__title {
  color: var(--bbt-fg-inverse);
}

.bbt-pdp-evidence__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid var(--bbt-border-inverse);
  border-inline-start: 1px solid var(--bbt-border-inverse);
}

.bbt-pdp-evidence__stats .bbt-stat-tile {
  border-width: 0 1px 1px 0;
}

.bbt-pdp-evidence .bbt-stat-tile__label {
  text-transform: uppercase;
}

.bbt-pdp-evidence__reviews {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: плитки 2x2 вже з 1279 (кегль значень) */
  .bbt-pdp-evidence__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: відгуки в один стовпець */
  .bbt-pdp-evidence__reviews { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  .bbt-pdp-evidence__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }
}

/* === product/08 configured-together (Figma 211:2489) === */

.bbt-pdp-related {
  background: var(--bbt-bg-surface);
}

.bbt-pdp-related__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-pdp-related__products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.bbt-pdp-related__products > li {
  display: flex;
  min-inline-size: 0;
}

.bbt-pdp-related__products .bbt-product-card {
  inline-size: 100%;
}

.bbt-pdp-related .bbt-product-card__media {
  aspect-ratio: 31 / 20; /* 310x200, знято з Figma 211:2498 */
}

.bbt-pdp-related__cross {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: товари 2x2, cross-картки в стовпець */
  .bbt-pdp-related__products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bbt-pdp-related__cross { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  .bbt-pdp-related__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-pdp-related__products { grid-template-columns: minmax(0, 1fr); }
}

/* === product/09 seo (Figma 211:2717, майстер 132:360) === */

/* ============================================================
   BlueBird Tech — сторінка services «04 · Services and support (EN)»
   Figma 212:2320. Фрагмент партії, на фінальній збірці зливається
   в blocks.css. Кольори/шрифти — тільки var(--bbt-*), винятки
   інлайнені з коментарем «знято з Figma NODE».
   ============================================================ */

/* === services/03 services-grid (Figma 212:2458) === */

.bbt-services-grid {
  background: var(--bbt-bg-surface);
}

.bbt-services-grid__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-services-grid__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.bbt-services-grid__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 32px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-services-grid__terms {
  inline-size: 100%;
  padding: 7px 12px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає — 2 колонки */
  .bbt-services-grid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: патерн M1 — картки в стек, ритм секції 48px */
  .bbt-services-grid__inner { padding-block: 48px; gap: 28px; }
  .bbt-services-grid__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .bbt-services-grid__card { padding: 24px 20px; }
}

/* === services/04 region-model (Figma 212:2503) === */

.bbt-region-model {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-region-model__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-region-model__matrix {
  padding: 16px 28px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-region-model__table thead th:not(.bbt-region-model__col--service) { inline-size: 200px; }

.bbt-region-model__note {
  padding: 16px 22px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 5 колонок не діляться на планшет/мобайл —
     горизонтальний скрол всередині боксу (патерн «стрічки → scroll»),
     а не label:value, бо це порівняльна матриця регіонів */
  .bbt-region-model__scroll { overflow-x: auto; }
  .bbt-region-model__table { min-inline-size: 880px; }
  .bbt-region-model__table thead th:not(.bbt-region-model__col--service) { inline-size: 160px; }
}

@media (max-width: 767px) {
  .bbt-region-model__inner { padding-block: 48px; gap: 28px; }
  .bbt-region-model__matrix { padding: 12px 20px; }
}

/* === services/05 process (Figma 212:2591) === */

.bbt-process {
  background: var(--bbt-bg-surface);
}

.bbt-process__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-process__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid var(--bbt-border-subtle);
  border-inline-start: 1px solid var(--bbt-border-subtle);
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-process__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 28px;
  background: var(--bbt-bg-canvas);
  border: solid var(--bbt-border-subtle);
  border-width: 0 1px 1px 0;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 2x2 на планшеті, мастера немає */
  .bbt-process__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bbt-process__inner { padding-block: 48px; gap: 28px; }
  .bbt-process__steps { grid-template-columns: minmax(0, 1fr); }
}

/* === services/06 objections (Figma 212:2616) === */

.bbt-objections {
  background: var(--bbt-panel-gradient);
}

.bbt-objections__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-objections__list {
  display: flex;
  flex-direction: column;
}

.bbt-objections__list .bbt-accordion-row +.bbt-accordion-row {
  margin-block-start: -1px;
}

@media (max-width: 767px) {
  .bbt-objections__inner { padding-block: 48px; gap: 28px; }
}

/* === services/07 briefing-request (Figma 212:2696) === */

.bbt-briefing {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-briefing__inner {
  padding-block: 96px;
  display: flex;
  align-items: flex-start;
  gap: 56px;
}

.bbt-briefing__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.bbt-briefing__heading {
  font-size: var(--bbt-heading-lg-size);
  line-height: var(--bbt-heading-lg-lh);
  letter-spacing: var(--bbt-heading-lg-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-briefing__lead {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  opacity: 0.78; /* знято з Figma 212:2704 */
}

.bbt-briefing__facts {
  inline-size: 100%;
  margin: 0;
  padding-block-start: 8px;
}

.bbt-briefing__fact {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 13px;
  border-block-end: 1px solid rgba(255, 255, 255, 0.14); /* знято з Figma 212:2706, overlay-токена немає */
}

.bbt-briefing__fact-key {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-briefing__fact-value {
  inline-size: 220px;
  flex-shrink: 0;
  margin: 0;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
}

.bbt-briefing__form {
  inline-size: 460px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 32px;
  /* Скляна картка форми: alpha-заливки знято з Figma 212:2726, overlay-токенів немає */
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
}

.bbt-briefing__input {
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-briefing__input::placeholder {
  color: var(--bbt-field-placeholder);
  opacity: 1;
}

.bbt-briefing__input:focus-visible {
  outline: none;
  border-color: #6a4fd0; /* знято з Figma 132:429, той самий прецедент, що search field */
  box-shadow: inset 0 0 0 0.6px #6a4fd0; /* знято з Figma 132:429 */
}

.bbt-briefing__note {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  opacity: 0.6;
}

@media (max-width: 1023px) {
  .bbt-briefing__inner { flex-direction: column; align-items: stretch; gap: 40px; }
  .bbt-briefing__form { inline-size: 100%; }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мастера немає — ритм 48px, форма з полями 20,
     кнопка на всю ширину */
  .bbt-briefing__inner { padding-block: 48px; }
  .bbt-briefing__form { padding: 24px 20px; }

  .bbt-briefing__fact-value { inline-size: 160px; }
}

/* === services/08 next-step (Figma 212:2744) === */

/* === services/09 seo (Figma 212:2795) === */

/* ============================================================
   BlueBird Tech: сторінка About (EN), Figma 212:2968
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Секції 09 next-step і 10 seo повністю реюзають класи home
   (.bbt-next-step,.bbt-seo): власних правил не мають.
   ============================================================ */

/* === about/03 brand-architecture (Figma 212:3103) === */

.bbt-about-brands {
  background: var(--bbt-bg-surface);
}

.bbt-about-brands__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-about-brands__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.bbt-about-brands__card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-about-brands__card--dark {
  background: var(--bbt-hero-gradient);
  border-color: transparent;
  color: var(--bbt-fg-on-brand);
}

.bbt-about-brands__scope {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
}

.bbt-about-brands__card--dark .bbt-about-brands__scope {
  opacity: 0.6;
}

.bbt-about-brands__card--dark .bbt-about-brands__desc {
  color: inherit;
  opacity: 0.8;
}

.bbt-about-brands__domain {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-about-brands__card--dark .bbt-about-brands__domain {
  color: inherit;
}

.bbt-about-brands__note {
  padding: 16px 22px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-tertiary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: три сутності в стек уже з планшета:
     на три колонки бракує ширини під heading-md назви */
  .bbt-about-brands__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .bbt-about-brands__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }
}

/* === about/04 ceo-letter (Figma 212:3129) === */

.bbt-ceo-letter {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-ceo-letter__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  align-items: flex-start;
  gap: 56px;
}

.bbt-ceo-letter__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.bbt-ceo-letter__body {
  font-size: var(--bbt-body-lg-size);
  line-height: var(--bbt-body-lg-lh);
  opacity: 0.8;
}

.bbt-ceo-letter__author {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block-start: 8px;
}

/* Ініціали в майстрі Avatar: Mono/data-lg 13/18; такого токена немає,
   найближчий Button/xl 13/16 (знято з Figma 212:3139) */
.bbt-ceo-letter__avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 56px;
  block-size: 56px;
  flex-shrink: 0;
  background: var(--bbt-bg-brand);
  color: var(--bbt-fg-on-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-button-xl-size);
  line-height: var(--bbt-button-xl-lh);
}

.bbt-ceo-letter__author-meta {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.bbt-ceo-letter__author-role {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  opacity: 0.6;
}

/* Зона фото засновника: дашед-рамка з макета: це і є плейсхолдер
   (знято з Figma 212:3145), лейбл лишається до появи фото */
.bbt-ceo-letter__photo {
  inline-size: 400px;
  flex-shrink: 0;
  aspect-ratio: 10 / 11;
  border: 1.2px dashed rgba(74, 59, 168, 0.6); /* знято з Figma 212:3145 */
  display: flex;
  align-items: center;
  padding-inline: 24px;
}

.bbt-ceo-letter__photo-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  opacity: 0.6;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: колонки в стек, фото на всю ширину
     з ландшафтною пропорцією замість портретної */
  .bbt-ceo-letter__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-ceo-letter__photo {
    inline-size: 100%;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 767px) {
  .bbt-ceo-letter__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 32px;
  }

  .bbt-ceo-letter__quote {
    font-size: var(--bbt-heading-sm-size);
    line-height: var(--bbt-heading-sm-lh);
    letter-spacing: var(--bbt-heading-sm-ls);
  }
}

/* === about/05 timeline (Figma 212:3147) === */

.bbt-about-timeline {
  background: var(--bbt-bg-surface);
}

.bbt-about-timeline__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-about-timeline__grid {
  display: flex;
  align-items: stretch;
}

.bbt-about-timeline__item {
  flex: 1 1 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 28px 26px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-about-timeline__item +.bbt-about-timeline__item {
  margin-inline-start: -1px;
}

.bbt-about-timeline__item--now {
  position: relative;
  z-index: 1;
  background: var(--bbt-bg-brand-subtle);
  border-color: var(--bbt-bg-brand);
}

.bbt-about-timeline__item--now .bbt-about-timeline__year {
  color: var(--bbt-fg-brand);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: пʼять років не вміщуються рядом:
     сітка 2 колонки з gap, колапс рамок вимикається */
  .bbt-about-timeline__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .bbt-about-timeline__item +.bbt-about-timeline__item {
    margin-inline-start: 0;
  }
}

@media (max-width: 767px) {
  .bbt-about-timeline__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-about-timeline__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

/* === about/06 manufacturing (Figma 212:3176) === */

.bbt-about-mfg {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-about-mfg__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-about-mfg__cols {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.bbt-about-mfg__photos {
  flex: 1 0 0;
  min-inline-size: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

/* Дашед-рамка фото-зони: плейсхолдер з макета до появи знімків
   (знято з Figma 212:3186) */
.bbt-about-mfg__photo {
  aspect-ratio: 392 / 250;
  border: 1.2px dashed rgba(74, 59, 168, 0.55); /* знято з Figma 212:3186 */
  display: flex;
  align-items: center;
  padding-inline: 24px;
}

.bbt-about-mfg__photo-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-about-mfg__facts {
  inline-size: 420px;
  flex-shrink: 0;
}

.bbt-about-mfg__fact {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-block: 20px;
  border-block-end: 1px dashed var(--bbt-border-default);
}

.bbt-about-mfg__fact:first-child {
  padding-block-start: 0;
}

.bbt-about-mfg__fact-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: факти під фото на всю ширину */
  .bbt-about-mfg__cols {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-about-mfg__facts {
    inline-size: 100%;
  }
}

@media (max-width: 767px) {
  .bbt-about-mfg__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  /* bbt:responsive-assumption: фото-зони в 1 колонку, лейбл читається */
  .bbt-about-mfg__photos {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

/* === about/07 leadership (Figma 212:3210) === */

.bbt-about-leadership {
  background: var(--bbt-bg-surface);
}

.bbt-about-leadership__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 96px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-about-leadership__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

/* В інстансах секції роль fg/primary, у майстрі 135:587: brand
   (знято з Figma 212:3227) */
.bbt-about-leadership .bbt-team-card__role {
  color: var(--bbt-fg-primary);
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: картки 2x2 вже з 1279, на 1024-1279 ролі
     в один рядок не вміщуються в чверть ширини */
  .bbt-about-leadership__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bbt-about-leadership__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-about-leadership__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === about/08 coverage (Figma 212:3263) === */

.bbt-about-coverage {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-about-coverage__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-about-coverage__logos {
  display: flex;
  align-items: stretch;
}

.bbt-about-coverage__logo {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 10px;
  background: rgba(255, 255, 255, 0.06); /* знято з Figma 212:3283 */
  border: 1px solid rgba(255, 255, 255, 0.14); /* знято з Figma 212:3283 */
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  text-align: center;
  color: rgba(255, 255, 255, 0.7); /* знято з Figma 212:3284 */
  white-space: nowrap;
}

.bbt-about-coverage__logo +.bbt-about-coverage__logo {
  margin-inline-start: -1px;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: шість плашок не вміщуються рядом:
     сітка 3 колонки з gap, колапс рамок вимикається */
  .bbt-about-coverage__logos {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
  }

  .bbt-about-coverage__logo +.bbt-about-coverage__logo {
    margin-inline-start: 0;
  }
}

@media (max-width: 767px) {
  .bbt-about-coverage__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-about-coverage__logos {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* === about/09 next-step (Figma 212:3295) === */

/* === about/10 seo (Figma 212:3346) === */

/* ============================================================
   BlueBird Tech — сторінка Contacts (Figma 212:3510, EN global)
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Секції 07 next-step і 08 seo реюзають класи home
   (.bbt-next-step,.bbt-seo) і власного CSS не мають.
   Картки десків —.bbt-contact-card з розділу cards2.
   ============================================================ */

/* === contacts/03 regional-desks (Figma 212:3645) === */

.bbt-desks {
  padding-block: 96px;
}

.bbt-desks >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-desks__grid {
  display: grid;
  gap: 24px;
}

.bbt-desks__grid > li {
  display: flex;
}

.bbt-desks__grid .bbt-contact-card {
  inline-size: 100%;
}

.bbt-desks--regional {
  background: var(--bbt-bg-surface);
}

.bbt-desks--regional .bbt-desks__grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: 4 картки по ~310px не вміщуються
     вже до 1280 (месенджер-чіпи + nowrap телефону) — 2x2 */
  .bbt-desks--regional .bbt-desks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного макета немає — картки в стек,
     вертикальний ритм секцій 56px (патерн M1) */
  .bbt-desks {
    padding-block: 56px;
  }

  .bbt-desks >.bbt-container {
    gap: 28px;
  }

  .bbt-desks--regional .bbt-desks__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbt-desks__grid {
    gap: 16px;
  }
}

/* === contacts/04 functional-desks (Figma 212:3852) === */

.bbt-desks--functional {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-desks--functional .bbt-desks__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет — 2 колонки, третя переносом */
  .bbt-desks--functional .bbt-desks__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bbt-desks--functional .bbt-desks__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* === contacts/05 legal (Figma 212:4101) === */

.bbt-legal {
  background: var(--bbt-hero-gradient);
  padding-block: 96px;
  color: var(--bbt-fg-on-brand);
}

.bbt-legal >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-legal__title {
  color: var(--bbt-fg-on-brand);
}

.bbt-legal__columns {
  display: flex;
  align-items: flex-start;
  gap: 56px;
}

.bbt-legal__col {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-legal__col-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-on-brand);
  opacity: 0.6;
}

.bbt-legal__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 13px;
  border-block-end: 1px solid var(--bbt-border-inverse);
}

.bbt-legal__key {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-legal__value {
  inline-size: 260px;
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
}

.bbt-legal__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-block-start: 8px;
}

@media (max-width: 1023px) {
  .bbt-legal__columns {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: рядок лишається «label : value» (патерн M3),
     значення втрачає фіксовані 260 і вирівнюється праворуч; кнопки в стек */
  .bbt-legal {
    padding-block: 56px;
  }

  .bbt-legal__value {
    inline-size: auto;
    flex: 1 0 0;
    min-inline-size: 0;
    text-align: end;
  }

  .bbt-legal__ctas {
    flex-direction: column;
    align-items: stretch;
  }
}

/* === contacts/06 request (Figma 212:4199) === */

.bbt-request {
  background: var(--bbt-bg-surface);
  padding-block: 96px;
}

.bbt-request >.bbt-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-request__body {
  display: flex;
  align-items: flex-start;
  gap: 56px;
}

.bbt-request__form {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 36px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-default);
}

.bbt-request__row {
  display: flex;
  gap: 16px;
}

.bbt-request__row >.bbt-request__field {
  flex: 1 0 0;
  min-inline-size: 0;
}

.bbt-request__field {
  position: relative;
}

.bbt-request__input {
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-request__input::placeholder {
  color: var(--bbt-field-placeholder);
  opacity: 1;
}

.bbt-request__input:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-request__input--lg {
  block-size: 52px;
  padding-inline: 16px;
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
}

.bbt-request__select {
  appearance: none;
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px 36px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
  cursor: pointer;
}

.bbt-request__select:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-request__chevron {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--bbt-fg-primary);
}

.bbt-request__consent {
  display: flex;
  align-items: center;
  gap: 12px;
  cursor: pointer;
}

.bbt-request__checkbox {
  appearance: none;
  flex-shrink: 0;
  inline-size: 20px;
  block-size: 20px;
  margin: 0;
  background: var(--bbt-bg-surface);
  border: 1.4px solid var(--bbt-border-strong);
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bbt-request__checkbox:checked {
  background: var(--bbt-bg-brand);
  border-color: var(--bbt-bg-brand);
}

.bbt-request__checkbox:checked::after {
  content: '';
  inline-size: 10px;
  block-size: 5px;
  border-inline-start: 2px solid var(--bbt-fg-on-brand);
  border-block-end: 2px solid var(--bbt-fg-on-brand);
  rotate: -45deg;
  translate: 0 -1px;
}

.bbt-request__checkbox:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: 1px;
}

.bbt-request__submit {
  inline-size: 100%;
  justify-content: space-between;
}

.bbt-request__steps {
  inline-size: 420px;
  flex-shrink: 0;
}

.bbt-request__steps-list {
  counter-reset: bbt-request-step;
}

.bbt-request__step {
  counter-increment: bbt-request-step;
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-block: 18px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-request__step::before {
  content: counter(bbt-request-step);
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-md-weight);
  font-size: var(--bbt-mono-data-md-size);
  line-height: var(--bbt-mono-data-md-lh);
  color: var(--bbt-fg-primary);
}

@media (max-width: 1023px) {
  .bbt-request__body {
    flex-direction: column;
    align-items: stretch;
    gap: 32px;
  }

  .bbt-request__steps {
    inline-size: 100%;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: поля форми в стек, паддінги стискаються
     до мобільного ритму (патерн M3 форм) */
  .bbt-request {
    padding-block: 56px;
  }

  .bbt-request__form {
    padding: 24px 20px;
  }

  .bbt-request__row {
    flex-direction: column;
    align-items: stretch;
  }
}

/* === contacts/07 next-step (Figma 212:4254) === */

/* === contacts/08 seo (Figma 212:4305, майстер 132:360) === */

/* ============================================================
   careers (сторінка 07 · Careers EN, Figma 215:4698)
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Реюз без власних правил: 03 filters (.bbt-cat-filters з platforms/03),
   05 zero-result (.bbt-empty з components.css), 10 seo (.bbt-seo з home/13),
   картки .bbt-vacancy-card /.bbt-review-card /.bbt-cross-card /
   .bbt-pagination — розділи cards/cards2 blocks.css.
   ============================================================ */

/* === careers/03 filters (Figma 215:4836) === */

/* === careers/04 open-roles (Figma 215:4904) === */

.bbt-careers-roles {
  background: var(--bbt-bg-surface);
}

.bbt-careers-roles__inner {
  padding-block: 72px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

.bbt-careers-roles__list {
  display: flex;
  flex-direction: column;
  gap: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-careers-roles__pagination {
  align-self: center;
  margin-block-start: 16px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного мастера немає — щільніший ритм списку;
     стек самої картки вже в правилах .bbt-vacancy-card (cards2) */
  .bbt-careers-roles__inner { padding-block: 48px; gap: 20px; }
  .bbt-careers-roles__list { gap: 16px; }
}

/* === careers/05 zero-result (Figma 215:5165) === */

/* === careers/06 why-here (Figma 215:5206) === */

.bbt-careers-why {
  background: var(--bbt-bg-surface);
}

.bbt-careers-why__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-careers-why__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-careers-why__card {
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає — 2 колонки */
  .bbt-careers-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bbt-careers-why__inner { padding-block: 48px; gap: 28px; }
  .bbt-careers-why__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}

/* === careers/07 hiring (Figma 215:5239) === */

.bbt-careers-hiring {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-careers-hiring__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-careers-hiring__steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid var(--bbt-border-subtle);
  border-inline-start: 1px solid var(--bbt-border-subtle);
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-careers-hiring__step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 28px;
  background: var(--bbt-bg-surface);
  border: solid var(--bbt-border-subtle);
  border-width: 0 1px 1px 0;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 2x2 на планшеті, мастера немає */
  .bbt-careers-hiring__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .bbt-careers-hiring__inner { padding-block: 48px; gap: 28px; }
  .bbt-careers-hiring__steps { grid-template-columns: minmax(0, 1fr); }
}

/* === careers/08 voices (Figma 215:5264) === */

.bbt-careers-voices {
  background: var(--bbt-bg-surface);
}

.bbt-careers-voices__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-careers-voices__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-careers-voices__grid > li {
  display: flex;
}

.bbt-careers-voices__grid .bbt-review-card {
  inline-size: 100%;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає — картки в стек */
  .bbt-careers-voices__grid { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 767px) {
  .bbt-careers-voices__inner { padding-block: 48px; gap: 28px; }
  .bbt-careers-voices__grid { gap: 16px; }
}

/* === careers/09 next-step (Figma 215:5378) === */

/* === careers/10 seo (Figma 215:5429) === */

/* ============================================================
   BlueBird Tech · сторінка merch (08 · Merch, EN)
   Figma сторінка 215:5602, фрагмент партії «внутрішні сторінки».
   На фінальній збірці зливається в blocks.css, маркери розділів
   «=== merch/NN name (Figma NODE) ===» зберігаються.
   Карткові класи (.bbt-merch-card,.bbt-accordion-row,.bbt-pagination,
   .bbt-search-field,.bbt-empty-state,.bbt-cross-card,.bbt-breadcrumbs)
   живуть у розділах cards/cards2 і тут не дублюються.
   ============================================================ */

/* === merch/03 filters (Figma 215:5737) === */

.bbt-merch-filters {
  background: var(--bbt-bg-surface);
  border-block: 1px solid var(--bbt-border-default);
}

.bbt-merch-filters__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 24px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-merch-filters__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bbt-merch-filters__search {
  flex: 1 0 0;
  min-inline-size: 0;
}

/* Select-тригер (майстер 129:108): дропдаун-меню це окремий організм,
   у статиці лише тригер з data-todo="js:" */
.bbt-merch-filters__select {
  inline-size: 260px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  block-size: 44px;
  padding-inline: 14px 10px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  text-align: start;
  transition: border-color 0.15s ease;
}

.bbt-merch-filters__select:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-merch-filters__select-label {
  flex: 1 0 0;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: пошук + 3 селекти по 260 не вміщуються:
     пошук на весь рядок, селекти переносом */
  .bbt-merch-filters__row {
    flex-wrap: wrap;
  }

  .bbt-merch-filters__search {
    flex: 1 1 100%;
  }

  .bbt-merch-filters__select {
    inline-size: auto;
    flex: 1 1 calc(33% - 8px);
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: селекти в стек, чіпи в горизонтальний
     scroll-row (патерн M2), край прострілюється до полів 20 */
  .bbt-merch-filters__inner {
    padding: 16px var(--bbt-container-pad-m);
  }

  .bbt-merch-filters__select {
    flex: 1 1 100%;
  }
}

/* === merch/04 collection (Figma 215:5801) === */

.bbt-merch-collection {
  background: var(--bbt-bg-surface);
}

.bbt-merch-collection__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-block: 64px;
}

.bbt-merch-collection__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-merch-collection__head-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-inline-size: 0;
}

.bbt-merch-collection__note {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-merch-collection__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.bbt-merch-collection__grid > li {
  display: flex;
}

.bbt-merch-collection__grid .bbt-merch-card {
  inline-size: 100%;
}

.bbt-merch-collection__cartlink {
  display: flex;
  justify-content: flex-end;
}

.bbt-merch-collection__pagination {
  display: flex;
  justify-content: center;
  padding-block-start: 16px;
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: чотири плитки по 310 не вміщуються — 3 колонки */
  .bbt-merch-collection__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1023px) {
  .bbt-merch-collection__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: картки в стек (патерн M2), head стекається,
     нота логістики переносом під лічильник */
  .bbt-merch-collection__inner {
    padding-block: 48px;
    gap: 24px;
  }

  .bbt-merch-collection__head {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .bbt-merch-collection__note { white-space: normal; }

  .bbt-merch-collection__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === merch/05 bulk-sizing (Figma 215:6079) === */

.bbt-merch-bulk {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-merch-bulk__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-block: 88px;
}

.bbt-merch-bulk__row {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.bbt-merch-bulk__faq {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
}

.bbt-merch-bulk__faq .bbt-accordion-row +.bbt-accordion-row {
  margin-block-start: -1px;
}

.bbt-merch-bulk__sizing {
  inline-size: 420px;
  flex-shrink: 0;
}

.bbt-merch-bulk__col--size { inline-size: 110px; }

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає — стек,
     розмірна сітка на всю ширину під FAQ */
  .bbt-merch-bulk__row {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-merch-bulk__sizing {
    inline-size: 100%;
  }
}

@media (max-width: 767px) {
  .bbt-merch-bulk__inner {
    padding-block: 48px;
    gap: 28px;
  }
}

/* === merch/06 zero-result (Figma 215:6198) === */

/* === merch/07 next-step (Figma 215:6239) === */

/* === merch/08 seo (Figma 215:6290) === */

/* ============================================================
   BlueBird Tech: сторінка In the media (EN), Figma 215:6454
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Картки/пагінація/таби реюзають класи розділів cards/cards2
   (.bbt-news-card--media,.bbt-pagination,.bbt-tabs), секція 08 seo
   повністю реюзає .bbt-seo: власних правил не має.
   ============================================================ */

/* === media/03 filters (Figma 215:6589) === */

.bbt-media-filters {
  background: var(--bbt-bg-surface);
  border-block: 1px solid var(--bbt-border-default);
}

.bbt-media-filters__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 24px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.bbt-media-filters__chip-close {
  inline-size: 12px;
  block-size: 12px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: чіпи в горизонтальний scroll-row (патерн M2),
     край прострілюється до полів 20; таби скролить власний медіа-запит .bbt-tabs */
  .bbt-media-filters__inner {
    padding: 16px var(--bbt-container-pad-m);
  }
}

/* === media/04 outlets (Figma 215:6620) === */

.bbt-media-outlets {
  background: var(--bbt-bg-surface);
}

.bbt-media-outlets__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 64px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.bbt-media-outlets__grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-media-outlets__cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 26px 12px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
  text-align: center;
}

.bbt-media-outlets__cell +.bbt-media-outlets__cell {
  border-inline-start: 0;
}

.bbt-media-outlets__name {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: шість комірок не вміщуються: сітка 3x2,
     рамки рядів склеюються без подвоєння */
  .bbt-media-outlets__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .bbt-media-outlets__cell:nth-child(3n + 1) {
    border-inline-start: 1px solid var(--bbt-border-subtle);
  }

  .bbt-media-outlets__cell:nth-child(n + 4) {
    border-block-start: 0;
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобайл 2x3 (патерн стат-плиток M1) */
  .bbt-media-outlets__inner {
    padding: 48px var(--bbt-container-pad-m);
  }

  .bbt-media-outlets__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bbt-media-outlets__cell:nth-child(3n + 1) {
    border-inline-start: 0;
  }

  .bbt-media-outlets__cell:nth-child(2n + 1) {
    border-inline-start: 1px solid var(--bbt-border-subtle);
  }

  .bbt-media-outlets__cell:nth-child(n + 3) {
    border-block-start: 0;
  }
}

/* === media/05 coverage (Figma 215:6647) === */

.bbt-media-coverage {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-media-coverage__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 72px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.bbt-media-coverage__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-media-coverage__head-main {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

/* Select-тригер (майстер 129:108): дропдаун-меню це окремий організм,
   у статиці лише тригер з data-todo="js:". Висота 36 знята з Figma 215:6655
   (у фільтр-барі каталогу той самий майстер стоїть на 44). */
.bbt-media-coverage__select {
  inline-size: 260px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  block-size: 36px;
  padding-inline: 12px 8px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  text-align: start;
  transition: border-color 0.15s ease;
}

.bbt-media-coverage__select:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-media-coverage__select-label {
  flex: 1 0 0;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

/* Ґап 26px знято з Figma 215:6664 (1312 = 3x420 + 2x26), не стандартні 24 */
.bbt-media-coverage__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-media-coverage__grid > li {
  display: flex;
}

.bbt-media-coverage__grid .bbt-news-card {
  inline-size: 100%;
}

.bbt-media-coverage__pager {
  display: flex;
  justify-content: center;
  padding-block-start: 16px;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет 2 колонки */
  .bbt-media-coverage__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: картки в стек (патерн M1), head у колонку,
     селект на всю ширину */
  .bbt-media-coverage__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-media-coverage__head {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-media-coverage__select {
    inline-size: 100%;
  }

  .bbt-media-coverage__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === media/06 quoting-policy (Figma 215:6801) === */

.bbt-media-quoting {
  background: var(--bbt-bg-surface);
}

.bbt-media-quoting__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 80px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.bbt-media-quoting__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-media-quoting__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 26px 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: три принципи в стек уже з планшета */
  .bbt-media-quoting__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .bbt-media-quoting__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 24px;
  }
}

/* === media/07 next-step (Figma 215:6819) === */

/* === media/08 seo (Figma 215:6870) === */

/* ============================================================
   BlueBird Tech: сторінка Press centre (EN), Figma 215:7034
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Картки реюзають класи розділів cards/cards2 (.bbt-contact-card,
   .bbt-media-card,.bbt-stat-tile,.bbt-cross-card,.bbt-breadcrumbs),
   секція 10 seo повністю реюзає .bbt-seo: власних правил не має.
   ============================================================ */

/* === press/03 press-contacts (Figma 215:7169) === */

.bbt-press-contacts {
  background: var(--bbt-bg-surface);
}

.bbt-press-contacts__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-press-contacts__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-contacts__grid > li {
  display: flex;
}

.bbt-press-contacts__grid .bbt-contact-card {
  inline-size: 100%;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет: 2 колонки, третя переносом
     (патерн contacts/04) */
  .bbt-press-contacts__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bbt-press-contacts__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-press-contacts__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === press/04 brand-assets (Figma 215:7298) === */

.bbt-press-brand {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-press-brand__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-press-brand__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-brand__grid > li {
  display: flex;
}

.bbt-press-brand__grid .bbt-media-card {
  inline-size: 100%;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет 2x4 (4 колонки по ~230 ріжуть
     заголовки карток) */
  .bbt-press-brand__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобайл: картки в стек (патерн M1) */
  .bbt-press-brand__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-press-brand__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === press/05 photography (Figma 215:7459) === */

.bbt-press-photos {
  background: var(--bbt-bg-surface);
}

.bbt-press-photos__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-press-photos__chip-close {
  inline-size: 12px;
  block-size: 12px;
}

.bbt-press-photos__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-photos__grid > li {
  display: flex;
}

.bbt-press-photos__grid .bbt-media-card {
  inline-size: 100%;
}

.bbt-press-photos__note {
  padding: 18px 24px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет 2 колонки */
  .bbt-press-photos__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: чіпи в горизонтальний scroll-row (патерн M2),
     край прострілюється до полів 20; картки в стек */
  .bbt-press-photos__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-press-photos__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === press/06 video (Figma 215:7598) === */

.bbt-press-video {
  background: var(--bbt-panel-gradient);
}

.bbt-press-video__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-press-video__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-video__grid > li {
  display: flex;
}

.bbt-press-video__grid .bbt-media-card {
  inline-size: 100%;
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшет 2 колонки */
  .bbt-press-video__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bbt-press-video__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-press-video__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === press/07 kit-rules (Figma 215:7749) === */

.bbt-press-kit {
  background: var(--bbt-bg-surface);
}

.bbt-press-kit__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

.bbt-press-kit__panel {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  padding: 36px;
  background: var(--bbt-hero-gradient);
}

.bbt-press-kit__title {
  font-size: var(--bbt-heading-lg-size);
  line-height: var(--bbt-heading-lg-lh);
  letter-spacing: var(--bbt-heading-lg-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-on-brand);
}

.bbt-press-kit__desc {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-on-brand);
  opacity: 0.78; /* знято з Figma 215:7757 */
}

.bbt-press-kit__ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bbt-press-kit__rules {
  inline-size: 480px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}

.bbt-press-kit__rules-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-press-kit__rules-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-kit__rule {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-block: 16px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-press-kit__rule-chip {
  flex-shrink: 0;
  padding: 5px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-press-kit__rule-chip--allowed {
  background: var(--bbt-status-success-bg);
  color: var(--bbt-status-success-fg);
}

/* знято з Figma 215:7786 */
.bbt-press-kit__rule-chip--not-allowed {
  background: var(--bbt-status-error-bg);
  color: var(--bbt-status-error-fg);
}

.bbt-press-kit__rule-text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

@media (max-width: 1023px) {
  .bbt-press-kit__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-press-kit__rules {
    inline-size: 100%;
  }
}

@media (max-width: 767px) {
  .bbt-press-kit__inner {
    padding: 56px var(--bbt-container-pad-m);
  }

  .bbt-press-kit__panel {
    padding: 24px 20px;
  }

  .bbt-press-kit__ctas {
    flex-direction: column;
    align-items: stretch;
    inline-size: 100%;
  }
}

/* === press/08 facts (Figma 215:7793) === */

.bbt-press-facts {
  background: var(--bbt-hero-gradient);
}

.bbt-press-facts__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-press-facts .bbt-section__title {
  color: var(--bbt-fg-on-brand);
}

.bbt-press-facts__stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-block-start: 1px solid var(--bbt-border-inverse);
  border-inline-start: 1px solid var(--bbt-border-inverse);
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-press-facts__stats .bbt-stat-tile {
  border-width: 0 1px 1px 0;
}

.bbt-press-facts .bbt-stat-tile__label {
  text-transform: uppercase;
}

/* Бокс boilerplate: поверхня і рамка поза токенами, знято з Figma 215:7826 */
.bbt-press-facts__boiler {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: rgba(255, 255, 255, 0.05); /* знято з Figma 215:7826 */
  border: 1px solid rgba(255, 255, 255, 0.16); /* знято з Figma 215:7826 */
}

.bbt-press-facts__boiler-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.bbt-press-facts__boiler-label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-on-brand);
}

.bbt-press-facts__boiler-text {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-on-brand);
  opacity: 0.82; /* знято з Figma 215:7840 */
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: плитки 2x2 вже з планшета
     (display-кегль «1,800 m²» не влазить у чверть ширини) */
  .bbt-press-facts__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .bbt-press-facts__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 28px;
  }

  .bbt-press-facts__boiler {
    padding: 20px;
  }

  /* bbt:responsive-assumption: head боксу переносом, кнопка під лейблом */
  .bbt-press-facts__boiler-head {
    flex-wrap: wrap;
  }
}

/* === press/09 next-step (Figma 215:7841) === */

/* === press/10 seo (Figma 215:7892) === */

/* ============================================================
   BlueBird Tech: сторінка Partners and offsets (Figma 216:7243, EN global)
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Секції 06 process, 07 questions, 10 seo реюзають класи services/home
   (.bbt-process,.bbt-objections,.bbt-seo) і власного CSS не мають.
   Секція 08 apply реюзає .bbt-briefing (services/07), тут тільки Select.
   ============================================================ */

/* === partners/03 models (Figma 216:7381) === */

.bbt-partners-models {
  background: var(--bbt-bg-surface);
}

.bbt-partners-models__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 44px;
}

.bbt-partners-models__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-partners-models__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-partners-models__fit {
  inline-size: 100%;
  padding: 7px 12px;
  background: var(--bbt-bg-brand-subtle);
  color: var(--bbt-fg-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного мастера немає, 2 колонки */
  .bbt-partners-models__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: патерн M1, картки в стек, ритм секції 48px */
  .bbt-partners-models__inner { padding-block: 48px; gap: 28px; }
  .bbt-partners-models__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; }
  .bbt-partners-models__card { padding: 24px 20px; }
}

/* === partners/04 ip-position (Figma 216:7415) === */

.bbt-partners-ip {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-partners-ip__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-partners-ip__table thead th {
  /* рамка шапки white 36%, знято з Figma 216:7424, токен-відповідника немає */
  border-block-end: 1px solid color-mix(in srgb, var(--bbt-fg-inverse) 36%, transparent);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  color: var(--bbt-fg-on-brand);
  opacity: 0.6;
}

.bbt-partners-ip__table thead th:not(.bbt-partners-ip__col--item) { inline-size: 180px; }

.bbt-partners-ip__table tbody th,
.bbt-partners-ip__table tbody td {
  /* рамки рядків white 14%, знято з Figma 216:7435, токен-відповідника немає */
  border-block-end: 1px solid color-mix(in srgb, var(--bbt-fg-inverse) 14%, transparent);
}

.bbt-partners-ip__table tbody th {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 400;
}

.bbt-partners-ip__table tbody td {
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
}

.bbt-partners-ip__note {
  padding: 16px 22px;
  /* white 5%, знято з Figma 216:7512, той самий прецедент, що note секції 10 головної */
  background: color-mix(in srgb, var(--bbt-fg-inverse) 5%, transparent);
}

.bbt-partners-ip__note p {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: color-mix(in srgb, var(--bbt-fg-on-brand) 72%, transparent);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 5 колонок не діляться на планшет/мобайл:
     горизонтальний скрол (патерн region-model), бо це порівняльна матриця */
  .bbt-partners-ip__scroll { overflow-x: auto; }
  .bbt-partners-ip__table { min-inline-size: 880px; }
  .bbt-partners-ip__table thead th:not(.bbt-partners-ip__col--item) { inline-size: 150px; }
}

@media (max-width: 767px) {
  .bbt-partners-ip__inner { padding-block: 48px; gap: 28px; }
}

/* === partners/05 localisation (Figma 216:7514) === */

.bbt-partners-local {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-partners-local__inner {
  padding-block: 96px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.bbt-partners-local__matrix {
  padding: 16px 28px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-partners-local__table thead th {
  letter-spacing: var(--bbt-mono-label-xs-ls);
}

.bbt-partners-local__table thead .bbt-partners-local__col--authority,
.bbt-partners-local__table thead .bbt-partners-local__col--target { inline-size: 220px; }
.bbt-partners-local__table thead .bbt-partners-local__col--current { inline-size: 150px; }
.bbt-partners-local__table thead .bbt-partners-local__col--route { inline-size: 260px; }

.bbt-partners-local__table tbody .bbt-partners-local__td--route {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  color: var(--bbt-fg-primary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: 5 колонок: горизонтальний скрол всередині боксу
     (патерн region-model), а не label:value, бо це порівняльна таблиця ринків */
  .bbt-partners-local__scroll { overflow-x: auto; }
  .bbt-partners-local__table { min-inline-size: 960px; }
  .bbt-partners-local__table thead .bbt-partners-local__col--authority,
  .bbt-partners-local__table thead .bbt-partners-local__col--target { inline-size: 180px; }
  .bbt-partners-local__table thead .bbt-partners-local__col--route { inline-size: 200px; }
}

@media (max-width: 767px) {
  .bbt-partners-local__inner { padding-block: 48px; gap: 28px; }
  .bbt-partners-local__matrix { padding: 12px 20px; }
}

/* === partners/06 process (Figma 216:7600) === */

/* === partners/07 questions (Figma 216:7625) === */

/* === partners/08 apply (Figma 216:7712) === */

.bbt-partners-apply__select-wrap {
  position: relative;
  inline-size: 100%;
  display: block;
}

.bbt-partners-apply__select {
  appearance: none;
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px 36px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-partners-apply__select:focus-visible {
  outline: none;
  border-color: #6a4fd0; /* знято з Figma 132:429, той самий прецедент, що search field і .bbt-briefing__input */
  box-shadow: inset 0 0 0 0.6px #6a4fd0; /* знято з Figma 132:429 */
}

.bbt-partners-apply__select-wrap >.bbt-icon {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--bbt-fg-primary);
}

/* === partners/09 next-step (Figma 216:7766) === */

/* === partners/10 seo (Figma 216:7817) === */

/* ============================================================
   BlueBird Tech: сторінка References and case studies (EN),
   Figma 216:7990. Фрагмент партії: на фінальній збірці
   зливається в blocks.css.
   Реюз: Review Card / Pagination / Empty State / Cross-sell Card /
   Search Field (розділи cards/cards2),.bbt-breadcrumbs,.bbt-seo
   (секція 09 без власних правил). Патерн таблиці = секція
   06 evidence головної, патерн hero = media/02 hero.
   ============================================================ */

/* === references/03 filters (Figma 216:8125) === */

.bbt-ref-filters {
  background: var(--bbt-bg-surface);
  border-block: 1px solid var(--bbt-border-default);
}

.bbt-ref-filters__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 24px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-ref-filters__row {
  display: flex;
  align-items: center;
  gap: 12px;
}

.bbt-ref-filters__search {
  flex: 1 0 0;
  min-inline-size: 0;
}

/* Select-тригер (майстер 129:108): дропдаун-меню це окремий організм,
   у статиці лише тригер з data-todo="js:" */
.bbt-ref-filters__select {
  inline-size: 260px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  block-size: 44px;
  padding-inline: 14px 10px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  text-align: start;
  transition: border-color 0.15s ease;
}

.bbt-ref-filters__select:hover {
  border-color: var(--bbt-border-strong);
}

.bbt-ref-filters__select-label {
  flex: 1 0 0;
  min-inline-size: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-ref-filters__chip-close {
  inline-size: 12px;
  block-size: 12px;
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: пошук + 3 селекти по 260 не вміщуються:
     пошук на весь рядок, селекти переносом */
  .bbt-ref-filters__row {
    flex-wrap: wrap;
  }

  .bbt-ref-filters__search {
    flex: 1 1 100%;
  }

  .bbt-ref-filters__select {
    inline-size: auto;
    flex: 1 1 calc(33% - 8px);
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: селекти в стек, чіпи в горизонтальний
     scroll-row (патерн M2), край прострілюється до полів 20 */
  .bbt-ref-filters__inner {
    padding: 16px var(--bbt-container-pad-m);
  }

  .bbt-ref-filters__select {
    flex: 1 1 100%;
  }
}

/* === references/04 references-table (Figma 216:8193) === */

.bbt-ref-table {
  background: var(--bbt-bg-surface);
}

.bbt-ref-table__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 80px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-ref-table__box {
  padding: 16px 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-ref-table__col--platforms { inline-size: 230px; }
.bbt-ref-table__col--scale { inline-size: 150px; }
.bbt-ref-table__col--since { inline-size: 150px; }
.bbt-ref-table__col--call { inline-size: 150px; }

.bbt-ref-table__td--call {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
}

.bbt-ref-table__td--call.is-available { color: var(--bbt-status-success-fg); }
.bbt-ref-table__td--call.is-limited { color: var(--bbt-status-warning-fg); }

@media (max-width: 767px) {
  /* bbt:responsive-assumption: секція без UA-аналога; head стекається
     через components.css, кнопка на всю ширину */
  .bbt-ref-table__inner {
    padding: 48px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-ref-table__box { padding: 20px; }

  /* bbt:responsive-assumption: таблиця перебудовується в рядки «label : value»
     (патерн M3, той самий CSS-прийом, що 06 evidence): розмітка <table>
     зберігається, thead ховається візуально, підписи клітинок
     малює ::before з data-label */

  .bbt-ref-table__table tr:last-child { border-block-end: 0; }
}

/* === references/05 case-studies (Figma 216:8288) === */

.bbt-ref-cases {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-ref-cases__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-ref-cases__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-ref-cases__grid > li {
  display: flex;
}

.bbt-ref-case {
  inline-size: 100%;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 28px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-ref-case__media {
  block-size: 180px;
  background: var(--bbt-bg-surface-sunken);
}

.bbt-ref-case__meta {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
}

.bbt-ref-case__link {
  margin-block-start: auto;
  padding-block-start: 6px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  transition: color 0.15s ease;
}

.bbt-ref-case__link:hover {
  color: var(--bbt-fg-brand);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: три кейси в стек уже з планшета (сирітська
     третя картка при 2 колонках; той самий висновок, що media-quoting) */
  .bbt-ref-cases__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 767px) {
  .bbt-ref-cases__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-ref-cases__grid {
    gap: 16px;
  }
}

/* === references/06 feedback (Figma 216:8315) === */

/* Картки =.bbt-review-card (cards2), пагінація =.bbt-pagination.
   Ґап 26px знято з Figma 216:8351 (1312 = 3x420 + 2x26), не стандартні 24. */

.bbt-ref-feedback {
  background: var(--bbt-bg-surface);
}

.bbt-ref-feedback__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 88px var(--bbt-container-pad);
  display: flex;
  flex-direction: column;
  gap: 36px;
}

.bbt-ref-feedback__summary {
  inline-size: 380px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-default);
}

.bbt-ref-feedback__score {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex-shrink: 0;
}

.bbt-ref-feedback__score-value {
  font-size: var(--bbt-display-sm-size);
  line-height: var(--bbt-display-sm-lh);
  letter-spacing: var(--bbt-display-sm-ls);
  font-weight: var(--bbt-display-weight);
  color: var(--bbt-fg-primary);
}

.bbt-ref-feedback__score-side {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.bbt-ref-feedback__stars {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  block-size: 20px;
  color: var(--bbt-fg-primary);
}

.bbt-ref-feedback__stars .bbt-icon {
  inline-size: 15px;
  block-size: 15px;
}

.bbt-ref-feedback__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 26px;
  align-items: start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbt-ref-feedback__grid .bbt-review-card {
  inline-size: 100%;
}

.bbt-ref-feedback__pager {
  display: flex;
  justify-content: center;
  padding-block-start: 16px;
}

.bbt-ref-feedback__policy {
  padding: 16px 22px;
  background: var(--bbt-bg-surface-sunken);
  border: 1px solid var(--bbt-border-subtle);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: head зі зведенням у стек раніше за
     глобальні 767 (бокс 380 + довгий H2 не діляться шириною планшета) */
  .bbt-ref-feedback__head {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-ref-feedback__summary {
    inline-size: 100%;
  }

  .bbt-ref-feedback__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: картки в стек (патерн M1) */
  .bbt-ref-feedback__inner {
    padding: 56px var(--bbt-container-pad-m);
    gap: 24px;
  }

  .bbt-ref-feedback__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
  }
}

/* === references/07 zero-result (Figma 216:8610) === */

/* === references/08 next-step (Figma 216:8651) === */

/* === references/09 seo (Figma 216:8702) === */

/* ============================================================
   BlueBird Tech · сторінка cart (13 · Cart, EN)
   Figma сторінка 216:8866, фрагмент партії «внутрішні сторінки».
   На фінальній збірці зливається в blocks.css, маркери розділів
   «=== cart/NN name (Figma NODE) ===» зберігаються.
   Компоненти ДС (.bbt-breadcrumbs,.bbt-qty-stepper,.bbt-product-card,
   .bbt-stock-status,.bbt-empty-state,.bbt-cross-card,.bbt-eyebrow,
   .bbt-btn) живуть у розділах cards/cards2/components і тут не дублюються.
   legal: вся сторінка під питанням vs (корзина Class A),
   показ цін/контролів вимикає body[data-prices="off"] у base.css.
   ============================================================ */

/* === cart/02 breadcrumbs (Figma 216:8956, майстер 136:666) === */

.bbt-cart-crumbs {
  background: var(--bbt-bg-surface);
}

.bbt-cart-crumbs__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 24px var(--bbt-container-pad) 8px;
}

@media (max-width: 767px) {
  .bbt-cart-crumbs__inner {
    padding-inline: var(--bbt-container-pad-m);
  }
}

/* === cart/03 cart (Figma 216:8963) === */

.bbt-cart {
  background: var(--bbt-bg-surface);
}

.bbt-cart__inner {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  padding-block: 24px 80px;
}

.bbt-cart__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.bbt-cart__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.bbt-cart__head-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-inline-size: 0;
}

.bbt-cart__title {
  font-size: var(--bbt-heading-xl-size);
  line-height: var(--bbt-heading-xl-lh);
  letter-spacing: var(--bbt-heading-xl-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-cart__vat-note {
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-cart-lines {
  display: flex;
  flex-direction: column;
}

.bbt-cart-lines__row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-block: 20px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-cart-lines__media {
  inline-size: 96px;
  block-size: 72px;
  flex-shrink: 0;
  background: var(--bbt-bg-surface-sunken);
}

.bbt-cart-lines__info {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bbt-cart-lines__cat {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-cart-lines__stock {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-cart-lines__stock-dot {
  inline-size: 6px;
  block-size: 6px;
  flex-shrink: 0;
  background: var(--bbt-status-success-fg);
}

.bbt-cart-lines__stock--warning .bbt-cart-lines__stock-dot {
  background: var(--bbt-status-warning-fg);
}

.bbt-cart-lines__trade {
  display: flex;
  align-items: center;
  gap: 20px;
}

.bbt-cart-lines__unit {
  inline-size: 110px;
  text-align: end;
  font-family: var(--bbt-font-mono);
  font-weight: var(--bbt-mono-data-sm-weight);
  font-size: var(--bbt-mono-data-sm-size);
  line-height: var(--bbt-mono-data-sm-lh);
  letter-spacing: var(--bbt-mono-data-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-cart-lines__line {
  inline-size: 120px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.bbt-cart-lines__remove {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  transition: color 0.15s ease;
}

.bbt-cart-lines__remove:hover {
  color: var(--bbt-fg-primary);
}

.bbt-cart-notice {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 20px 24px;
  background: var(--bbt-status-info-bg);
}

.bbt-cart-notice__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bbt-cart-notice__title {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: 500;
  color: var(--bbt-status-info-fg);
}

.bbt-cart-notice__cta {
  flex-shrink: 0;
}

.bbt-cart-related {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-block-start: 12px;
}

.bbt-cart-related__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.bbt-cart-related__grid > li {
  display: flex;
}

.bbt-cart-related__grid .bbt-product-card {
  inline-size: 100%;
}

.bbt-cart-aside {
  inline-size: 420px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bbt-cart-aside__panel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 28px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-default);
}

.bbt-cart-aside__panel--compliance {
  background: var(--bbt-bg-surface);
}

.bbt-cart-aside__panel--terms {
  border-color: var(--bbt-border-subtle);
  gap: 12px;
}

.bbt-cart-summary,
.bbt-cart-terms {
  inline-size: 100%;
}

.bbt-cart-summary__row,
.bbt-cart-terms__row {
  display: flex;
  align-items: center;
  gap: 16px;
  padding-block: 13px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-cart-summary__key,
.bbt-cart-terms__key {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-cart-summary__value { inline-size: 140px; }
.bbt-cart-terms__value {
  inline-size: 200px;
}

@media (max-width: 767px) {
  /* вузький екран: значення віддає фікс-ширину, ключ не тисне */
  .bbt-cart-terms__value {
    inline-size: auto;
    flex: 1 1 auto;
    min-inline-size: 0;
    text-align: end;
  }

  .bbt-cart-terms__key {
    flex: 0 1 auto;
  }
}

.bbt-cart-summary__total {
  inline-size: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block-start: 14px;
}

.bbt-cart-aside__field {
  position: relative;
  inline-size: 100%;
}

.bbt-cart-aside__select {
  appearance: none;
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px 40px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
  cursor: pointer;
}

.bbt-cart-aside__select:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-cart-aside__chevron {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--bbt-fg-primary);
}

.bbt-cart-aside__status {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-block-start: 4px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-status-success-fg);
}

.bbt-cart-aside__status-dot {
  inline-size: 8px;
  block-size: 8px;
  flex-shrink: 0;
  background: var(--bbt-status-success-fg);
}

@media (max-width: 1279px) {
  /* bbt:responsive-assumption: планшетного макета корзини немає:
     колонки в стек, сайдбар під списком на всю ширину; кількість карток
     у ряду рахує auto-fit від мінімальної ширини картки 240px */
  .bbt-cart__inner {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-cart-aside {
    inline-size: 100%;
  }
}

@media (max-width: 767px) {
  .bbt-cart__inner {
    padding-block: 16px 56px;
  }

  .bbt-cart__head {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .bbt-cart__title {
    font-size: var(--bbt-heading-sm-size);
    line-height: var(--bbt-heading-sm-lh);
    letter-spacing: var(--bbt-heading-sm-ls);
  }

  /* bbt:responsive-assumption: рядок корзини за патерном M3:
     медіа + інфо зверху, торговий ряд переносом на всю ширину */
  .bbt-cart-lines__row {
    flex-wrap: wrap;
  }

  .bbt-cart-lines__trade {
    inline-size: 100%;
    justify-content: space-between;
    gap: 12px;
  }

  .bbt-cart-lines__unit {
    inline-size: auto;
    text-align: start;
  }

  .bbt-cart-notice {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-cart-notice__cta {
    justify-content: space-between;
  }

  .bbt-cart-related__grid {
    gap: 16px;
  }

  .bbt-cart-aside__cta {
    inline-size: 100%;
    justify-content: space-between;
  }
}

/* === cart/04 empty (Figma 216:9292) === */

/* ============================================================
   BlueBird Tech: сторінка Search (EN), Figma 216:9457
   Фрагмент партії: на фінальній збірці зливається в blocks.css.
   Реюз компонентів партій 1-2:.bbt-breadcrumbs,.bbt-search-field,
   .bbt-empty-state,.bbt-cross-card,.bbt-pagination,.bbt-eyebrow,
   .bbt-section__head. Чіпи (мастер 130:264) — свої класи, бо
   .bbt-cat-filters__chip живе в розділі platforms (як у media/merch).
   ============================================================ */

/* === search/02 hero (Figma 216:9547) === */

.bbt-search-hero__field {
  inline-size: 100%;
}

.bbt-search-hero .bbt-search-field__suggestions {
  position: static;
}

@media (max-width: 767px) {
  .bbt-search-hero .bbt-search-field__option {
    flex-wrap: wrap;
  }

  .bbt-search-hero .bbt-search-field__option-meta {
    white-space: normal;
  }
}

/* === search/03 type-tabs (Figma 216:9592) === */

.bbt-search-tabs {
  background: var(--bbt-bg-surface);
  border-block: 1px solid var(--bbt-border-default);
}

.bbt-search-tabs__inner {
  padding-block: 20px;
}

.bbt-search-tabs__chip-close {
  inline-size: 12px;
  block-size: 12px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: чіпи в горизонтальний scroll-row (патерн M2),
     край прострілюється до полів 20 */
  .bbt-search-tabs__inner {
    padding-block: 16px;
  }
}

/* === search/04 best-match (Figma 216:9614) === */

.bbt-search-best {
  background: var(--bbt-bg-surface);
}

.bbt-search-best__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-block: 64px;
}

.bbt-search-best__card {
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 32px;
  background: var(--bbt-bg-canvas);
  /* border/brand відсутній у variables: значення збігається з bg/brand
     (знято з Figma 216:9622) */
  border: 1px solid var(--bbt-bg-brand);
}

.bbt-search-best__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.bbt-search-best__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bbt-search-best__tag {
  padding: 5px 10px;
  border: 1px solid var(--bbt-border-default);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

.bbt-search-best__cta {
  flex-shrink: 0;
}

@media (max-width: 1023px) {
  .bbt-search-best__card {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 767px) {
  .bbt-search-best__inner {
    padding-block: 48px;
    gap: 24px;
  }

  .bbt-search-best__card {
    padding: 20px;
    gap: 20px;
  }
}

/* === search/05 results (Figma 216:9639) === */

.bbt-search-results {
  background: var(--bbt-bg-canvas);
  border-block-start: 1px dashed var(--bbt-border-subtle);
}

.bbt-search-results__inner {
  display: flex;
  flex-direction: column;
  gap: 28px;
  padding-block: 72px;
}

.bbt-search-results__list {
  display: flex;
  flex-direction: column;
}

.bbt-search-results__row {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-block: 20px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-search-results__type {
  inline-size: 110px;
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
}

.bbt-search-results__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.bbt-search-results__link {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
  color: var(--bbt-fg-primary);
  text-decoration: none;
}

.bbt-search-results__link:hover {
  text-decoration: underline;
}

.bbt-search-results__badge {
  flex-shrink: 0;
  padding: 5px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-search-results__badge--success {
  background: var(--bbt-status-success-bg);
  color: var(--bbt-status-success-fg);
}

.bbt-search-results__badge--info {
  background: var(--bbt-status-info-bg);
  color: var(--bbt-status-info-fg);
}

.bbt-search-results__badge--warning {
  background: var(--bbt-status-warning-bg);
  color: var(--bbt-status-warning-fg);
}

.bbt-search-results__action {
  flex-shrink: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-primary);
  white-space: nowrap;
}

.bbt-search-results__row--locked .bbt-search-results__link {
  color: var(--bbt-fg-tertiary);
}

.bbt-search-results__row--locked .bbt-search-results__action {
  color: var(--bbt-status-warning-fg);
}

.bbt-search-results__pagination {
  display: flex;
  justify-content: center;
  padding-block-start: 16px;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного макета немає: тип на свій рядок,
     назва/опис під ним, бейдж і дія в хвості (патерн «label : value» M3) */
  .bbt-search-results__inner {
    padding-block: 48px;
    gap: 24px;
  }

  .bbt-search-results__row {
    flex-wrap: wrap;
    row-gap: 8px;
  }

  .bbt-search-results__type {
    inline-size: 100%;
  }

  .bbt-search-results__main {
    flex: 1 1 100%;
  }
}

/* === search/06 zero-result (Figma 216:9736) === */

/* === search/07 popular-queries (Figma 216:9777) === */

.bbt-search-popular {
  background: var(--bbt-panel-gradient);
}

.bbt-search-popular__inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-block: 80px;
}

.bbt-search-popular__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.bbt-search-popular__chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  block-size: 36px;
  padding-inline: 14px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-default);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-md-size);
  line-height: var(--bbt-mono-label-md-lh);
  letter-spacing: var(--bbt-mono-label-md-ls);
  color: var(--bbt-fg-primary);
  white-space: nowrap;
  text-decoration: none;
  transition: border-color 0.15s ease;
}

.bbt-search-popular__chip:hover {
  border-color: var(--bbt-border-strong);
}

@media (max-width: 767px) {
  .bbt-search-popular__inner {
    padding-block: 48px;
    gap: 24px;
  }

  .bbt-search-popular__chips {
    gap: 8px;
  }
}

/* === search/08 next-step (Figma 216:9806) === */

/* ============================================================
   Page hero — відхилення сторінок від компонента .bbt-page-hero
   (сам компонент і його модифікатори тону — в components.css)
   ============================================================ */

.bbt-cat-hero .bbt-page-hero__inner { padding-block-end: 40px; }
.bbt-cat-hero .bbt-page-hero__main { gap: 18px; }

.bbt-search-hero .bbt-page-hero__inner { gap: 20px; padding-block: 44px 32px; }
.bbt-search-hero .bbt-page-hero__main { gap: 18px; }
.bbt-search-hero .bbt-page-hero__title {
  font-size: var(--bbt-heading-xl-size);
  line-height: var(--bbt-heading-xl-lh);
  letter-spacing: var(--bbt-heading-xl-ls);
  font-weight: var(--bbt-heading-weight);
}

@media (max-width: 1023px) {
  .bbt-careers-hero .bbt-page-hero__grid,
  .bbt-merch-hero .bbt-page-hero__grid,
  .bbt-partners-hero .bbt-page-hero__grid,
  .bbt-services-hero .bbt-page-hero__grid { gap: 40px; }

  .bbt-cat-hero .bbt-page-hero__grid,
  .bbt-contacts-hero .bbt-page-hero__grid { gap: 32px; }
}

@media (max-width: 767px) {
  .bbt-careers-hero .bbt-page-hero__inner,
  .bbt-merch-hero .bbt-page-hero__inner,
  .bbt-partners-hero .bbt-page-hero__inner,
  .bbt-services-hero .bbt-page-hero__inner { gap: 32px; }

  .bbt-cat-hero .bbt-page-hero__inner { padding-block: 32px; }
  .bbt-contacts-hero .bbt-page-hero__inner { padding-block-start: 32px; }
  .bbt-search-hero .bbt-page-hero__inner { padding-block: 32px 24px; }

  /* повертає кегль компонента: базовий heading-xl пошуку специфічніший */
  .bbt-search-hero .bbt-page-hero__title {
    font-size: var(--bbt-heading-lg-size);
    line-height: var(--bbt-heading-lg-lh);
    letter-spacing: var(--bbt-heading-lg-ls);
  }

  .bbt-pdp-hero .bbt-page-hero__title {
    font-size: var(--bbt-heading-xl-size);
    line-height: var(--bbt-heading-xl-lh);
    letter-spacing: var(--bbt-heading-xl-ls);
  }
}

/* === rq shared + request-quote/02-03 + _global/13 quote-modal (Figma 296:46408) === */

/* === rq shared (Figma 129:53 / 129:108 / 129:141 / 129:150 / 130:264) ===
   Спільні атоми сторінки request-quote і глобального модала:
   поле, селект, пігулка-радіо, чіп лінійки, чекбокс, кроки,
   summary-стрічка, captcha, attach. Не дублювати в секціях. === */

.bbt-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  min-inline-size: 0;
}

.bbt-field__label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
}

.bbt-field__input {
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px;
  background: var(--bbt-field-bg);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-field__input::placeholder {
  color: var(--bbt-field-placeholder);
  opacity: 1;
}

.bbt-field__input:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-field__input--lg {
  block-size: 52px;
  padding-inline: 16px;
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
}

.bbt-field__box {
  position: relative;
  display: block;
  inline-size: 100%;
}

.bbt-field__select {
  appearance: none;
  inline-size: 100%;
  block-size: 44px;
  padding-inline: 14px 36px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-field-border);
  border-radius: 0;
  font-family: var(--bbt-font-sans);
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
  cursor: pointer;
}

.bbt-field__select:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: -1px;
}

.bbt-field__chevron {
  position: absolute;
  inset-inline-end: 10px;
  inset-block-start: 50%;
  translate: 0 -50%;
  pointer-events: none;
  color: var(--bbt-fg-primary);
}

.bbt-field__input.is-error,
.bbt-field__select.is-error {
  border-color: var(--bbt-status-error-fg);
}

.bbt-field__error {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-status-error-fg);
}

.bbt-rq-row {
  display: flex;
  gap: 16px;
}

.bbt-rq-row > .bbt-field {
  flex: 1 0 0;
}

/* fieldset у Chrome не тримає flex, тому група на margin, не на gap */
.bbt-rq-group {
  border: 0;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
}

.bbt-rq-group > legend {
  display: block;
  padding: 0;
  margin-block-end: 10px;
}

.bbt-rq-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
}

.bbt-rq-option {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px 10px 14px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
  cursor: pointer;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
  white-space: nowrap;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

/* Виділення пігулки: прогресивне посилення через :has; без нього
   вибір однаково видно з кільця радіокнопки (правило ДС 129:150) */
.bbt-rq-option:has(.bbt-rq-option__radio:checked) {
  background: var(--bbt-bg-brand-subtle);
  border-color: var(--bbt-fg-brand);
}

.bbt-rq-option__radio {
  appearance: none;
  flex-shrink: 0;
  inline-size: 20px;
  block-size: 20px;
  margin: 0;
  background: var(--bbt-bg-surface);
  border: 1.4px solid var(--bbt-border-strong);
  border-radius: 999px;
  cursor: pointer;
}

.bbt-rq-option__radio:checked {
  border-width: 5px;
  border-color: var(--bbt-fg-brand);
}

.bbt-rq-option__radio:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: 1px;
}

.bbt-rq-lines {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.bbt-rq-line__x {
  display: none;
  inline-size: 12px;
  block-size: 12px;
}

.bbt-rq-line.is-active .bbt-rq-line__x {
  display: inline-block;
}

.bbt-rq-line--sm {
  block-size: 28px;
  padding-inline: 10px;
  letter-spacing: var(--bbt-mono-label-sm-ls);
}

.bbt-rq-line--sm .bbt-rq-line__x {
  inline-size: 10px;
  block-size: 10px;
}

.bbt-rq-steps {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-rq-steps__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
}

.bbt-rq-steps__label {
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

/* назва кроку в мастері рядкова, без text-transform */
.bbt-rq-steps__name {
  flex: 1 0 0;
  min-inline-size: 0;
  color: var(--bbt-fg-tertiary);
}

.bbt-rq-steps__bar {
  display: flex;
  gap: 4px;
  inline-size: 100%;
}

.bbt-rq-steps__seg {
  display: block;
  flex: 1 0 0;
  min-inline-size: 0;
  block-size: 4px;
  background: var(--bbt-border-subtle);
}

.bbt-rq-steps__seg.is-done {
  background: var(--bbt-bg-brand);
}

.bbt-rq-summary {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: var(--bbt-bg-canvas);
}

.bbt-rq-summary--tint {
  background: var(--bbt-bg-brand-subtle);
}

.bbt-rq-summary__text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-rq-summary__edit {
  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

.bbt-rq-consents {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.bbt-rq-consent {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}

.bbt-rq-consent__box {
  appearance: none;
  flex-shrink: 0;
  inline-size: 20px;
  block-size: 20px;
  margin: 0;
  background: var(--bbt-bg-surface);
  border: 1.4px solid var(--bbt-border-strong);
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.bbt-rq-consent__box:checked {
  background: var(--bbt-bg-brand);
  border-color: var(--bbt-bg-brand);
}

.bbt-rq-consent__box:checked::after {
  content: '';
  inline-size: 10px;
  block-size: 5px;
  border-inline-start: 2px solid var(--bbt-fg-on-brand);
  border-block-end: 2px solid var(--bbt-fg-on-brand);
  rotate: -45deg;
  translate: 0 -1px;
}

.bbt-rq-consent__box:focus-visible {
  outline: 2px solid var(--bbt-fg-brand);
  outline-offset: 1px;
}

.bbt-rq-consent__text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

.bbt-rq-consents.is-error .bbt-rq-consent__box {
  border-color: var(--bbt-status-error-fg);
}

.bbt-rq-captcha {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 20px;
  background: var(--bbt-bg-canvas);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-captcha--tight {
  padding: 14px 16px;
}

/* рядок captcha в мастері змішаного регістру, без caps */
.bbt-rq-captcha__text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-primary);
}

.bbt-rq-captcha__box {
  flex-shrink: 0;
  inline-size: 24px;
  block-size: 24px;
  border: 1px solid var(--bbt-border-strong);
  background: var(--bbt-bg-surface);
}

.bbt-rq-attach {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border: 1px dashed var(--bbt-border-strong);
  cursor: pointer;
}

/* текст мастера рядковий, без caps */
.bbt-rq-attach__text {
  flex: 1 0 0;
  min-inline-size: 0;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-primary);
}

.bbt-rq-attach__optional {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-tertiary);
  white-space: nowrap;
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: поля в стек за патерном M3, прямого
     мобільного мастера полів немає */
  .bbt-rq-row {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-rq-attach {
    flex-wrap: wrap;
  }
}

/* === request-quote/02 breadcrumbs (Figma 299:10449, майстер 136:666) === */

.bbt-rq-crumbs {
  background: var(--bbt-bg-canvas);
}

.bbt-rq-crumbs__inner {
  max-inline-size: var(--bbt-container-max);
  margin-inline: auto;
  padding: 48px var(--bbt-container-pad) 0;
}

@media (max-width: 767px) {
  .bbt-rq-crumbs__inner {
    padding: 24px var(--bbt-container-pad-m) 0;
  }
}

/* === request-quote/03 flow (Figma 299:10448 + 299:10588 + 301:10474 + 301:10482) === */

.bbt-rq {
  background: var(--bbt-bg-canvas);
}

.bbt-rq__state[data-rq-step='1'] > .bbt-container,
.bbt-rq__state[data-rq-step='2'] > .bbt-container {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-block: 32px 72px;
}

.bbt-rq__intro {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.bbt-rq__title {
  font-size: var(--bbt-display-sm-size);
  line-height: var(--bbt-display-sm-lh);
  letter-spacing: var(--bbt-display-sm-ls);
  font-weight: var(--bbt-display-weight);
}

.bbt-rq__lead {
  max-inline-size: 880px;
  font-size: var(--bbt-body-lg-size);
  line-height: var(--bbt-body-lg-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-rq__grid {
  display: flex;
  align-items: flex-start;
  gap: 48px;
}

.bbt-rq__main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 28px;
}

.bbt-rq__rail {
  inline-size: 430px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.bbt-rq-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-card__legend {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

.bbt-rq__cta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  padding-block-start: 8px;
}

.bbt-rq__cta-note {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-tertiary);
}

.bbt-rq-aside {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-aside--dark {
  background: var(--bbt-bg-inverse);
  border: 0;
}

.bbt-rq-aside__label {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

.bbt-rq-aside--dark .bbt-rq-aside__label,
.bbt-rq-after-card--dark .bbt-rq-aside__label {
  color: var(--bbt-bg-accent);
}

.bbt-rq-aside__title {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
  color: var(--bbt-fg-primary);
}

.bbt-rq-aside__heading {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-on-brand);
}

.bbt-rq-aside__desc {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
}

.bbt-rq-aside--dark .bbt-rq-aside__desc {
  color: var(--bbt-fg-on-brand);
  opacity: 0.8;
}

.bbt-rq-aside__list {
  list-style: none;
  margin: 0;
  padding: 0;
  inline-size: 100%;
  display: flex;
  flex-direction: column;
}

.bbt-rq-bullet {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding-block: 6px;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-rq-bullet__dot {
  flex-shrink: 0;
  inline-size: 5px;
  block-size: 5px;
  margin-block-start: 8px;
  background: var(--bbt-bg-accent);
}

.bbt-rq-aside--dark .bbt-rq-bullet,
.bbt-rq-after-card--dark .bbt-rq-bullet {
  color: var(--bbt-fg-on-brand);
  opacity: 0.84;
}

.bbt-rq-done__hero {
  background: var(--bbt-hero-gradient);
  color: var(--bbt-fg-on-brand);
}

.bbt-rq-done__hero > .bbt-container {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-block: 72px 64px;
}

.bbt-rq-done__badges {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
}

.bbt-rq-badge {
  padding: 6px 10px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  text-transform: uppercase;
  white-space: nowrap;
}

.bbt-rq-badge--success {
  background: var(--bbt-status-success-bg);
  color: var(--bbt-status-success-fg);
}

/* у макеті плашка 12% білого, найближчий токен overlay-white-10 */
.bbt-rq-badge--ref {
  background: var(--bbt-overlay-white-10);
  color: var(--bbt-fg-on-brand);
}

.bbt-rq-badge--plain {
  background: var(--bbt-bg-canvas);
  color: var(--bbt-fg-primary);
}

.bbt-rq-done__title {
  font-size: var(--bbt-display-sm-size);
  line-height: var(--bbt-display-sm-lh);
  letter-spacing: var(--bbt-display-sm-ls);
  font-weight: var(--bbt-display-weight);
}

.bbt-rq-done__lead {
  max-inline-size: 920px;
  font-size: var(--bbt-body-lg-size);
  line-height: var(--bbt-body-lg-lh);
  opacity: 0.84;
}

.bbt-rq-done__body {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding-block: 64px 72px;
}

.bbt-rq-next {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.bbt-rq-next__title {
  font-size: var(--bbt-heading-lg-size);
  line-height: var(--bbt-heading-lg-lh);
  letter-spacing: var(--bbt-heading-lg-ls);
  font-weight: var(--bbt-heading-weight);
}

.bbt-rq-next__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.bbt-rq-next-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 24px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-next-card__when {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

.bbt-rq-next-card__name {
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-title-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
}

.bbt-rq-next-card__desc {
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-secondary);
}

/* рядок власника кроку в мастері змішаного регістру, без text-transform */
.bbt-rq-next-card__owner {
  margin-block-start: auto;
  padding-block-start: 4px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-rq-sent {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 32px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-sent__list {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.bbt-rq-sent__row {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  padding-block: 12px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

/* ключі рядків у мастері рядкові, без caps */
.bbt-rq-sent__key {
  flex-shrink: 0;
  inline-size: 240px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-sm-size);
  line-height: var(--bbt-mono-label-sm-lh);
  letter-spacing: var(--bbt-mono-label-sm-ls);
  color: var(--bbt-fg-tertiary);
}

.bbt-rq-sent__value {
  margin: 0;
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-primary);
}

.bbt-rq-sent__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px;
  padding-block-start: 8px;
}

.bbt-rq-after {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.bbt-rq-after-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 32px;
  background: var(--bbt-bg-surface);
  border: 1px solid var(--bbt-border-subtle);
}

.bbt-rq-after-card--dark {
  background: var(--bbt-hero-gradient);
  border: 0;
  color: var(--bbt-fg-on-brand);
}

.bbt-rq-after-card__title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-rq-after-card--dark .bbt-rq-after-card__title {
  color: var(--bbt-fg-on-brand);
}

.bbt-rq-after-card__desc {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-secondary);
}

@media (max-width: 1023px) {
  /* bbt:responsive-assumption: планшетного макета флоу немає: стек,
     rail на всю ширину */
  .bbt-rq__grid {
    flex-direction: column;
    align-items: stretch;
  }

  .bbt-rq__rail {
    inline-size: 100%;
  }

  .bbt-rq-next__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  /* bbt:responsive-assumption: мобільного макета сторінки немає,
     патерни M3: стек, повноширинні кнопки, рядки «label : value» */
  .bbt-rq__state[data-rq-step='1'] > .bbt-container,
  .bbt-rq__state[data-rq-step='2'] > .bbt-container {
    gap: 24px;
    padding-block: 24px 56px;
  }

  .bbt-rq__title {
    font-size: var(--bbt-heading-lg-size);
    line-height: var(--bbt-heading-lg-lh);
    letter-spacing: var(--bbt-heading-lg-ls);
  }

  .bbt-rq__lead {
    font-size: var(--bbt-body-md-size);
    line-height: var(--bbt-body-md-lh);
  }

  .bbt-rq-card {
    padding: 24px 20px;
  }

  .bbt-rq__cta .bbt-rq__cta-note {
    inline-size: 100%;
  }

  .bbt-rq__cta > .bbt-btn--secondary {
    inline-size: 100%;
  }

  .bbt-rq__cta > .bbt-btn--secondary .bbt-btn__label {
    flex: 1 0 0;
    justify-content: center;
  }

  .bbt-rq-done__hero > .bbt-container {
    padding-block: 48px 40px;
  }

  .bbt-rq-done__title {
    font-size: var(--bbt-heading-lg-size);
    line-height: var(--bbt-heading-lg-lh);
    letter-spacing: var(--bbt-heading-lg-ls);
  }

  .bbt-rq-done__lead {
    font-size: var(--bbt-body-md-size);
    line-height: var(--bbt-body-md-lh);
  }

  .bbt-rq-done__body {
    gap: 24px;
    padding-block: 40px 56px;
  }

  .bbt-rq-next {
    gap: 24px;
  }

  .bbt-rq-next__grid,
  .bbt-rq-after {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .bbt-rq-sent {
    padding: 24px 20px;
  }

  .bbt-rq-sent__row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .bbt-rq-sent__key {
    inline-size: auto;
  }

  .bbt-rq-sent__actions .bbt-btn {
    inline-size: 100%;
  }

  .bbt-rq-sent__actions .bbt-btn .bbt-btn__label {
    flex: 1 0 0;
    justify-content: center;
  }
}

/* === _global/13 quote-modal (Figma 304:10590 + 304:10730 + 304:10892,
   мобільний bottom sheet 305:10675) === */

.bbt-quote-root {
  position: fixed;
  inset: 0;
  z-index: 250;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

/* display: flex перебиває атрибут hidden, ховаємо явно */
.bbt-quote-root[hidden] {
  display: none;
}

/* бекдроп: у макеті приглушення сторінки без окремого токена */
.bbt-quote-root__backdrop {
  position: absolute;
  inset: 0;
  background: color-mix(in srgb, var(--bbt-bg-inverse) 55%, transparent);
}

.bbt-quote-modal {
  position: relative;
  inline-size: 640px;
  max-inline-size: 100%;
  max-block-size: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  background: var(--bbt-bg-surface);
  box-shadow: 0 24px 60px rgba(5, 5, 13, 0.4); /* знято з Figma 304:10590 */
}

.bbt-quote-modal__state {
  display: flex;
  flex-direction: column;
  min-block-size: 0;
}

.bbt-quote-modal__state[hidden] {
  display: none;
}

.bbt-quote-modal__grip {
  display: none;
}

.bbt-quote-modal__head {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 24px 24px 20px 32px;
  background: var(--bbt-bg-inverse);
  color: var(--bbt-fg-on-brand);
}

.bbt-quote-modal__head-main {
  flex: 1 0 0;
  min-inline-size: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.bbt-quote-modal__head-step {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  opacity: 0.7;
}

.bbt-quote-modal__head-title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
}

/* рамка хрестика в макеті 34% білого, найближчий токен overlay-white-38 */
.bbt-quote-modal__close {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  background: none;
  border: 1px solid var(--bbt-overlay-white-38);
  color: var(--bbt-fg-on-brand);
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  cursor: pointer;
}

.bbt-quote-modal__close-icon {
  inline-size: 12px;
  block-size: 12px;
}

.bbt-quote-modal__bar {
  flex-shrink: 0;
}

.bbt-quote-modal__body {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 24px 32px;
  overflow-y: auto;
  min-block-size: 0;
}

.bbt-quote-modal__foot {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 20px 32px 24px;
  background: var(--bbt-bg-canvas);
  border-block-start: 1px solid var(--bbt-border-subtle);
}

.bbt-quote-modal__foot-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

.bbt-quote-modal__note {
  font-size: var(--bbt-body-xs-size);
  line-height: var(--bbt-body-xs-lh);
  color: var(--bbt-fg-tertiary);
}

.bbt-quote-modal__prefill {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: var(--bbt-bg-brand-subtle);
}

.bbt-quote-modal__prefill-name {
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-title-sm-size);
  line-height: var(--bbt-body-sm-lh);
  font-weight: var(--bbt-title-sm-weight);
  color: var(--bbt-fg-primary);
}

.bbt-quote-modal__prefill-tag {
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
  white-space: nowrap;
}

.bbt-quote-modal__done-title {
  font-size: var(--bbt-heading-sm-size);
  line-height: var(--bbt-heading-sm-lh);
  letter-spacing: var(--bbt-heading-sm-ls);
  font-weight: var(--bbt-heading-weight);
  color: var(--bbt-fg-primary);
}

.bbt-quote-modal__done-desc {
  font-size: var(--bbt-body-md-size);
  line-height: var(--bbt-body-md-lh);
  color: var(--bbt-fg-secondary);
}

.bbt-quote-modal__done-list {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.bbt-quote-modal__done-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding-block: 12px;
  border-block-end: 1px dashed var(--bbt-border-subtle);
}

.bbt-quote-modal__done-key {
  flex-shrink: 0;
  inline-size: 150px;
  font-family: var(--bbt-font-mono);
  font-weight: 500;
  font-size: var(--bbt-mono-label-xs-size);
  line-height: var(--bbt-mono-label-xs-lh);
  letter-spacing: var(--bbt-mono-label-xs-ls);
  text-transform: uppercase;
  color: var(--bbt-fg-brand);
}

.bbt-quote-modal__done-value {
  margin: 0;
  flex: 1 0 0;
  min-inline-size: 0;
  font-size: var(--bbt-body-sm-size);
  line-height: var(--bbt-body-sm-lh);
  color: var(--bbt-fg-primary);
}

@media (max-width: 767px) {
  /* bottom sheet за нодою 305:10675: 88% висоти, сторінка видима зверху,
     без скруглень, внутрішній скрол */
  .bbt-quote-root {
    padding: 0;
    align-items: flex-end;
  }

  .bbt-quote-modal {
    inline-size: 100%;
    max-block-size: 88vh;
    box-shadow: none;
  }

  .bbt-quote-modal__grip {
    display: flex;
    justify-content: center;
    padding: 10px 0 6px;
    background: var(--bbt-bg-surface);
  }

  .bbt-quote-modal__grip-bar {
    inline-size: 48px;
    block-size: 4px;
    background: var(--bbt-border-strong);
  }

  .bbt-quote-modal__head {
    background: var(--bbt-bg-surface);
    color: var(--bbt-fg-primary);
    padding: 8px 16px 14px 20px;
  }

  .bbt-quote-modal__head-step {
    color: var(--bbt-fg-brand);
    opacity: 1;
  }

  .bbt-quote-modal__close {
    border-color: var(--bbt-border-subtle);
    color: var(--bbt-fg-primary);
  }

  /* мобільний мастер лишає тільки хрестик */
  .bbt-quote-modal__close-label {
    display: none;
  }

  .bbt-quote-modal__body {
    padding: 4px 20px 16px;
    gap: 16px;
  }

  .bbt-quote-modal__foot {
    padding: 14px 20px 20px;
    gap: 10px;
  }

  /* bbt:responsive-assumption: мобільний мастер показує одну CTA,
     другорядні кнопки лишаємо стеком на всю ширину */
  .bbt-quote-modal__foot-row .bbt-btn {
    inline-size: 100%;
  }

  .bbt-quote-modal__foot-row .bbt-btn .bbt-btn__label {
    flex: 1 0 0;
    justify-content: center;
  }
}