/* Bornbee Hosting - Design Polish v3.6.0
   Full visual cleanup: simplified palette, clearer hierarchy, sharper controls,
   photo-led media, text-only branding, and more robust FAQ/pricing behaviour. */
:root {
  --bb-ui-paper: #f6f6f0;
  --bb-ui-paper-2: #eef2e6;
  --bb-ui-surface: #ffffff;
  --bb-ui-ink: #0f141b;
  --bb-ui-ink-2: #1a202a;
  --bb-ui-muted: #5f6774;
  --bb-ui-border: rgba(15, 20, 27, 0.12);
  --bb-ui-border-strong: rgba(15, 20, 27, 0.18);
  --bb-ui-dark: #0b0f14;
  --bb-ui-dark-2: #141a23;
  --bb-ui-dark-soft: rgba(255, 255, 255, 0.74);
  --bb-ui-lime: #d7ff5d;
  --bb-ui-lime-strong: #c8ec4d;
  --bb-ui-radius-sm: 10px;
  --bb-ui-radius: 16px;
  --bb-ui-radius-lg: 22px;
}

html,
body,
.bh-main {
  background: var(--bb-ui-paper);
  color: var(--bb-ui-muted);
}

body {
  font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.bb-modern-flow__intro h2,
.bb-ref-heading h2,
.bb-ref-copy-block h2,
.bh-section__header h2,
.bh-page-hosting-hero h1,
.bh-features-hero h1,
.bh-contact-hero h1,
.bh-free-hero h1 {
  color: var(--bb-ui-ink);
  letter-spacing: -0.055em;
  text-wrap: balance;
}

p,
li {
  color: var(--bb-ui-muted);
}

/* Palette reduction: use ink + paper + lime only. */
.bh-kicker,
.bb-ref-eyebrow,
.bh-badge--lime,
.bh-pricing-toggle__save {
  color: var(--bb-ui-lime) !important;
}

.bh-kicker::before,
.bb-ref-eyebrow::before {
  background: var(--bb-ui-lime) !important;
  box-shadow: none !important;
}

/* Header */
.bh-header {
  background: rgba(246, 246, 240, 0.88) !important;
  border-bottom: 1px solid rgba(15, 20, 27, 0.06);
  backdrop-filter: blur(14px);
}

.bh-header.is-scrolled {
  box-shadow: none !important;
  border-bottom-color: rgba(15, 20, 27, 0.1);
}

.bh-nav__link,
.bh-header__login,
.bh-mobile-nav a,
.bh-mobile-nav__toggle {
  color: var(--bb-ui-ink) !important;
  font-weight: 700;
}

.bh-mobile-menu {
  background: var(--bb-ui-paper) !important;
}

/* Text-only logo */
.bh-logo {
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
  font-family: var(--font-display);
  line-height: 1;
}

.bh-logo__icon {
  display: none !important;
}

.bh-logo__text,
.bh-logo__accent {
  font-weight: 800;
  letter-spacing: -0.04em;
}

.bh-logo__text {
  color: var(--bb-ui-ink) !important;
  font-size: 1.08rem;
}

.bh-logo__divider {
  color: rgba(15, 20, 27, 0.32);
  font-weight: 700;
}

.bh-logo__accent {
  color: var(--bb-ui-ink) !important;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
}

.bh-footer .bh-logo__text,
.bh-footer .bh-logo__accent {
  color: #fff !important;
}

.bh-footer .bh-logo__divider {
  color: rgba(255, 255, 255, 0.38);
}

/* Buttons */
.bh-btn,
.bb-ref-btn,
.bb-ref-domain__form button,
button[type="submit"],
input[type="submit"] {
  min-height: 46px;
  padding-inline: 18px;
  border-radius: var(--bb-ui-radius-sm) !important;
  border: 1px solid var(--bb-ui-border-strong) !important;
  box-shadow: none !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em;
  transition: background .16s ease, color .16s ease, border-color .16s ease, transform .16s ease;
}

.bh-btn:hover,
.bb-ref-btn:hover,
.bb-ref-domain__form button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  transform: none !important;
  box-shadow: none !important;
}

.bh-btn--primary,
.bb-ref-btn--primary,
.bb-ref-domain__form button,
button[type="submit"],
input[type="submit"] {
  background: var(--bb-ui-lime) !important;
  color: var(--bb-ui-ink) !important;
}

