/* Hallmark · macrostructure: Split Studio · genre: modern-minimal · design-system: design.md · designed-as-app · theme: Signal Red · enrichment: none · nav: N13 · footer: Ft3
 * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * contrast: pass (40–41) · slop: pass (42–45) · honest: pass (46) · chrome: pass (47)
 * tokens: pass (48) · responsive: pass (49) · mobile: pass (34, 49, 50–57) · icons: pass (30)
 * H2 Split Diptych knobs: ratio=7/5 · right-side=proof-column · divider=negative-space
 * N1b knobs: links=4 · dropdowns=0 · scroll=always-solid · CTA=fill-only
 * Ft5 knobs: width=28ch · wordmark=under-sentence · rule=hairline
 * Theme Name: Bredbandsinternet Next
 * Template: bredbandsinternet-block
 * Theme URI: https://bredbandsinternet.se/
 * Author: Bredbandsinternet
 * Description: Modernt, konverteringsfokuserat child theme för privat- och företagsbredband.
 * Version: 2.2.49
 * Requires at least: 6.6
 * Requires PHP: 8.1
 * Text Domain: bredbandsinternet-next
 */

html,
body {
  overflow-x: clip;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--color-paper);
  color: var(--color-ink-2);
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 450;
  line-height: 1.62;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img {
  display: block;
  height: auto;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration-thickness: var(--rule-hair);
  text-underline-offset: 0.2em;
}

button,
input,
select,
textarea {
  font: inherit;
}

button,
[role="button"],
.wp-element-button,
a[class*="button"],
a[class*="btn"] {
  cursor: pointer;
}

:focus-visible {
  border-radius: var(--radius-xs);
  outline: 2px solid var(--color-focus);
  outline-offset: 3px;
}

[aria-disabled="true"],
button:disabled,
input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.screen-reader-text,
.bbi-next-sr {
  clip: rect(0, 0, 0, 0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.bbi-next-shell {
  margin-inline: auto;
  max-width: var(--page-max);
  padding-inline: var(--page-gutter);
  width: 100%;
}

.bbi-next-main {
  min-width: 0;
}

.bbi-next-section {
  padding-block: var(--space-3xl);
}

.bbi-next-section--tight {
  padding-block: var(--space-2xl);
}

.bbi-next-section--roomy {
  padding-block: var(--space-4xl);
}

.bbi-next-head {
  display: grid;
  gap: var(--space-md);
  margin-block-end: var(--space-2xl);
  max-width: 48rem;
}

.bbi-next-head h2,
.bbi-next-display,
.bbi-next-split h2,
.bbi-next-dark h2,
.bbi-next-footer__line {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.02;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
}

.bbi-next-head h2,
.bbi-next-split h2,
.bbi-next-dark h2 {
  font-size: clamp(2.25rem, 5vw, var(--text-4xl));
}

.bbi-next-head p,
.bbi-next-split p,
.bbi-next-hero__lede {
  color: var(--color-muted);
  font-size: clamp(1rem, 2vw, var(--text-md));
  margin: 0;
  max-width: 62ch;
}

.bbi-next-label {
  color: var(--color-accent-dark);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  font-weight: 650;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.bbi-next-header {
  background: color-mix(in oklch, var(--color-paper) 94%, transparent);
  border-block-end: var(--rule-hair) solid var(--color-rule);
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
}

.admin-bar .bbi-next-header {
  top: 32px;
}

.bbi-next-nav {
  align-items: center;
  display: grid;
  gap: var(--space-lg);
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  min-height: 4.5rem;
}

.bbi-next-brand {
  align-items: center;
  display: inline-flex;
  font-family: var(--font-display);
  font-size: clamp(1.05rem, 2vw, 1.28rem);
  font-weight: 700;
  gap: var(--space-sm);
  justify-self: start;
  letter-spacing: -0.035em;
  text-decoration: none;
  white-space: nowrap;
}

.bbi-next-brand::before {
  background: var(--color-accent);
  border-radius: var(--radius-xs);
  content: "";
  height: 0.75rem;
  transform: rotate(-8deg);
  width: 0.75rem;
}

.bbi-next-nav__links {
  align-items: center;
  display: flex;
  gap: var(--space-xs);
  justify-self: center;
}

.bbi-next-nav__link {
  border-radius: var(--radius-xs);
  color: var(--color-muted);
  font-size: var(--text-sm);
  font-weight: 620;
  min-height: 2.75rem;
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
  white-space: nowrap;
}

.bbi-next-nav__actions {
  align-items: center;
  display: flex;
  gap: var(--space-sm);
  justify-self: end;
}

.bbi-next-btn,
.wp-block-button__link,
.bbi-next-submit {
  align-items: center;
  border: var(--rule-hair) solid transparent;
  border-radius: var(--radius-sm);
  display: inline-flex;
  font-weight: 700;
  justify-content: center;
  min-height: 3rem;
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
  transition:
    background-color var(--dur-short) var(--ease-out),
    border-color var(--dur-short) var(--ease-out),
    color var(--dur-short) var(--ease-out),
    transform var(--dur-micro) var(--ease-out);
  white-space: nowrap;
}

.bbi-next-btn--primary,
.bbi-next-submit,
.bbi-primary .wp-block-button__link,
.bbi-submit {
  background: var(--color-ink);
  color: var(--color-paper);
}

.bbi-next-btn--accent {
  background: var(--color-accent-dark);
  color: var(--color-accent-ink);
}

.bbi-next-btn--ghost,
.bbi-secondary .wp-block-button__link {
  background: transparent;
  border-color: var(--color-rule-strong);
  color: var(--color-ink);
}

.bbi-next-btn:active,
.wp-block-button__link:active,
.bbi-next-submit:active {
  transform: translateY(1px);
}

.bbi-next-btn[aria-busy="true"],
.bbi-next-submit[aria-busy="true"] {
  cursor: wait;
  opacity: 0.72;
}

.bbi-next-btn.is-error,
.bbi-next-submit.is-error {
  border-color: var(--color-error);
}

.bbi-next-btn.is-success,
.bbi-next-submit.is-success {
  border-color: var(--color-success);
}

.bbi-next-btn--primary:focus-visible,
.bbi-next-btn--accent:focus-visible,
.bbi-next-submit:focus-visible,
.bbi-primary .wp-block-button__link:focus-visible,
.bbi-submit:focus-visible {
  box-shadow: 0 0 0 5px var(--color-focus);
  outline-color: var(--color-paper);
}

.bbi-next-nav-toggle {
  align-items: center;
  background: transparent;
  border: var(--rule-hair) solid var(--color-rule-strong);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  display: inline-flex;
  height: 2.75rem;
  justify-content: center;
  padding: 0;
  width: 2.75rem;
}

.bbi-next-nav-toggle svg {
  height: 1.25rem;
  stroke: currentColor;
  width: 1.25rem;
}

.bbi-next-hero {
  display: grid;
  gap: var(--space-2xl);
  min-height: min(46rem, calc(100svh - 4.5rem));
  padding-block: clamp(var(--space-xl), 6vw, var(--space-3xl)) clamp(var(--space-2xl), 9vw, var(--space-4xl));
}

.bbi-next-hero__copy {
  align-content: center;
  display: grid;
  gap: var(--space-lg);
  min-width: 0;
}

.bbi-next-display {
  font-size: var(--text-display);
  max-width: 11ch;
}

.bbi-next-hero__lede {
  max-width: 55ch;
}

.bbi-next-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.bbi-next-proof {
  align-self: center;
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-lg);
  display: grid;
  gap: var(--space-xl);
  padding: clamp(var(--space-lg), 5vw, var(--space-2xl));
}

.bbi-next-proof h2 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(var(--text-xl), 4vw, var(--text-2xl));
  font-style: normal;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0;
}

.bbi-next-address {
  display: grid;
  gap: var(--space-sm);
}

.bbi-next-address label {
  color: var(--color-ink);
  font-size: var(--text-sm);
  font-weight: 650;
}

.bbi-next-address__row {
  display: grid;
  gap: var(--space-sm);
}

.bbi-next-address input,
.bbi-field input,
.bbi-field select,
.bbi-field textarea {
  background: var(--color-paper);
  border: var(--rule-hair) solid var(--color-rule-strong);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  min-height: 3rem;
  outline: 2px solid transparent;
  outline-offset: 1px;
  padding: var(--space-sm) var(--space-xl) var(--space-sm) var(--space-md);
  transition:
    background-color var(--dur-short) var(--ease-out),
    border-color var(--dur-short) var(--ease-out);
  width: 100%;
}

.bbi-next-address input:focus-visible,
.bbi-field input:focus-visible,
.bbi-field select:focus-visible,
.bbi-field textarea:focus-visible {
  border-color: var(--color-ink);
  outline-color: var(--color-focus);
}

.bbi-next-address input[aria-invalid="true"],
.bbi-field input[aria-invalid="true"] {
  border-color: var(--color-error);
}

.bbi-next-helper {
  color: var(--color-muted);
  font-size: var(--text-sm);
  margin: 0;
  min-height: 1lh;
}

.bbi-next-facts {
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbi-next-facts li {
  align-items: baseline;
  border-block-start: var(--rule-hair) solid var(--color-rule);
  display: grid;
  gap: var(--space-sm);
  grid-template-columns: 1rem minmax(0, 1fr);
  padding-block: var(--space-md);
}

.bbi-next-facts li::before {
  color: var(--color-accent-dark);
  content: "—";
  font-family: var(--font-body);
}

.bbi-next-facts strong {
  color: var(--color-ink);
}

.bbi-next-split {
  align-items: center;
  display: grid;
  gap: var(--space-2xl);
  min-width: 0;
}

.bbi-next-split + .bbi-next-split {
  margin-block-start: var(--space-4xl);
}

.bbi-next-split__copy {
  display: grid;
  gap: var(--space-lg);
  min-width: 0;
}

.bbi-next-split__media {
  background: var(--color-paper-2);
  border-radius: var(--radius-lg) var(--radius-xl) var(--radius-md) var(--radius-xl);
  min-width: 0;
  overflow: clip;
}

.bbi-next-split__media img {
  aspect-ratio: 4 / 3;
  object-fit: cover;
  width: 100%;
}

.bbi-next-use-list {
  display: grid;
  gap: var(--space-sm);
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbi-next-use-list li {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  color: var(--color-ink-2);
  padding-block: var(--space-sm);
}

.bbi-next-plan-wrap {
  background: var(--color-surface);
  border-block: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-plans {
  border-collapse: collapse;
  font-variant-numeric: tabular-nums;
  width: 100%;
}

.bbi-next-plans caption {
  color: var(--color-muted);
  padding-block-end: var(--space-lg);
  text-align: start;
}

.bbi-next-plans th,
.bbi-next-plans td {
  border-block-end: var(--rule-hair) solid var(--color-rule);
  padding: var(--space-lg) var(--space-md);
  text-align: start;
  vertical-align: top;
}

.bbi-next-plans thead th {
  color: var(--color-muted);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.bbi-next-plans tbody th {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
}

.bbi-next-price {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 700;
  white-space: nowrap;
}

.bbi-next-plan-link {
  color: var(--color-accent-dark);
  font-weight: 700;
  white-space: nowrap;
}

.bbi-next-steps {
  counter-reset: bbi-step;
  display: grid;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

.bbi-next-steps li {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  counter-increment: bbi-step;
  display: grid;
  gap: var(--space-lg);
  grid-template-columns: 3rem minmax(0, 0.7fr) minmax(0, 1fr);
  padding-block: var(--space-xl);
}

.bbi-next-steps li::before {
  color: var(--color-accent-dark);
  content: "0" counter(bbi-step);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-weight: 650;
}

.bbi-next-steps h3 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: normal;
  letter-spacing: -0.03em;
  line-height: 1.08;
  margin: 0;
}

.bbi-next-steps p {
  color: var(--color-muted);
  margin: 0;
  max-width: 62ch;
}

.bbi-next-dark {
  background: var(--color-dark-band);
  color: var(--color-dark-band-text);
  padding-block: var(--space-3xl);
}

.bbi-next-dark h2,
.bbi-next-dark p {
  color: var(--color-dark-band-text);
}

.bbi-next-dark__grid {
  display: grid;
  gap: var(--space-2xl);
}

.bbi-next-dark__grid > div {
  display: grid;
  gap: var(--space-lg);
}

.bbi-next-dark a {
  color: var(--color-dark-band-text);
}

.bbi-next-seo {
  display: grid;
  gap: var(--space-2xl);
}

.bbi-next-seo__copy {
  display: grid;
  gap: var(--space-lg);
}

.bbi-next-seo__copy p {
  margin: 0;
  max-width: 70ch;
}

.bbi-next-faq {
  display: grid;
  gap: 0;
}

.bbi-next-faq details {
  border-block-start: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-faq details:last-child {
  border-block-end: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-faq summary {
  align-items: center;
  color: var(--color-ink);
  cursor: pointer;
  display: flex;
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-weight: 700;
  justify-content: space-between;
  min-height: 4rem;
  padding-block: var(--space-md);
}

.bbi-next-faq summary::after {
  color: var(--color-accent-dark);
  content: "+";
  font-family: var(--font-body);
  margin-inline-start: var(--space-lg);
}

.bbi-next-faq details[open] summary::after {
  content: "−";
}

.bbi-next-faq details p {
  color: var(--color-muted);
  margin: 0;
  max-width: 65ch;
  padding-block-end: var(--space-lg);
}

.bbi-next-footer {
  background: var(--color-paper-2);
  border-block-start: var(--rule-hair) solid var(--color-rule);
  padding-block: var(--space-3xl) var(--space-xl);
}

.bbi-next-footer__line {
  font-size: clamp(2rem, 6vw, 3.5rem);
  max-width: 28ch;
}

.bbi-next-footer__actions {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-block: var(--space-xl);
}

.bbi-next-footer__meta {
  align-items: baseline;
  border-block-start: var(--rule-hair) solid var(--color-rule);
  color: var(--color-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--text-sm);
  gap: var(--space-md) var(--space-xl);
  justify-content: space-between;
  padding-block-start: var(--space-lg);
}

.bbi-next-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-lg);
}

.bbi-next-footer__links a {
  white-space: nowrap;
}

.bbi-next-page {
  padding-block: var(--space-2xl) var(--space-4xl);
}

.bbi-next-page .wp-block-post-content {
  margin-inline: auto;
  max-width: var(--page-max);
  padding-inline: var(--page-gutter);
}

.bbi-next-page .bbi-page-hero {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-lg);
  margin-block-end: var(--space-3xl);
  padding: clamp(var(--space-lg), 5vw, var(--space-2xl));
}

.bbi-next-page .bbi-page-hero-grid,
.bbi-next-page .bbi-split {
  align-items: center;
  gap: var(--space-2xl);
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-lg);
  overflow: clip;
}

.bbi-next-page .bbi-title,
.bbi-next-page .bbi-display {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 1.03;
  overflow-wrap: anywhere;
}

.bbi-next-page .bbi-title {
  font-size: clamp(2.25rem, 5vw, var(--text-4xl));
}

.bbi-next-page .bbi-display {
  font-size: var(--text-display-s);
}

.bbi-next-page .bbi-lead {
  color: var(--color-muted);
  font-size: var(--text-md);
  max-width: 62ch;
}

.bbi-next-page .bbi-breadcrumbs {
  color: var(--color-muted);
  display: flex;
  flex-wrap: wrap;
  font-size: var(--text-sm);
  gap: var(--space-xs);
  margin-block-end: var(--space-xl);
}

.bbi-next-page .bbi-breadcrumbs a {
  color: var(--color-ink);
  white-space: nowrap;
}

.bbi-next-page .bbi-bento {
  gap: var(--space-lg);
}

.bbi-next-page .bbi-card,
.bbi-next-page .bbi-order-form,
.bbi-next-page .bbi-connection-info {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  color: var(--color-ink-2);
  padding: clamp(var(--space-lg), 4vw, var(--space-xl));
}

.bbi-next-page .bbi-card-featured {
  background: var(--color-paper-2);
  border-color: var(--color-rule-strong);
  border-radius: var(--radius-lg) var(--radius-md) var(--radius-xl) var(--radius-md);
}

.bbi-next-page .bbi-card h3 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: normal;
}

.bbi-next-page .bbi-price {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-variant-numeric: tabular-nums;
}

.bbi-next-page .bbi-kicker,
.bbi-next-page .bbi-step-number,
.bbi-next-page .bbi-meta,
.bbi-next-page .bbi-price-note {
  color: var(--color-accent-dark);
  font-family: var(--font-body);
  font-size: var(--text-xs);
  letter-spacing: 0.04em;
}

.bbi-next-page .bbi-business-cta {
  background: var(--color-dark-band);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-lg) var(--radius-md);
  color: var(--color-dark-band-text);
  margin-block: var(--space-3xl);
  padding: clamp(var(--space-lg), 5vw, var(--space-2xl));
}

.bbi-next-page .bbi-business-cta .bbi-title,
.bbi-next-page .bbi-business-cta p {
  color: var(--color-dark-band-text);
}

.bbi-next-page .bbi-coverage-map,
.bbi-next-page .bbi-order-form {
  overflow: clip;
}

.bbi-next-page .bbi-field,
.bbi-next-page .bbi-form-grid {
  gap: var(--space-md);
}

.bbi-next-page .bbi-field label,
.bbi-next-page .bbi-order-form legend {
  color: var(--color-ink);
  font-weight: 650;
}

.bbi-next-page .bbi-submit {
  border: 0;
  min-height: 3rem;
}

.bbi-next-page .bbi-faq .wp-block-accordion-item {
  border-block-start: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-page .bbi-faq .wp-block-accordion-heading__toggle {
  background: transparent;
  border: 0;
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-md);
  padding: var(--space-lg) 0;
  text-align: start;
  width: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .bbi-next-nav__link:hover {
    color: var(--color-ink);
  }

  .bbi-next-btn:hover,
  .wp-block-button__link:hover,
  .bbi-next-submit:hover {
    transform: translateY(-1px);
  }

  .bbi-next-btn--primary:hover,
  .bbi-primary .wp-block-button__link:hover,
  .bbi-submit:hover {
    background: var(--color-ink-2);
  }

  .bbi-next-btn--accent:hover {
    background: var(--color-accent);
  }

  .bbi-next-btn--ghost:hover,
  .bbi-secondary .wp-block-button__link:hover {
    background: var(--color-surface);
    border-color: var(--color-ink);
  }

  .bbi-next-address input:hover,
  .bbi-field input:hover,
  .bbi-field select:hover,
  .bbi-field textarea:hover {
    background: var(--color-paper-2);
  }

  .bbi-next-plan-link:hover {
    color: var(--color-ink);
  }
}

@media (min-width: 40rem) {
  .bbi-next-address__row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bbi-next-dark__grid,
  .bbi-next-seo {
    grid-template-columns: minmax(0, 0.75fr) minmax(0, 1.25fr);
  }
}

@media (min-width: 60rem) {
  .bbi-next-hero {
    grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
  }

  .bbi-next-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .bbi-next-split--reverse .bbi-next-split__copy {
    order: 2;
  }

  .bbi-next-split--reverse .bbi-next-split__media {
    order: 1;
  }

  .bbi-next-nav-toggle {
    display: none;
  }
}

@media (max-width: 59.999rem) {
  .bbi-next-nav {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .bbi-next-nav__actions .bbi-next-btn {
    display: none;
  }

  .bbi-next-nav__links {
    align-items: stretch;
    background: var(--color-paper);
    border-block-end: var(--rule-hair) solid var(--color-rule);
    display: none;
    grid-column: 1 / -1;
    inset-inline: 0;
    justify-self: stretch;
    padding: var(--space-sm) var(--page-gutter) var(--space-lg);
    position: absolute;
    top: 100%;
  }

  .bbi-next-header.is-menu-open .bbi-next-nav__links {
    display: grid;
  }

  .bbi-next-nav__link {
    align-items: center;
    border-block-start: var(--rule-hair) solid var(--color-rule);
    display: flex;
    font-size: var(--text-base);
    min-height: 3rem;
    padding-inline: 0;
  }
}

@media (max-width: 39.999rem) {
  .admin-bar .bbi-next-header {
    top: 46px;
  }

  .bbi-next-section {
    padding-block: var(--space-2xl);
  }

  .bbi-next-section--roomy {
    padding-block: var(--space-3xl);
  }

  .bbi-next-display {
    font-size: clamp(2.75rem, 14vw, 4rem);
  }

  .bbi-next-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .bbi-next-actions .bbi-next-btn {
    width: 100%;
  }

  .bbi-next-proof {
    border-radius: var(--radius-lg) var(--radius-sm) var(--radius-xl) var(--radius-md);
  }

  .bbi-next-plans thead {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
  }

  .bbi-next-plans,
  .bbi-next-plans tbody,
  .bbi-next-plans tr,
  .bbi-next-plans th,
  .bbi-next-plans td {
    display: block;
    width: 100%;
  }

  .bbi-next-plans tr {
    border-block-start: var(--rule-hair) solid var(--color-rule);
    padding-block: var(--space-lg);
  }

  .bbi-next-plans th,
  .bbi-next-plans td {
    border: 0;
    padding: var(--space-2xs) 0;
  }

  .bbi-next-plans td::before {
    color: var(--color-muted);
    content: attr(data-label);
    display: block;
    font-family: var(--font-body);
    font-size: var(--text-xs);
  }

  .bbi-next-steps li {
    gap: var(--space-sm);
    grid-template-columns: 2rem minmax(0, 1fr);
  }

  .bbi-next-steps li p {
    grid-column: 2;
  }

  .bbi-next-footer__meta {
    align-items: flex-start;
    flex-direction: column;
  }

  .bbi-next-page .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .bbi-next-page .wp-block-column {
    flex-basis: 100% !important;
  }
}

/* Startsida 2.1 · bildfri hero → priser → korta svar */
.bbi-home {
  background: var(--color-paper);
}

.bbi-home-hero {
  background: var(--color-paper);
  color: var(--color-ink);
  min-height: clamp(38rem, 74dvh, 49rem);
  padding-block: var(--space-2xl) var(--space-4xl);
}

.bbi-home-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  min-height: clamp(32rem, 64dvh, 42rem);
}

.bbi-home-hero__copy {
  min-width: 0;
  max-width: 58rem;
}

.bbi-home-hero .bbi-next-label {
  color: var(--color-accent-dark);
  margin-block-end: var(--space-lg);
}

.bbi-home-hero h1 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-display);
  font-style: normal;
  font-weight: 700;
  letter-spacing: -0.055em;
  line-height: 0.95;
  margin: 0;
  max-width: 12ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-home-hero__lede {
  color: var(--color-muted);
  font-size: var(--text-md);
  line-height: 1.65;
  margin: var(--space-xl) 0 0;
  max-width: 40rem;
}