.bh-btn--primary:hover,
.bb-ref-btn--primary:hover,
.bb-ref-domain__form button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover {
  background: var(--bb-ui-lime-strong) !important;
  border-color: rgba(15, 20, 27, 0.24) !important;
}

.bh-btn--ghost,
.bb-ref-btn--ghost,
.bh-header__login {
  background: transparent !important;
  color: var(--bb-ui-ink) !important;
  border: 1px solid var(--bb-ui-border) !important;
}

.bb-ref-hero .bb-ref-btn--ghost,
.bb-ref-final-cta__inner .bb-ref-btn--ghost,
.bb-ref-dark-panel .bb-ref-btn--ghost,
.bh-section--dark .bh-btn--ghost,
.bh-page-hosting-hero .bh-btn--ghost,
.bh-features-hero .bh-btn--ghost,
.bh-contact-hero .bh-btn--ghost,
.bh-free-hero .bh-btn--ghost {
  color: #fff !important;
  border-color: rgba(255, 255, 255, 0.18) !important;
}

/* Forms */
input,
textarea,
select,
.bh-input,
.bh-textarea,
.bh-select,
.bh-contact-form input,
.bh-contact-form textarea,
.bh-nl-form input,
.bb-ref-domain__form input {
  border-radius: 12px !important;
  border: 1px solid var(--bb-ui-border) !important;
  background: #fff !important;
  box-shadow: none !important;
}

input:focus,
textarea:focus,
select:focus,
.bh-input:focus,
.bh-textarea:focus,
.bh-select:focus,
.bh-contact-form input:focus,
.bh-contact-form textarea:focus,
.bh-nl-form input:focus,
.bb-ref-domain__form input:focus {
  outline: none !important;
  border-color: rgba(15, 20, 27, 0.24) !important;
  box-shadow: 0 0 0 3px rgba(215, 255, 93, 0.28) !important;
}

/* Global surfaces */
.bh-section--gray,
.bh-section--cream,
.bb-ref-section--light,
.bb-modern-flow,
.bb-ref-locations,
.bb-ref-final-cta {
  background: var(--bb-ui-paper) !important;
}

.bh-section--light {
  background: #fff !important;
}

.bb-ref-section {
  padding: clamp(72px, 8vw, 108px) 0;
}

/* Dark sections */
.bb-ref-hero,
.bb-ref-section--pricing,
.bh-section--dark,
.bh-page-hosting-hero,
.bh-features-hero,
.bh-contact-hero,
.bh-free-hero,
.bb-ref-dark-panel,
.bb-ref-final-cta__inner,
.bh-cta-final__inner,
.bh-footer {
  background: var(--bb-ui-dark) !important;
  color: var(--bb-ui-dark-soft) !important;
}

.bb-ref-hero,
.bh-page-hosting-hero,
.bh-features-hero,
.bh-contact-hero,
.bh-free-hero,
.bb-ref-section--pricing {
  background-image:
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px) !important;
  background-size: 72px 72px, 72px 72px !important;
}

.bb-ref-hero__bg {
  opacity: 0.06 !important;
  mix-blend-mode: normal !important;
  background-image:
    radial-gradient(circle, rgba(255,255,255,0.42) 1px, transparent 1px) !important;
  background-size: 22px 22px !important;
  background-position: center center !important;
}

.bb-ref-hero:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 100px;
  background: linear-gradient(180deg, rgba(11,15,20,0), var(--bb-ui-paper));
}

.bb-ref-hero__grid {
  position: relative;
  z-index: 1;
  grid-template-columns: minmax(0, .95fr) minmax(360px, .85fr) !important;
  gap: clamp(36px, 6vw, 72px) !important;
  align-items: center;
}

.bb-ref-hero h1,
.bb-ref-heading--dark h2,
.bb-ref-heading--dark p,
.bb-ref-dark-panel h2,
.bb-ref-dark-panel p,
.bb-ref-final-cta__inner h2,
.bb-ref-final-cta__inner p,
.bh-section--dark h1,
.bh-section--dark h2,
.bh-section--dark h3,
.bh-section--dark p,
.bh-page-hosting-hero h1,
.bh-page-hosting-hero p,
.bh-features-hero h1,
.bh-features-hero p,
.bh-contact-hero h1,
.bh-contact-hero p,
.bh-free-hero h1,
.bh-free-hero p,
.bh-cta-final__inner h2,
.bh-cta-final__inner p {
  color: #fff !important;
}

.bb-ref-hero h1 {
  font-size: clamp(2.9rem, 5.2vw, 5rem) !important;
  line-height: 0.98;
}

.bb-ref-hero p,
.bh-page-hosting-hero p,
.bh-features-hero p,
.bh-contact-hero p,
.bh-free-hero p,
.bb-ref-heading--dark p,
.bb-ref-dark-panel p,
.bb-ref-final-cta__inner p,
.bh-cta-final__inner p,
.bh-section--dark p {
  color: var(--bb-ui-dark-soft) !important;
}

.bb-ref-hero .bb-ref-eyebrow,
.bh-page-hosting-hero .bh-kicker,
.bh-features-hero .bh-kicker,
.bh-contact-hero .bh-kicker,
.bh-free-hero .bh-kicker,
.bb-ref-final-cta__inner .bb-ref-eyebrow,
.bb-ref-dark-panel .bb-ref-eyebrow,
.bb-ref-heading--dark .bb-ref-eyebrow {
  color: var(--bb-ui-lime) !important;
}

.bb-modern-inclusions span,
.bb-ref-hero__mini-card {
  border: 1px solid rgba(255,255,255,0.16) !important;
  background: rgba(255,255,255,0.06) !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
  border-radius: 12px !important;
}

.bb-modern-inclusions span {
  color: rgba(255,255,255,0.88) !important;
}

.bb-modern-inclusions svg,
.bb-ref-hero__mini-card strong {
  color: var(--bb-ui-lime) !important;
}

.bb-ref-hero__art {
  min-height: 0 !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.bb-polish-photo,
.bb-polish-single-art img,
.bb-polish-launch-art img,
.bb-polish-network-map img {
  display: block;
  width: 100% !important;
  border-radius: 24px !important;
  border: 1px solid var(--bb-ui-border) !important;
  box-shadow: none !important;
  object-fit: cover;
}

.bb-polish-hero-visual {
  max-width: 520px;
  aspect-ratio: 4 / 5;
}

.bb-polish-single-art img {
  aspect-ratio: 4 / 3;
}

.bb-polish-launch-art img {
  aspect-ratio: 4 / 3;
  border-color: rgba(255,255,255,0.14) !important;
}

.bb-polish-network-map img {
  aspect-ratio: 16 / 7;
}

.bb-ref-domain__box,
.bb-ref-location-map,
.bb-ref-service-card,
.bb-modern-flow__card,
.bb-ref-plan-card,
.bb-ref-faq__item,
.bh-faq__item,
.bh-faq-item,
.bh-feature-card,
.bh-testimonial-card,
.bh-contact-option,
.bh-feature-list__item,
.bh-portfolio-item,
.bh-plan-card,
.bh-pricing-card,
.bh-step,
.bh-math-table,
.bh-cta-final__inner,
.bb-ref-final-cta__inner {
  background: var(--bb-ui-surface) !important;
  border: 1px solid var(--bb-ui-border) !important;
  border-radius: var(--bb-ui-radius-lg) !important;
  box-shadow: none !important;
}

.bb-modern-flow__card,
.bb-ref-service-card,
.bh-feature-card,
.bh-contact-option,
.bh-feature-list__item,
.bh-portfolio-item,
.bh-plan-card,
.bh-pricing-card {
  transition: border-color .16s ease, background .16s ease;
}

.bb-modern-flow__card:hover,
.bb-ref-service-card:hover,
.bh-feature-card:hover,
.bh-contact-option:hover,
.bh-feature-list__item:hover,
.bh-portfolio-item:hover,
.bh-plan-card:hover,
.bh-pricing-card:hover,
.bb-ref-plan-card:hover,
.bh-faq-item:hover {
  transform: none !important;
  box-shadow: none !important;
  border-color: var(--bb-ui-border-strong) !important;
}

.bb-ref-heading h2,
.bb-modern-flow__intro h2 {
  font-size: clamp(2.2rem, 4.2vw, 4rem) !important;
}

.bb-modern-flow::before,
.bh-feature-card::before,
.bh-feature-section__icon::after,
.bh-contact-option__icon::after {
  display: none !important;
}

.bh-feature-card__icon,
.bh-feature-section__icon,
.bh-contact-option__icon,
.bb-ref-plan-card__head span {
  border-radius: 14px !important;
  background: var(--bb-ui-paper-2) !important;
  color: var(--bb-ui-ink) !important;
  box-shadow: none !important;
}

.bh-feature-card__icon svg,
.bh-feature-section__icon svg,
.bh-contact-option__icon svg,
.bb-ref-plan-card li svg,
.bh-plan-card__features svg,
.bh-included__list svg,
.bb-ref-check-columns svg {
  color: #628a10 !important;
}

.bb-ref-service-card img {
  width: 68px;
  height: 68px;
  border-radius: 16px;
  background: var(--bb-ui-paper-2);
  padding: 10px;
  object-fit: contain;
}

/* Pricing */
.bb-ref-section--pricing,
.bh-section--dark {
  color: var(--bb-ui-dark-soft);
}

.bb-ref-pricing-toggle,
.bh-pricing-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 6px;
  margin: 0 auto 28px;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 12px !important;
  background: rgba(255,255,255,0.04) !important;
  box-shadow: none !important;
}