.bbi-home-hero .bbi-next-actions {
  margin-block-start: var(--space-xl);
}

.bbi-home-hero .bbi-next-text-link {
  color: var(--color-ink);
}

.bbi-home-hero__facts {
  display: flex;
  gap: var(--space-2xl);
  margin: var(--space-2xl) 0 0;
}

.bbi-home-hero__facts div {
  border-inline-start: var(--rule-hair) solid var(--color-rule);
  padding-inline-start: var(--space-md);
}

.bbi-home-hero__facts dt {
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bbi-home-hero__facts dd {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 650;
  letter-spacing: -0.025em;
  margin: var(--space-2xs) 0 0;
}

.bbi-home-check {
  background: var(--color-surface);
  border-block-start: 0.3rem solid var(--color-accent);
  border-radius: var(--radius-xs) var(--radius-lg) var(--radius-lg) var(--radius-lg);
  box-shadow: 0 var(--space-xl) var(--space-3xl) var(--color-shadow);
  color: var(--color-ink);
  padding: var(--space-xl);
}

.bbi-home-check__head {
  align-items: center;
  display: flex;
  gap: var(--space-xs);
}

.bbi-home-check__head p {
  color: var(--color-accent-dark);
  font-size: var(--text-sm);
  font-weight: 700;
  margin: 0;
}

.bbi-home-check__signal {
  background: var(--color-accent);
  border-radius: 50%;
  display: block;
  height: var(--space-xs);
  width: var(--space-xs);
}

.bbi-home-check h2 {
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  font-style: normal;
  letter-spacing: -0.045em;
  line-height: 1.05;
  margin: var(--space-lg) 0 0;
}

.bbi-home-check > p {
  color: var(--color-muted);
  line-height: 1.6;
  margin: var(--space-md) 0 0;
}

.bbi-home-check__form {
  display: grid;
  gap: var(--space-sm);
  margin-block-start: var(--space-xl);
}

.bbi-home-check__form label {
  color: var(--color-ink-2);
  font-size: var(--text-sm);
  font-weight: 650;
}

.bbi-home-check__form input {
  background: var(--color-paper);
  border: var(--rule-hair) solid var(--color-rule-strong);
  border-radius: var(--radius-sm);
  color: var(--color-ink);
  font: 500 var(--text-base) / 1.4 var(--font-body);
  min-height: 3.5rem;
  outline: calc(var(--rule-hair) * 2) solid transparent;
  outline-offset: var(--rule-hair);
  padding-inline: var(--space-md);
  width: 100%;
}

.bbi-home-check__form input:hover {
  border-color: var(--color-ink-2);
}

.bbi-home-check__form input:focus-visible {
  border-color: var(--color-focus);
  outline-color: var(--color-focus);
}

.bbi-home-check__form input:user-invalid {
  border-color: var(--color-error);
}

.bbi-home-check__form input:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.bbi-home-check__form .bbi-next-btn {
  justify-content: center;
  width: 100%;
}

.bbi-home-check__form small {
  color: var(--color-muted);
  font-size: var(--text-xs);
  line-height: 1.5;
  min-height: 1lh;
}

.bbi-home-pricing,
.bbi-home-questions {
  padding-block: var(--space-4xl);
}

.bbi-home-pricing {
  background: var(--color-paper-2);
  scroll-margin-top: var(--space-4xl);
}

.bbi-home-section-head {
  align-items: end;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
  gap: var(--space-3xl);
  margin-block-end: var(--space-2xl);
}

.bbi-home-section-head h2 {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  font-style: normal;
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0;
  max-width: 14ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-home-section-head > p {
  color: var(--color-muted);
  line-height: 1.65;
  margin: 0;
  max-width: 34rem;
}

.bbi-home-offers {
  display: grid;
  gap: var(--space-lg);
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbi-home-offer {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  min-height: 32rem;
  padding: var(--space-xl);
}

.bbi-home-offer__type {
  color: var(--color-accent-dark);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.07em;
  margin: 0;
  text-transform: uppercase;
}

.bbi-home-offer h3 {
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: normal;
  letter-spacing: -0.04em;
  margin: var(--space-xs) 0 0;
}

.bbi-home-offer__use {
  color: var(--color-muted);
  line-height: 1.55;
  margin: var(--space-sm) 0 0;
}

.bbi-home-offer__price {
  margin: 0;
  white-space: nowrap;
}

.bbi-home-offer__price strong {
  font-family: var(--font-display);
  font-size: var(--text-3xl);
  letter-spacing: -0.06em;
  line-height: 1;
}

.bbi-home-offer__price-note {
  color: var(--color-accent-dark);
  font-size: var(--text-xs);
  margin: calc(var(--space-sm) * -1) 0 0;
}

.bbi-home-offer ul {
  display: grid;
  gap: var(--space-xs);
  margin: 0 0 auto;
  padding-inline-start: var(--space-lg);
}

.bbi-home-offer li {
  color: var(--color-ink-2);
  line-height: 1.45;
}

.bbi-home-offer .bbi-next-btn {
  justify-content: center;
  width: 100%;
}

.bbi-home-pricing__note {
  color: var(--color-muted);
  font-size: var(--text-sm);
  line-height: 1.55;
  margin: var(--space-lg) 0 0;
  text-align: center;
}

.bbi-home-questions {
  background: var(--color-paper);
}

.bbi-home-answer-list {
  border-block-start: var(--rule-hair) solid var(--color-rule-strong);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--space-4xl);
}

.bbi-home-answer-list article {
  border-block-end: var(--rule-hair) solid var(--color-rule);
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
  gap: var(--space-lg);
  padding-block: var(--space-xl);
}

.bbi-home-answer-list h3 {
  font-family: var(--font-display);
  font-size: var(--text-md);
  font-style: normal;
  letter-spacing: -0.025em;
  line-height: 1.25;
  margin: 0;
}

.bbi-home-answer-list p {
  color: var(--color-muted);
  line-height: 1.6;
  margin: 0;
}

.bbi-home-questions__more {
  align-items: center;
  background: var(--color-accent-soft);
  border-radius: var(--radius-xs) var(--radius-lg) var(--radius-lg) var(--radius-lg);
  display: flex;
  justify-content: space-between;
  gap: var(--space-lg);
  margin-block-start: var(--space-2xl);
  padding: var(--space-lg) var(--space-xl);
}

.bbi-home-questions__more p {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 650;
  letter-spacing: -0.03em;
  margin: 0;
}

@media (max-width: 59.999rem) {
  .bbi-home-hero {
    min-height: auto;
    padding-block: var(--space-2xl) var(--space-3xl);
  }

  .bbi-home-hero__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2xl);
    min-height: auto;
  }

  .bbi-home-check {
    max-width: 42rem;
  }

  .bbi-home-section-head {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-md);
  }

  .bbi-home-offers {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-offer {
    min-height: 0;
  }

  .bbi-home-answer-list {
    column-gap: var(--space-2xl);
  }

  .bbi-home-answer-list article {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-xs);
  }
}

@media (max-width: 39.999rem) {
  .bbi-home-hero h1 {
    font-size: var(--text-display-s);
    max-width: 11ch;
  }

  .bbi-home-hero__facts {
    align-items: flex-start;
    flex-direction: column;
    gap: var(--space-md);
  }

  .bbi-home-check {
    padding: var(--space-lg);
  }

  .bbi-home-check h2 {
    font-size: var(--text-xl);
  }

  .bbi-home-pricing,
  .bbi-home-questions {
    padding-block: var(--space-3xl);
  }

  .bbi-home-section-head h2 {
    font-size: var(--text-2xl);
  }

  .bbi-home-answer-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-questions__more {
    align-items: stretch;
    flex-direction: column;
  }

  .bbi-home-questions__more .bbi-next-btn {
    justify-content: center;
    width: 100%;
  }
}

/* Bredbandsinternet Next 2.0 · final cascade */

.bbi-next-nav__links {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  gap: var(--space-lg);
  padding: 0;
}

.bbi-next-nav__link {
  border-radius: 0;
  min-height: auto;
  padding: var(--space-xs) 0;
}

.bbi-next-nav__link[aria-current="page"] {
  background: transparent;
  box-shadow: none;
}

.bbi-next-page .bbi-page-hero {
  background: transparent;
  border: 0;
  border-block-end: var(--rule-hair) solid var(--color-rule);
  border-radius: 0;
  box-shadow: none;
  margin-block-end: var(--space-3xl);
  overflow: visible;
  padding: var(--space-2xl) 0 var(--space-3xl);
}