.bb-ref-pricing-toggle button,
.bh-pricing-toggle__label,
.bh-pricing-toggle__option {
  min-height: 40px;
  padding: 9px 14px;
  border-radius: 8px !important;
  border: 1px solid transparent;
  color: rgba(255,255,255,0.72) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.bb-ref-pricing-toggle button span,
.bh-pricing-toggle__label .bh-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 4px 8px;
  border-radius: 999px;
  background: rgba(215,255,93,0.14);
  color: var(--bb-ui-lime) !important;
  font-size: 0.72rem;
}

.bb-ref-pricing-toggle button.is-active,
.bh-pricing-toggle__label--active,
.bh-pricing-toggle__option.is-active {
  background: var(--bb-ui-lime) !important;
  color: var(--bb-ui-ink) !important;
  border-color: rgba(15,20,27,0.18) !important;
}

.bh-pricing-toggle__switch {
  position: relative;
  width: 54px;
  height: 32px;
  border: 1px solid rgba(255,255,255,0.16) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,0.1) !important;
}

.bh-pricing-toggle__knob {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #fff;
  box-shadow: none !important;
  transition: left .18s ease;
}

.bh-pricing-toggle__switch[aria-checked="true"] .bh-pricing-toggle__knob {
  left: 27px;
}

.bh-pricing-toggle__switch[aria-checked="false"] .bh-pricing-toggle__knob {
  left: 3px;
}

.bb-ref-plan-card,
.bh-plan-card {
  background: #fff !important;
}

.bb-ref-plan-card.is-featured,
.bh-plan-card--recommended {
  border-color: rgba(215,255,93,0.68) !important;
  box-shadow: inset 0 0 0 1px rgba(215,255,93,0.52) !important;
  transform: none !important;
}

.bb-ref-plan-card__badge,
.bh-plan-card__badge {
  background: var(--bb-ui-ink) !important;
  color: var(--bb-ui-lime) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
}

.bb-ref-plan-card__price strong,
.bh-plan-card__amount {
  color: var(--bb-ui-ink) !important;
}

.bb-ref-plan-card li,
.bh-plan-card__features li,
.bh-included__list li {
  color: var(--bb-ui-ink-2) !important;
}

/* FAQ */
.bb-ref-faq,
.bh-faq {
  max-width: 900px;
  margin-inline: auto;
  display: grid;
  gap: 14px;
}

.bb-ref-faq__item,
.bh-faq__item,
.bh-faq-item {
  overflow: hidden;
}

.bb-ref-faq__item .bh-faq-item__trigger,
.bh-faq-item__trigger,
.bh-faq__question {
  padding: 20px 22px;
  color: var(--bb-ui-ink) !important;
  background: transparent !important;
}

.bb-ref-faq__item .bh-faq-item__body,
.bh-faq-item__body,
.bh-faq__answer {
  padding: 0 22px 22px;
  color: var(--bb-ui-muted) !important;
}

.bh-faq-item__icon,
.bh-faq__chevron {
  color: rgba(15, 20, 27, 0.45) !important;
}

.bh-faq-item__trigger[aria-expanded="true"],
.bh-faq__item[open] .bh-faq__question {
  color: var(--bb-ui-ink) !important;
}

/* Generic inner page heroes */
.bh-page-hosting-hero,
.bh-features-hero,
.bh-contact-hero,
.bh-free-hero {
  text-align: left !important;
  border-bottom: 0 !important;
  padding: calc(var(--header-height) + 72px) 0 76px !important;
}

.bh-page-hosting-hero .bh-shell,
.bh-features-hero .bh-shell,
.bh-contact-hero .bh-shell,
.bh-free-hero .bh-shell {
  max-width: 960px;
}

.bh-page-hosting-hero h1,
.bh-features-hero h1,
.bh-contact-hero h1,
.bh-free-hero h1 {
  font-size: clamp(2.6rem, 5vw, 4.8rem) !important;
  line-height: 0.98;
}

/* Footer */
.bh-footer__newsletter,
.bh-footer__bottom {
  border-color: rgba(255,255,255,0.12) !important;
}

.bh-footer h2,
.bh-footer h3,
.bh-footer a,
.bh-footer p,
.bh-footer li {
  color: rgba(255,255,255,0.8);
}

.bh-footer a:hover {
  color: #fff;
}

.bh-footer .bh-kicker,
.bh-footer .bh-badge--lime {
  color: var(--bb-ui-lime) !important;
}

.bh-footer__nl-content h2 {
  color: #fff !important;
}

.bh-footer__newsletter .bh-input,
.bh-footer__newsletter input {
  background: rgba(255,255,255,0.98) !important;
}

.bh-portfolio-item__thumb {
  background: var(--bb-ui-dark-2) !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px) !important;
  background-size: 36px 36px !important;
}

.bh-portfolio-item__category {
  border-radius: 999px !important;
  background: var(--bb-ui-lime) !important;
  color: var(--bb-ui-ink) !important;
}

@media (max-width: 1080px) {
  .bb-ref-hero__grid,
  .bb-ref-media-grid,
  .bb-ref-dark-panel {
    grid-template-columns: 1fr !important;
  }

  .bb-ref-hero__art {
    justify-content: flex-start;
  }

  .bb-polish-hero-visual {
    max-width: 420px;
  }
}

@media (max-width: 680px) {
  .bb-ref-hero {
    padding: calc(var(--header-height) + 44px) 0 72px !important;
  }

  .bb-ref-hero h1,
  .bh-page-hosting-hero h1,
  .bh-features-hero h1,
  .bh-contact-hero h1,
  .bh-free-hero h1 {
    font-size: clamp(2.25rem, 12vw, 3.45rem) !important;
  }

  .bb-ref-pricing-grid,
  .bb-ref-card-grid--four,
  .bh-pricing-grid,
  .bh-feature-grid,
  .bh-testimonials-grid,
  .bh-portfolio-grid {
    grid-template-columns: 1fr !important;
  }

  .bb-ref-domain__box {
    grid-template-columns: 1fr !important;
  }

  .bb-ref-domain__form {
    flex-direction: column !important;
    border-radius: 16px !important;
  }

  .bb-ref-domain__form button {
    width: 100%;
  }

  .bb-ref-hero__mini-card {
    display: none !important;
  }

  .bb-ref-dark-panel,
  .bb-ref-final-cta__inner,
  .bh-cta-final__inner {
    padding: 28px !important;
    border-radius: 20px !important;
  }
}


/* Bornbee Hosting - visibility and FAQ repair v3.7.0
   Last-loaded guard rules to prevent dark content from becoming white-on-white
   and to normalize FAQ accordions on all pages. */
:root {
  --bb-ui-paper: #f6f6f0;
  --bb-ui-surface: #ffffff;
  --bb-ui-ink: #0f141b;
  --bb-ui-muted: #5f6774;
  --bb-ui-border: rgba(15, 20, 27, 0.12);
  --bb-ui-dark: #0b0f14;
  --bb-ui-lime: #d7ff5d;
}

/* Light sections: headings must always be visible. */
.bb-modern-flow h1,
.bb-modern-flow h2,
.bb-modern-flow h3,
.bb-ref-section--light h1,
.bb-ref-section--light h2,
.bb-ref-section--light h3,
.bb-ref-locations h1,
.bb-ref-locations h2,
.bb-ref-locations h3,
.bh-section--cream h1,
.bh-section--cream h2,
.bh-section--cream h3,
.bh-section--gray h1,
.bh-section--gray h2,
.bh-section--gray h3,
.bh-section--light h1,
.bh-section--light h2,
.bh-section--light h3 {
  color: var(--bb-ui-ink) !important;
}