.bbi-next-page .bbi-page-hero::before {
  content: none;
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.page-id-8 .bbi-bento {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
}

.page-id-8 .bbi-card {
  min-height: 32rem;
}

.page-id-8 .bbi-card-featured {
}

.bbi-next-footer {
  padding-block: 0 var(--space-xl);
}

@media (max-width: 59.999rem) {
  .bbi-next-nav__links {
    background: var(--color-surface);
    border-block-end: var(--rule-hair) solid var(--color-rule);
    box-shadow: 0 1rem 2rem var(--color-shadow-soft);
    gap: 0;
    padding: var(--space-sm) var(--page-gutter) var(--space-lg);
  }

  .bbi-next-nav__link {
    min-height: 3.25rem;
    padding: var(--space-sm) 0;
  }

  .bbi-next-page .bbi-page-hero-grid {
    flex-wrap: wrap !important;
  }

  .bbi-next-page .bbi-page-hero-grid > .wp-block-column {
    flex-basis: 100% !important;
  }

  .page-id-8 .bbi-bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-8 .bbi-bento > .wp-block-column:nth-child(2) {
    order: -1;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-page .bbi-page-hero {
    border-radius: 0;
    padding: var(--space-xl) 0 var(--space-2xl);
  }

  .page-id-8 .bbi-card {
    min-height: 0;
  }

  .bbi-next-footer {
    padding-block: 0 var(--space-xl);
  }
}

/* Bredbandsinternet Next 2.0 · editorial telecom system */

.bbi-next-header {
  box-shadow: 0 1px 0 var(--color-rule);
}

.bbi-next-nav {
  grid-template-columns: minmax(12rem, 1fr) auto minmax(18rem, 1fr);
  min-height: 5rem;
}

.bbi-next-nav__links {
  background: transparent;
  border: 0;
  border-radius: 0;
  gap: var(--space-lg);
  padding: 0;
}

.bbi-next-nav__link {
  border-radius: 0;
  color: var(--color-ink-2);
  min-height: auto;
  padding: var(--space-xs) 0;
  position: relative;
}

.bbi-next-nav__link::after {
  background: var(--color-accent);
  bottom: 0;
  content: "";
  height: 0.125rem;
  inset-inline: 0;
  opacity: 0;
  position: absolute;
  transform: scaleX(0.5);
  transition:
    opacity var(--dur-short) var(--ease-out),
    transform var(--dur-short) var(--ease-out);
}

.bbi-next-nav__link[aria-current="page"] {
  background: transparent;
  box-shadow: none;
  color: var(--color-ink);
}

.bbi-next-nav__link[aria-current="page"]::after {
  opacity: 1;
  transform: scaleX(1);
}

.bbi-next-nav__actions .bbi-search-trigger {
  background: transparent;
  border-color: transparent;
}

.bbi-next-hero--image {
  align-items: center;
  display: grid;
  gap: clamp(var(--space-2xl), 6vw, var(--space-4xl));
  min-height: 0;
  padding-block: clamp(var(--space-2xl), 5vw, var(--space-3xl)) var(--space-4xl);
}

.bbi-next-hero--image .bbi-next-hero__copy {
  align-content: center;
  gap: var(--space-lg);
  padding-block: var(--space-xl);
}

.bbi-next-hero--image .bbi-next-display {
  font-size: clamp(3.5rem, 6.2vw, 5.75rem);
  line-height: 0.94;
  max-width: 9.5ch;
}

.bbi-next-hero--image .bbi-next-hero__lede {
  max-width: 46ch;
}

.bbi-next-text-link {
  align-items: center;
  color: var(--color-ink);
  display: inline-flex;
  font-weight: 650;
  gap: var(--space-xs);
  min-height: 3rem;
  text-decoration: none;
  white-space: nowrap;
}

.bbi-next-text-link span {
  color: var(--color-accent);
}

.bbi-next-hero__facts {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  display: grid;
  gap: var(--space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: var(--space-sm) 0 0;
  padding-block-start: var(--space-lg);
}

.bbi-next-hero__facts div {
  min-width: 0;
}

.bbi-next-hero__facts dt {
  color: var(--color-ink);
  font-weight: 700;
}

.bbi-next-hero__facts dd {
  color: var(--color-muted);
  font-size: var(--text-sm);
  margin: var(--space-3xs) 0 0;
}

.bbi-next-hero__visual {
  min-width: 0;
  padding-block-end: 6.5rem;
  position: relative;
}

.bbi-next-hero__visual figure {
  border-radius: var(--radius-lg);
  margin: 0;
  overflow: clip;
}

.bbi-next-hero__visual img {
  aspect-ratio: 4 / 5;
  height: clamp(30rem, 54vw, 39rem);
  object-fit: cover;
  width: 100%;
}

.bbi-next-coverage-card {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  bottom: 0;
  box-shadow: 0 1.5rem 3.5rem var(--color-shadow);
  display: grid;
  gap: var(--space-lg);
  inset-inline: var(--space-xl) calc(var(--space-xl) * -1);
  padding: var(--space-xl);
  position: absolute;
}

.bbi-next-coverage-card h2 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 650;
  letter-spacing: -0.04em;
  line-height: 1;
  margin: var(--space-2xs) 0 0;
}

.bbi-next-section,
.bbi-next-section--roomy {
  padding-block: clamp(var(--space-3xl), 7vw, var(--space-4xl));
}

.bbi-next-split {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  padding-block-start: var(--space-2xl);
}

.bbi-next-split__media {
  box-shadow: none;
}

.bbi-next-split__media::after {
  display: none;
}

.bbi-next-plan-wrap {
  background: var(--color-paper-2);
  color: var(--color-ink-2);
}

.bbi-next-plan-wrap .bbi-next-head h2,
.bbi-next-plan-wrap .bbi-next-head p,
.bbi-next-plan-wrap .bbi-next-plans caption,
.bbi-next-plan-wrap .bbi-next-plans th,
.bbi-next-plan-wrap .bbi-next-plans td,
.bbi-next-plans tbody th,
.bbi-next-plans .bbi-next-price,
.bbi-next-plan-link {
  color: inherit;
}

.bbi-next-plans th,
.bbi-next-plans td {
  border-color: var(--color-rule);
}

.bbi-next-plans thead th {
  color: var(--color-muted);
}

.bbi-next-plans tbody tr:nth-child(2) {
  background: var(--color-surface);
}

.bbi-next-plans tbody tr:nth-child(2) th {
  border-inline-start-color: var(--color-accent);
}

.bbi-next-plan-link {
  color: var(--color-accent-dark);
}

.bbi-next-page {
  padding-block: var(--space-xl) var(--space-4xl);
}

.bbi-next-page .bbi-page-hero {
  background: transparent;
  border: 0;
  border-block-end: var(--rule-hair) solid var(--color-rule);
  border-radius: 0;
  box-shadow: none;
  margin-block-end: var(--space-3xl);
  overflow: visible;
  padding: var(--space-2xl) 0 var(--space-3xl);
}

.bbi-next-page .bbi-page-hero::before {
  content: none;
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.bbi-next-page .bbi-page-hero .wp-block-image img {
  aspect-ratio: 5 / 4;
}

.bbi-next-page .bbi-breadcrumbs {
  border: 0;
  padding: 0;
}

.bbi-next-page .bbi-bento {
  gap: var(--space-lg);
}

.page-id-8 .bbi-bento {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
}

.page-id-8 .bbi-card {
  border-radius: var(--radius-md);
  min-height: 32rem;
}

.page-id-8 .bbi-card-featured {
  border-color: var(--color-dark-band);
  border-radius: var(--radius-lg);
}

.bbi-next-footer {
  padding-block: 0 var(--space-xl);
}

.bbi-next-footer__cta {
  align-items: center;
  border-block-end: var(--rule-hair) solid color-mix(in oklch, var(--color-dark-band-text) 18%, transparent);
  display: grid;
  gap: var(--space-xl);
  grid-template-columns: minmax(0, 1fr) auto;
  padding-block: var(--space-3xl);
}

.bbi-next-footer__cta h2 {
  color: var(--color-dark-band-text);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.5vw, 4rem);
  font-style: normal;
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 0.98;
  margin: var(--space-xs) 0 0;
  max-width: 17ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-next-footer__grid {
  display: grid;
  gap: var(--space-2xl);
  grid-template-columns: minmax(16rem, 1.8fr) repeat(3, minmax(8rem, 1fr));
  padding-block: var(--space-3xl);
}

.bbi-next-footer__identity {
  display: grid;
  gap: var(--space-md);
  max-width: 30rem;
}

.bbi-next-footer__identity p {
  color: color-mix(in oklch, var(--color-dark-band-text) 70%, transparent);
  margin: 0;
  max-width: 43ch;
}

.bbi-next-footer__email {
  color: var(--color-dark-band-text);
  font-weight: 650;
  width: fit-content;
}

.bbi-next-footer__group {
  align-content: start;
  display: grid;
  gap: var(--space-sm);
}

.bbi-next-footer__group h3 {
  color: var(--color-dark-band-text);
  font-family: var(--font-body);
  font-size: var(--text-sm);
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.06em;
  margin: 0 0 var(--space-xs);
  text-transform: uppercase;
}

.bbi-next-footer__group a {
  color: color-mix(in oklch, var(--color-dark-band-text) 72%, transparent);
  text-decoration: none;
  white-space: nowrap;
}

.bbi-next-footer__meta {
  align-items: center;
  font-size: var(--text-xs);
  gap: var(--space-sm) var(--space-xl);
  padding-block: var(--space-lg) 0;
}

.bbi-legal-hero {
  border-block-end: var(--rule-hair) solid var(--color-rule);
  margin-inline: auto;
  max-width: var(--page-max);
  padding: var(--space-3xl) var(--page-gutter);
}

.bbi-legal-hero h1 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-display-s);
  font-style: normal;
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 0.98;
  margin: 0;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-legal-hero p {
  color: var(--color-muted);
  font-size: var(--text-md);
  margin: var(--space-lg) 0 0;
  max-width: 62ch;
}

.bbi-legal {
  display: grid;
  gap: var(--space-2xl);
  margin-inline: auto;
  max-width: 46rem;
  padding: var(--space-3xl) var(--page-gutter) var(--space-4xl);
}

.bbi-legal section {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  padding-block-start: var(--space-xl);
}

.bbi-legal h2 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: var(--text-xl);
  font-style: normal;
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1.08;
  margin: 0 0 var(--space-md);
}

.bbi-legal p,
.bbi-legal li {
  max-width: 68ch;
}

.bbi-legal__updated {
  color: var(--color-muted);
  font-size: var(--text-sm);
}

@media (hover: hover) and (pointer: fine) {
  .bbi-next-nav__link:hover::after {
    opacity: 1;
    transform: scaleX(1);
  }

  .bbi-next-text-link:hover,
  .bbi-next-footer__group a:hover,
  .bbi-next-footer__email:hover {
    color: var(--color-accent);
  }
}

@media (min-width: 60rem) {
  .bbi-next-hero--image {
    grid-template-columns: minmax(0, 0.9fr) minmax(27rem, 1.1fr);
  }
}

@media (max-width: 69.999rem) {
  .bbi-next-footer__grid {
    grid-template-columns: minmax(16rem, 1.6fr) repeat(3, minmax(7rem, 1fr));
    gap: var(--space-xl);
  }
}

@media (max-width: 59.999rem) {
  .bbi-next-nav {
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 4.5rem;
  }

  .bbi-next-nav__links {
    background: var(--color-surface);
    border-block-end: var(--rule-hair) solid var(--color-rule);
    box-shadow: 0 1rem 2rem var(--color-shadow-soft);
    padding: var(--space-sm) var(--page-gutter) var(--space-lg);
  }

  .bbi-next-nav__link {
    min-height: 3.25rem;
    padding: var(--space-sm) 0;
  }

  .bbi-next-hero--image {
    padding-block-end: var(--space-3xl);
  }

  .bbi-next-hero--image .bbi-next-display {
    max-width: 12ch;
  }

  .bbi-next-hero__visual {
    padding-block-end: 0;
  }

  .bbi-next-hero__visual img {
    aspect-ratio: 16 / 10;
    height: auto;
  }

  .bbi-next-page .bbi-page-hero-grid {
    flex-wrap: wrap !important;
  }

  .bbi-next-page .bbi-page-hero-grid > .wp-block-column {
    flex-basis: 100% !important;
  }

  .bbi-next-coverage-card {
    inset: auto;
    margin: calc(var(--space-2xl) * -1) var(--space-md) 0;
    position: relative;
  }

  .page-id-8 .bbi-bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-8 .bbi-card-featured {
    order: -1;
  }

  .bbi-next-footer__cta {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-next-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .bbi-next-footer__identity {
    grid-column: 1 / -1;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-hero--image {
    gap: var(--space-2xl);
    padding-block: var(--space-2xl) var(--space-3xl);
  }

  .bbi-next-hero--image .bbi-next-display {
    font-size: clamp(3rem, 14vw, 4.25rem);
    max-width: 10ch;
  }

  .bbi-next-hero__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-next-coverage-card {
    border-radius: var(--radius-md);
    margin-inline: var(--space-sm);
    padding: var(--space-lg);
  }

  .bbi-next-page .bbi-page-hero {
    padding-block: var(--space-xl) var(--space-2xl);
  }

  .page-id-8 .bbi-card {
    min-height: 0;
  }

  .bbi-next-footer__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-next-footer__identity {
    grid-column: auto;
  }

  .bbi-next-footer__meta {
    align-items: flex-start;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    animation-duration: var(--dur-micro) !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: var(--dur-micro) !important;
  }
}

/* Bredbandsinternet Next 1.1 · system refinement */

body {
  background: var(--color-paper);
  color: var(--color-ink-2);
  font-weight: 450;
}

::selection {
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

.bbi-next-header {
  background: var(--color-surface);
  border-block-end: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-signalbar {
  background: var(--color-dark-band);
  color: var(--color-dark-band-text);
  font-size: var(--text-xs);
}

.bbi-next-signalbar__inner {
  align-items: center;
  display: flex;
  justify-content: space-between;
  min-height: 2rem;
}

.bbi-next-signalbar a {
  color: inherit;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.bbi-next-nav {
  gap: var(--space-xl);
  min-height: 4.75rem;
}

.bbi-next-brand {
  gap: var(--space-xs);
}

.bbi-next-brand::before {
  display: none;
}

.bbi-next-brand__mark {
  background: var(--color-accent);
  border-radius: 50%;
  box-shadow: 0 0 0 0.25rem var(--color-accent-soft);
  flex: 0 0 auto;
  height: 0.625rem;
  width: 0.625rem;
}

.bbi-next-brand > span:last-child {
  display: grid;
  line-height: 1;
}

.bbi-next-brand small {
  color: var(--color-muted);
  font-family: var(--font-body);
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  margin-block-start: var(--space-2xs);
  text-transform: uppercase;
}

.bbi-next-nav__links {
  background: var(--color-paper-2);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-sm);
  gap: 0;
  padding: var(--space-2xs);
}

.bbi-next-nav__link {
  border-radius: var(--radius-xs);
  min-height: 2.5rem;
  padding: var(--space-xs) var(--space-sm);
}

.bbi-next-nav__link[aria-current="page"] {
  background: var(--color-surface);
  box-shadow: 0 1px 2px var(--color-shadow-soft);
  color: var(--color-ink);
}

.bbi-next-nav__actions .bbi-search-trigger {
  background: var(--color-paper-2);
  border-color: var(--color-rule);
  min-height: 2.75rem;
  padding-inline: var(--space-xs);
}

.bbi-next-btn,
.wp-block-button__link,
.bbi-next-submit {
  border-radius: var(--radius-sm);
  min-height: 3rem;
  padding: var(--space-xs) var(--space-sm);
}

.bbi-next-btn--primary,
.bbi-next-submit,
.bbi-primary .wp-block-button__link,
.bbi-submit {
  box-shadow: 0 1px 2px var(--color-shadow);
}

.bbi-next-btn--accent {
  background: var(--color-accent-dark);
  box-shadow: 0 1px 2px var(--color-shadow);
}

.bbi-next-hero {
  align-items: center;
  gap: clamp(var(--space-2xl), 7vw, var(--space-4xl));
  min-height: min(40rem, calc(100svh - 6.75rem));
  padding-block: clamp(var(--space-2xl), 5vw, var(--space-3xl)) clamp(var(--space-3xl), 7vw, var(--space-4xl));
  position: relative;
}

.bbi-next-hero::before {
  content: none;
}

.bbi-next-hero__copy {
  gap: var(--space-xl);
}

.bbi-next-display {
  font-size: clamp(3.25rem, 6vw, 5.25rem);
  font-weight: 650;
  letter-spacing: -0.055em;
  line-height: 0.94;
  max-width: 15ch;
}

.bbi-next-hero__lede {
  color: var(--color-ink-2);
  font-size: var(--text-md);
  line-height: 1.55;
  max-width: 52ch;
}

.bbi-next-label,
.bbi-next-page .bbi-kicker {
  color: var(--color-accent-dark);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

.bbi-next-proof {
  background: var(--color-surface);
  border-color: var(--color-rule);
  border-radius: var(--radius-xl);
  box-shadow: 0 1.25rem 3rem var(--color-shadow-soft);
  gap: var(--space-lg);
  overflow: hidden;
  padding: clamp(var(--space-lg), 3vw, var(--space-xl));
  position: relative;
}

.bbi-next-proof::before {
  background: var(--color-accent);
  content: "";
  height: 0.25rem;
  inset: 0 0 auto;
  position: absolute;
}

.bbi-next-proof h2 {
  font-size: clamp(var(--text-xl), 3vw, var(--text-2xl));
  font-weight: 650;
}

.bbi-next-address input,
.bbi-field input,
.bbi-field select,
.bbi-field textarea {
  background: var(--color-surface);
  border-color: var(--color-rule-strong);
  min-height: 3.25rem;
}

.bbi-next-submit,
.bbi-submit {
  min-height: 3.25rem;
}

.bbi-next-facts li {
  padding-block: var(--space-sm);
}

.bbi-next-facts {
  font-size: var(--text-sm);
  line-height: 1.45;
}

.bbi-next-head {
  gap: var(--space-sm);
  margin-block-end: var(--space-2xl);
  max-width: 55rem;
}

.bbi-next-head h2,
.bbi-next-split h2,
.bbi-next-dark h2 {
  font-size: clamp(2.4rem, 5vw, 4.5rem);
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 0.98;
}

.bbi-next-section {
  padding-block: var(--space-3xl);
}

.bbi-next-split {
  gap: clamp(var(--space-2xl), 7vw, var(--space-4xl));
}

.bbi-next-split + .bbi-next-split {
  margin-block-start: var(--space-4xl);
}

.bbi-next-split__copy {
  gap: var(--space-md);
}

.bbi-next-split__media {
  border-radius: var(--radius-lg);
  box-shadow: 0 1rem 2.5rem var(--color-shadow-soft);
  position: relative;
}

.bbi-next-split__media::after {
  border: var(--rule-hair) solid var(--color-accent);
  border-radius: var(--radius-lg);
  content: "";
  inset: var(--space-sm) calc(var(--space-sm) * -1) calc(var(--space-sm) * -1) var(--space-sm);
  pointer-events: none;
  position: absolute;
}

.bbi-next-use-list li {
  align-items: baseline;
  display: grid;
  gap: var(--space-sm);
  grid-template-columns: 1rem minmax(0, 1fr);
}

.bbi-next-use-list li::before {
  color: var(--color-accent);
  content: "•";
}

.bbi-next-plan-wrap {
  background: var(--color-dark-band);
  border: 0;
  color: var(--color-dark-band-text);
}

.bbi-next-plan-wrap .bbi-next-head h2,
.bbi-next-plan-wrap .bbi-next-head p,
.bbi-next-plan-wrap .bbi-next-plans caption,
.bbi-next-plan-wrap .bbi-next-plans th,
.bbi-next-plan-wrap .bbi-next-plans td {
  color: var(--color-dark-band-text);
}

.bbi-next-plans {
  border-collapse: separate;
  border-spacing: 0;
}

.bbi-next-plans th,
.bbi-next-plans td {
  border-color: color-mix(in oklch, var(--color-dark-band-text) 18%, transparent);
  padding: var(--space-lg) var(--space-md);
}

.bbi-next-plans thead th {
  color: color-mix(in oklch, var(--color-dark-band-text) 72%, transparent);
}

.bbi-next-plans tbody tr:nth-child(2) {
  background: var(--color-dark-band-2);
}

.bbi-next-plans tbody tr:nth-child(2) th {
  border-inline-start: 0.25rem solid var(--color-accent);
}

.bbi-next-plans tbody th,
.bbi-next-plans .bbi-next-price,
.bbi-next-plan-link {
  color: var(--color-dark-band-text);
}

.bbi-next-plan-link {
  border-block-end: var(--rule-hair) solid var(--color-accent);
  text-decoration: none;
}

.bbi-next-steps li {
  grid-template-columns: 4rem minmax(0, 0.8fr) minmax(0, 1fr);
  padding-block: var(--space-xl);
}

.bbi-next-steps li::before {
  color: var(--color-accent-dark);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 650;
}

.bbi-next-dark {
  background: var(--color-dark-band);
  padding-block: var(--space-3xl);
}

.bbi-next-dark__grid {
  gap: var(--space-3xl);
}

.bbi-next-dark .bbi-next-label {
  color: var(--color-accent-ink);
}

.bbi-next-seo {
  align-items: start;
}

.bbi-next-seo__copy {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  padding-block-start: var(--space-xl);
}

.bbi-next-faq summary {
  font-weight: 600;
  min-height: 4.5rem;
}

.bbi-next-footer {
  background: var(--color-dark-band);
  border: 0;
  color: var(--color-dark-band-text);
  padding-block: var(--space-4xl) var(--space-xl);
}

.bbi-next-footer__masthead {
  display: grid;
  gap: var(--space-md);
}

.bbi-next-footer__eyebrow {
  color: var(--color-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.bbi-next-footer__line {
  color: var(--color-dark-band-text);
  font-size: clamp(3rem, 8vw, 7.5rem);
  font-weight: 650;
  letter-spacing: -0.06em;
  line-height: 0.88;
  max-width: 11ch;
}

.bbi-next-footer__intro {
  color: color-mix(in oklch, var(--color-dark-band-text) 72%, transparent);
  font-size: var(--text-md);
  margin: var(--space-sm) 0 0;
  max-width: 48ch;
}

.bbi-next-footer__actions {
  margin-block: var(--space-2xl) var(--space-3xl);
}

.bbi-next-footer .bbi-next-btn--ghost {
  border-color: color-mix(in oklch, var(--color-dark-band-text) 45%, transparent);
  color: var(--color-dark-band-text);
}

.bbi-next-footer__meta {
  border-color: color-mix(in oklch, var(--color-dark-band-text) 18%, transparent);
  color: color-mix(in oklch, var(--color-dark-band-text) 65%, transparent);
}

.bbi-next-footer .bbi-next-brand {
  color: var(--color-dark-band-text);
}

.bbi-next-page {
  padding-block: var(--space-2xl) var(--space-4xl);
}

.bbi-next-page .wp-block-post-content {
  display: flow-root;
}

.bbi-next-page .wp-block-post-content > * + * {
  margin-block-start: var(--space-3xl);
}

.bbi-next-page .bbi-page-hero {
  background: var(--color-surface);
  border-color: var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1rem 3rem var(--color-shadow-soft);
  margin-block-end: var(--space-3xl);
  overflow: hidden;
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
  position: relative;
}

.bbi-next-page .bbi-page-hero-grid {
  gap: clamp(var(--space-xl), 5vw, var(--space-3xl));
}

.bbi-next-page .bbi-page-hero-copy {
  align-self: center;
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 var(--rule-hair) var(--color-rule);
}

.bbi-next-page .bbi-page-hero .wp-block-image img {
  aspect-ratio: 16 / 10;
  object-fit: cover;
  width: 100%;
}

.bbi-next-page .bbi-title,
.bbi-next-page .bbi-display {
  font-weight: 650;
  letter-spacing: -0.05em;
  line-height: 0.98;
}

.bbi-next-page .bbi-title {
  font-size: clamp(2.5rem, 5vw, 4.75rem);
}

.bbi-next-page .bbi-lead {
  color: var(--color-ink-2);
  line-height: 1.55;
}

.bbi-next-page .bbi-breadcrumbs {
  border-block-end: var(--rule-hair) solid var(--color-rule);
  margin-block-end: var(--space-xl);
  padding-block-end: var(--space-sm);
}

.bbi-next-page .bbi-bento {
  display: grid;
  gap: var(--space-md);
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbi-next-page .bbi-bento > .wp-block-column {
  min-width: 0;
}

.bbi-next-page .bbi-card,
.bbi-next-page .bbi-order-form,
.bbi-next-page .bbi-connection-info {
  background: var(--color-surface);
  border-color: var(--color-rule);
  border-radius: var(--radius-md);
  box-shadow: 0 1px 2px var(--color-shadow-soft);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: clamp(var(--space-lg), 3vw, var(--space-xl));
}

.bbi-next-page .bbi-card-featured {
  background: var(--color-paper-2);
  border-color: var(--color-rule-strong);
  border-radius: var(--radius-lg);
}

.bbi-next-page .bbi-card h3 {
  font-size: clamp(var(--text-lg), 3vw, var(--text-xl));
  font-weight: 650;
  letter-spacing: -0.035em;
  line-height: 1.05;
}

.bbi-next-page .bbi-card .wp-block-buttons {
  margin-block-start: auto;
  padding-block-start: var(--space-md);
}

.bbi-next-page .bbi-card ul {
  padding-inline-start: 1.25rem;
}

.bbi-next-page .bbi-card li {
  padding-block: var(--space-3xs);
}

.bbi-next-page .bbi-price {
  font-size: clamp(2.5rem, 5vw, 4.25rem);
  letter-spacing: -0.055em;
  line-height: 1;
  margin-block: var(--space-lg) var(--space-2xs);
}

.bbi-next-page .bbi-business-cta {
  background: var(--color-dark-band);
  border-radius: var(--radius-lg);
  margin-block: var(--space-3xl);
}

.bbi-next-page .bbi-order-form {
  max-width: 58rem;
}

.bbi-next-page .bbi-coverage-map {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1rem 3rem var(--color-shadow-soft);
}

.bbi-next-page .bbi-faq {
  margin-inline: auto;
  max-width: 58rem;
}

.bbi-next-page .bbi-faq .wp-block-accordion-heading__toggle {
  align-items: center;
  display: flex;
  font-weight: 600;
  justify-content: space-between;
  min-height: 4.5rem;
}

.page-id-8 .bbi-bento {
  grid-template-columns: minmax(0, 1.25fr) minmax(17rem, 0.75fr);
  grid-template-rows: repeat(2, minmax(0, 1fr));
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(1) {
  grid-column: 2;
  grid-row: 1;
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(2) {
  grid-column: 1;
  grid-row: 1 / 3;
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}

.page-id-8 .bbi-card-featured {
  background: var(--color-dark-band);
  border-color: var(--color-dark-band);
  color: var(--color-dark-band-text);
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
}

.page-id-8 .bbi-card-featured h3,
.page-id-8 .bbi-card-featured p,
.page-id-8 .bbi-card-featured li {
  color: var(--color-dark-band-text);
}

.page-id-8 .bbi-card-featured .bbi-kicker,
.page-id-8 .bbi-card-featured .bbi-price-note {
  color: var(--color-accent);
}

.page-id-8 .bbi-card-featured .wp-block-button__link {
  background: var(--color-accent);
  color: var(--color-accent-ink);
}

@media (hover: hover) and (pointer: fine) {
  .bbi-next-signalbar a:hover,
  .bbi-next-footer__links a:hover {
    color: var(--color-accent);
  }

  .bbi-next-nav__link:hover {
    background: var(--color-surface);
  }

  .bbi-next-nav__actions .bbi-search-trigger:hover {
    background: var(--color-surface);
    border-color: var(--color-rule-strong);
  }

  .bbi-next-page .bbi-card:hover {
    border-color: var(--color-rule-strong);
    transform: translateY(-0.1875rem);
  }

  .bbi-next-page .bbi-card {
    transition:
      border-color var(--dur-short) var(--ease-out),
      transform var(--dur-short) var(--ease-out);
  }

  .bbi-next-footer .bbi-next-btn--ghost:hover {
    background: var(--color-dark-band-2);
    border-color: var(--color-dark-band-text);
  }
}

@media (min-width: 60rem) {
  .bbi-next-hero {
    grid-template-columns: minmax(0, 1.18fr) minmax(24rem, 0.82fr);
  }

  .bbi-next-split {
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
  }

  .bbi-next-split--reverse {
    grid-template-columns: minmax(0, 1.16fr) minmax(0, 0.84fr);
  }
}

@media (max-width: 59.999rem) {
  .bbi-next-signalbar {
    display: none;
  }

  .bbi-next-nav {
    min-height: 4.25rem;
  }

  .bbi-next-nav__links {
    border: 0;
    border-block-end: var(--rule-hair) solid var(--color-rule);
    border-radius: 0;
    box-shadow: 0 1rem 2rem var(--color-shadow-soft);
    gap: 0;
    padding: var(--space-sm) var(--page-gutter);
  }

  .bbi-next-nav__link {
    border-radius: 0;
  }

  .bbi-next-page .bbi-bento,
  .page-id-8 .bbi-bento {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
  }

  .page-id-8 .bbi-bento > .wp-block-column:nth-child(n) {
    grid-column: 1;
    grid-row: auto;
  }

  .page-id-8 .bbi-bento > .wp-block-column:nth-child(2) {
    order: -1;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-brand small {
    display: none;
  }

  .bbi-next-display {
    font-size: clamp(3rem, 15vw, 4.35rem);
  }

  .bbi-next-hero {
    min-height: 0;
    padding-block: var(--space-3xl);
  }

  .bbi-next-proof {
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
  }

  .bbi-next-split__media::after {
    display: none;
  }

  .bbi-next-steps li {
    grid-template-columns: 2.5rem minmax(0, 1fr);
  }

  .bbi-next-footer {
    padding-block-start: var(--space-3xl);
  }

  .bbi-next-footer__line {
    font-size: clamp(3rem, 16vw, 4.5rem);
  }

  .bbi-next-page {
    padding-block-start: var(--space-md);
  }

  .bbi-next-page .bbi-page-hero {
    border-radius: var(--radius-md);
    padding: var(--space-lg);
  }

  .bbi-next-page .bbi-page-hero-grid {
    gap: var(--space-lg);
  }

  .bbi-next-page .bbi-title {
    font-size: clamp(2.5rem, 12vw, 3.5rem);
  }

  .bbi-next-page .bbi-card,
  .bbi-next-page .bbi-order-form,
  .bbi-next-page .bbi-connection-info {
    padding: var(--space-lg);
  }
}

/* Bredbandsinternet Next 2.0 · authoritative final cascade */

.bbi-next-nav__links {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  gap: var(--space-lg);
  padding: 0;
}

.bbi-next-nav__link {
  border-radius: 0;
  min-height: auto;
  padding: var(--space-xs) 0;
}

.bbi-next-nav__link[aria-current="page"] {
  background: transparent;
  box-shadow: none;
}

.bbi-next-page .bbi-page-hero {
  background: transparent;
  border: 0;
  border-block-end: var(--rule-hair) solid var(--color-rule);
  border-radius: 0;
  box-shadow: none;
  margin-block-end: var(--space-3xl);
  overflow: visible;
  padding: var(--space-2xl) 0 var(--space-3xl);
}

.bbi-next-page .bbi-page-hero::before {
  content: none;
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-lg);
  box-shadow: none;
}

.page-id-8 .bbi-bento {
  align-items: stretch;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
}

.page-id-8 .bbi-card {
  min-height: 32rem;
}

.page-id-8 .bbi-card-featured {
}

.bbi-next-footer {
  padding-block: 0 var(--space-xl);
}

@media (max-width: 59.999rem) {
  .bbi-next-nav__links {
    background: var(--color-surface);
    border-block-end: var(--rule-hair) solid var(--color-rule);
    box-shadow: 0 1rem 2rem var(--color-shadow-soft);
    gap: 0;
    padding: var(--space-sm) var(--page-gutter) var(--space-lg);
  }

  .bbi-next-nav__link {
    min-height: 3.25rem;
    padding: var(--space-sm) 0;
  }

  .bbi-next-page .bbi-page-hero-grid {
    flex-wrap: wrap !important;
  }

  .bbi-next-page .bbi-page-hero-grid > .wp-block-column {
    flex-basis: 100% !important;
  }

  .page-id-8 .bbi-bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-8 .bbi-bento > .wp-block-column:nth-child(2) {
    order: -1;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-page .bbi-page-hero {
    border-radius: 0;
    padding: var(--space-xl) 0 var(--space-2xl);
  }

  .page-id-8 .bbi-card {
    min-height: 0;
  }

  .bbi-next-footer {
    padding-block: 0 var(--space-xl);
  }
}

/* Hallmark · macrostructure: Split Studio · tone: warm utilitarian · anchor hue: signal red
 * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V5
 * Scope: native Gutenberg landing pages in Bredbandsinternet Next
 */

.bbi-next-page {
  padding-block: var(--space-xl) var(--space-4xl);
}

.bbi-next-page .wp-block-post-content {
  max-width: none;
  padding-inline: 0;
}

.bbi-next-page .wp-block-post-content > * {
  margin-inline: auto;
  max-width: var(--page-max);
  width: min(
    calc(100% - var(--page-gutter) - var(--page-gutter)),
    var(--page-max)
  );
}

.bbi-next-page .wp-block-post-content > * + * {
  margin-block-start: clamp(var(--space-2xl), 6vw, var(--space-4xl));
}

.bbi-next-page .bbi-page-hero {
  background:
    linear-gradient(
      135deg,
      color-mix(in oklch, var(--color-surface) 96%, var(--color-accent-soft)),
      var(--color-surface)
    );
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-lg);
  box-shadow: 0 1.5rem 4rem var(--color-shadow-soft);
  left: auto;
  margin-block-end: 0;
  overflow: clip;
  padding:
    clamp(var(--space-xl), 3.5vw, var(--space-2xl))
    clamp(var(--space-xl), 4.5vw, var(--space-3xl))
    clamp(var(--space-2xl), 5vw, var(--space-4xl));
  position: relative;
  transform: none;
}

.bbi-next-page .bbi-page-hero > .bbi-breadcrumbs,
.bbi-next-page .bbi-page-hero > .bbi-page-hero-grid {
  max-width: none !important;
  width: 100%;
}

.bbi-next-page .bbi-breadcrumbs {
  align-items: center;
  border: 0;
  color: var(--color-muted);
  display: flex;
  font-size: var(--text-sm);
  gap: var(--space-xs);
  margin-block-end: clamp(var(--space-xl), 4vw, var(--space-2xl));
  padding: 0;
}

.bbi-next-page .bbi-breadcrumbs a {
  color: var(--color-ink);
  font-weight: 600;
  text-decoration-color: var(--color-accent);
  white-space: nowrap;
}

.bbi-next-page .bbi-breadcrumbs span[aria-hidden="true"] {
  color: var(--color-accent);
}

.bbi-next-page .bbi-breadcrumbs span[aria-current="page"] {
  background: var(--color-paper-2);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xs);
  color: var(--color-muted);
  padding: var(--space-3xs) var(--space-2xs);
  white-space: nowrap;
}

.bbi-next-page .bbi-page-hero-grid {
  align-items: center;
  display: grid !important;
  gap: clamp(var(--space-xl), 5vw, var(--space-3xl));
  grid-template-columns: minmax(0, 1.12fr) minmax(22rem, 0.88fr);
  margin: 0;
}

.bbi-next-page .bbi-page-hero-grid > .wp-block-column {
  flex-basis: auto !important;
  min-width: 0;
  width: auto !important;
}

.bbi-next-page .bbi-page-hero-copy {
  align-content: center;
  display: grid;
  gap: var(--space-lg);
  padding-block: var(--space-sm);
}

.bbi-next-page .bbi-page-hero-copy > * {
  margin-block: 0;
}

.bbi-next-page .bbi-page-hero .bbi-title {
  font-size: clamp(3.25rem, 5vw, 5.4rem);
  font-style: normal;
  font-weight: 650;
  hyphens: none;
  letter-spacing: -0.06em;
  line-height: 0.94;
  max-width: 12ch;
  min-width: 0;
  overflow-wrap: anywhere;
  text-wrap: balance;
  word-break: normal;
}

.bbi-next-page .bbi-page-hero .bbi-lead {
  color: var(--color-ink-2);
  font-size: clamp(var(--text-base), 1.45vw, var(--text-md));
  line-height: 1.55;
  margin: 0;
  max-width: 48ch;
  text-wrap: pretty;
}

.bbi-next-page .bbi-page-hero .bbi-kicker {
  margin: 0;
}

.bbi-next-page .bbi-page-hero .bbi-hero-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-block-start: var(--space-xs);
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  align-self: stretch;
  background: var(--color-paper-2);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg) var(--radius-xl) var(--radius-md) var(--radius-xl);
  box-shadow: 0.75rem 0.75rem 0 var(--color-accent-soft);
  height: 100%;
  margin: 0;
  min-height: 24rem;
  overflow: clip;
}

.bbi-next-page .bbi-page-hero .wp-block-image img {
  aspect-ratio: auto;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.page-id-62 .bbi-page-hero .bbi-title {
  font-size: clamp(3rem, 4.5vw, 4.9rem);
  max-width: 13ch;
}

.page-id-9 .bbi-page-hero {
  background:
    linear-gradient(
      135deg,
      color-mix(in oklch, var(--color-paper-2) 82%, var(--color-surface)),
      var(--color-surface)
    );
}

.page-id-9 .bbi-page-hero-copy {
  grid-column: 2;
  grid-row: 1;
}

.page-id-9 .bbi-page-hero-grid > .wp-block-column:last-child {
  grid-column: 1;
  grid-row: 1;
}

.page-id-10 .bbi-page-hero-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(20rem, 0.8fr);
}

.page-id-11 .bbi-page-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(24rem, 1fr);
}

.bbi-next-page .bbi-section-tight {
  display: grid;
  gap: var(--space-xl);
  padding-block: 0;
}

.bbi-next-page .bbi-section-tight > .bbi-title {
  font-size: clamp(2.4rem, 4vw, 4rem);
  margin: 0;
  max-width: 16ch;
}

.bbi-next-page .bbi-bento {
  align-items: stretch;
  display: grid !important;
  gap: var(--space-lg);
}

.bbi-next-page .bbi-bento > .wp-block-column {
  flex-basis: auto !important;
  min-width: 0;
  width: auto !important;
}

.page-id-61 .bbi-bento,
.page-id-8 .bbi-bento,
.page-id-9 .bbi-bento {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
}

.page-id-62 .bbi-bento {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background: var(--color-rule);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-lg) var(--radius-md);
  gap: 1px;
  overflow: clip;
}

.page-id-62 .bbi-bento .bbi-card {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  min-height: 18rem;
  padding: clamp(var(--space-xl), 3.5vw, var(--space-2xl));
}

.page-id-62 .bbi-bento .bbi-card::before {
  color: var(--color-accent);
  content: "01";
  font-family: var(--font-display);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.12em;
  margin-block-end: auto;
}

.page-id-62 .bbi-bento > .wp-block-column:nth-child(2) .bbi-card::before {
  content: "02";
}

.page-id-62 .bbi-bento .bbi-card-featured {
  background: var(--color-paper-2);
}

.page-id-8 .bbi-bento > .wp-block-column:nth-child(n) {
  grid-column: auto;
  grid-row: auto;
}

.bbi-next-page .bbi-card {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  box-shadow: 0 1px 2px var(--color-shadow-soft);
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: clamp(var(--space-lg), 3vw, var(--space-xl));
}

.bbi-next-page .bbi-card-featured {
  background: var(--color-paper-2);
  border-radius: var(--radius-lg) var(--radius-md) var(--radius-xl) var(--radius-md);
}

.bbi-next-page .bbi-card h3 {
  font-size: clamp(var(--text-lg), 2.5vw, var(--text-xl));
  line-height: 1.08;
  margin-block: 0 var(--space-sm);
  text-wrap: balance;
}

.bbi-next-page .bbi-card p {
  text-wrap: pretty;
}

.bbi-next-page .bbi-card .wp-block-buttons {
  margin-block-start: auto;
  padding-block-start: var(--space-lg);
}

.page-id-8 .bbi-card {
  min-height: 29rem;
}

.page-id-8 .bbi-card-featured {
  background: var(--color-dark-band);
  border-color: var(--color-dark-band);
  color: var(--color-dark-band-text);
}

.page-id-8 .bbi-card-featured h3,
.page-id-8 .bbi-card-featured p,
.page-id-8 .bbi-card-featured li {
  color: var(--color-dark-band-text);
}

.page-id-8 .bbi-card-featured .bbi-kicker,
.page-id-8 .bbi-card-featured .bbi-price-note {
  color: var(--color-accent);
}

.bbi-next-page .bbi-business-cta {
  align-items: center;
  background: var(--color-dark-band);
  border-radius: var(--radius-md) var(--radius-xl) var(--radius-md) var(--radius-lg);
  color: var(--color-dark-band-text);
  display: grid;
  gap: var(--space-lg) var(--space-2xl);
  grid-template-columns: minmax(0, 1fr) minmax(14rem, auto);
  margin-block: var(--space-xl) 0;
  padding:
    clamp(var(--space-xl), 4vw, var(--space-2xl))
    clamp(var(--space-xl), 4.5vw, var(--space-3xl));
}

.bbi-next-page .bbi-business-cta .bbi-title {
  font-size: clamp(2.25rem, 3.6vw, 3.75rem);
  line-height: 0.98;
  max-width: 17ch;
}

.bbi-next-page .bbi-business-cta > p {
  color: color-mix(in oklch, var(--color-dark-band-text) 72%, transparent);
  grid-column: 1;
  margin: 0;
  max-width: 58ch;
}

.bbi-next-page .bbi-business-cta .wp-block-buttons {
  align-self: center;
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  margin: 0;
}

.bbi-next-page .bbi-business-cta .wp-block-button__link {
  background: var(--color-accent);
  border-color: var(--color-accent);
  color: var(--color-paper);
  min-height: 3.5rem;
  padding-inline: var(--space-xl);
}

.bbi-next-page .bbi-business-cta .wp-block-button__link:hover {
  background: var(--color-accent-hover);
  border-color: var(--color-accent-hover);
  color: var(--color-paper);
  transform: translateY(-2px);
}

.page-id-10 .bbi-faq,
.page-id-63 .bbi-faq {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1rem 3rem var(--color-shadow-soft);
  margin-inline: auto;
  max-width: 64rem;
  padding: var(--space-sm) clamp(var(--space-lg), 4vw, var(--space-2xl));
}

.bbi-next-page .bbi-faq .wp-block-accordion-item {
  border: 0;
  border-block-end: var(--rule-hair) solid var(--color-rule);
}

.bbi-next-page .bbi-faq .wp-block-accordion-item:last-child {
  border-block-end: 0;
}

.bbi-next-page .bbi-faq .wp-block-accordion-heading__toggle {
  min-height: 4.75rem;
}

.bbi-next-page .bbi-connection-wrap {
  margin-inline: auto;
  max-width: 64rem;
  width: 100%;
}

.bbi-next-page .bbi-connection-info {
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
}

.bbi-next-page .bbi-order-wrap {
  margin-inline: auto;
  max-width: 68rem;
  width: 100%;
}

.bbi-next-page .bbi-order-form {
  max-width: none;
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
}

.bbi-next-page .bbi-coverage-map {
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1.25rem 3.5rem var(--color-shadow-soft);
  margin: 0;
}

.bbi-next-page .bbi-meta {
  color: var(--color-muted);
  line-height: 1.55;
  max-width: var(--reading-max);
}

@media (hover: hover) and (pointer: fine) {
  .bbi-next-page .bbi-card {
    transition:
      border-color var(--dur-short) var(--ease-out),
      box-shadow var(--dur-short) var(--ease-out),
      transform var(--dur-short) var(--ease-out);
  }

  .bbi-next-page .bbi-card:hover {
    border-color: var(--color-rule-strong);
    box-shadow: 0 1rem 2.5rem var(--color-shadow-soft);
    transform: translateY(-0.1875rem);
  }

  .page-id-62 .bbi-bento .bbi-card:hover {
    border-color: transparent;
    box-shadow: none;
    transform: none;
  }
}

@media (max-width: 59.999rem) {
  .bbi-next-page {
    padding-block-start: var(--space-md);
  }

  .bbi-next-page .bbi-page-hero-grid,
  .page-id-10 .bbi-page-hero-grid,
  .page-id-11 .bbi-page-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-9 .bbi-page-hero-copy,
  .page-id-9 .bbi-page-hero-grid > .wp-block-column:last-child {
    grid-column: 1;
  }

  .page-id-9 .bbi-page-hero-copy {
    grid-row: 1;
  }

  .page-id-9 .bbi-page-hero-grid > .wp-block-column:last-child {
    grid-row: 2;
  }

  .bbi-next-page .bbi-page-hero .wp-block-image {
    min-height: 0;
  }

  .bbi-next-page .bbi-page-hero .wp-block-image img {
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .page-id-61 .bbi-bento,
  .page-id-8 .bbi-bento,
  .page-id-9 .bbi-bento,
  .page-id-62 .bbi-bento {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-8 .bbi-bento > .wp-block-column:nth-child(2) {
    order: -1;
  }

  .page-id-8 .bbi-card {
    min-height: 0;
  }

  .page-id-62 .bbi-bento .bbi-card {
    min-height: 14rem;
  }

  .bbi-next-page .bbi-business-cta {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-next-page .bbi-business-cta .wp-block-buttons,
  .bbi-next-page .bbi-business-cta > p {
    grid-column: 1;
    grid-row: auto;
  }

  .bbi-next-page .bbi-business-cta .wp-block-buttons {
    justify-self: start;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-page .wp-block-post-content > * {
    width: calc(100% - var(--space-xl));
  }

  .bbi-next-page .wp-block-post-content > * + * {
    margin-block-start: var(--space-3xl);
  }

  .bbi-next-page .bbi-page-hero {
    border-radius: var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-md);
    padding: var(--space-xl) var(--space-lg) var(--space-2xl);
  }

  .bbi-next-page .bbi-breadcrumbs {
    flex-wrap: nowrap;
    font-size: var(--text-xs);
    overflow: clip;
  }

  .bbi-next-page .bbi-page-hero-copy {
    gap: var(--space-md);
  }

  .bbi-next-page .bbi-page-hero .bbi-title,
  .page-id-62 .bbi-page-hero .bbi-title {
    font-size: clamp(2.65rem, 13vw, 3.65rem);
    max-width: 100%;
    overflow-wrap: anywhere;
  }

  .bbi-next-page .bbi-page-hero .bbi-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .bbi-next-page .bbi-page-hero .wp-block-button,
  .bbi-next-page .bbi-page-hero .wp-block-button__link {
    width: 100%;
  }

  .bbi-next-page .bbi-page-hero .wp-block-image {
    border-radius: var(--radius-md);
    box-shadow: 0.4rem 0.4rem 0 var(--color-accent-soft);
  }

  .bbi-next-page .bbi-card,
  .bbi-next-page .bbi-order-form,
  .bbi-next-page .bbi-connection-info {
    padding: var(--space-lg);
  }

  .bbi-next-page .bbi-business-cta {
    padding: var(--space-xl) var(--space-lg);
  }

  .bbi-next-page .bbi-business-cta .bbi-title {
    font-size: clamp(2.35rem, 12vw, 3.3rem);
  }

  .bbi-next-page .bbi-business-cta .wp-block-button,
  .bbi-next-page .bbi-business-cta .wp-block-button__link {
    width: 100%;
  }

  .bbi-next-page .bbi-business-cta .wp-block-buttons {
    justify-self: stretch;
  }

  .page-id-10 .bbi-faq,
  .page-id-63 .bbi-faq {
    border-radius: var(--radius-md);
    padding-inline: var(--space-lg);
  }

  .bbi-next-page .bbi-coverage-map iframe {
    height: 34rem;
    min-height: 34rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbi-next-page .bbi-card {
    transition-duration: var(--dur-micro);
  }
}

/* Home hero image · family lifestyle */
.bbi-home-hero__grid {
  align-items: center;
  gap: clamp(var(--space-xl), 5vw, var(--space-3xl));
  grid-template-columns: minmax(0, 1.04fr) minmax(22rem, 0.96fr);
}

.bbi-home-hero__copy {
  max-width: 44rem;
  position: relative;
  z-index: 1;
}

.bbi-home-hero__visual {
  align-self: stretch;
  border-radius: var(--radius-xl) var(--radius-md) var(--radius-xl) var(--radius-lg);
  box-shadow: 0.75rem 0.75rem 0 var(--color-accent-soft);
  margin: 0;
  min-height: 32rem;
  overflow: clip;
  position: relative;
}

.bbi-home-hero__visual img {
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
  width: 100%;
}

@media (max-width: 59.999rem) {
  .bbi-home-hero__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-hero__copy {
    max-width: 46rem;
  }

  .bbi-home-hero__visual {
    min-height: clamp(22rem, 56vw, 32rem);
  }
}

@media (max-width: 39.999rem) {
  .bbi-home-hero__visual {
    border-radius: var(--radius-lg) var(--radius-sm) var(--radius-xl) var(--radius-md);
    min-height: 18rem;
  }
}

/* Footer return purchase action */
.bbi-next-footer__actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: flex-end;
}

.bbi-next-footer__return {
  background: transparent;
  border-color: color-mix(in oklch, var(--color-dark-band-text) 48%, transparent);
  color: var(--color-dark-band-text);
}

.bbi-next-footer__return:hover {
  background: var(--color-dark-band-text);
  border-color: var(--color-dark-band-text);
  color: var(--color-dark-band);
}

@media (max-width: 59.999rem) {
  .bbi-next-footer__actions {
    justify-content: flex-start;
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-footer__actions,
  .bbi-next-footer__actions .bbi-next-btn {
    width: 100%;
  }
}

/* Hallmark · macrostructure: Split Studio · H2 knobs: ratio=7/5, right=coverage-form, divider=negative-space
 * genre: playful · theme: Signal Red · background: light warm paper
 * reference-DNA: asymmetric copy + functional coverage card
 * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * contrast: pass (40–41) · responsive: pass (34, 49–56)
 */
.bbi-home-hero--light {
  background: var(--color-paper);
  color: var(--color-ink);
  min-height: auto;
  padding-block: clamp(var(--space-xl), 5vw, var(--space-3xl)) clamp(var(--space-2xl), 7vw, var(--space-4xl));
}

.bbi-home-hero--light .bbi-home-hero__layout {
  align-items: center;
  display: grid;
  gap: clamp(var(--space-2xl), 7vw, var(--space-4xl));
  grid-template-columns: minmax(0, 1.25fr) minmax(20rem, 0.75fr);
}

.bbi-home-hero--light .bbi-home-hero__copy {
  max-width: 48rem;
  min-width: 0;
}

.bbi-home-hero--light .bbi-home-hero__intro {
  color: var(--color-accent);
  font-size: var(--text-sm);
  font-weight: 700;
  letter-spacing: 0.11em;
  margin: 0 0 var(--space-lg);
  text-transform: uppercase;
}

.bbi-home-hero--light h1 {
  color: var(--color-ink);
  font-size: clamp(3.25rem, 6.4vw, 5.5rem);
  letter-spacing: -0.05em;
  line-height: 0.98;
  margin: 0;
  max-width: 10ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-home-hero--light .bbi-home-hero__lede {
  color: var(--color-muted);
  font-size: clamp(var(--text-md), 1.55vw, var(--text-lg));
  line-height: 1.55;
  margin: var(--space-xl) 0 0;
  max-width: 58ch;
}

.bbi-home-hero--light .bbi-next-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
}

.bbi-home-hero--light .bbi-home-hero__text-link {
  align-items: center;
  color: var(--color-ink);
  display: inline-flex;
  font-weight: 700;
  line-height: 1;
  min-height: 44px;
  padding-block: var(--space-sm);
  text-decoration-color: var(--color-accent);
  text-decoration-thickness: 1px;
  text-underline-offset: var(--space-xs);
  white-space: nowrap;
}

.bbi-home-hero--light .bbi-home-hero__text-link:hover {
  color: var(--color-accent);
}

.bbi-home-hero--light .bbi-home-hero__text-link:active {
  transform: translateY(1px);
}

.bbi-home-hero--light .bbi-home-hero__text-link:focus-visible {
  outline: 2px solid var(--color-focus);
  outline-offset: var(--space-xs);
}

.bbi-home-hero--light .bbi-home-hero__facts {
  display: grid;
  gap: 0;
  grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
  margin: var(--space-xl) 0 0;
  max-width: 38rem;
}

.bbi-home-hero--light .bbi-home-hero__facts > div {
  border-left: 1px solid var(--color-rule);
  min-width: 0;
  padding: var(--space-xs) var(--space-lg);
}

.bbi-home-hero--light .bbi-home-hero__facts dt {
  color: var(--color-muted);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-bottom: var(--space-xs);
  text-transform: uppercase;
}

.bbi-home-hero--light .bbi-home-hero__facts dd {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(var(--text-md), 1.75vw, var(--text-lg));
  font-variant-numeric: tabular-nums;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
}

.bbi-home-check {
  background: var(--color-paper-2);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm) var(--radius-xl) var(--radius-lg) var(--radius-md);
  box-shadow: 0 var(--space-lg) var(--space-2xl) color-mix(in oklch, var(--color-ink) 10%, transparent);
  justify-self: end;
  max-width: 28rem;
  padding: clamp(var(--space-xl), 4vw, var(--space-2xl));
  width: 100%;
}

.bbi-home-check .bbi-home-check__label {
  align-items: center;
  color: var(--color-accent);
  display: flex;
  font-size: var(--text-sm);
  font-weight: 700;
  gap: var(--space-sm);
  margin: 0;
}

.bbi-home-check__label span {
  background: var(--color-accent);
  border-radius: 50%;
  flex: 0 0 var(--space-sm);
  height: var(--space-sm);
}

.bbi-home-check h2 {
  color: var(--color-ink);
  font-size: clamp(var(--text-2xl), 3.2vw, var(--text-3xl));
  letter-spacing: -0.035em;
  line-height: 1.02;
  margin: var(--space-md) 0 0;
  max-width: 11ch;
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-home-check > p:not(.bbi-home-check__label) {
  color: var(--color-muted);
  line-height: 1.55;
  margin: var(--space-md) 0 0;
  max-width: 46ch;
}

.bbi-home-check__form {
  display: grid;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.bbi-home-check__form label {
  color: var(--color-ink);
  font-size: var(--text-sm);
  font-weight: 700;
}

.bbi-home-check__form input {
  background: var(--color-paper);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  box-sizing: border-box;
  color: var(--color-ink);
  font: inherit;
  height: 52px;
  min-height: 52px;
  outline: 2px solid transparent;
  outline-offset: 1px;
  padding: var(--space-sm) var(--space-md);
  width: 100%;
}

.bbi-home-check__form input::placeholder {
  color: var(--color-muted);
  opacity: 1;
}

.bbi-home-check__form input:hover {
  border-color: var(--color-muted);
}

.bbi-home-check__form input:focus-visible {
  border-color: var(--color-accent);
  outline-color: var(--color-focus);
}

.bbi-home-check__form input:user-invalid {
  border-color: var(--color-accent);
  outline-color: var(--color-focus);
}

.bbi-home-check__form .bbi-next-btn {
  cursor: pointer;
  min-height: 52px;
  white-space: nowrap;
  width: 100%;
}

.bbi-home-check__form .bbi-next-btn:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}

.bbi-home-check small {
  color: var(--color-muted);
  display: block;
  font-size: var(--text-xs);
  line-height: 1.5;
  margin-top: var(--space-sm);
}

@media (max-width: 59.999rem) {
  .bbi-home-hero--light .bbi-home-hero__layout {
    gap: var(--space-3xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-hero--light .bbi-home-hero__copy {
    max-width: 46rem;
  }

  .bbi-home-check {
    justify-self: stretch;
    max-width: 42rem;
  }
}

@media (max-width: 39.999rem) {
  .bbi-home-hero--light {
    padding-block: var(--space-2xl);
  }

  .bbi-home-hero--light .bbi-home-hero__layout {
    gap: var(--space-2xl);
  }

  .bbi-home-hero--light .bbi-home-hero__intro {
    font-size: var(--text-xs);
    margin-bottom: var(--space-md);
  }

  .bbi-home-hero--light h1 {
    font-size: clamp(2.65rem, 13vw, 3.75rem);
    line-height: 1;
  }

  .bbi-home-hero--light .bbi-home-hero__lede {
    font-size: var(--text-md);
    margin-top: var(--space-lg);
  }

  .bbi-home-hero--light .bbi-next-actions {
    align-items: stretch;
    display: grid;
    gap: var(--space-sm);
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-lg);
  }

  .bbi-home-hero--light .bbi-next-actions .bbi-next-btn,
  .bbi-home-hero--light .bbi-home-hero__text-link {
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    width: 100%;
  }

  .bbi-home-hero--light .bbi-home-hero__facts {
    grid-template-columns: minmax(0, 1fr);
    margin-top: var(--space-lg);
  }

  .bbi-home-hero--light .bbi-home-hero__facts > div {
    padding-block: var(--space-md);
  }

  .bbi-home-hero--light .bbi-home-hero__facts > div + div {
    border-top: 1px solid var(--color-rule);
  }

  .bbi-home-check {
    padding: var(--space-xl);
  }

  .bbi-home-check h2 {
    font-size: clamp(var(--text-2xl), 10vw, var(--text-3xl));
  }
}

/* Home address autocomplete */
.bbi-home-check__field {
  position: relative;
}

.bbi-home-check__suggestions {
  background: var(--color-paper);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-sm);
  box-shadow: 0 var(--space-sm) var(--space-xl) color-mix(in oklch, var(--color-ink) 12%, transparent);
  inset: calc(100% + var(--space-xs)) 0 auto;
  list-style: none;
  margin: 0;
  max-height: 18rem;
  overflow-y: auto;
  padding: var(--space-xs);
  position: absolute;
  z-index: var(--z-dropdown);
}

.bbi-home-check__suggestions[hidden] {
  display: none;
}

.bbi-home-check__suggestion {
  border-radius: var(--radius-xs);
  color: var(--color-ink);
  cursor: pointer;
  font-size: var(--text-sm);
  line-height: 1.4;
  padding: var(--space-sm) var(--space-md);
}

.bbi-home-check__suggestion:hover,
.bbi-home-check__suggestion.is-active,
.bbi-home-check__suggestion[aria-selected="true"] {
  background: var(--color-accent-soft);
  color: var(--color-ink);
}

.bbi-home-check__attribution {
  color: var(--color-muted);
  font-size: var(--text-xs);
  line-height: 1.4;
  margin: 0;
}

.bbi-home-check__form.is-searching input {
  cursor: progress;
}

@media (max-width: 39.999rem) {
  .bbi-home-check__suggestions {
    max-height: 15rem;
  }
}

/* Header checkout button */
.bbi-next-nav__checkout {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  justify-content: center;
  min-height: 2.75rem;
  padding: 0.75rem 1rem;
  white-space: nowrap;
}

@media (max-width: 39.999rem) {
  .bbi-next-nav__checkout {
    font-size: 0.78rem;
    min-height: 2.5rem;
    padding: 0.625rem 0.75rem;
  }
}

/* Checkout router payment choices */
.bbi-router-choice {
  border: 0;
  display: grid;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
}

.bbi-router-choice legend {
  font-size: 0.95rem;
  font-weight: 800;
  margin-bottom: 0.35rem;
}

.bbi-router-choice label {
  align-items: start;
  background: var(--color-paper);
  border: 1px solid var(--color-rule);
  border-radius: 0.8rem;
  cursor: pointer;
  display: grid;
  gap: 0.2rem 0.75rem;
  grid-template-columns: auto 1fr;
  padding: 1rem;
}

.bbi-router-choice label:has(input:checked) {
  background: var(--color-accent-soft);
  border-color: var(--color-accent);
}

.bbi-router-choice input {
  grid-row: 1 / span 2;
  margin-top: 0.2rem;
}

.bbi-router-choice span {
  display: grid;
  gap: 0.2rem;
}

.bbi-router-choice strong {
  color: var(--color-ink);
  font-size: 0.95rem;
}

.bbi-router-choice small {
  color: var(--color-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

/* Availability package selector */
.bbi-plan-selector-wrap {
  margin-inline: auto;
  max-width: min(100% - clamp(1.5rem, 6vw, 6rem), 88rem);
  padding-block: clamp(3rem, 7vw, 7rem);
}

.bbi-availability-result {
  display: grid;
  gap: clamp(2rem, 5vw, 4rem);
}

.bbi-availability-result__status {
  background: var(--color-accent-soft);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-md);
  padding: clamp(1.5rem, 4vw, 3rem);
}

.bbi-availability-result__status h2 {
  color: var(--color-ink);
  font-size: clamp(2rem, 4vw, 4rem);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0 0 1rem;
}

.bbi-availability-result__status > p:last-child {
  color: var(--color-ink-2);
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.6;
  margin: 0;
}

.bbi-availability-plans {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbi-availability-plan {
  background: var(--color-surface);
  border: 1px solid var(--color-rule);
  border-radius: var(--radius-md);
  display: flex;
  flex-direction: column;
  padding: clamp(1.5rem, 3vw, 2.25rem);
}

.bbi-availability-plan.is-featured {
  background: var(--color-ink);
  color: var(--color-paper);
}

.bbi-availability-plan__badge {
  color: var(--color-accent);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  margin: 0 0 1rem;
  text-transform: uppercase;
}

.bbi-availability-plan h3 {
  color: inherit;
  font-size: clamp(2rem, 3vw, 3.25rem);
  letter-spacing: -0.05em;
  line-height: 1;
  margin: 0 0 0.65rem;
}

.bbi-availability-plan__data {
  color: inherit;
  font-weight: 700;
  margin: 0;
  opacity: 0.78;
}

.bbi-availability-plan__price {
  color: inherit;
  font-size: clamp(1.5rem, 2.5vw, 2.25rem);
  font-weight: 800;
  margin: 1.5rem 0;
}

.bbi-availability-plan ul {
  display: grid;
  gap: 0.65rem;
  margin: 0 0 2rem;
  padding-left: 1.15rem;
}

.bbi-availability-plan .bbi-next-btn {
  margin-top: auto;
  text-align: center;
  width: 100%;
}

@media (max-width: 54rem) {
  .bbi-availability-plans {
    grid-template-columns: 1fr;
  }
}

/* Responsive checkout redesign */
.page-id-11 .bbi-page-hero {
  margin-block-end: clamp(2rem, 5vw, 4rem);
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.page-id-11 .bbi-page-hero-grid {
  align-items: center;
  gap: clamp(2rem, 5vw, 4rem);
}

.page-id-11 .bbi-page-hero .bbi-title {
  font-size: clamp(2.75rem, 5vw, 5rem);
  line-height: 0.96;
  text-wrap: balance;
}

.page-id-11 .bbi-page-hero .bbi-lead {
  text-wrap: pretty;
}

.page-id-11 .bbi-page-hero .wp-block-image img {
  aspect-ratio: 4 / 3;
  max-height: 24rem;
  object-fit: cover;
}

.page-id-11 .bbi-order-wrap {
  margin-inline: auto;
  max-width: 76rem;
  width: min(100% - clamp(1.5rem, 5vw, 4rem), 76rem);
}

.page-id-11 .bbi-order-form {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1.5rem 4rem var(--color-shadow-soft);
  display: block;
  height: auto;
  max-width: none;
  overflow: visible;
  padding: clamp(1.5rem, 4vw, 3.5rem);
}

.bbi-return-form {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-lg);
  box-shadow: 0 1.5rem 4rem var(--color-shadow-soft);
  display: block !important;
  height: auto !important;
  margin-inline: auto;
  max-width: 76rem !important;
  overflow: visible !important;
  padding: clamp(1.75rem, 5vw, 4rem) !important;
  width: min(100% - clamp(1.5rem, 5vw, 4rem), 76rem);
}

.bbi-hp {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.bbi-checkout-form-intro {
  border-block-end: var(--rule-hair) solid var(--color-rule);
  display: grid;
  gap: 0.65rem;
  margin-block-end: clamp(1.75rem, 4vw, 3rem);
  padding-block-end: clamp(1.5rem, 3vw, 2.25rem);
}

.bbi-checkout-eyebrow {
  color: var(--color-accent-dark);
  font-size: var(--text-xs);
  font-weight: 750;
  letter-spacing: 0.08em;
  margin: 0;
  text-transform: uppercase;
}

.bbi-checkout-form-intro h2 {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4vw, 3.4rem);
  font-weight: 650;
  letter-spacing: -0.045em;
  line-height: 1;
  margin: 0;
  max-width: 18ch;
  text-wrap: balance;
}

.bbi-checkout-form-intro > p:last-child {
  color: var(--color-muted);
  line-height: 1.6;
  margin: 0;
  max-width: 58ch;
  text-wrap: pretty;
}

.bbi-order-form .bbi-form-grid {
  display: grid;
  column-gap: clamp(1.25rem, 3vw, 2rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: clamp(1.35rem, 3vw, 2rem);
}

.bbi-field-full,
.bbi-company-fields,
.bbi-customer-choice,
.bbi-router-choice,
.bbi-checkout-section-title {
  grid-column: 1 / -1;
}

.bbi-company-fields {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbi-company-fields[hidden] {
  display: none;
}

.bbi-order-form .bbi-field {
  display: grid;
  gap: 0.65rem;
  min-width: 0;
}

.bbi-field label,
.bbi-order-form legend {
  color: var(--color-ink);
  font-size: 0.9rem;
  font-weight: 700;
}

.bbi-field input,
.bbi-field select,
.bbi-field textarea {
  background: var(--color-paper);
  border: var(--rule-hair) solid var(--color-rule-strong);
  border-radius: 0.75rem;
  color: var(--color-ink);
  font: inherit;
  font-size: 1rem;
  min-height: 3.5rem;
  outline: 0.16rem solid transparent;
  outline-offset: 0.12rem;
  padding: 0.85rem 1rem;
  transition:
    background-color var(--dur-short) var(--ease-out),
    border-color var(--dur-short) var(--ease-out),
    box-shadow var(--dur-short) var(--ease-out);
  width: 100%;
}

.bbi-field textarea {
  min-height: 8rem;
  resize: vertical;
}

.bbi-field input:focus-visible,
.bbi-field select:focus-visible,
.bbi-field textarea:focus-visible {
  background: var(--color-surface);
  border-color: var(--color-ink);
  box-shadow: 0 0 0 0.25rem var(--color-focus);
}

.bbi-customer-choice,
.bbi-router-choice {
  border: 0;
  display: grid;
  gap: 0.75rem;
  margin: 0;
  min-width: 0;
  padding: 0;
}

.bbi-customer-choice {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bbi-customer-choice legend,
.bbi-router-choice legend {
  grid-column: 1 / -1;
  margin-block-end: 0.1rem;
  width: 100%;
}

.bbi-customer-choice label,
.bbi-router-choice label {
  align-items: start;
  background: var(--color-paper);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: 0.85rem;
  cursor: pointer;
  display: grid;
  min-width: 0;
  transition:
    background-color var(--dur-short) var(--ease-out),
    border-color var(--dur-short) var(--ease-out),
    box-shadow var(--dur-short) var(--ease-out),
    transform var(--dur-short) var(--ease-out);
}

.bbi-customer-choice label {
  align-items: center;
  gap: 0.75rem;
  grid-template-columns: auto 1fr;
  min-height: 3.5rem;
  padding: 0.85rem 1rem;
}

.bbi-customer-choice label:has(input:checked),
.bbi-router-choice label:has(input:checked) {
  background: var(--color-accent-soft);
  border-color: var(--color-accent);
  box-shadow: inset 0 0 0 1px var(--color-accent);
}

.bbi-customer-choice input,
.bbi-router-choice input,
.bbi-check input {
  accent-color: var(--color-accent-dark);
  height: 1.15rem;
  margin: 0.15rem 0 0;
  width: 1.15rem;
}

.bbi-router-choice {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbi-router-choice label {
  gap: 0.3rem 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
  min-height: 7.5rem;
  padding: 1rem;
}

.bbi-router-choice input {
  grid-row: 1 / span 2;
}

.bbi-router-choice span {
  display: grid;
  gap: 0.3rem;
  min-width: 0;
}

.bbi-router-choice strong {
  color: var(--color-ink);
  font-size: 0.95rem;
  line-height: 1.35;
  text-wrap: pretty;
}

.bbi-router-choice small {
  color: var(--color-muted);
  font-size: 0.82rem;
  line-height: 1.45;
}

.bbi-locked-plan {
  align-items: center;
  background: var(--color-accent-soft);
  border: var(--rule-hair) solid var(--color-accent);
  border-radius: var(--radius-md);
  box-shadow: inset 0 0 0 1px var(--color-accent);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) auto;
  padding: clamp(1rem, 3vw, 1.5rem);
}

.bbi-locked-plan > div {
  display: grid;
  gap: 0.25rem;
}

.bbi-locked-plan p,
.bbi-locked-plan strong,
.bbi-locked-plan span,
.bbi-locked-plan small {
  margin: 0;
}

.bbi-locked-plan p,
.bbi-locked-plan small {
  color: var(--color-accent-dark);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.bbi-locked-plan strong {
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.15rem);
  letter-spacing: -0.035em;
  line-height: 1;
}

.bbi-locked-plan span {
  color: var(--color-ink-2);
  font-size: 0.95rem;
}

.bbi-locked-plan small {
  text-align: end;
  white-space: nowrap;
}

.bbi-checkout-section-title {
  border-block-start: var(--rule-hair) solid var(--color-rule);
  color: var(--color-ink);
  font-family: var(--font-display);
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  letter-spacing: -0.025em;
  margin: 0.75rem 0 0;
  padding-block-start: 1.75rem;
}

.bbi-checkout-submit {
  background: var(--color-paper-2);
  border-radius: var(--radius-md);
  display: grid;
  gap: 1rem;
  margin-block-start: clamp(1.75rem, 4vw, 3rem);
  padding: clamp(1.25rem, 3vw, 2rem);
}

.bbi-return-form .bbi-checkout-submit {
  margin-block-start: clamp(2rem, 5vw, 3.5rem);
}

.bbi-check {
  align-items: start;
  color: var(--color-ink-2);
  cursor: pointer;
  display: grid;
  font-size: 0.9rem;
  gap: 0.75rem;
  grid-template-columns: auto minmax(0, 1fr);
  line-height: 1.55;
}

.bbi-submit {
  background: var(--color-ink);
  border: 0;
  border-radius: 0.75rem;
  color: var(--color-paper);
  cursor: pointer;
  font: inherit;
  font-weight: 750;
  min-height: 3.5rem;
  padding: 0.85rem 1.25rem;
  transition:
    background-color var(--dur-short) var(--ease-out),
    transform var(--dur-short) var(--ease-out);
  width: 100%;
}

.bbi-submit:active {
  transform: translateY(1px);
}

.bbi-submit:focus-visible {
  outline: 0.18rem solid var(--color-focus);
  outline-offset: 0.18rem;
}

.bbi-checkout-submit .bbi-meta {
  font-size: 0.78rem;
  letter-spacing: 0;
  margin: 0;
  max-width: none;
  text-align: center;
}

@media (hover: hover) and (pointer: fine) {
  .bbi-customer-choice label:hover,
  .bbi-router-choice label:hover {
    border-color: var(--color-rule-strong);
    transform: translateY(-0.1rem);
  }
}

@media (max-width: 62rem) {
  .bbi-router-choice {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-router-choice label {
    min-height: 0;
  }
}

@media (max-width: 48rem) {
  .page-id-11 .bbi-page-hero {
    padding: 1.25rem;
  }

  .page-id-11 .bbi-page-hero .wp-block-image img {
    aspect-ratio: 16 / 8;
    max-height: 13rem;
  }

  .page-id-11 .bbi-order-wrap {
    width: calc(100% - 1.25rem);
  }

  .page-id-11 .bbi-order-form {
    border-radius: var(--radius-md);
    padding: 1.25rem;
  }

  .bbi-return-form {
    border-radius: var(--radius-md);
    padding: 1.25rem !important;
    width: calc(100% - 1.25rem);
  }

  .bbi-order-form .bbi-form-grid,
  .bbi-company-fields,
  .bbi-customer-choice {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-field,
  .bbi-field-full,
  .bbi-company-fields,
  .bbi-customer-choice,
  .bbi-router-choice,
  .bbi-checkout-section-title {
    grid-column: 1;
  }

  .bbi-field input,
  .bbi-field select,
  .bbi-field textarea {
    font-size: 1rem;
  }

  .bbi-checkout-submit {
    padding: 1.1rem;
  }

  .bbi-locked-plan {
    align-items: start;
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-locked-plan small {
    text-align: start;
    white-space: normal;
  }
}

@media (max-width: 25rem) {
  .page-id-11 .bbi-order-form {
    padding: 1rem;
  }

  .bbi-return-form {
    padding: 1rem !important;
  }

  .bbi-checkout-form-intro h2 {
    font-size: 2rem;
  }

  .bbi-router-choice label,
  .bbi-customer-choice label {
    padding: 0.85rem;
  }
}

/* Business page private-style layout */
.page-id-62 .bbi-business-benefits,
.page-id-62 .bbi-business-plans {
  background: transparent;
  border: 0;
  border-radius: 0;
  gap: var(--space-lg);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  overflow: visible;
}

.page-id-62 .bbi-business-benefits .bbi-card,
.page-id-62 .bbi-business-plans .bbi-card {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-md);
  box-shadow: 0 1px 2px var(--color-shadow-soft);
  padding: clamp(var(--space-lg), 3vw, var(--space-xl));
}

.page-id-62 .bbi-business-benefits .bbi-card {
  min-height: 15rem;
}

.page-id-62 .bbi-business-plans .bbi-card {
  min-height: 32rem;
}

.page-id-62 .bbi-business-benefits .bbi-card::before,
.page-id-62 .bbi-business-plans .bbi-card::before {
  content: none;
}

.page-id-62 .bbi-business-benefits > .wp-block-column:nth-child(2) .bbi-card::before,
.page-id-62 .bbi-business-plans > .wp-block-column:nth-child(2) .bbi-card::before {
  content: none;
}

.page-id-62 .bbi-business-benefits .bbi-card-featured,
.page-id-62 .bbi-business-plans .bbi-card-featured {
  background: var(--color-paper-2);
  border-color: var(--color-rule-strong);
  border-radius: var(--radius-lg);
}

.page-id-62 .bbi-business-pricing {
  margin-block-start: clamp(3rem, 7vw, 6rem);
}

.page-id-62 .bbi-business-pricing > .bbi-title {
  margin-block-end: var(--space-xl);
  max-width: 18ch;
}

.page-id-62 .bbi-business-plans .wp-block-buttons {
  margin-block-start: auto;
  padding-block-start: var(--space-lg);
}

.page-id-62 .bbi-business-plans .bbi-price {
  font-variant-numeric: tabular-nums;
}

@media (max-width: 59.999rem) {
  .page-id-62 .bbi-business-benefits,
  .page-id-62 .bbi-business-plans {
    grid-template-columns: minmax(0, 1fr);
  }

  .page-id-62 .bbi-business-benefits .bbi-card,
  .page-id-62 .bbi-business-plans .bbi-card {
    min-height: 0;
  }
}


/* Hallmark · genre: playful · macrostructure: Split Studio + Photographic Interlude
 * design-system: design.md · designed-as-app · theme: Signal Red light
 * enrichment: existing family photography · nav: N13 · footer: Ft5
 * Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 */

/* Pixel-perfect pass · 2.2.34 */
.bbi-next-header {
  background: var(--color-paper);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.bbi-next-shell {
  max-width: var(--page-max);
}

.bbi-next-btn,
.wp-block-button__link,
.bbi-next-submit,
.bbi-submit {
  min-height: 3.25rem;
  white-space: nowrap;
}

.bbi-next-btn:active,
.wp-block-button__link:active,
.bbi-next-submit:active,
.bbi-submit:active {
  transform: translateY(1px);
}

.bbi-next-page {
  padding-block: clamp(var(--space-lg), 3vw, var(--space-2xl)) var(--space-4xl);
}

.bbi-next-page .bbi-page-hero {
  border-radius: var(--radius-xl);
  box-shadow: 0 1.25rem 3.5rem var(--color-shadow-soft);
  padding:
    clamp(var(--space-xl), 4vw, var(--space-3xl))
    clamp(var(--space-xl), 5vw, var(--space-4xl));
}

.bbi-next-page .bbi-page-hero-grid {
  gap: clamp(var(--space-2xl), 6vw, var(--space-4xl));
}

.bbi-next-page .bbi-page-hero .bbi-title {
  font-size: clamp(3rem, 5.2vw, 5.25rem);
  line-height: 0.98;
}

.bbi-next-page .bbi-page-hero .wp-block-image {
  border-radius: var(--radius-lg);
  box-shadow: var(--space-sm) var(--space-sm) 0 var(--color-accent-soft);
}

.bbi-next-page .bbi-section-tight {
  gap: clamp(var(--space-xl), 4vw, var(--space-2xl));
}

.bbi-next-page .bbi-card {
  border-radius: var(--radius-lg);
  padding: clamp(var(--space-xl), 3.2vw, var(--space-2xl));
}

.bbi-next-page .bbi-card-featured,
.page-id-62 .bbi-business-benefits .bbi-card-featured,
.page-id-62 .bbi-business-plans .bbi-card-featured {
  background: var(--color-surface);
  border-color: var(--color-rule);
  border-radius: var(--radius-lg);
}

.bbi-next-page .bbi-card h3 {
  max-width: 18ch;
}

.bbi-next-page .bbi-faq {
  border-radius: var(--radius-xl);
  box-shadow: 0 1rem 3rem var(--color-shadow-soft);
  padding: var(--space-sm) clamp(var(--space-xl), 4vw, var(--space-3xl));
}

.bbi-next-page .bbi-faq .wp-block-accordion-heading__toggle {
  font-size: clamp(var(--text-base), 1.25vw, var(--text-md));
  gap: var(--space-lg);
  min-height: 5.25rem;
}

.bbi-next-page .bbi-faq .wp-block-accordion-panel {
  color: var(--color-muted);
  max-width: 62ch;
  padding-block-end: var(--space-xl);
}

.bbi-home-hero--light {
  padding-block:
    clamp(var(--space-3xl), 8vw, var(--space-4xl))
    clamp(var(--space-3xl), 7vw, var(--space-4xl));
}

.bbi-home-hero--light .bbi-home-hero__layout {
  gap: clamp(var(--space-3xl), 8vw, calc(var(--space-4xl) + var(--space-xl)));
  grid-template-columns: minmax(0, 1.16fr) minmax(23rem, 0.84fr);
}

.bbi-home-hero--light .bbi-home-hero__copy {
  max-width: 50rem;
}

.bbi-home-hero--light h1 {
  font-size: clamp(3.5rem, 6.2vw, 5.5rem);
  max-width: 10.5ch;
}

.bbi-home-hero--light .bbi-home-hero__lede {
  max-width: 55ch;
}

.bbi-home-check {
  border-radius: var(--radius-xl);
  box-shadow: 0 1.25rem 3.5rem var(--color-shadow);
  max-width: 29rem;
}

.bbi-home-check__form input {
  padding-inline-end: 3rem;
}

.bbi-home-life {
  background: var(--color-paper);
  padding-block: 0 clamp(var(--space-3xl), 8vw, var(--space-4xl));
}

.bbi-home-life__figure {
  background: var(--color-dark-band);
  border-radius: var(--radius-xl);
  color: var(--color-dark-band-text);
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(19rem, 0.65fr);
  margin: 0;
  min-height: 30rem;
  overflow: clip;
}

.bbi-home-life__media {
  min-height: 30rem;
  overflow: clip;
}

.bbi-home-life__media img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform var(--dur-long) var(--ease-out);
  width: 100%;
}

.bbi-home-life__caption {
  align-content: end;
  display: grid;
  gap: var(--space-lg);
  padding: clamp(var(--space-xl), 4vw, var(--space-3xl));
}

.bbi-home-life__caption > * {
  margin: 0;
}

.bbi-home-life__caption p {
  color: var(--color-accent);
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.bbi-home-life__caption h2 {
  color: var(--color-dark-band-text);
  font-size: clamp(var(--text-2xl), 3.6vw, var(--text-3xl));
  line-height: 0.98;
  max-width: 9ch;
}

.bbi-home-life__caption span {
  color: var(--color-dark-band-text);
  line-height: 1.55;
  max-width: 30ch;
}

.bbi-home-life__caption .bbi-next-btn {
  justify-self: start;
  margin-block-start: var(--space-sm);
}

.bbi-home-pricing {
  padding-block:
    clamp(var(--space-3xl), 8vw, var(--space-4xl))
    clamp(var(--space-4xl), 10vw, calc(var(--space-4xl) + var(--space-3xl)));
}

.bbi-home-section-head {
  align-items: end;
  gap: var(--space-xl) clamp(var(--space-3xl), 8vw, var(--space-4xl));
  margin-block-end: clamp(var(--space-2xl), 6vw, var(--space-3xl));
}

.bbi-home-section-head h2 {
  font-size: clamp(2.75rem, 5vw, 4.75rem);
  max-width: 13ch;
}

.bbi-home-offers {
  gap: var(--space-lg);
}

.bbi-home-offer {
  border-radius: var(--radius-lg);
  padding: clamp(var(--space-xl), 3.2vw, var(--space-2xl));
}

.bbi-home-offer__price strong {
  font-size: clamp(3rem, 4.4vw, 4.25rem);
  font-variant-numeric: tabular-nums;
}

.bbi-home-offer:nth-child(3) {
  box-shadow: inset 0 0 0 1px var(--color-rule-strong);
}

.bbi-home-offer:nth-child(3) .bbi-home-offer__type {
  align-items: center;
  display: inline-flex;
  gap: var(--space-xs);
}

.bbi-home-offer:nth-child(3) .bbi-home-offer__type::before {
  background: var(--color-accent);
  border-radius: 50%;
  content: "";
  height: var(--space-xs);
  width: var(--space-xs);
}

.bbi-home-questions {
  padding-block:
    clamp(var(--space-4xl), 10vw, calc(var(--space-4xl) + var(--space-2xl)))
    clamp(var(--space-4xl), 11vw, calc(var(--space-4xl) + var(--space-3xl)));
}

.bbi-home-questions__body {
  margin-inline: auto;
  max-width: var(--page-max);
  padding-inline: var(--page-gutter);
  width: 100%;
}

.bbi-home-questions__body > .bbi-home-section-head {
  width: 100%;
}

.bbi-home-accordion {
  background: var(--color-surface);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-xl);
  box-shadow: 0 1.25rem 3.5rem var(--color-shadow-soft);
  margin-inline-start: auto;
  max-width: 70rem;
  overflow: clip;
  padding-inline: clamp(var(--space-lg), 4vw, var(--space-3xl));
}

.bbi-home-accordion .wp-block-accordion-item {
  border-block-end: var(--rule-hair) solid var(--color-rule);
}

.bbi-home-accordion .wp-block-accordion-item:last-child {
  border-block-end: 0;
}

.bbi-home-accordion .wp-block-accordion-heading {
  margin: 0;
}

.bbi-home-accordion .wp-block-accordion-heading__toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: var(--color-ink);
  display: flex;
  font-family: var(--font-display);
  font-size: clamp(var(--text-base), 1.4vw, var(--text-md));
  font-weight: 700;
  gap: var(--space-lg);
  justify-content: space-between;
  line-height: 1.3;
  min-height: 5.5rem;
  padding: var(--space-lg) 0;
  text-align: start;
  width: 100%;
}

.bbi-home-accordion .wp-block-accordion-heading__toggle-title {
  min-width: 0;
  overflow-wrap: anywhere;
}

.bbi-home-accordion .wp-block-accordion-heading__toggle-icon {
  align-items: center;
  border: var(--rule-hair) solid var(--color-rule-strong);
  border-radius: 50%;
  display: inline-flex;
  flex: 0 0 2.5rem;
  height: 2.5rem;
  justify-content: center;
}

.bbi-home-accordion .wp-block-accordion-panel {
  color: var(--color-muted);
  max-width: 64ch;
  padding: 0 4.5rem var(--space-xl) 0;
}

.bbi-home-accordion .wp-block-accordion-panel p {
  margin: 0;
}

.bbi-home-questions__more {
  border-radius: var(--radius-lg);
  margin-block-start: var(--space-xl);
  padding: var(--space-lg) var(--space-xl);
}

.bbi-next-footer__cta {
  gap: var(--space-xl) var(--space-3xl);
  padding-block-end: clamp(var(--space-2xl), 5vw, var(--space-3xl));
}

.bbi-next-footer__cta h2 {
  font-size: clamp(2.75rem, 5vw, 4.8rem);
  max-width: 16ch;
}

.bbi-next-footer__grid {
  gap: var(--space-2xl);
  padding-block: clamp(var(--space-2xl), 5vw, var(--space-3xl));
}

@media (hover: hover) and (pointer: fine) {
  .bbi-home-life__figure:hover .bbi-home-life__media img {
    transform: scale(1.015);
  }

  .bbi-home-accordion .wp-block-accordion-heading__toggle:hover {
    color: var(--color-accent-dark);
  }
}

@media (max-width: 59.999rem) {
  .bbi-home-hero--light .bbi-home-hero__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-check {
    justify-self: stretch;
    max-width: 46rem;
  }

  .bbi-home-life__figure {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-life__media {
    min-height: clamp(22rem, 62vw, 32rem);
  }

  .bbi-home-life__caption {
    align-content: start;
  }

  .bbi-home-life__caption h2 {
    max-width: 14ch;
  }

  .bbi-next-page .bbi-page-hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 39.999rem) {
  .bbi-next-page {
    padding-block-start: var(--space-md);
  }

  .bbi-next-page .bbi-page-hero {
    border-radius: var(--radius-lg);
    padding: var(--space-xl) var(--space-lg) var(--space-2xl);
  }

  .bbi-next-page .bbi-page-hero .bbi-title {
    font-size: clamp(2.55rem, 12vw, 3.55rem);
  }

  .bbi-home-hero--light {
    padding-block: var(--space-2xl) var(--space-3xl);
  }

  .bbi-home-hero--light h1 {
    font-size: clamp(2.65rem, 13vw, 3.65rem);
  }

  .bbi-home-life {
    padding-block-end: var(--space-3xl);
  }

  .bbi-home-life__figure {
    border-radius: var(--radius-lg);
  }

  .bbi-home-life__media {
    min-height: 18rem;
  }

  .bbi-home-life__caption {
    padding: var(--space-xl);
  }

  .bbi-home-life__caption .bbi-next-btn {
    justify-content: center;
    width: 100%;
  }

  .bbi-home-pricing,
  .bbi-home-questions {
    padding-block: var(--space-3xl);
  }

  .bbi-home-section-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-accordion {
    border-radius: var(--radius-lg);
    padding-inline: var(--space-lg);
  }

  .bbi-home-accordion .wp-block-accordion-heading__toggle {
    font-size: var(--text-base);
    gap: var(--space-md);
    min-height: 4.75rem;
  }

  .bbi-home-accordion .wp-block-accordion-heading__toggle-icon {
    flex-basis: 2.25rem;
    height: 2.25rem;
  }

  .bbi-home-accordion .wp-block-accordion-panel {
    padding-inline-end: 0;
  }

  .bbi-home-questions__more {
    align-items: stretch;
    display: grid;
    gap: var(--space-md);
    padding: var(--space-lg);
  }

  .bbi-home-questions__more .bbi-next-btn {
    justify-content: center;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbi-home-life__media img,
  .bbi-home-offer,
  .bbi-next-page .bbi-card {
    transition-duration: var(--dur-micro);
    transform: none;
  }
}



/* Layout-only polish · 2.2.35
 * Intentionally contains no color declarations.
 */

.bbi-next main,
.bbi-next .entry-content,
.bbi-next-page,
.bbi-next-page .wp-block-columns,
.bbi-next-page .wp-block-column,
.bbi-next-page .bbi-page-hero-copy,
.bbi-next-page .bbi-card,
.bbi-order-form,
.bbi-return-form {
  min-width: 0;
}

.bbi-next-page .bbi-title,
.bbi-next-page .bbi-card h2,
.bbi-next-page .bbi-card h3,
.bbi-checkout-form-intro h2 {
  text-wrap: balance;
}

.bbi-next-page .bbi-lead,
.bbi-next-page .bbi-card p,
.bbi-checkout-form-intro p,
.bbi-check {
  overflow-wrap: anywhere;
  text-wrap: pretty;
}

.bbi-next-page .bbi-breadcrumbs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
}

.bbi-next-page .wp-block-image,
.bbi-next-page .wp-block-image img {
  max-width: 100%;
}

.bbi-next-page .wp-block-image img {
  display: block;
  height: auto;
  width: 100%;
}

.bbi-next-page iframe {
  display: block;
  max-width: 100%;
  width: 100%;
}

.bbi-order-form,
.bbi-order-form *,
.bbi-return-form,
.bbi-return-form * {
  box-sizing: border-box;
}

@media (max-width: 59.999rem) {
  .bbi-next-page .bbi-page-hero-grid {
    align-items: start;
  }

  .bbi-next-page .bbi-business-benefits .bbi-card,
  .bbi-next-page .bbi-business-plans .bbi-card {
    height: auto;
  }
}

@media (max-width: 39.999rem) {
  .bbi-return-form {
    max-width: none !important;
    width: 100% !important;
  }

  .bbi-order-form .bbi-form-grid {
    row-gap: 1.25rem;
  }

  .bbi-next-page .bbi-card .wp-block-buttons,
  .bbi-next-page .bbi-card .wp-block-button,
  .bbi-next-page .bbi-card .wp-block-button__link {
    width: 100%;
  }

  .bbi-next-page .bbi-card .wp-block-button__link {
    justify-content: center;
    text-align: center;
  }

  .bbi-chat-launcher {
    bottom: max(0.75rem, env(safe-area-inset-bottom)) !important;
    height: 3.5rem !important;
    min-height: 3.5rem !important;
    padding: 0.35rem !important;
    right: max(0.75rem, env(safe-area-inset-right)) !important;
    width: 3.5rem !important;
  }

  .bbi-chat-launcher__glyph {
    height: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 22rem) {
  .bbi-next-nav {
    gap: 0.5rem;
  }

  .bbi-next-brand > span:last-child {
    font-size: 0.86rem;
  }

  .bbi-next-nav__actions {
    gap: 0.35rem;
  }
}




/* Home FAQ composition · 2.2.36
 * Layout and typography only. Existing colors remain untouched.
 */

.bbi-home-questions {
  padding-block:
    clamp(var(--space-3xl), 7vw, var(--space-4xl))
    clamp(var(--space-4xl), 8vw, calc(var(--space-4xl) + var(--space-xl)));
}

.bbi-home-questions__body {
  align-items: start;
  display: grid;
  gap: var(--space-xl) clamp(var(--space-3xl), 7vw, var(--space-4xl));
  grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.55fr);
}

.bbi-home-questions__body > .bbi-home-section-head {
  align-self: start;
  display: block;
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0;
  max-width: 26rem;
}

.bbi-home-questions__body > .bbi-home-section-head h2 {
  font-size: clamp(2.9rem, 4.7vw, 4.65rem);
  line-height: 0.98;
  margin: 0;
  max-width: 9ch;
}

.bbi-home-questions__body > .bbi-home-section-head > p {
  font-size: clamp(1rem, 1.25vw, 1.125rem);
  line-height: 1.6;
  margin: var(--space-xl) 0 0;
  max-width: 28ch;
  text-wrap: pretty;
}

.bbi-home-questions__body > .bbi-home-accordion {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  max-width: none;
  width: 100%;
}

.bbi-home-questions__body > .bbi-home-questions__more {
  grid-column: 2;
  grid-row: 2;
  margin-block-start: 0;
  width: 100%;
}

.bbi-home-accordion .wp-block-accordion-heading__toggle {
  min-height: clamp(4.8rem, 6vw, 5.25rem);
}

@media (max-width: 56rem) {
  .bbi-home-questions__body {
    gap: var(--space-xl);
    grid-template-columns: minmax(0, 1fr);
  }

  .bbi-home-questions__body > .bbi-home-section-head,
  .bbi-home-questions__body > .bbi-home-accordion,
  .bbi-home-questions__body > .bbi-home-questions__more {
    grid-column: 1;
    grid-row: auto;
    max-width: none;
    width: 100%;
  }

  .bbi-home-questions__body > .bbi-home-section-head {
    margin-block-end: var(--space-sm);
  }

  .bbi-home-questions__body > .bbi-home-section-head h2 {
    max-width: 12ch;
  }

  .bbi-home-questions__body > .bbi-home-section-head > p {
    margin-block-start: var(--space-md);
    max-width: 44ch;
  }
}

@media (max-width: 39.999rem) {
  .bbi-home-questions {
    padding-block: var(--space-3xl);
  }

  .bbi-home-questions__body {
    gap: var(--space-lg);
  }

  .bbi-home-questions__body > .bbi-home-section-head {
    margin-block-end: var(--space-sm);
  }

  .bbi-home-questions__body > .bbi-home-section-head h2 {
    font-size: clamp(2.55rem, 12vw, 3.45rem);
  }
}




/* Hallmark · focused layout repair: coverage page · palette preserved
 * Pre-emit critique: P5 H5 E5 S5 R5 V4
 */

.page-id-9.bbi-next .bbi-next-page .bbi-page-hero {
  margin-block-end: clamp(var(--space-xl), 4vw, var(--space-3xl));
}

.page-id-9.bbi-next .bbi-next-page .bbi-coverage-map {
  margin: 0 auto;
  max-width: var(--page-max);
  width: calc(100% - (2 * var(--page-gutter)));
}

.page-id-9.bbi-next .bbi-next-page .bbi-coverage-map iframe {
  height: clamp(34rem, 44vw, 44rem);
  min-height: 0;
}

.page-id-9.bbi-next .bbi-next-page .bbi-bento {
  margin-block: clamp(var(--space-xl), 4vw, var(--space-3xl)) 0;
  margin-inline: auto;
}

.page-id-9.bbi-next .bbi-next-page .bbi-bento .bbi-card {
  height: 100%;
}

@media (max-width: 59.999rem) {
  .page-id-9.bbi-next .bbi-next-page .bbi-page-hero {
    margin-block-end: var(--space-xl);
  }

  .page-id-9.bbi-next .bbi-next-page .bbi-coverage-map {
    width: calc(100% - (2 * var(--page-gutter)));
  }

  .page-id-9.bbi-next .bbi-next-page .bbi-bento {
    margin-block-start: var(--space-xl);
  }
}

@media (max-width: 39.999rem) {
  .page-id-9.bbi-next .bbi-next-page .bbi-coverage-map iframe {
    height: clamp(30rem, 72dvh, 34rem);
  }

  .page-id-9.bbi-next .bbi-next-page .bbi-bento {
    gap: var(--space-md);
  }
}


/* Pricing card contrast repair · 2.2.38 */

.home .bbi-home-offers > .bbi-home-offer:nth-child(2) h3,
.home .bbi-home-offers > .bbi-home-offer:nth-child(2) .bbi-home-offer__price,
.home .bbi-home-offers > .bbi-home-offer:nth-child(2) .bbi-home-offer__price strong {
  color: var(--color-ink) !important;
}

.home .bbi-home-offers > .bbi-home-offer:nth-child(2) .bbi-home-offer__use,
.home .bbi-home-offers > .bbi-home-offer:nth-child(2) li {
  color: var(--color-ink-2) !important;
}

.home .bbi-home-offers > .bbi-home-offer:nth-child(2) .bbi-home-offer__type,
.home .bbi-home-offers > .bbi-home-offer:nth-child(2) .bbi-home-offer__price-note {
  color: var(--color-accent-dark) !important;
}


/* Support section alignment · 2.2.39
 * Layout only. Existing colors remain unchanged.
 */

.page-id-10.bbi-next .bbi-next-page .bbi-faq {
  margin-block-start: clamp(var(--space-xl), 4vw, var(--space-3xl));
  max-width: var(--page-max);
  padding-inline: clamp(2rem, 5vw, 6rem);
  width: calc(100% - (2 * var(--page-gutter)));
}

@media (max-width: 39.999rem) {
  .page-id-10.bbi-next .bbi-next-page .bbi-faq {
    padding-inline: var(--space-lg);
  }
}


/* Landing-page width system · 2.2.41
 * Layout only. Existing colors and content remain unchanged.
 */

.page-id-11.bbi-next .bbi-next-page .bbi-order-wrap,
.page-id-168.bbi-next .bbi-next-page .bbi-return-wrap,
.page-id-63.bbi-next .bbi-next-page .bbi-connection-wrap,
.page-id-63.bbi-next .bbi-next-page .bbi-faq {
  max-width: var(--page-max);
  width: calc(100% - (2 * var(--page-gutter)));
}

.page-id-63.bbi-next .bbi-next-page .bbi-faq {
  padding-inline: clamp(2rem, 5vw, 6rem);
}

@media (max-width: 39.999rem) {
  .page-id-63.bbi-next .bbi-next-page .bbi-faq {
    padding-inline: var(--space-lg);
  }
}


.page-id-168.bbi-next .bbi-next-page .bbi-return-form {
  margin-inline: 0;
  max-width: none !important;
  width: 100% !important;
}


/* Package-card contrast system · 2.2.46 */

.page-id-8 .bbi-card-featured > h3,
.page-id-61 .bbi-card-featured > h3,
.page-id-62 .bbi-card-featured > h3 {
  color: var(--color-ink) !important;
}

.page-id-8 .bbi-card-featured > p:not(.bbi-kicker):not(.bbi-price-note),
.page-id-8 .bbi-card-featured > ul,
.page-id-8 .bbi-card-featured li,
.page-id-61 .bbi-card-featured > p:not(.bbi-kicker):not(.bbi-price-note),
.page-id-61 .bbi-card-featured > ul,
.page-id-61 .bbi-card-featured li,
.page-id-62 .bbi-card-featured > p:not(.bbi-kicker):not(.bbi-price-note),
.page-id-62 .bbi-card-featured > ul,
.page-id-62 .bbi-card-featured li {
  color: var(--color-ink-2) !important;
}

.page-id-8 .bbi-card-featured > .bbi-kicker,
.page-id-8 .bbi-card-featured > .bbi-price-note,
.page-id-61 .bbi-card-featured > .bbi-kicker,
.page-id-61 .bbi-card-featured > .bbi-price-note,
.page-id-62 .bbi-card-featured > .bbi-kicker,
.page-id-62 .bbi-card-featured > .bbi-price-note {
  color: var(--color-accent-dark) !important;
}


/*
 * Home life section — rebalance the editorial image/text split.
 * Keep the existing palette and content; only correct layout and typography.
 */
@media (min-width: 60rem) {
	.bbi-home-life__figure {
		grid-template-columns: minmax(0, 1.55fr) minmax(26rem, 0.85fr);
	}

	.bbi-home-life__caption {
		padding: clamp(2rem, 3vw, 3rem);
	}

	.bbi-home-life__caption h2 {
		font-size: clamp(2.75rem, 3.2vw, 3.75rem);
		max-width: 9ch;
		text-wrap: balance;
	}
}

@media (min-width: 60rem) and (max-width: 71.999rem) {
	.bbi-home-life__figure {
		grid-template-columns: minmax(0, 1fr) minmax(24rem, 0.9fr);
	}

	.bbi-home-life__caption h2 {
		font-size: clamp(2.5rem, 4.2vw, 3.1rem);
	}
}


/* Hallmark · component: pricing cards · genre: playful · theme: Signal Red
 * Same-surface comparison; the recommended plan uses shape, label, elevation and one-shot motion.
 * pre-emit critique: P5 H5 E5 S5 R5 V5
 */
.bbi-availability-plan {
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--color-surface);
  color: var(--color-ink);
  transition: transform var(--dur-short) var(--ease-out);
}

.bbi-availability-plan.is-featured {
  z-index: 1;
  background: var(--color-surface);
  color: var(--color-ink);
  border-color: var(--color-accent);
  box-shadow: 0 1rem 2.5rem var(--color-shadow-soft);
  transform: translateY(-0.5rem);
}

.bbi-availability-plan.is-featured::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 0.3rem;
  background: var(--color-accent);
  transform: scaleX(0);
  transform-origin: left center;
  animation: bbi-plan-signal 620ms var(--ease-out) 100ms forwards;
}

.bbi-availability-plan.is-featured::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border: 2px solid var(--color-accent);
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.62;
  animation: bbi-plan-recommended 1.4s var(--ease-out) 1 both;
}

.bbi-availability-plan__badge {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.55rem;
  width: fit-content;
  min-height: 2rem;
  margin: 0 0 1.15rem;
  padding: 0.35rem 0.7rem;
  border: 1px solid var(--color-accent);
  border-radius: var(--radius-sm);
  background: var(--color-accent-soft);
  color: var(--color-accent-dark);
}

.bbi-availability-plan__badge::before {
  content: "";
  width: 0.48rem;
  height: 0.48rem;
  flex: 0 0 0.48rem;
  border-radius: 50%;
  background: var(--color-accent);
}

.bbi-availability-plan:focus-within {
  outline: 3px solid var(--color-focus);
  outline-offset: 3px;
}

@media (hover: hover) and (pointer: fine) {
  .bbi-availability-plan:hover {
    transform: translateY(-0.2rem);
  }

  .bbi-availability-plan.is-featured:hover {
    transform: translateY(-0.72rem);
  }
}

@keyframes bbi-plan-signal {
  to { transform: scaleX(1); }
}

@keyframes bbi-plan-recommended {
  0% { opacity: 0; transform: scale(0.985); }
  42% { opacity: 1; transform: scale(1); }
  100% { opacity: 0.62; transform: scale(1); }
}

@media (max-width: 54rem) {
  .bbi-availability-plan.is-featured,
  .bbi-availability-plan.is-featured:hover {
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bbi-availability-plan {
    transition-duration: 0.01ms;
  }

  .bbi-availability-plan.is-featured::before {
    animation: none;
    transform: scaleX(1);
  }

  .bbi-availability-plan.is-featured::after {
    animation: none;
    opacity: 0.62;
    transform: none;
  }
}


/* Checkout: the selected plan already communicates its price; omit the redundant VAT label. */
.bbi-locked-plan > small {
  display: none;
}


/* Dölj SureCarts flytande varukorg – kassan finns redan i sidhuvudet. */
.wp-block-surecart-cart-icon {
  display: none !important;
}


/* bbi-news-mobile-contrast-fix */
.bbi-news-featured__body,
.bbi-news-featured__body h2,
.bbi-news-featured__body h2 a,
.bbi-news-featured__body .bbi-news-featured__meta,
.bbi-news-featured__body p {
  color: #fff !important;
}
.bbi-news-featured__body .bbi-news-featured__meta {
  opacity: .84;
}