.bb-modern-flow p,
.bb-ref-section--light p,
.bb-ref-locations p,
.bh-section--cream p,
.bh-section--gray p,
.bh-section--light p {
  color: var(--bb-ui-muted) !important;
}

/* Dark panels and CTAs: override the generic card/surface rule that made them white. */
.bb-ref-dark-panel,
.bb-ref-final-cta__inner,
.bh-cta-final__inner {
  background: var(--bb-ui-dark) !important;
  background-image:
    linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px) !important;
  background-size: 56px 56px !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: rgba(255,255,255,0.78) !important;
}

.bb-ref-dark-panel h1,
.bb-ref-dark-panel h2,
.bb-ref-dark-panel h3,
.bb-ref-final-cta__inner h1,
.bb-ref-final-cta__inner h2,
.bb-ref-final-cta__inner h3,
.bh-cta-final__inner h1,
.bh-cta-final__inner h2,
.bh-cta-final__inner h3 {
  color: #fff !important;
}

.bb-ref-dark-panel p,
.bb-ref-final-cta__inner p,
.bh-cta-final__inner p {
  color: rgba(255,255,255,0.74) !important;
}

.bb-ref-dark-panel .bb-ref-eyebrow,
.bb-ref-final-cta__inner .bb-ref-eyebrow,
.bh-cta-final__inner .bh-kicker {
  color: var(--bb-ui-lime) !important;
}

/* Preserve readable button contrast inside dark areas. */
.bb-ref-dark-panel .bb-ref-btn--primary,
.bb-ref-final-cta__inner .bb-ref-btn--primary,
.bh-cta-final__inner .bh-btn--primary {
  background: var(--bb-ui-lime) !important;
  color: var(--bb-ui-ink) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

.bb-ref-dark-panel .bb-ref-btn--ghost,
.bb-ref-final-cta__inner .bb-ref-btn--ghost,
.bh-cta-final__inner .bh-btn--ghost {
  background: rgba(255,255,255,0.06) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,0.18) !important;
}

/* FAQ accordion: simple, predictable, and works for button and legacy details variants. */
.bh-faq,
.bb-ref-faq {
  width: min(100%, 900px) !important;
  margin-inline: auto !important;
  display: grid !important;
  gap: 12px !important;
}

.bh-faq-item,
.bh-faq__item,
.bb-ref-faq__item {
  min-height: 0 !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid var(--bb-ui-border) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}

.bh-faq-item__trigger,
.bh-faq__question {
  width: 100% !important;
  min-height: 0 !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  background: transparent !important;
  border: 0 !important;
  color: var(--bb-ui-ink) !important;
  text-align: left !important;
  cursor: pointer !important;
}

.bh-faq-item__trigger span,
.bh-faq__question span {
  color: var(--bb-ui-ink) !important;
}

.bh-faq-item__body,
.bh-faq__answer {
  padding: 0 20px 18px !important;
  color: var(--bb-ui-muted) !important;
}

.bh-faq-item__body p,
.bh-faq__answer p {
  color: var(--bb-ui-muted) !important;
  margin: 0 !important;
}

.bh-faq-item__body[hidden] {
  display: none !important;
}

details.bh-faq__item:not([open]) > .bh-faq__answer {
  display: none !important;
}

details.bh-faq__item[open] > .bh-faq__answer {
  display: block !important;
}

.bh-faq-item__trigger[aria-expanded="true"] .bh-faq-item__icon {
  transform: rotate(45deg);
}

/* Hosting page FAQ should not inherit oversized card/panel behaviour. */
.page-template-page-hosting .bh-section--cream .bh-shell--narrow,
.page-id-508 .bh-section--cream .bh-shell--narrow {
  width: min(100%, 900px) !important;
}

.page-template-page-hosting .bh-section--cream .bh-section__header,
.page-id-508 .bh-section--cream .bh-section__header {
  max-width: 760px !important;
  margin-inline: auto !important;
  text-align: center !important;
}

.page-template-page-hosting .bh-section--cream .bh-section__header h2,
.page-id-508 .bh-section--cream .bh-section__header h2 {
  color: var(--bb-ui-ink) !important;
  font-size: clamp(2rem, 4vw, 3.2rem) !important;
}

@media (max-width: 680px) {
  .page-template-page-hosting .bh-section--cream .bh-section__header,
  .page-id-508 .bh-section--cream .bh-section__header {
    text-align: left !important;
  }
}