/* ==========================================================================
   BuyBack Surgeon — modern design system v2
   itsworthmore-inspired, refined for production polish.
   Scoped under .bbs-page so legacy pages keep their old Porto styling.
   ========================================================================== */

/* Reset body — kills the white 8px gap above the topbar. */
html, body { margin: 0; padding: 0; overflow-x: clip; }
body.bbs-page { margin: 0; overflow-x: clip; }

.bbs-page {
	/* Brand — Figma BASE-FF */
	--c-brand: #0970FB;
	--c-trust-from: #0078F4;
	--c-trust-to: #206DDF;
	--c-navy: #092756;
	--c-page: #F8F7F7;

	--c-blue-950: #02153b;
	--c-blue-900: #051f4d;
	--c-blue-800: #0763e0;
	--c-blue-700: #0970FB;
	--c-blue-600: #2d6cf0;
	--c-blue-500: #4b85ff;
	--c-blue-200: #b8cdfa;
	--c-blue-100: #e7efff;
	--c-blue-50:  #f4f7ff;

	--c-ink-950:  #050913;
	--c-ink-900:  #121212;
	--c-ink-800:  #161616;
	--c-ink-700:  #2c3447;
	--c-ink-600:  #424b62;
	--c-ink-500:  #535353;
	--c-ink-400:  #878c91;
	--c-ink-300:  #a8aebd;
	--c-ink-200:  #d9dee8;
	--c-ink-100:  #eef1f7;
	--c-ink-50:   #f7f8fb;

	--c-amber: #ffcc00;
	--c-green: #1ea672;
	--c-red:   #d4374a;

	/* Radii */
	--radius-xs: 6px;
	--radius-sm: 10px;
	--radius:    16px;
	--radius-lg: 24px;
	--radius-xl: 32px;

	/* Shadows — layered, soft, more professional */
	--shadow-xs: 0 1px 2px rgba(11,18,34,.06);
	--shadow-sm: 0 1px 2px rgba(11,18,34,.04), 0 2px 4px rgba(11,18,34,.04);
	--shadow:    0 1px 3px rgba(11,18,34,.04), 0 4px 12px rgba(11,18,34,.06), 0 12px 32px rgba(11,18,34,.06);
	--shadow-lg: 0 1px 3px rgba(11,18,34,.04), 0 8px 24px rgba(11,18,34,.08), 0 24px 64px rgba(11,18,34,.10);
	--shadow-xl: 0 4px 16px rgba(11,18,34,.06), 0 32px 96px rgba(11,18,34,.16);
	--shadow-blue: 0 8px 24px rgba(9,112,251,.22), 0 16px 48px rgba(9,112,251,.16);

	/* Layout — Figma is 1440 / 147px gutters. On laptops those
	   gutters ate the page, so they now scale with viewport. */
	--container: 1440px;
	--page-gutter: clamp(16px, 4.2vw, 80px);
	--header-h:  80px;
	--ease: cubic-bezier(0.2, 0.8, 0.2, 1);
	--ease-out: cubic-bezier(0.16, 1, 0.3, 1);

	font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 16px;
	line-height: 1.55;
	color: var(--c-ink-800);
	background: var(--c-page);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Form controls and <strong> do not inherit font-family from body
   in every browser. Lock them to Plus Jakarta so Figma type holds. */
.bbs-page button,
.bbs-page input,
.bbs-page select,
.bbs-page textarea,
.bbs-page strong,
.bbs-page b,
.bbs-page em,
.bbs-page small,
.bbs-page label {
	font-family: inherit;
}

.bbs-page,
.bbs-page * { box-sizing: border-box; }

.bbs-page img,
.bbs-page svg { max-width: 100%; display: block; }

/* The bbs_icon() PHP helper wraps SVGs in <span class="..."><svg/></span>.
   Without explicit dimensions, browsers render SVGs at their default 300×150
   which makes icons enormous. These rules constrain icons by container. */
.bbs-page svg { width: 100%; height: 100%; flex-shrink: 0; }
.bbs-page .bbs-stars svg            { width: 16px; height: 16px; }
.bbs-page .bbs-hero__bullets svg    { width: 18px; height: 18px; }
.bbs-page .bbs-why__icon svg        { width: auto; height: 96px; max-width: 140px; }
.bbs-page .bbs-category-card__icon svg { width: 32px; height: 32px; }
.bbs-page .bbs-compare__table svg   { width: 26px; height: 26px; display: inline-block; vertical-align: middle; }
.bbs-page .bbs-faq svg              { width: 20px; height: 20px; }
.bbs-page .bbs-trust__item svg      { width: 22px; height: 22px; }
.bbs-page .bbs-topbar__icon svg, .bbs-page .bbs-topbar svg { width: 14px; height: 14px; vertical-align: middle; }
.bbs-page .bbs-footer__socials svg  { width: 18px; height: 18px; }
.bbs-page .bbs-btn__arrow svg, .bbs-page .bbs-btn svg, .bbs-page .bbs-category-card__cta svg, .bbs-page .bbs-device-card__cta svg { width: 16px; height: 16px; }
.bbs-page .bbs-phone__device-img svg { width: 60%; height: 60%; }
.bbs-page .bbs-hero__floating-icon svg { width: 16px; height: 16px; }
.bbs-page .bbs-search__icon         { width: 22px; height: 22px; }
.bbs-page .bbs-footer__rating svg   { width: 14px; height: 14px; vertical-align: middle; color: var(--c-amber); }

.bbs-page a { color: var(--c-blue-700); text-decoration: none; transition: color .15s var(--ease); }
.bbs-page a:hover { color: var(--c-blue-800); }

.bbs-page h1, .bbs-page h2, .bbs-page h3, .bbs-page h4 {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-weight: 700; letter-spacing: -.02em; line-height: 1.1;
	margin: 0 0 .5em; color: #161616;
}
.bbs-page h1 { font-size: clamp(1.75rem, 3.33vw, 48px); font-weight: 600; letter-spacing: -.03em; }
.bbs-page h2 { font-size: clamp(1.5rem, 2.5vw, 36px); font-weight: 600; letter-spacing: -.03em; }
.bbs-page h3 { font-size: 1.5rem; font-weight: 600; letter-spacing: -.03em; }
.bbs-page p  { margin: 0 0 1em; }

.bbs-container { width: 100%; max-width: var(--container); min-width: 0; margin-inline: auto; padding-inline: var(--page-gutter); }

@media (min-width: 1600px) {
	.bbs-page { --container: 1680px; }
}
@media (min-width: 1920px) {
	.bbs-page { --container: 1760px; }
}

.bbs-section { padding-block: clamp(40px, 5.5vw, 80px); position: relative; }
.bbs-section--alt { background: var(--c-ink-50); }
.bbs-section--dark { background: var(--c-ink-950); color: rgba(255,255,255,.78); }
.bbs-section--dark h2, .bbs-section--dark h3 { color: #fff; }
.bbs-section--dark .bbs-eyebrow { color: var(--c-blue-500); }

.bbs-section__header { max-width: 1120px; margin-inline: auto; text-align: center; margin-bottom: clamp(24px, 4vw, 48px); }
.bbs-section__title  { margin-bottom: 16px; }
.bbs-section__lede   { color: var(--c-ink-500); font-size: 1.125rem; line-height: 1.55; margin: 0; }
.bbs-section--dark .bbs-section__lede { color: rgba(255,255,255,.65); }

.bbs-eyebrow {
	display: inline-block;
	color: var(--c-blue-700);
	font-weight: 600; font-size: .8125rem;
	text-transform: uppercase; letter-spacing: .1em;
	margin-bottom: 14px;
}

/* ---------- Buttons ---------- */
.bbs-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 10px;
	padding: 13px 24px;
	border-radius: 999px;
	font-weight: 600; font-size: .9375rem;
	cursor: pointer; border: 1px solid transparent;
	transition: transform .12s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease), color .15s var(--ease), border-color .15s var(--ease);
	text-decoration: none; white-space: nowrap;
	font-family: inherit;
	letter-spacing: -.005em;
}
.bbs-btn:active { transform: translateY(1px); }
/* Button color rules need higher specificity than the global `.bbs-page a` rule
   (otherwise an <a class="bbs-btn"> inherits link-blue text on a blue button). */
.bbs-page a.bbs-btn--primary,
.bbs-page .bbs-btn--primary {
	background: var(--c-blue-700);
	color: #fff;
	box-shadow: var(--shadow-blue);
}
.bbs-page a.bbs-btn--primary:hover,
.bbs-page .bbs-btn--primary:hover {
	background: var(--c-blue-800);
	color: #fff;
	box-shadow: 0 12px 32px rgba(45,108,240,.32), 0 24px 64px rgba(45,108,240,.18);
	transform: translateY(-1px);
}
.bbs-page a.bbs-btn--secondary,
.bbs-page .bbs-btn--secondary { background: #fff; color: var(--c-ink-900); border-color: var(--c-ink-200); box-shadow: var(--shadow-xs); }
.bbs-page a.bbs-btn--secondary:hover,
.bbs-page .bbs-btn--secondary:hover { border-color: var(--c-blue-700); color: var(--c-blue-800); }
.bbs-page a.bbs-btn--ghost,
.bbs-page .bbs-btn--ghost { background: transparent; color: var(--c-ink-700); }
.bbs-page a.bbs-btn--ghost:hover,
.bbs-page .bbs-btn--ghost:hover { background: var(--c-ink-100); color: var(--c-ink-900); }
.bbs-btn--large { padding: 17px 32px; font-size: 1rem; border-radius: 999px; }
.bbs-btn--small { padding: 9px 16px; font-size: .825rem; }
.bbs-btn__arrow { transition: transform .15s var(--ease); }
.bbs-btn:hover .bbs-btn__arrow { transform: translateX(3px); }

/* ---------- Skip link ---------- */
.bbs-skip-link { position: absolute; top: -50px; left: 0; background: var(--c-blue-800); color: #fff; padding: 10px 16px; z-index: 100; }
.bbs-skip-link:focus { top: 0; color: #fff; }

/* ---------- Top bar ---------- */
.bbs-topbar {
	background: var(--c-blue-950);
	color: rgba(255,255,255,.78);
	font-size: .8125rem;
	padding: 8px 0;
}
.bbs-topbar__inner { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.bbs-topbar__items { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.bbs-topbar__item { display: inline-flex; gap: 6px; align-items: center; }
.bbs-topbar a { color: #fff; }
.bbs-topbar a:hover { color: var(--c-blue-200); }

/* ---------- Header ---------- */
.bbs-header {
	position: sticky; top: 0; z-index: 50;
	background: rgba(255,255,255,.85);
	backdrop-filter: saturate(180%) blur(12px);
	-webkit-backdrop-filter: saturate(180%) blur(12px);
	border-bottom: 1px solid transparent;
	transition: border-color .25s var(--ease), box-shadow .25s var(--ease), background .2s var(--ease);
}
.bbs-header.is-scrolled {
	background: rgba(255,255,255,.95);
	border-bottom-color: var(--c-ink-100);
	box-shadow: var(--shadow-sm);
}
.bbs-header__inner { display: flex; align-items: center; justify-content: space-between; min-height: var(--header-h); gap: 32px; }
.bbs-header__logo {
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	color: var(--c-ink-500);
}
.bbs-header__logo img { max-height: 40px; width: auto; }
.bbs-header__tagline {
	font-size: .7rem;
	font-weight: 500;
	letter-spacing: .01em;
	color: var(--c-ink-400);
	line-height: 1.2;
}

.bbs-header__nav { display: flex; align-items: center; gap: 32px; }
.bbs-menu { display: flex; gap: 28px; align-items: center; list-style: none; padding: 0; margin: 0; }
.bbs-menu a {
	color: var(--c-ink-700); font-weight: 500; font-size: .925rem;
	padding: 8px 0;
	position: relative;
	transition: color .15s var(--ease);
}
.bbs-menu a::after {
	content: ''; position: absolute; left: 0; right: 0; bottom: 2px;
	height: 2px; background: var(--c-blue-700);
	transform: scaleX(0); transform-origin: center;
	transition: transform .25s var(--ease);
	border-radius: 2px;
}
.bbs-menu a:hover { color: var(--c-blue-800); }
.bbs-menu a:hover::after { transform: scaleX(1); }
.bbs-header__cta { padding: 10px 22px; font-size: .9rem; border-radius: 999px; }
.bbs-header__nav {
	display: flex;
	align-items: center;
	gap: 18px;
}
.bbs-page a.bbs-header__cart {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	margin-left: auto;
	border-radius: 999px;
	color: #121212;
	flex-shrink: 0;
}
.bbs-page a.bbs-header__cart:hover { color: #0970FB; }
.bbs-page .bbs-header__cart svg {
	width: 24px;
	height: 24px;
	display: block;
}
.bbs-header__cart-count {
	position: absolute;
	top: 2px;
	right: 0;
	min-width: 18px;
	height: 18px;
	padding: 0 4px;
	border-radius: 999px;
	background: #0970FB;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.bbs-header__toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; margin-right: -8px; }
.bbs-burger { display: inline-flex; flex-direction: column; gap: 4px; }
.bbs-burger span { display: block; width: 22px; height: 2px; background: var(--c-ink-900); border-radius: 2px; transition: transform .2s var(--ease), opacity .15s var(--ease); }

/* ---------- Hero (Figma BASE-FF: 2-column + illustration) ---------- */
.bbs-hero {
	position: relative;
	padding: clamp(40px, 5vw, 80px) 0 clamp(56px, 7vw, 96px);
	background: linear-gradient(180deg, #f4f7ff 0%, #fff 72%);
	overflow: hidden;
}
.bbs-hero::before {
	content: '';
	position: absolute; right: -12%; top: 8%;
	width: 42%; height: 70%;
	background: radial-gradient(ellipse at center, rgba(45,108,240,.14) 0%, rgba(45,108,240,0) 70%);
	pointer-events: none;
}
.bbs-hero__inner {
	max-width: var(--container);
	margin-inline: auto;
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
	align-items: center;
	gap: clamp(24px, 4vw, 56px);
	position: relative;
	text-align: center;
}
.bbs-hero__copy { min-width: 0; }
.bbs-hero__title {
	margin-bottom: 18px;
	font-size: clamp(2.1rem, 3.4vw + .6rem, 3.35rem);
	letter-spacing: -.03em;
	color: var(--c-ink-900);
}
.bbs-hero__title span { color: var(--c-blue-700); }
.bbs-hero__subtitle {
	color: var(--c-ink-500);
	font-size: 1.125rem;
	max-width: 540px;
	line-height: 1.55;
}
.bbs-hero__visual {
	position: relative;
	display: flex; align-items: center; justify-content: center;
}
.bbs-hero__visual img {
	width: 100%; max-width: 560px; height: auto;
	filter: drop-shadow(0 24px 40px rgba(10,61,145,.12));
}

/* Category quick-picks under the search bar — visual prominence to the buyback tool. */
.bbs-hero__categories {
	display: flex; flex-wrap: wrap; justify-content: flex-start;
	gap: 10px;
	list-style: none; padding: 0; margin: 24px 0 28px;
}
.bbs-hero__categories a {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 10px 18px;
	background: #fff; color: var(--c-ink-700);
	border: 1px solid var(--c-ink-200); border-radius: 999px;
	font-weight: 500; font-size: .925rem;
	transition: border-color .15s var(--ease), color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);
}
.bbs-hero__categories a:hover {
	border-color: var(--c-blue-700); color: var(--c-blue-800);
	box-shadow: var(--shadow-sm);
	transform: translateY(-1px);
}
.bbs-hero__categories svg { color: var(--c-blue-700); }
.bbs-page .bbs-hero__categories svg { width: 18px; height: 18px; }

.bbs-hero__signal {
	display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: flex-start;
	margin: 0;
	color: var(--c-ink-500);
	font-size: .9rem;
}
.bbs-hero__signal strong { color: var(--c-ink-800); }
.bbs-stars { display: inline-flex; gap: 1px; color: var(--c-amber); }
.bbs-stars svg { width: 16px; height: 16px; }

/* Search bar in the split hero. */
.bbs-hero .bbs-search { margin: 28px 0 0; max-width: 640px; }

@media (max-width: 900px) {
	.bbs-hero__inner {
		grid-template-columns: 1fr;
		text-align: center;
	}
	.bbs-hero__subtitle { margin-inline: auto; }
	.bbs-hero .bbs-search { margin-inline: auto; }
	.bbs-hero__categories { justify-content: center; }
	.bbs-hero__signal { justify-content: center; }
	.bbs-hero__visual { order: -1; max-width: 420px; margin-inline: auto; }
	.bbs-hero::before { width: 80%; right: 10%; top: 0; height: 40%; }
}

/* ---------- Search ---------- */
.bbs-search { position: relative; margin: 28px 0; max-width: 580px; }
.bbs-search__inner {
	display: flex; align-items: center; gap: 8px;
	background: #fff; padding: 7px 7px 7px 18px;
	border-radius: var(--radius-lg); border: 1px solid var(--c-ink-200);
	box-shadow: var(--shadow);
	transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.bbs-search__inner:focus-within {
	border-color: var(--c-blue-600);
	box-shadow: 0 0 0 4px rgba(45,108,240,.14), var(--shadow);
}
.bbs-search__icon { width: 22px; height: 22px; color: var(--c-ink-400); flex-shrink: 0; }
.bbs-search__input {
	flex: 1; border: 0; background: transparent;
	font-size: 1rem; padding: 14px 0; outline: none;
	font-family: inherit; color: var(--c-ink-900);
}
.bbs-search__input::placeholder { color: var(--c-ink-400); }
.bbs-search .bbt-picker__results { text-align: left; }

/* ---------- Press strip (replaces the stats band) ---------- */
.bbs-press {
	padding-block: 48px;
	background: #fff;
	border-block: 1px solid var(--c-ink-100);
}
.bbs-press__label {
	text-align: center;
	color: var(--c-ink-400);
	text-transform: uppercase; letter-spacing: .2em;
	font-size: .75rem; font-weight: 600;
	margin: 0 0 22px;
}
.bbs-press__row {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
	gap: 28px 56px;
	list-style: none; padding: 0; margin: 0;
}
.bbs-press__logo {
	color: var(--c-ink-400);
	font-weight: 700;
	letter-spacing: -.01em;
	font-size: 1.5rem;
	transition: color .2s var(--ease), opacity .2s var(--ease);
	opacity: .85;
}
.bbs-press__logo:hover { color: var(--c-ink-700); opacity: 1; }
.bbs-press__logo--forbes    { font-family: 'Times New Roman', Georgia, serif; font-style: italic; font-weight: 700; }
.bbs-press__logo--cnet      { font-family: Arial, Helvetica, sans-serif; font-weight: 800; letter-spacing: -.04em; text-transform: uppercase; }
.bbs-press__logo--techradar { font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: 700; letter-spacing: -.02em; }
.bbs-press__logo--mashable  { font-family: 'Helvetica Neue', Arial, sans-serif; font-weight: 700; letter-spacing: -.03em; }
.bbs-press__logo--wired     { font-family: 'Times New Roman', Georgia, serif; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; font-size: 1.3rem; }

/* ---------- Steps ---------- */
.bbs-steps {
	display: grid; gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	list-style: none; padding: 0; margin: 0;
	position: relative;
}
.bbs-step {
	background: #fff; padding: 40px 32px 36px;
	border: 1px solid var(--c-ink-100); border-radius: var(--radius-lg);
	position: relative;
	transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s var(--ease);
}
.bbs-step:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
	border-color: var(--c-blue-100);
}

/* Icon tile + number badge — one cohesive visual instead of two stacked. */
.bbs-step__media {
	position: relative;
	display: inline-block;
	margin-bottom: 28px;
}
.bbs-step__icon {
	width: 88px; height: 88px;
	border-radius: 22px;
	background: linear-gradient(135deg, #fff 0%, var(--c-blue-50) 60%, var(--c-blue-100) 100%);
	border: 1px solid var(--c-blue-100);
	color: var(--c-blue-700);
	display: grid; place-items: center;
	box-shadow: var(--shadow-sm), inset 0 0 0 1px rgba(255,255,255,.6);
	margin: 0;
	transition: transform .25s var(--ease), box-shadow .25s var(--ease);
}
.bbs-step:hover .bbs-step__icon {
	transform: rotate(-3deg) scale(1.04);
	box-shadow: var(--shadow), inset 0 0 0 1px rgba(255,255,255,.6);
}
.bbs-page .bbs-step__icon svg { width: 42px; height: 42px; stroke-width: 1.4; }
.bbs-step__number {
	position: absolute;
	top: -10px; right: -10px;
	min-width: 36px; height: 36px;
	padding: 0 10px;
	background: linear-gradient(135deg, var(--c-blue-600), var(--c-blue-800));
	color: #fff;
	border-radius: 999px;
	display: inline-flex; align-items: center; justify-content: center;
	font-weight: 700; font-size: .875rem;
	letter-spacing: .02em;
	border: 3px solid #fff;
	box-shadow: 0 4px 14px rgba(45,108,240,.4);
}
.bbs-step h3 { margin-bottom: 10px; font-size: 1.25rem; }
.bbs-step p  { color: var(--c-ink-500); margin: 0; line-height: 1.6; }

/* Dotted connector line between steps on desktop. Pure decoration; hidden on smaller screens. */
@media (min-width: 980px) {
	.bbs-step:not(:last-child)::after {
		content: '';
		position: absolute;
		top: 84px;
		right: -22px;
		width: 32px; height: 0;
		border-top: 2px dashed var(--c-blue-200);
		z-index: -1;
		pointer-events: none;
	}
}

/* ---------- Categories ---------- */
.bbs-categories {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 16px;
}
.bbs-category-card {
	display: flex; flex-direction: column; align-items: center;
	padding: 32px 20px 24px;
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius-lg);
	color: var(--c-ink-900);
	transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s var(--ease);
	position: relative; overflow: hidden;
	text-align: center;
}
.bbs-category-card::before {
	content: '';
	position: absolute; left: 0; right: 0; top: 0; height: 3px;
	background: linear-gradient(90deg, var(--c-blue-600), var(--c-blue-800));
	transform: scaleX(0); transform-origin: left;
	transition: transform .3s var(--ease-out);
}
.bbs-category-card:hover {
	transform: translateY(-6px);
	box-shadow: var(--shadow-lg);
	border-color: transparent;
	color: var(--c-ink-900);
}
.bbs-category-card:hover::before { transform: scaleX(1); }
.bbs-category-card__icon {
	width: 64px; height: 64px;
	display: grid; place-items: center;
	border-radius: var(--radius);
	background: linear-gradient(135deg, var(--c-blue-50), var(--c-blue-100));
	color: var(--c-blue-700);
	margin-bottom: 16px;
	transition: transform .25s var(--ease);
}
.bbs-category-card__icon svg { width: 32px; height: 32px; }
.bbs-category-card:hover .bbs-category-card__icon { transform: scale(1.08) rotate(-3deg); }
.bbs-category-card__title { font-size: 1.0625rem; margin-bottom: 4px; font-weight: 700; }
.bbs-category-card__count { color: var(--c-ink-500); font-size: .825rem; margin-bottom: 14px; }
.bbs-category-card__cta {
	display: inline-flex; align-items: center; gap: 4px;
	color: var(--c-blue-700); font-weight: 600; font-size: .85rem;
}

/* ---------- Why-us grid ---------- */
.bbs-why__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}
.bbs-why__card {
	background: #fff; padding: 32px 28px;
	border: 1px solid var(--c-ink-100); border-radius: var(--radius-lg);
	transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s var(--ease);
}
.bbs-why__card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
	border-color: var(--c-blue-100);
}
.bbs-why__icon {
	width: 52px; height: 52px;
	display: grid; place-items: center;
	border-radius: 14px;
	background: linear-gradient(135deg, var(--c-blue-50), var(--c-blue-100));
	color: var(--c-blue-700);
	margin-bottom: 18px;
}
.bbs-why__icon svg { width: 26px; height: 26px; }
.bbs-why__card h3 { margin-bottom: 10px; font-size: 1.1875rem; }
.bbs-why__card p  { color: var(--c-ink-500); margin: 0; line-height: 1.6; }

/* ---------- Compare table ---------- */
.bbs-compare {
	background: #fff;
	border-radius: var(--radius-lg);
	overflow: hidden;
	box-shadow: var(--shadow);
	border: 1px solid var(--c-ink-100);
	max-width: 960px; margin-inline: auto;
}
.bbs-compare__table { width: 100%; border-collapse: collapse; }
.bbs-compare__table th,
.bbs-compare__table td {
	padding: 20px 24px; text-align: center;
	border-bottom: 1px solid var(--c-ink-100);
	font-size: .9375rem;
	vertical-align: middle;
}
.bbs-compare__yes {
	color: var(--c-green);
	font-weight: 600;
}
.bbs-compare__no {
	color: var(--c-ink-400);
	font-style: italic;
	font-size: .9rem;
}
.bbs-compare__table tbody th {
	text-align: left; font-weight: 600; color: var(--c-ink-700);
	background: var(--c-ink-50);
	width: 32%;
}
.bbs-compare__table thead th {
	font-weight: 600; font-size: .9rem;
	color: var(--c-ink-500);
	text-transform: uppercase; letter-spacing: .04em;
	background: #fff;
	padding: 20px 24px;
}
.bbs-compare__table thead th.bbs-compare__highlight {
	background: linear-gradient(180deg, var(--c-blue-700), var(--c-blue-800));
	color: #fff;
	font-size: 1rem;
	letter-spacing: -.005em;
	text-transform: none;
}
.bbs-compare__table tbody tr:last-child th,
.bbs-compare__table tbody tr:last-child td { border-bottom: 0; }
.bbs-compare__table td.bbs-compare__highlight {
	background: var(--c-blue-50);
	font-weight: 600; color: var(--c-blue-800);
}
.bbs-compare__table td.bbs-compare__highlight .bbs-compare__yes {
	color: var(--c-blue-800);
}

@media (max-width: 700px) {
	.bbs-compare { overflow-x: auto; }
	.bbs-compare__table { min-width: 620px; }
}

/* ---------- Featured devices ---------- */
.bbs-devices {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: 18px;
}
.bbs-device-card {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius);
	padding: 24px 20px 20px;
	color: var(--c-ink-900);
	transition: transform .25s var(--ease-out), box-shadow .25s var(--ease-out), border-color .2s var(--ease);
	display: flex; flex-direction: column;
	position: relative;
}
.bbs-device-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
	border-color: var(--c-blue-100);
	color: var(--c-ink-900);
}
.bbs-device-card__image {
	height: 180px;
	display: grid; place-items: end center;
	background:
		radial-gradient(60% 30% at 50% 92%, rgba(11,18,34,.08), transparent 70%),
		linear-gradient(180deg, #fff 0%, var(--c-blue-50) 100%);
	border-radius: var(--radius);
	color: var(--c-blue-700);
	margin-bottom: 18px;
	padding: 16px 16px 4px;
	overflow: hidden;
	transition: background .3s var(--ease);
}
.bbs-device-card:hover .bbs-device-card__image {
	background:
		radial-gradient(60% 30% at 50% 92%, rgba(11,18,34,.10), transparent 70%),
		linear-gradient(180deg, #fff 0%, var(--c-blue-100) 100%);
}
.bbs-page .bbs-device-card__image img,
.bbs-page .bbs-device-card__image > span {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	filter: drop-shadow(0 8px 18px rgba(11,18,34,.18));
	transition: transform .25s var(--ease);
}
.bbs-page .bbs-device-card__image > span { height: 100%; }
.bbs-page .bbs-device-card__image > span svg { height: 100%; width: auto; max-width: 100%; }
.bbs-device-card:hover .bbs-device-card__image img,
.bbs-device-card:hover .bbs-device-card__image > span { transform: translateY(-3px) scale(1.02); }
.bbs-device-card__title { font-size: 1.0625rem; margin: 0 0 2px; font-weight: 700; letter-spacing: -.015em; }
.bbs-device-card__meta { color: var(--c-ink-400); font-size: .8125rem; margin: 2px 0 14px; }
.bbs-device-card__price {
	display: flex; align-items: baseline; gap: 4px;
	color: var(--c-ink-500); font-size: .825rem;
	margin: 0 0 12px;
}
.bbs-device-card__price strong {
	color: var(--c-blue-800);
	font-size: 1.4rem; font-weight: 800;
	letter-spacing: -.025em;
}
.bbs-device-card__cta {
	margin-top: auto;
	color: var(--c-blue-700); font-weight: 600; font-size: .875rem;
	display: inline-flex; align-items: center; gap: 4px;
}

/* ---------- Reviews ---------- */
.bbs-reviews__grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
.bbs-review {
	background: #fff; padding: 28px;
	border-radius: var(--radius);
	border: 1px solid var(--c-ink-100);
	display: flex; flex-direction: column;
}
.bbs-review__stars  { color: var(--c-amber); margin: 0 0 14px; display: inline-flex; gap: 2px; }
.bbs-review__stars svg { width: 16px; height: 16px; }
.bbs-review__body   {
	color: var(--c-ink-700); margin: 0 0 18px;
	padding: 0; border: 0;
	font-size: .975rem; line-height: 1.6;
	flex: 1;
}
.bbs-review__author {
	font-size: .9rem;
	color: var(--c-ink-500);
}
.bbs-review__author strong { color: var(--c-ink-900); font-weight: 600; }

/* ---------- Brands strip ---------- */
.bbs-brands { padding-block: 56px; background: #fff; border-block: 1px solid var(--c-ink-100); }
.bbs-brands__label {
	text-align: center; color: var(--c-ink-400);
	text-transform: uppercase; letter-spacing: .18em;
	font-size: .8125rem; font-weight: 600; margin-bottom: 24px;
}
.bbs-brands__row {
	display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 48px;
	list-style: none; padding: 0; margin: 0;
}
.bbs-brands__row img {
	max-height: 36px; width: auto;
	opacity: .55; filter: grayscale(100%);
	transition: opacity .25s var(--ease), filter .25s var(--ease);
}
.bbs-brands__row img:hover { opacity: 1; filter: none; }

/* ---------- FAQ ---------- */
.bbs-faq { max-width: 760px; margin-inline: auto; }
.bbs-faq__item {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius);
	padding: 0 24px;
	margin-bottom: 12px;
	transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.bbs-faq__item[open] {
	border-color: var(--c-blue-200);
	box-shadow: var(--shadow-sm);
}
.bbs-faq__q {
	font-weight: 600; padding: 20px 0; cursor: pointer;
	list-style: none; display: flex;
	justify-content: space-between; align-items: center;
	gap: 16px;
	color: var(--c-ink-900);
	font-size: 1rem;
}
.bbs-faq__q::-webkit-details-marker { display: none; }
.bbs-faq__q::after {
	content: '';
	width: 28px; height: 28px;
	background: var(--c-blue-50);
	color: var(--c-blue-700);
	border-radius: 8px;
	display: grid; place-items: center;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231352c9' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
	background-position: center; background-repeat: no-repeat;
	transition: transform .25s var(--ease), background-color .2s var(--ease);
}
.bbs-faq__item[open] .bbs-faq__q::after {
	transform: rotate(45deg);
	background-color: var(--c-blue-100);
}
.bbs-faq__a { padding: 0 0 20px; color: var(--c-ink-500); line-height: 1.6; }
.bbs-faq__a p { margin: 0; }

/* ---------- CTA band ---------- */
.bbs-cta {
	padding-block: clamp(72px, 8vw, 112px);
	background:
		radial-gradient(800px 300px at 80% 0%, rgba(75,133,255,.20), transparent 60%),
		radial-gradient(600px 200px at 10% 100%, rgba(75,133,255,.15), transparent 60%),
		linear-gradient(135deg, var(--c-blue-900), var(--c-blue-800));
	color: #fff;
	position: relative; overflow: hidden;
}
.bbs-cta::before {
	content: ''; position: absolute; inset: 0;
	background-image:
		linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
	background-size: 50px 50px;
	mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, #000 30%, transparent 70%);
	pointer-events: none;
}
.bbs-cta__inner { text-align: center; position: relative; }
.bbs-page .bbs-cta__title { color: #fff; margin-bottom: 12px; }
.bbs-page .bbs-cta__sub   { color: rgba(255,255,255,.85); font-size: 1.125rem; margin-bottom: 32px; }
.bbs-page .bbs-cta .bbs-eyebrow { color: var(--c-blue-200); }
.bbs-page .bbs-cta a.bbs-btn--primary,
.bbs-page .bbs-cta .bbs-btn--primary { background: #fff; color: var(--c-blue-800); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.bbs-page .bbs-cta a.bbs-btn--primary:hover,
.bbs-page .bbs-cta .bbs-btn--primary:hover { background: var(--c-blue-50); color: var(--c-blue-900); transform: translateY(-2px); }

/* ---------- Trust strip ---------- */
.bbs-trust { padding-block: 48px; background: #fff; border-top: 1px solid var(--c-ink-100); }
.bbs-trust__inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 28px 48px; }
.bbs-trust img { max-height: 56px; width: auto; opacity: .9; }
.bbs-trust__item {
	color: var(--c-ink-500); font-weight: 500; font-size: .9rem;
	letter-spacing: .01em;
}

/* ---------- Footer (Figma Frame 2147224600) ---------- */
.bbs-footer {
	background: #121212;
	color: #fff;
	padding: 51px 0 30px;
	position: relative;
	border-top: 0;
}
.bbs-footer__inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 24px;
}
.bbs-footer__top {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	width: 100%;
}
.bbs-footer__brand-col {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	flex: 0 1 453px;
	max-width: 453px;
}
.bbs-page a.bbs-footer__brand,
.bbs-page a.bbs-footer__brand:hover {
	display: block;
	color: #fff;
	gap: 0;
	text-decoration: none;
	flex-shrink: 0;
}
.bbs-page .bbs-footer .bbs-brand__logo--light {
	display: block;
	width: 292px;
	height: 60px;
	max-width: 100%;
}
.bbs-page .bbs-footer__tagline,
.bbs-footer__tagline {
	margin: 0;
	max-width: 327px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	color: #fff;
}
.bbs-footer__nav {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 103px;
	flex: 1 1 auto;
	max-width: 695px;
}
.bbs-footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
}
.bbs-page .bbs-footer h4,
.bbs-footer h4 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0;
	color: #fff;
}
.bbs-footer__col ul,
.bbs-footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 23px;
}
.bbs-page .bbs-footer a,
.bbs-footer a {
	color: #fff;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	text-decoration: none;
	transition: opacity .15s var(--ease), color .15s var(--ease);
}
.bbs-page .bbs-footer__col a,
.bbs-footer__col a {
	color: #fff;
	opacity: .5;
}
.bbs-page .bbs-footer__col a:hover,
.bbs-footer__col a:hover {
	color: #fff;
	opacity: 1;
}
.bbs-footer__rule {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0;
	border: 0;
	background: rgba(255, 255, 255, 0.14);
}
.bbs-page .bbs-footer__legal,
.bbs-footer__legal {
	margin: 0 auto;
	text-align: center;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	color: rgba(255, 255, 255, 0.26);
}

@media (max-width: 980px) {
	.bbs-footer { padding: 40px 0 28px; }
	.bbs-footer__top {
		flex-direction: column;
		align-items: flex-start;
	}
	.bbs-footer__brand-col,
	.bbs-footer__nav {
		max-width: none;
		width: 100%;
	}
	.bbs-footer__nav {
		justify-content: flex-start;
		flex-wrap: wrap;
		gap: 40px 48px;
	}
}
@media (max-width: 640px) {
	.bbs-footer__nav {
		flex-direction: column;
		gap: 28px;
	}
}

/* ---------- Mobile nav ---------- */
@media (max-width: 980px) {
	.bbs-header__toggle { display: inline-flex; order: 3; }
	.bbs-header__cart { order: 2; }
	.bbs-header__nav {
		position: fixed; top: var(--header-h); left: 0; right: 0;
		background: #fff; padding: 24px 20px;
		flex-direction: column; align-items: stretch; gap: 8px;
		box-shadow: var(--shadow-lg);
		transform: translateY(-12px); opacity: 0; visibility: hidden;
		transition: opacity .2s var(--ease), transform .2s var(--ease), visibility 0s .2s;
		max-height: calc(100vh - var(--header-h)); overflow-y: auto;
	}
	.bbs-header__nav.is-open { transform: translateY(0); opacity: 1; visibility: visible; transition-delay: 0s; }
	.bbs-menu { flex-direction: column; gap: 4px; align-items: stretch; }
	.bbs-menu a { padding: 14px 12px; border-radius: 8px; }
	.bbs-menu a:hover { background: var(--c-blue-50); }
	.bbs-header__cta { margin-top: 12px; }
}

/* ---------- Generic page chrome (used by sub-pages) ---------- */
.bbs-page-hero {
	padding: 80px 0 56px;
	background: var(--c-page);
	text-align: center;
}
.bbs-page-hero__inner {
	max-width: var(--container);
	width: 100%;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.bbs-page h1.bbs-page-hero__title {
	margin: 0 auto 24px;
	width: max-content;
	max-width: 100%;
	font-size: clamp(2rem, 4.45vw, 64px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.02em;
	color: #161616;
	text-align: center;
}
.bbs-page p.bbs-page-hero__lede {
	color: #535353;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	width: max-content;
	max-width: min(689px, 100%);
	margin: 0 auto;
	text-align: center;
}
.bbs-page-hero .bbs-eyebrow {
	display: block;
	margin: 0 0 16px;
	color: var(--c-brand);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

.bbs-prose {
	max-width: 720px; margin-inline: auto;
	color: var(--c-ink-700);
	font-size: 1.0625rem; line-height: 1.7;
}
.bbs-prose h2, .bbs-prose h3 { color: var(--c-ink-900); margin-top: 1.6em; margin-bottom: .6em; }
.bbs-prose h2 { font-size: 1.6rem; }
.bbs-prose h3 { font-size: 1.2rem; }
.bbs-prose p { margin: 0 0 1em; }
.bbs-prose ul, .bbs-prose ol { margin: 0 0 1em 1.2em; padding: 0; }
.bbs-prose li { margin-bottom: .35em; }

/* ---------- Forms ---------- */
.bbs-form { display: grid; gap: 18px; max-width: 560px; margin-inline: auto; }
.bbs-form--wide { max-width: 100%; }
.bbs-form__row { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; }
@media (max-width: 640px) { .bbs-form__row { grid-template-columns: 1fr; } }
.bbs-field { display: grid; gap: 8px; }
.bbs-field label { font-weight: 600; font-size: .9rem; color: var(--c-ink-700); }
.bbs-field input:not([type="checkbox"]):not([type="radio"]),
.bbs-field select,
.bbs-field textarea {
	width: 100%; padding: 12px 14px;
	border: 1px solid var(--c-ink-200);
	border-radius: var(--radius-sm);
	font-family: inherit; font-size: 1rem;
	background: #fff;
	color: var(--c-ink-900);
	transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.bbs-field input:not([type="checkbox"]):not([type="radio"]):focus,
.bbs-field select:focus,
.bbs-field textarea:focus {
	outline: 0; border-color: var(--c-blue-600);
	box-shadow: 0 0 0 4px rgba(45,108,240,.14);
}
.bbs-device-fieldset {
	display: grid;
	gap: 12px;
	width: 100%;
	min-width: 0;
	margin: 0;
	padding: 14px 16px 16px;
	border: 1px solid var(--c-ink-200);
	border-radius: var(--radius-sm);
	background: #fff;
}
.bbs-device-fieldset legend {
	font-weight: 600;
	font-size: .9rem;
	color: var(--c-ink-700);
	padding: 0 6px;
}
.bbs-check-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 20px;
}
@media (max-width: 520px) {
	.bbs-check-grid { grid-template-columns: 1fr; }
}
.bbs-check {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin: 0;
	font-weight: 500;
	color: var(--c-ink-900);
	cursor: pointer;
}
.bbs-check span { line-height: 1.3; }
.bbs-check input[type="checkbox"] {
	appearance: auto;
	width: 18px;
	height: 18px;
	min-width: 18px;
	margin: 0;
	padding: 0;
	flex: 0 0 auto;
	accent-color: var(--c-brand, #0970FB);
}
.bbs-field__hint { color: var(--c-ink-500); font-size: .825rem; margin: 0; }
.bbs-field__error { color: var(--c-red); font-size: .825rem; margin: 0; }

.bbs-honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }

.bbs-alert { padding: 14px 18px; border-radius: var(--radius); margin-bottom: 24px; font-weight: 500; }
.bbs-alert--success { background: rgba(30,166,114,.12); color: var(--c-green); border: 1px solid rgba(30,166,114,.3); }
.bbs-alert--error   { background: rgba(212,55,74,.10); color: var(--c-red); border: 1px solid rgba(212,55,74,.3); }
.bbs-alert--info    { background: var(--c-blue-50); color: var(--c-blue-800); border: 1px solid var(--c-blue-100); }

/* ---------- Brand grid (for sell-my-mobile and category pages) ---------- */
.bbs-brand-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: 14px;
}
.bbs-brand-grid a {
	display: grid; place-items: center;
	padding: 22px 16px;
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius);
	height: 90px;
	transition: border-color .15s var(--ease), transform .15s var(--ease), box-shadow .15s var(--ease);
}
.bbs-brand-grid a:hover {
	border-color: var(--c-blue-200);
	transform: translateY(-2px);
	box-shadow: var(--shadow-sm);
}
.bbs-brand-grid img {
	max-height: 44px; max-width: 100%;
	width: auto; height: auto;
	object-fit: contain;
	opacity: .85;
	transition: opacity .15s var(--ease);
}
.bbs-brand-grid a:hover img { opacity: 1; }

/* ---------- Auth panel (login/signup) ---------- */
.bbs-auth { max-width: 440px; margin-inline: auto; }
.bbs-auth__card {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius-lg);
	padding: 36px;
	box-shadow: var(--shadow-sm);
}
.bbs-auth__title { text-align: center; margin-bottom: 8px; font-size: 1.6rem; }
.bbs-auth__subtitle { text-align: center; color: var(--c-ink-500); margin: 0 0 24px; font-size: .95rem; }
.bbs-auth__footer {
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--c-ink-100);
	color: var(--c-ink-500);
	font-size: .9rem;
}
.bbs-auth__footer a { font-weight: 600; }

/* ---------- Empty state ---------- */
.bbs-empty {
	color: var(--c-ink-500); padding: 48px 24px; text-align: center;
	background: #fff; border-radius: var(--radius);
	border: 1px dashed var(--c-ink-200);
}

/* ---------- Model grid (used on category pages: /sell-my-iphone, /sell-my-ipad, etc.) ---------- */
.bbs-models {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	align-items: stretch;
}
.bbs-page .bbs-model-card {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius-lg);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);
	min-height: 100%;
}
.bbs-page .bbs-model-card:hover {
	transform: translateY(-3px);
	box-shadow: var(--shadow);
	border-color: var(--c-blue-100);
}

/* Image area uses an aspect ratio + flex centering + overflow:hidden for bulletproof
   constraint regardless of the source image's intrinsic dimensions. */
.bbs-page .bbs-model-card__image {
	position: relative;
	background: linear-gradient(180deg, #fff, var(--c-blue-50));
	aspect-ratio: 4 / 3;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	border-bottom: 1px solid var(--c-ink-100);
}
.bbs-page .bbs-model-card__image img {
	width: auto !important;
	height: auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	object-fit: contain;
	display: block;
	filter: drop-shadow(0 6px 14px rgba(11,18,34,.14));
}
/* Soft fallback if the image fails to load (missing file). The pseudo-overlay
   covers the broken-image alt text with a generic device silhouette. */
.bbs-page .bbs-model-card__image img[alt]:after,
.bbs-page .bbs-model-card__image:has(img:not([src*=".png"]):not([src*=".jpg"]):not([src*=".webp"]):not([src*=".jpeg"])) {
	background: linear-gradient(180deg, var(--c-blue-50), var(--c-blue-100));
}

.bbs-page .bbs-model-card__body {
	padding: 22px 24px 24px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.bbs-page .bbs-model-card__title {
	margin: 0 0 4px;
	font-size: 1.0625rem;
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.3;
}
.bbs-page .bbs-model-card__sub {
	color: var(--c-ink-500);
	font-size: .875rem;
	margin: 0 0 18px;
	line-height: 1.4;
}
.bbs-page .bbs-model-card__pick {
	color: var(--c-ink-400);
	font-size: .7rem;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: 600;
	margin: 0 0 10px;
}
.bbs-page .bbs-model-card__storage {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: auto;
}
.bbs-page .bbs-storage-pill {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	background: var(--c-blue-50);
	color: var(--c-blue-800);
	border-radius: 999px;
	font-weight: 600;
	font-size: .85rem;
	border: 1px solid transparent;
	transition: background .15s var(--ease), color .15s var(--ease);
}
.bbs-page .bbs-storage-pill:hover {
	background: var(--c-blue-700);
	color: #fff;
}
.bbs-page .bbs-model-card--missing {
	border-style: dashed;
	border-color: var(--c-ink-200);
}
.bbs-page .bbs-model-card--missing .bbs-model-card__image {
	background: var(--c-ink-50);
}
/* Whole-card link variant (no inner storage pills — Reusely products already
   bake carrier+storage into the name). */
.bbs-page a.bbs-model-card--linked {
	text-decoration: none;
	color: inherit;
}
.bbs-page .bbs-model-card__price {
	color: var(--c-ink-700);
	font-size: .9rem;
	margin: 4px 0 14px;
}
.bbs-page .bbs-model-card__price strong {
	color: var(--c-blue-800);
	font-size: 1.15rem;
	font-weight: 800;
}
.bbs-page .bbs-model-card__cta {
	color: var(--c-blue-700);
	font-weight: 600;
	font-size: .875rem;
	margin-top: auto;
}

/* ---------- Legacy-form compatibility (review_form, bulk_order_form, etc.) ---------- */
/* These pages still use Bootstrap-3 form classes. We map them onto the modern look
   so they don't look out of place inside the new shell. */
.bbs-page .container { width: 100%; max-width: var(--container); margin-inline: auto; padding-inline: var(--page-gutter); }
.bbs-page .row { display: flex; flex-wrap: wrap; gap: 18px; }
.bbs-page .row > [class*="col-"] { flex: 1 1 240px; min-width: 0; padding: 0; }
.bbs-page .row > .col-md-12 { flex: 1 1 100%; }
.bbs-page .row > .col-md-8  { flex: 1 1 64%; }
.bbs-page .row > .col-md-6  { flex: 1 1 calc(50% - 9px); }
.bbs-page .row > .col-md-4  { flex: 1 1 30%; }
.bbs-page .row > .col-md-3  { flex: 1 1 22%; }
.bbs-page .form-group { margin: 0 0 16px; }
.bbs-page .form-control {
	width: 100%;
	padding: 12px 14px;
	font-family: inherit; font-size: 1rem;
	background: #fff;
	border: 1px solid var(--c-ink-200);
	border-radius: var(--radius-sm);
	color: var(--c-ink-900);
	transition: border-color .15s var(--ease), box-shadow .15s var(--ease);
}
.bbs-page .form-control:focus {
	outline: 0; border-color: var(--c-blue-600);
	box-shadow: 0 0 0 4px rgba(45,108,240,.14);
}
.bbs-page .phone-sell-form,
.bbs-page .content-block {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: var(--radius-lg);
	padding: 32px;
	margin-bottom: 24px;
}
.bbs-page .head-account { text-align: center; margin-bottom: 24px; }
.bbs-page .head-account .h2,
.bbs-page .head-account h2 { font-size: 1.75rem; margin: 0; color: var(--c-ink-900); }
.bbs-page .head-account p { color: var(--c-ink-500); margin: 8px 0 0; }

/* Generic Bootstrap btn → modern button look. */
.bbs-page .btn,
.bbs-page button.btn,
.bbs-page input[type="submit"].btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	padding: 12px 22px;
	border-radius: var(--radius);
	font-weight: 600; font-size: .95rem;
	font-family: inherit;
	cursor: pointer;
	transition: background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease), transform .12s var(--ease);
	text-decoration: none;
}
.bbs-page .btn-primary,
.bbs-page input[type="submit"].btn-primary,
.bbs-page button.btn-primary {
	background: var(--c-blue-700); color: #fff; border: 1px solid var(--c-blue-700);
}
.bbs-page .btn-primary:hover { background: var(--c-blue-800); border-color: var(--c-blue-800); color: #fff; transform: translateY(-1px); }
.bbs-page .btn-default {
	background: #fff; color: var(--c-ink-900); border: 1px solid var(--c-ink-200);
}
.bbs-page .btn-default:hover { border-color: var(--c-blue-700); color: var(--c-blue-800); }
.bbs-page .tpl_bg { background: var(--c-blue-700); color: #fff; }
.bbs-page .tpl_bg:hover { background: var(--c-blue-800); color: #fff; }

/* Hide old TrustPilot widget script element if injected as a div. */
.bbs-page .trustpilot-widget { margin: 16px 0; }

/* ---------- Reveal-on-scroll ---------- */
.bbs-reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .6s var(--ease-out), transform .6s var(--ease-out);
}
.bbs-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.bbs-page *, .bbs-page *::before, .bbs-page *::after {
		animation: none !important;
		transition: none !important;
	}
	.bbs-reveal { opacity: 1; transform: none; }
}

/* =====================================================================
   BBT (BuybackTree-style) components — hub, category, wizard breadcrumb
   ===================================================================== */

:root {
	--bbt-green:        #2d6cf0;
	--bbt-green-600:    #1352c9;
	--bbt-green-light:  #f4f7ff;
	--bbt-green-border: #b8cdfa;
}

/* ── Hub device picker ─────────────────────────────────────────────── */
.bbt-picker { background: var(--c-ink-50); padding: 56px 0 64px; }
@media (min-width: 768px) { .bbt-picker { padding: 80px 0; } }
.bbt-picker__inner {
	max-width: 1100px;
	margin-inline: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.bbt-picker__header {
	text-align: center;
	margin-bottom: 28px;
	padding: 0 8px;
	width: 100%;
}
.bbt-picker__title {
	font-size: 2rem; font-weight: 800; color: var(--c-ink-900);
	line-height: 1.2; margin: 0 0 12px; letter-spacing: -.01em;
}
.bbt-picker__title span { color: var(--bbt-green); }
@media (min-width: 768px) { .bbt-picker__title { font-size: 2.5rem; } }
.bbs-page .bbt-picker__lede,
.bbt-picker__lede {
	font-size: .95rem; color: var(--c-ink-500);
	max-width: 36rem;
	margin: 0 auto;
	line-height: 1.6;
	text-align: center;
}

.bbt-picker__search {
	position: relative;
	width: min(32rem, 100%);
	margin: 0 auto 32px;
}
.bbt-picker .bbs-hero__categories {
	justify-content: center;
	width: 100%;
}
.bbt-picker__search > svg {
	position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
	width: 20px; height: 20px; color: var(--c-ink-400); pointer-events: none;
}
.bbt-picker__search input {
	width: 100%; height: 48px; padding: 0 16px 0 44px;
	border-radius: 10px; border: 1px solid var(--c-ink-200);
	background: #fff; font-size: .95rem; color: var(--c-ink-900);
	font-family: inherit;
	transition: border-color .15s, box-shadow .15s;
}
.bbt-picker__search input:focus {
	outline: none; border-color: var(--bbt-green);
	box-shadow: 0 0 0 3px rgba(22,163,74,.15);
}
.bbt-picker__search input::placeholder { color: var(--c-ink-400); }

.bbt-picker__results {
	position: absolute; top: calc(100% + 6px); left: 0; right: 0;
	background: #fff; border: 1px solid var(--c-ink-200); border-radius: 10px;
	box-shadow: var(--shadow); z-index: 20;
	max-height: 320px; overflow-y: auto;
}
.bbt-picker__result {
	display: flex; align-items: center; gap: 12px;
	padding: 10px 14px; color: var(--c-ink-900); text-decoration: none;
	border-bottom: 1px solid var(--c-ink-100);
	font-size: .9rem;
}
.bbt-picker__result:last-child { border-bottom: 0; }
.bbt-picker__result:hover,
.bbt-picker__result.is-active { background: var(--c-ink-50); color: var(--bbt-green); }
.bbt-picker__result img { width: 32px; height: 32px; object-fit: contain; flex-shrink: 0; }
.bbt-picker__result-ph { width: 32px; height: 32px; flex-shrink: 0; background: var(--c-ink-100); border-radius: 6px; }
.bbt-picker__result-name { flex: 1; }
.bbt-picker__result-price { color: var(--c-ink-500); font-size: .85rem; white-space: nowrap; }
.bbt-picker__result--empty { color: var(--c-ink-400); cursor: default; pointer-events: none; padding: 14px; }

.bbt-picker__grid {
	display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
	width: 100%;
}
@media (min-width: 640px) { .bbt-picker__grid { gap: 16px; } }
@media (min-width: 768px) { .bbt-picker__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.bbt-device-card {
	display: flex; flex-direction: column; align-items: center;
	background: #fff; border-radius: 12px; padding: 18px;
	color: inherit; text-decoration: none;
	min-width: 0;
	overflow: hidden;
	transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
@media (min-width: 640px) { .bbt-device-card { padding: 32px; } }
@media (min-width: 768px) { .bbt-device-card { padding: 40px; } }
.bbt-device-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0,0,0,.08);
	color: inherit;
}
.bbt-device-card__img {
	height: 64px; width: 64px;
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 12px;
}
@media (min-width: 640px) { .bbt-device-card__img { height: 96px; width: 96px; margin-bottom: 16px; } }
@media (min-width: 768px) { .bbt-device-card__img { height: 112px; width: 112px; } }
.bbt-device-card__img img { width: 100%; height: 100%; object-fit: contain; }
.bbt-device-card__label {
	font-size: .9rem; font-weight: 600; color: var(--c-ink-900);
	margin: 0; transition: color .15s;
}
@media (min-width: 640px) { .bbt-device-card__label { font-size: 1.125rem; } }
.bbt-device-card:hover .bbt-device-card__label { color: var(--bbt-green); }

/* ── Category page header (BBT style) ──────────────────────────────── */
.bbt-cat { padding: 32px 0 48px; }
.bbt-cat__header { text-align: center; margin-bottom: 12px; }
.bbt-cat__eyebrow {
	font-size: .82rem; color: var(--c-ink-500);
	margin: 0 0 4px; font-weight: 500;
}
.bbt-cat__title {
	font-size: clamp(1.75rem, 3.33vw, 48px);
	font-weight: 600;
	color: #121212;
	margin: 0 0 10px;
	line-height: 1.1;
	letter-spacing: -.03em;
}
@media (min-width: 768px) { .bbt-cat__title { font-size: 48px; } }
.bbt-cat__sub { font-size: .9rem; color: var(--c-ink-500); margin: 0; }
.bbt-cat__sub a { color: var(--bbt-green); font-weight: 500; }
.bbt-cat__sub a:hover { text-decoration: underline; }

.bbt-cat__pick {
	text-align: center; color: var(--c-ink-700);
	margin: 28px 0 14px; font-size: .95rem;
}

.bbt-cat__search { position: relative; max-width: min(36rem, 100%); margin: 0 auto 28px; }
.bbt-cat__search > svg {
	position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
	width: 20px; height: 20px; color: var(--c-ink-400); pointer-events: none;
}
.bbt-cat__search input {
	width: 100%; height: 44px; padding: 0 16px 0 44px;
	border-radius: 10px; border: 1px solid var(--c-ink-200);
	background: #fff; font-size: .9rem; color: var(--c-ink-900);
	font-family: inherit;
	transition: border-color .15s, box-shadow .15s;
}
.bbt-cat__search input:focus {
	outline: none; border-color: var(--bbt-green);
	box-shadow: 0 0 0 3px rgba(22,163,74,.15);
}

/* ── Breadcrumbs ───────────────────────────────────────────────────── */
.bbt-crumbs { margin: 0 0 20px; }
.bbt-crumbs ol {
	list-style: none; margin: 0; padding: 0;
	display: flex; align-items: center; gap: 6px;
	font-size: .85rem; color: var(--c-ink-500);
	flex-wrap: wrap;
}
.bbt-crumbs li { display: flex; align-items: center; }
.bbt-crumbs a {
	color: var(--c-ink-600); text-decoration: none;
	display: inline-flex; align-items: center;
}
.bbt-crumbs a:hover { color: var(--bbt-green); }
.bbt-crumbs svg { width: 14px; height: 14px; color: var(--c-ink-400); }
.bbt-crumbs li[aria-current="page"] { color: var(--c-ink-900); font-weight: 500; }
.bbt-crumbs--wiz { max-width: 920px; margin: 0 auto 16px; padding: 0 16px; }

/* ── Model card grid (BBT style) ───────────────────────────────────── */
.bbt-models {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
@media (min-width: 640px) { .bbt-models { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } }
@media (min-width: 960px) { .bbt-models { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

.bbt-model-card {
	display: flex; flex-direction: column; align-items: center;
	background: #fff; border: 1px solid var(--c-ink-100); border-radius: 12px;
	padding: 18px 14px; text-align: center;
	color: inherit; text-decoration: none;
	min-width: 0;
	width: 100%;
	overflow: hidden;
	transition: transform .2s var(--ease), box-shadow .2s var(--ease), border-color .15s;
}
.bbt-model-card:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,.07);
	border-color: var(--bbt-green-border);
	color: inherit;
}
.bbt-model-card__img {
	width: 100%;
	max-width: 220px;
	min-width: 0;
	height: auto;
	aspect-ratio: 1;
	display: flex; align-items: center; justify-content: center;
	margin-bottom: 16px;
	flex-shrink: 1;
	overflow: hidden;
}
.bbt-model-card__img img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	min-width: 0;
	object-fit: contain;
	object-position: center;
	display: block;
}
.bbt-model-card__img svg { width: 80px; height: 80px; color: var(--c-ink-300); }
.bbt-model-card__img--icon svg { color: var(--bbt-green); opacity: .7; }
.bbt-model-card__name {
	font-size: .92rem; font-weight: 600; color: var(--c-ink-900);
	margin: 0 0 6px; line-height: 1.3;
}
.bbt-model-card__price {
	font-size: .82rem; color: var(--c-ink-500); margin: 0;
}
.bbt-model-card__price strong { color: var(--bbt-green); font-weight: 700; font-size: .95rem; }
.bbt-model-card__price--muted { color: var(--c-ink-400); }
.bbt-model-card--missing { border-style: dashed; }

.bbt-models__empty {
	text-align: center; color: var(--c-ink-500);
	padding: 32px 0; margin: 0;
}

/* ── Sell / Phones page (Step 2) ───────────────────────────────────── */
.bbt-cat--phones {
	background: var(--c-ink-50);
	border-top: 1px solid var(--c-ink-100);
	border-bottom: 1px solid var(--c-ink-100);
}
.bbt-cat__container,
.bbt-narrow {
	max-width: var(--container);
}
.bbt-cat--phones .bbt-cat__title {
	font-size: clamp(1.75rem, 3.33vw, 48px);
	margin-bottom: 6px;
}
.bbt-models--brands .bbt-model-card {
	padding: 12px;
	border-radius: 12px;
}
@media (min-width: 640px) {
	.bbt-models--brands .bbt-model-card {
		padding: 24px;
	}
}
.bbt-models--brands .bbt-model-card__img {
	width: 100%;
	max-width: 200px;
	height: auto;
	aspect-ratio: 1;
	margin-bottom: 12px;
}
@media (min-width: 640px) {
	.bbt-models--brands .bbt-model-card__img {
		max-width: 240px;
		margin-bottom: 16px;
	}
}
.bbt-models--brands .bbt-model-card__name {
	font-size: .92rem;
	margin: 0;
}

.bbt-faq-lite {
	padding-block: 46px;
	border-bottom: 1px solid var(--c-ink-100);
}
.bbt-faq-lite .bbs-section__header,
.bbt-why-lite .bbs-section__header {
	margin-bottom: 26px;
}
.bbt-faq-lite .bbs-section__title,
.bbt-why-lite .bbs-section__title {
	font-size: 1.9rem;
}
.bbt-faq-lite .bbs-faq__item {
	border-radius: 10px;
	padding: 0 16px;
	margin-bottom: 8px;
}
.bbt-faq-lite .bbs-faq__q {
	font-size: .92rem;
	padding: 14px 0;
}
.bbt-faq-lite .bbs-faq__q::after {
	width: 22px;
	height: 22px;
	border-radius: 6px;
}

.bbt-why-lite {
	padding-top: 46px;
	padding-bottom: 58px;
}
.bbt-value-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: 12px;
	overflow: hidden;
}
.bbt-value-item {
	padding: 24px 16px;
	text-align: center;
	border-right: 1px solid var(--c-ink-100);
	border-bottom: 1px solid var(--c-ink-100);
}
.bbt-value-item:nth-child(3n) {
	border-right: 0;
}
.bbt-value-item:nth-last-child(-n + 3) {
	border-bottom: 0;
}
.bbt-value-item__icon {
	font-weight: 700;
	font-size: 1.1rem;
	line-height: 1.2;
	color: var(--bbt-green-600);
	margin-bottom: 10px;
}
.bbt-value-item h3 {
	font-size: .96rem;
	margin: 0 0 6px;
	color: var(--c-ink-900);
}
.bbt-value-item p {
	margin: 0;
	font-size: .82rem;
	line-height: 1.5;
	color: var(--c-ink-500);
}

@media (max-width: 860px) {
	.bbt-models--brands {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.bbt-value-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bbt-value-item:nth-child(3n) {
		border-right: 1px solid var(--c-ink-100);
	}
	.bbt-value-item:nth-child(2n) {
		border-right: 0;
	}
	.bbt-value-item:nth-last-child(-n + 3) {
		border-bottom: 1px solid var(--c-ink-100);
	}
	.bbt-value-item:nth-last-child(-n + 2) {
		border-bottom: 0;
	}
}

@media (max-width: 640px) {
	.bbt-models--brands {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.bbt-value-grid {
		grid-template-columns: 1fr;
	}
	.bbt-value-item,
	.bbt-value-item:nth-child(2n),
	.bbt-value-item:nth-child(3n) {
		border-right: 0;
	}
	.bbt-value-item,
	.bbt-value-item:nth-last-child(-n + 2),
	.bbt-value-item:nth-last-child(-n + 3) {
		border-bottom: 1px solid var(--c-ink-100);
	}
	.bbt-value-item:last-child {
		border-bottom: 0;
	}
}

/* ── Sell / iPhone page (Step 3) ─────────────────────────────────── */
.bbt-cat--iphone .bbt-cat__title {
	font-size: clamp(1.75rem, 3.33vw, 48px);
}
.bbt-models--iphone {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}
@media (min-width: 640px) {
	.bbt-models--iphone {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}
}
@media (min-width: 960px) {
	.bbt-models--iphone {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
@media (min-width: 1200px) {
	.bbt-models--iphone {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		gap: 16px;
	}
}
.bbt-models--iphone .bbt-model-card {
	padding: 14px 10px 12px;
	border-radius: 12px;
}
.bbt-models--iphone .bbt-model-card__img {
	width: 100%;
	max-width: 148px;
	height: auto;
	aspect-ratio: 1;
	margin-bottom: 8px;
}
.bbt-models--iphone .bbt-model-card__name {
	font-size: .84rem;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 0;
	margin-bottom: 2px;
}
.bbt-models--iphone .bbt-model-card__price {
	font-size: .78rem;
	line-height: 1.2;
	margin-top: 0;
}
.bbt-models--iphone .bbt-model-card__price strong {
	font-size: .84rem;
}

/* ── Sell / iPhone / model step (Step 4) ─────────────────────────── */
.bbt-model-step {
	background: var(--c-page);
	padding: 8px 0 56px;
	border-top: 0;
}
.bbt-crumbs--model {
	margin-bottom: 16px;
}
.bbt-model-step .bbs-container {
	max-width: 1000px;
}
.bbt-model-step__shell {
	box-sizing: border-box;
	background: #fff;
	border: 0;
	border-radius: 10px;
	display: flex;
	flex-direction: row;
	align-items: stretch;
	padding: 0 20px 0 0;
	gap: 20px;
	overflow: visible;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.bbt-model-step__left,
.bbt-model-step__right {
	padding: 0;
}
.bbt-model-step__left {
	box-sizing: border-box;
	flex: 0 0 280px;
	width: 280px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
	padding: 16px;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border-right: 0;
	text-align: left;
}
.bbt-model-step__right {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	padding: 16px 0;
}
.bbt-model-step__eyebrow { display: none; }
.bbt-model-step__title {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.15;
	color: #121212;
}
.bbt-model-step__image {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
	gap: 8px;
	width: 100%;
	height: auto;
	min-height: 0;
	margin: 0;
	background: #F3F3F3;
	border-radius: 8px;
	flex: 0 0 auto;
}
.bbt-model-step__image img {
	width: auto;
	height: auto;
	max-width: min(160px, 100%);
	max-height: 170px;
	object-fit: contain;
}
.bbt-model-step__image svg {
	width: 96px;
	height: 96px;
	color: #9aa3b1;
}
.bbt-selection-summary {
	margin: 0;
	padding: 0;
	text-align: left;
	border-top: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.bbt-selection-summary__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 0;
	padding: 0;
	border-bottom: 0;
	min-height: 20px;
}
.bbt-selection-summary__row:last-child {
	border-bottom: 0;
}
.bbt-selection-summary__row dt {
	margin: 0;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #121212;
	flex: 0 0 auto;
}
.bbt-selection-summary__icon {
	display: inline-flex;
	width: 18px;
	height: 18px;
	color: #121212;
	flex-shrink: 0;
}
.bbt-selection-summary__icon svg {
	width: 18px;
	height: 18px;
	display: block;
}
.bbt-selection-summary__row dd {
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	flex: 1 1 auto;
	min-width: 0;
}
.bbt-selection-summary__row dd span {
	text-align: right;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #121212;
}
.bbt-selection-summary__row dd span.is-empty {
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	color: #535353;
}
.bbt-selection-summary__edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: var(--c-brand);
	cursor: pointer;
	flex-shrink: 0;
	transition: opacity .15s;
}
.bbt-selection-summary__edit[hidden] {
	display: none !important;
}
.bbt-selection-summary__edit svg {
	width: 24px;
	height: 24px;
	display: block;
}
.bbt-selection-summary__edit:hover {
	background: transparent;
	color: #0763e0;
	opacity: .8;
}
.bbt-selection-summary__edit:focus-visible {
	outline: 2px solid var(--c-brand);
	outline-offset: 2px;
}
.bbt-model-step__rule {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #000;
	opacity: .1;
}
.bbt-model-step__promise {
	border-top: 0;
	padding-top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	text-align: left;
}
.bbt-model-step__promise-head {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.bbt-model-step__seal {
	width: 24px;
	height: 24px;
	border-radius: 0;
	background: transparent;
	color: var(--c-brand);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 800;
	border: 0;
	flex-shrink: 0;
	margin-top: 0;
}
.bbt-model-step__seal svg {
	width: 24px;
	height: 24px;
	display: block;
}
.bbs-page .bbt-model-step__promise h2 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.2;
	color: #121212;
}
.bbt-model-step__promise p {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 13px;
	line-height: 1.45;
	font-weight: 500;
	color: #535353;
}

.bbt-wizard-copy {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 6px;
	width: 100%;
}
.bbt-model-step__question {
	font-size: 22px;
	font-weight: 600;
	margin: 0;
	letter-spacing: -.03em;
	color: #121212;
	line-height: 1.1;
}
.bbt-model-step__lede {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #535353;
	line-height: 1.4;
}
.bbt-model-step .bbt-wizard-progress {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	min-height: 48px;
	isolation: isolate;
}
.bbt-model-step .bbt-wizard-progress__step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	position: relative;
	text-align: center;
	min-width: 0;
	z-index: 1;
}
.bbt-model-step .bbt-wizard-progress__step:first-child,
.bbt-model-step .bbt-wizard-progress__step:last-child {
	align-items: center;
	text-align: center;
}
.bbt-model-step .bbt-wizard-progress__step:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 14px;
	left: calc(50% + 14px);
	right: calc(-50% + 14px);
	height: 0;
	border-top: 1px solid #E9EBEE;
	background: none;
	z-index: 0;
}
.bbt-model-step .bbt-wizard-progress__step:first-child:not(:last-child)::after,
.bbt-model-step .bbt-wizard-progress__step:nth-last-child(2)::after,
.bbt-model-step .bbt-wizard-progress__step:first-child:nth-last-child(2)::after {
	left: calc(50% + 14px);
	right: calc(-50% + 14px);
}
.bbt-model-step .bbt-wizard-progress__num {
	width: 28px;
	height: 28px;
	border-radius: 14px;
	background: #E9EBEE;
	color: #535353;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-weight: 600;
	font-size: 13px;
	line-height: 1.1;
	letter-spacing: -.03em;
	position: relative;
	z-index: 1;
}
.bbt-model-step .bbt-wizard-progress__label {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
	color: #9CA3AF;
}
.bbt-model-step .bbt-wizard-progress__step.is-active .bbt-wizard-progress__num {
	background: #0970FB;
	color: #fff;
}
.bbt-model-step .bbt-wizard-progress__step.is-done .bbt-wizard-progress__num {
	background: #E9EBEE;
	color: #535353;
}
.bbt-model-step .bbt-wizard-progress__step.is-done .bbt-wizard-progress__label,
.bbt-model-step .bbt-wizard-progress__step.is-active .bbt-wizard-progress__label {
	color: #9CA3AF;
	font-weight: 500;
}

.bbt-wizard-step {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 14px;
	width: 100%;
	flex: 0 0 auto;
}
.bbt-wizard-step[hidden] {
	display: none !important;
}
.bbt-cond-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	border: 0;
	border-radius: 0;
	overflow: visible;
	background: transparent;
	margin: 0;
}
.bbt-cond-item {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 8px 10px;
	border: 1px solid #D1D8E3;
	border-radius: 12px;
	cursor: pointer;
	width: 100%;
	min-height: 0;
	background: #fff;
	transition: border-color .15s, background-color .15s;
}
.bbt-cond-item:hover {
	border-color: #0970FB;
}
.bbt-cond-item:has(:checked) {
	border: 2px solid #0970FB;
	background: #F7FAFE;
	box-shadow: none;
	min-height: 0;
}
.bbt-cond-item__icon {
	display: inline-flex;
	width: 22px;
	height: 22px;
	color: #0970FB;
	margin-top: 0;
	flex-shrink: 0;
}
.bbt-cond-item__icon svg {
	width: 22px;
	height: 22px;
	display: block;
}
.bbt-cond-item__radio {
	appearance: none;
	-webkit-appearance: none;
	margin: 0 0 0 auto;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	border: 1px solid #D1D8E3;
	position: relative;
	background: #fff;
	flex-shrink: 0;
}
.bbt-cond-item__radio:checked {
	border: 0;
	border-radius: 999px;
	background-color: transparent;
	background-image: url('../images/icons/check-circle.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 18px 18px;
}
.bbt-cond-item__radio:checked::after {
	content: none;
}
.bbt-cond-item__text {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
}
.bbt-cond-item__name {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #121212;
	margin: 0;
}
.bbt-cond-item__desc {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 12px;
	line-height: 1.35;
	color: #535353;
	white-space: normal;
	word-break: normal;
	overflow-wrap: anywhere;
	font-weight: 500;
}
.bbt-cond-details {
	margin: 0;
	padding: 16px;
	border: 1px solid #D1D8E3;
	border-radius: 12px;
	background: #F7FAFE;
}
.bbt-cond-details[hidden] { display: none !important; }
.bbs-page .bbt-cond-details h3,
.bbt-cond-details h3 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-page .bbt-cond-details p,
.bbt-cond-details p {
	margin: 0 0 8px;
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	color: #535353;
}
.bbt-cond-details ul {
	margin: 0;
	padding-left: 18px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.bbt-cond-details li {
	font-size: 14px;
	line-height: 1.45;
	font-weight: 500;
	color: #121212;
}
.bbt-model-step__tip {
	margin: 0 0 16px;
	color: var(--c-blue-600);
	font-size: .95rem;
	background: none;
	border: 0;
	padding: 0;
	font: inherit;
	cursor: pointer;
	text-align: left;
	text-decoration: underline;
	text-underline-offset: 2px;
}
.bbt-model-step__tip:hover {
	color: var(--c-blue-700, #1d4ed8);
}
.bbt-assess-tips {
	margin: 0 0 16px;
	padding: 14px 16px;
	border: 1px solid #dbeafe;
	border-radius: 10px;
	background: #f8fbff;
}
.bbt-assess-tips__lede {
	margin: 0 0 10px;
	font-size: .88rem;
	color: #475569;
	line-height: 1.45;
}
.bbt-assess-tips__list {
	margin: 0;
	padding-left: 18px;
	display: grid;
	gap: 8px;
}
.bbt-assess-tips__list li {
	font-size: .84rem;
	line-height: 1.4;
	color: #334155;
}
.bbt-assess-tips__list strong {
	display: block;
	font-size: .88rem;
}
.bbt-model-step__trail {
	margin: 0 0 14px;
	font-size: .88rem;
	color: #64748b;
	padding-bottom: 10px;
	border-bottom: 1px solid var(--c-ink-100);
}
.bbt-model-step__trail span {
	color: #4b6b9f;
	font-weight: 600;
}

.bbt-choice-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
	margin: 0;
}
.bbt-choice-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	padding: 8px 12px;
	border: 1px solid #D1D8E3;
	border-radius: 12px;
	background: #fff;
	font-family: inherit;
	cursor: pointer;
	text-align: left;
	color: #121212;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.2;
	letter-spacing: -.03em;
	text-decoration: none;
	min-height: 40px;
	box-shadow: none;
	transition: border-color .15s ease, background-color .15s ease;
}
.bbs-page a.bbt-choice-item,
.bbs-page .bbt-choice-item {
	color: #121212;
	text-decoration: none;
}
.bbt-choice-item:hover {
	border-color: var(--c-brand);
	background: #fff;
	box-shadow: none;
	color: #121212;
	transform: none;
}
.bbt-choice-item:active {
	transform: none;
}
.bbt-choice-item:focus-visible {
	outline: 0;
	border-color: var(--c-brand);
	box-shadow: 0 0 0 3px rgba(9, 112, 251, .18);
}
.bbt-choice-item.is-selected {
	border: 2px solid #0970FB;
	background: #F7FAFE;
	box-shadow: none;
}
.bbt-choice-item__label {
	flex: 1 1 auto;
}
.bbt-choice-item__radio {
	width: 18px;
	height: 18px;
	border-radius: 999px;
	border: 1px solid #D1D8E3;
	background: #fff;
	flex-shrink: 0;
	position: relative;
}
.bbt-choice-item.is-selected .bbt-choice-item__radio {
	border: 0;
	background: transparent url('../images/icons/check-circle.svg') center / 18px 18px no-repeat;
	box-shadow: none;
}
.bbt-choice-list .bbt-choice-item:last-child:nth-child(odd) {
	grid-column: auto;
}

.bbt-model-step__nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-top: 0;
	width: 100%;
}
.bbt-model-step__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 11px 20px;
	min-height: 40px;
	border-radius: 9px;
	font-family: inherit;
	font-weight: 700;
	font-size: 16px;
	text-decoration: none;
	border: 1px solid transparent;
	cursor: pointer;
	line-height: 1;
	transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease, opacity .16s ease;
}
.bbt-model-step__btn svg {
	width: 16px;
	height: 16px;
	display: block;
}
.bbt-model-step__btn-arrow svg {
	width: 16px;
	height: 16px;
}
.bbt-model-step__btn--next:disabled {
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none;
	transform: none;
}
.bbt-model-step__btn--back {
	background: #f1f5f9;
	border-color: #d6dee9;
	color: #5b677a;
}
.bbt-model-step__btn--next {
	background: var(--c-blue-700);
	border-color: var(--c-blue-800);
	color: #fff;
	margin-left: auto;
}

.bbs-page a.bbt-model-step__btn--back,
.bbs-page .bbt-model-step__btn--back,
.bbs-page a.bbt-model-step__btn--next,
.bbs-page .bbt-model-step__btn--next {
	text-decoration: none;
}

.bbs-page a.bbt-model-step__btn--back,
.bbs-page .bbt-model-step__btn--back {
	color: #5b677a;
}

.bbs-page a.bbt-model-step__btn--next,
.bbs-page .bbt-model-step__btn--next {
	color: #fff;
}

.bbt-model-step__btn--back:hover {
	background: #e7edf5;
	border-color: #c7d0dd;
	color: #4b5568;
}

.bbt-model-step__btn--next:hover {
	background: var(--c-blue-800);
	border-color: var(--c-blue-900);
	color: #fff;
	box-shadow: 0 8px 18px rgba(13, 52, 145, .25);
}

.bbt-model-step__btn:active {
	transform: translateY(1px);
}

.bbt-model-step__btn:focus-visible {
	outline: 0;
	box-shadow: 0 0 0 3px rgba(62, 180, 137, .22);
}

.bbt-offer-final {
	max-width: none;
	width: 100%;
	margin: 0;
	text-align: left;
	padding-top: 0;
	border-top: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}
.bbt-offer-final__label {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: -.03em;
	color: #121212;
	font-weight: 600;
}
.bbt-offer-final__price {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 48px;
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #0970FB;
}

.bbt-model-step__nav--final {
	width: 100%;
	gap: 16px;
	align-items: center;
}
.bbt-wizard-step[data-bbt-step="final"] #bbt-condition-submit {
	width: 100%;
	margin: 0;
	padding: 0;
}
.bbt-model-step__nav--final .bbt-model-step__btn--back {
	min-width: 0;
	padding-inline: 22px;
	margin-left: 0;
}
.bbt-model-step__nav--final .bbt-model-step__btn--next {
	flex: 0 0 auto;
	margin-left: auto;
	justify-content: center;
}

.bbt-offer-benefits {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 20px;
	max-width: none;
	width: 100%;
	align-items: start;
}
.bbt-offer-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding-left: 0;
	line-height: 1.25;
	position: static;
	min-width: 0;
}
.bbt-offer-benefits li > div {
	min-width: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}
.bbt-offer-benefits li::before {
	content: none;
}
.bbt-offer-benefits__icon {
	display: inline-flex;
	width: 24px;
	height: 24px;
	color: #0970FB;
	flex-shrink: 0;
	margin-top: 0;
}
.bbt-offer-benefits__icon svg {
	width: 24px;
	height: 24px;
	display: block;
}
.bbt-offer-benefits strong {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.25;
	letter-spacing: -.02em;
	color: #121212;
	font-weight: 600;
}
.bbt-offer-benefits span {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #535353;
	margin-top: 0;
	font-weight: 500;
}

@media (max-width: 980px) {
	.bbt-model-step__shell {
		flex-direction: column;
		padding: 0;
		gap: 0;
	}
	.bbt-model-step__left {
		flex: 1 1 auto;
		width: 100%;
		border-right: 0;
		box-shadow: none;
		border-radius: 10px 10px 0 0;
		gap: 12px;
		padding: 14px 14px 8px;
	}
	.bbt-model-step__right {
		padding: 12px 14px 16px;
		gap: 12px;
	}
	.bbt-model-step__title,
	.bbs-page h1.bbt-model-step__title {
		font-size: 18px;
		white-space: normal;
	}
	.bbt-model-step__question,
	.bbs-page h2.bbt-model-step__question {
		font-size: 18px;
	}
	.bbt-model-step__image {
		height: auto;
		min-height: 0;
		padding: 8px;
	}
	.bbt-model-step__image img {
		width: auto;
		height: auto;
		max-width: min(140px, 60%);
		max-height: 130px;
	}
	.bbt-cond-list,
	.bbt-choice-list {
		grid-template-columns: 1fr;
		max-width: none;
	}
	.bbt-offer-final {
		margin-top: 0;
	}
	.bbs-page p.bbt-offer-final__price,
	.bbt-offer-final__price {
		font-size: 40px;
		line-height: 1.1;
	}
	.bbt-model-step .bbt-wizard-progress__label {
		font-size: 12px;
		line-height: 1.25;
	}
}

/* ── Box page ───────────────────────────────────────────────────── */
.bbt-box-page {
	background: var(--c-page);
	padding: 8px 0 64px;
	border-top: 0;
}
.bbt-box-grid-wrap {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 272px;
	gap: 20px;
	align-items: start;
}
.bbt-box-grid-wrap--single {
	grid-template-columns: minmax(0, 1fr);
}
.bbt-box-main {
	background: #fff;
	border: 0;
	border-radius: 20px;
	box-shadow: none;
}
.bbt-box-main {
	padding: 28px 28px 24px;
}
.bbt-box-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid #f0f0f0;
	margin-bottom: 8px;
}
.bbs-page .bbt-box-head h1,
.bbt-box-head h1 {
	margin: 0;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	color: #121212;
}
.bbt-box-head p {
	margin: 6px 0 0;
	font-size: 14px;
	font-weight: 500;
	color: #878c91;
}

.bbt-box-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 0;
	border-bottom: 0;
}
.bbt-box-item__left {
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.bbt-box-item__img {
	width: 88px;
	height: 88px;
	border: 0;
	border-radius: 16px;
	background: #f5f5f5;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
	padding: 10px;
}
.bbt-box-item__img img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}
.bbt-box-item__img svg {
	width: 36px;
	height: 36px;
	color: #9aa3b1;
}
.bbt-box-item__meta {
	min-width: 0;
}
.bbt-box-item h3 {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: -.02em;
	line-height: 1.3;
	color: #121212;
}
.bbt-box-item p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
	color: #878c91;
	line-height: 1.45;
}
.bbt-box-item__right {
	text-align: right;
	flex-shrink: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
}
.bbt-box-item__right strong {
	font-size: 18px;
	font-weight: 700;
	color: var(--c-brand);
	line-height: 1;
}
.bbs-page a.bbt-box-item__remove,
.bbt-box-item__remove {
	display: inline-flex;
	width: 24px;
	height: 24px;
	align-items: center;
	justify-content: center;
	color: #ff3f3f;
	flex-shrink: 0;
}
.bbs-page a.bbt-box-item__remove:hover {
	opacity: .75;
	color: #ff3f3f;
}
.bbt-box-item__remove-icon,
.bbs-page .bbt-box-item__remove-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}

.bbt-box-qty {
	margin-top: 10px;
	display: inline-flex;
	align-items: center;
	border: 1px solid #e8e8e8;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
}
.bbt-box-qty a,
.bbt-box-qty span {
	width: 28px;
	height: 28px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 600;
	color: #121212;
}
.bbt-box-qty a {
	background: #fff;
	text-decoration: none;
}
.bbt-box-qty span {
	background: #fff;
	border-left: 1px solid #f0f0f0;
	border-right: 1px solid #f0f0f0;
	min-width: 32px;
}

.bbt-box-empty {
	text-align: center;
	padding: 32px 10px 16px;
}

.bbt-box-summary {
	box-sizing: border-box;
	width: 272px;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	padding: 32px 16px;
	background: #fff;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	height: fit-content;
	position: sticky;
	top: 94px;
}
.bbs-page .bbt-box-summary h2,
.bbt-box-summary h2 {
	margin: 0;
	width: 100%;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbt-box-summary__lines {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
	width: 100%;
}
.bbt-box-summary__rows {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	width: 100%;
}
.bbt-box-summary__row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	padding: 0;
	width: 100%;
}
.bbt-box-summary__row span:first-child {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #535353;
}
.bbt-box-summary__row span:last-child {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
	opacity: .9;
}
.bbt-box-summary__rule {
	display: block;
	width: 100%;
	height: 1px;
	margin: 0;
	border: 0;
	background: #000;
	opacity: .1;
}
.bbt-box-summary__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: 100%;
	margin: 0;
	padding: 24px 16px;
	border: 0;
	border-radius: 8px;
	background: #F0F6FE;
	color: #121212;
	box-sizing: border-box;
}
.bbt-box-summary__total span {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-page .bbt-box-summary__total strong,
.bbt-box-summary__total strong {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	line-height: 1.1;
	font-weight: 700;
	letter-spacing: -.03em;
	color: #0970FB;
	opacity: .9;
}
.bbs-page a.bbt-box-summary__btn,
.bbt-box-summary__btn {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 48px;
	min-height: 48px;
	margin: 0;
	padding: 12px 24px;
	background: #0970FB;
	border: 1px solid #0970FB;
	border-radius: 70px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.02em;
	color: #fff !important;
	box-shadow: none;
	text-decoration: none;
}
.bbs-page a.bbt-box-summary__btn:hover,
.bbt-box-summary__btn:hover {
	background: #0763e0;
	border-color: #0763e0;
	color: #fff !important;
	box-shadow: none;
}
.bbt-box-summary__btn-arrow,
.bbs-page .bbt-box-summary__btn-arrow svg {
	width: 24px;
	height: 24px;
	display: block;
	flex-shrink: 0;
}
.bbs-page .bbt-box-summary ul,
.bbt-box-summary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
}
.bbs-page .bbt-box-summary li,
.bbt-box-summary li,
.bbt-box-summary ul li {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
	padding: 0;
	padding-left: 0;
	position: static;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #535353;
}
.bbt-box-summary li::before,
.bbt-box-summary ul li::before {
	content: none;
	display: none;
}
.bbt-box-summary__check,
.bbs-page .bbt-box-summary__check {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: #0970FB;
	margin-top: 0;
}
.bbs-page .bbt-box-summary__check svg,
.bbs-page .bbt-box-summary .bbt-box-summary__check svg {
	width: 20px;
	height: 20px;
	display: block;
}

@media (max-width: 1000px) {
	.bbt-box-grid-wrap {
		grid-template-columns: 1fr;
	}
	.bbt-box-summary {
		position: static;
		width: 100%;
	}
}

@media (max-width: 640px) {
	.bbt-box-main {
		padding: 20px 16px;
	}
	.bbt-box-head {
		flex-direction: column;
		align-items: flex-start;
	}
	.bbt-box-item {
		align-items: flex-start;
	}
	.bbt-box-item__img {
		width: 72px;
		height: 72px;
	}
}

/* ── Checkout page ─────────────────────────────────────────────── */
.bbt-checkout-page,
.bbs-checkout-page {
	background: linear-gradient(180deg, var(--c-blue-50) 0%, #eef1f7 220px, #eef1f7 100%);
	padding: 28px 0 64px;
	border-top: 1px solid var(--c-ink-100);
}

/* Global .bbs-page h1/h2 use hero-scale clamp() — reset inside checkout. */
.bbs-checkout-page h1,
.bbs-checkout-page h2,
.bbs-checkout-page h3 {
	letter-spacing: -.02em;
	line-height: 1.2;
	font-weight: 700;
}
.bbs-checkout-page .bbs-checkout-rail__title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #fff;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.bbs-checkout-page .bbs-checkout-panel__head h2 {
	font-size: 1.35rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--c-ink-900);
}
.bbs-checkout-page .bbt-thanks-head h1 {
	font-size: 1.45rem;
	font-weight: 700;
	line-height: 1.25;
}
.bbs-checkout-page .bbt-thanks-steps h2,
.bbs-checkout-page .bbt-thanks-summary h3,
.bbs-checkout-page .bbs-checkout-side h3 {
	font-size: 1.15rem;
	font-weight: 700;
	line-height: 1.3;
	color: var(--c-ink-900);
}

.bbt-checkout-main {
	min-width: 0;
}
.bbt-checkout-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: 24px;
	align-items: start;
}
.bbt-checkout-grid--single {
	grid-template-columns: minmax(0, 760px);
	justify-content: center;
}
.bbt-checkout-card {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: 14px;
	box-shadow: 0 8px 22px rgba(15, 23, 42, .03);
}

.bbt-checkout-thanks {
	display: grid;
	gap: 14px;
}
.bbt-thanks-head {
	padding: 20px 22px;
	text-align: center;
}
.bbt-thanks-icon {
	width: 36px;
	height: 36px;
	margin: 0 auto 10px;
	border-radius: 999px;
	background: var(--c-blue-50);
	border: 1px solid var(--c-blue-200);
	color: var(--c-blue-700);
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bbt-thanks-head h1 {
	margin: 0;
	font-size: 1.45rem;
	line-height: 1.25;
}
.bbt-thanks-order {
	margin: 8px 0 6px;
	font-size: .88rem;
	color: #64748b;
}
.bbt-thanks-label-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 14px;
	justify-content: center;
}
.bbs-page .bbt-thanks-label-actions a.bbt-checkout-btn--primary,
.bbs-page .bbt-thanks-head a.bbt-checkout-btn--primary,
.bbs-page a.bbt-checkout-btn.bbt-checkout-btn--primary,
.bbs-page a.bbt-checkout-btn.bbt-checkout-btn--primary:visited {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	background: var(--c-brand);
}
.bbs-page .bbt-thanks-label-actions a.bbt-checkout-btn--primary:hover,
.bbs-page .bbt-thanks-head a.bbt-checkout-btn--primary:hover,
.bbs-page a.bbt-checkout-btn.bbt-checkout-btn--primary:hover {
	color: #fff !important;
	-webkit-text-fill-color: #fff;
	background: #0763e0;
}
.bbt-thanks-label-pending {
	margin: 0 0 12px;
	font-size: .9rem;
	color: #64748b;
}
.bbt-thanks-head > p:last-child {
	margin: 0;
	font-size: .9rem;
	color: #64748b;
}

.bbt-thanks-steps {
	padding: 18px;
}
.bbt-thanks-steps h2 {
	margin: 0 0 12px;
	font-size: 1.1rem;
}
.bbt-thanks-steps ol {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	gap: 10px;
}
.bbt-thanks-steps li {
	position: relative;
	padding: 11px 12px 11px 40px;
	border: 1px solid #d7e0ec;
	border-radius: 10px;
	background: #fff;
}
.bbt-thanks-steps li::before {
	content: '✓';
	position: absolute;
	left: 12px;
	top: 12px;
	width: 18px;
	height: 18px;
	border-radius: 999px;
	background: var(--c-blue-50);
	border: 1px solid var(--c-blue-200);
	color: var(--c-blue-700);
	font-size: .72rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
}
.bbt-thanks-steps strong {
	display: block;
	font-size: .94rem;
	color: #1f2937;
}
.bbt-thanks-steps span {
	display: block;
	font-size: .84rem;
	line-height: 1.45;
	color: #64748b;
	margin-top: 2px;
}

.bbt-thanks-summary-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}
.bbt-thanks-summary {
	padding: 16px;
}
.bbt-thanks-summary h3 {
	margin: 0 0 10px;
	font-size: 1rem;
}
.bbt-thanks-summary p {
	margin: 0 0 8px;
	font-size: .88rem;
	line-height: 1.4;
	color: #4b5563;
	word-break: break-word;
}
.bbt-thanks-summary p:last-child {
	margin-bottom: 0;
}
.bbt-thanks-summary p span {
	display: inline-block;
	min-width: 95px;
	color: #64748b;
}
.bbt-thanks-summary p strong {
	color: #111827;
	font-weight: 700;
}

.bbt-checkout-head {
	padding: 18px;
	margin-bottom: 14px;
}

/* ── BBS checkout shell (unique layout) ─────────────────────────── */
.bbs-checkout-shell {
	display: grid;
	grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: 18px;
	box-shadow: 0 18px 40px rgba(10, 61, 145, .08);
	overflow: hidden;
}

.bbs-checkout-rail {
	background: linear-gradient(165deg, var(--c-blue-900) 0%, var(--c-blue-800) 55%, var(--c-blue-700) 100%);
	color: rgba(255, 255, 255, .88);
	padding: 28px 24px;
	min-width: 0;
	overflow: hidden;
}
.bbs-checkout-rail__eyebrow {
	margin: 0 0 8px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .55);
}
.bbs-checkout-rail__title {
	margin: 0 0 10px;
	font-size: 1.5rem;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: #fff;
}
.bbs-checkout-rail__lede {
	margin: 0 0 24px;
	font-size: .86rem;
	line-height: 1.55;
	color: rgba(255, 255, 255, .68);
}
.bbs-checkout-rail__steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0;
}
.bbs-checkout-rail__step {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 14px 0;
	position: relative;
}
.bbs-checkout-rail__step:not(:last-child)::after {
	content: '';
	position: absolute;
	left: 16px;
	top: 44px;
	width: 2px;
	height: calc(100% - 20px);
	background: rgba(255, 255, 255, .16);
}
.bbs-checkout-rail__step.is-done::after {
	background: rgba(255, 255, 255, .35);
}
.bbs-checkout-rail__marker {
	width: 34px;
	height: 34px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .22);
	background: rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .55);
	font-size: .82rem;
	font-weight: 800;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__marker {
	background: #fff;
	border-color: #fff;
	color: var(--c-blue-800);
	box-shadow: 0 8px 20px rgba(0, 0, 0, .18);
}
.bbs-checkout-rail__step.is-done .bbs-checkout-rail__marker {
	background: rgba(255, 255, 255, .18);
	border-color: rgba(255, 255, 255, .35);
	color: #fff;
}
.bbs-checkout-rail__text strong {
	display: block;
	font-size: .92rem;
	font-weight: 700;
	color: rgba(255, 255, 255, .72);
	line-height: 1.3;
}
.bbs-checkout-rail__text small {
	display: block;
	margin-top: 2px;
	font-size: .76rem;
	line-height: 1.4;
	color: rgba(255, 255, 255, .48);
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__text strong {
	color: #fff;
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__text small {
	color: rgba(255, 255, 255, .72);
}
.bbs-checkout-rail__step.is-done .bbs-checkout-rail__text strong {
	color: rgba(255, 255, 255, .92);
}

.bbs-checkout-panel {
	padding: 28px 30px 26px;
	min-width: 0;
}
.bbs-checkout-panel__head {
	margin-bottom: 22px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--c-ink-100);
}
.bbs-checkout-panel__head h2 {
	margin: 0 0 6px;
	font-size: 1.35rem;
	letter-spacing: -.01em;
	color: var(--c-ink-900);
}
.bbs-checkout-panel__head p {
	margin: 0;
	font-size: .92rem;
	line-height: 1.55;
	color: var(--c-ink-500);
}

.bbt-checkout-form--panel {
	padding: 0;
	display: flex;
	flex-direction: column;
}
.bbt-checkout-form--panel > p {
	margin: 0 0 16px;
	font-size: .92rem;
	color: var(--c-ink-500);
}
.bbt-checkout-fields--open {
	border-top: 0;
	padding-top: 0;
	margin-bottom: 4px;
}

.bbs-payout-list {
	display: grid;
	gap: 10px;
	margin-bottom: 18px;
}
.bbs-payout-list__item {
	position: relative;
	cursor: pointer;
}
.bbs-payout-list__item input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.bbs-payout-list__body {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr);
	gap: 12px;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid var(--c-ink-200);
	border-radius: 12px;
	background: var(--c-ink-50);
	transition: border-color .15s, background .15s, box-shadow .15s;
}
.bbs-payout-list__icon {
	width: 44px;
	height: 44px;
	border-radius: 10px;
	background: #fff;
	border: 1px solid var(--c-ink-100);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
}
.bbs-payout-list__copy strong {
	display: block;
	font-size: .94rem;
	color: var(--c-ink-900);
}
.bbs-payout-list__copy small {
	display: block;
	margin-top: 2px;
	font-size: .8rem;
	color: var(--c-ink-500);
}
.bbs-payout-list__item input:checked + .bbs-payout-list__body {
	border-color: var(--c-blue-600);
	background: var(--c-blue-50);
	box-shadow: inset 3px 0 0 var(--c-blue-700);
}

.bbs-review-cards {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 20px;
}
.bbs-review-card {
	padding: 16px;
	border-radius: 12px;
	border: 1px solid var(--c-ink-100);
	background: var(--c-ink-50);
}
.bbs-review-card__label {
	display: block;
	margin-bottom: 8px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--c-ink-400);
}
.bbs-review-card strong {
	display: block;
	font-size: .95rem;
	line-height: 1.35;
	color: var(--c-ink-900);
	word-break: break-word;
}
.bbs-review-card small {
	display: block;
	margin-top: 4px;
	font-size: .82rem;
	line-height: 1.45;
	color: var(--c-ink-500);
	word-break: break-word;
}

.bbs-checkout-agreements__title {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--c-ink-800);
}
.bbt-review-agreements {
	margin-top: 0;
	padding-top: 4px;
}

.bbs-checkout-side {
	background: linear-gradient(180deg, var(--c-blue-50) 0%, #fff 32%);
	border: 1px solid var(--c-blue-100);
	color: var(--c-ink-700);
	box-shadow: 0 12px 28px rgba(10, 61, 145, .07);
}
.bbs-checkout-side__eyebrow {
	margin: 0 0 4px;
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--c-blue-700);
}
.bbs-checkout-side h3 {
	color: var(--c-ink-900);
}
.bbs-checkout-side .bbt-checkout-device {
	border-bottom-color: var(--c-ink-100);
}
.bbs-checkout-side .bbt-checkout-device__img {
	background: #fff;
	border-color: var(--c-blue-100);
}
.bbs-checkout-side .bbt-checkout-device__meta strong {
	color: var(--c-ink-900);
}
.bbs-checkout-side .bbt-checkout-device__meta small {
	color: var(--c-ink-500);
}
.bbs-checkout-side .bbt-checkout-device__price {
	color: var(--c-blue-700);
}
.bbs-checkout-side .bbt-checkout-side__totals {
	border-top: 1px solid var(--c-ink-100);
	border-bottom-color: var(--c-ink-100);
}
.bbs-checkout-side .bbt-checkout-side__totals div {
	color: var(--c-ink-500);
}
.bbs-checkout-side .bbt-checkout-side__totals strong {
	color: var(--c-ink-800);
}
.bbs-checkout-side .bbt-checkout-side__grand {
	border-top: 1px solid var(--c-blue-100);
	color: var(--c-ink-700);
}
.bbs-checkout-side .bbt-checkout-side__grand strong {
	color: var(--c-blue-700);
	font-size: 1.5rem;
}
.bbs-checkout-side__trust {
	list-style: none;
	margin: 14px 0 0;
	padding: 12px 0 0;
	border-top: 1px solid var(--c-blue-100);
	display: grid;
	gap: 8px;
}
.bbs-checkout-side__trust li {
	position: relative;
	padding-left: 18px;
	font-size: .8rem;
	line-height: 1.45;
	color: var(--c-ink-600);
}
.bbs-checkout-side__trust li::before {
	content: '✓';
	position: absolute;
	left: 0;
	top: 0;
	color: var(--c-blue-600);
	font-weight: 700;
	font-size: .72rem;
}

.bbt-checkout-head h1 {
	font-size: 2rem;
	margin: 0 0 12px;
}
.bbt-checkout-steps {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	padding-top: 14px;
	border-top: 1px solid var(--c-ink-100);
}
.bbt-checkout-steps div {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	color: #94a3b8;
	font-size: .76rem;
	font-weight: 600;
	text-transform: capitalize;
}
.bbt-checkout-steps span {
	width: 30px;
	height: 30px;
	border-radius: 999px;
	border: 1px solid var(--c-ink-200);
	background: #f8fafc;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .85rem;
	font-weight: 700;
	color: #94a3b8;
}
.bbt-checkout-steps .is-active,
.bbt-checkout-steps .is-done {
	color: var(--c-blue-700);
}
.bbt-checkout-steps .is-active span,
.bbt-checkout-steps .is-done span {
	border-color: var(--c-blue-200);
	background: var(--c-blue-50);
	color: var(--c-blue-700);
}

.bbt-checkout-form {
	padding: 18px;
}
.bbt-checkout-form h2 {
	font-size: 1.25rem;
	margin: 0 0 4px;
}
.bbt-checkout-form > p {
	margin: 0 0 14px;
	font-size: .92rem;
	color: var(--c-ink-500);
}

.bbt-payout-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	margin-bottom: 14px;
}
.bbt-payout-option {
	position: relative;
	cursor: pointer;
}
.bbt-payout-option input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.bbt-payout-option span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 66px;
	border-radius: 10px;
	border: 1px solid var(--c-ink-200);
	background: #f8fafc;
	font-size: .9rem;
	font-weight: 700;
	color: #4b5563;
	transition: border-color .15s, background .15s, color .15s;
}
.bbt-payout-option input:checked + span {
	border-color: var(--c-blue-600);
	background: var(--c-blue-50);
	color: var(--c-blue-700);
}

.bbt-checkout-fields {
	border-top: 1px solid var(--c-ink-100);
	padding-top: 14px;
	display: grid;
	gap: 10px;
}
.bbt-checkout-fields label {
	font-size: .84rem;
	font-weight: 600;
	color: #4b5563;
	display: grid;
	gap: 6px;
}
.bbt-checkout-fields label span {
	color: #dc2626;
}
.bbt-checkout-fields input {
	width: 100%;
	border: 1px solid var(--c-ink-200);
	border-radius: 8px;
	height: 42px;
	padding: 0 12px;
	font-size: .92rem;
	color: var(--c-ink-900);
	outline: none;
	background: #fff;
}
.bbt-checkout-fields input:focus,
.bbt-checkout-fields select:focus {
	border-color: var(--c-blue-500);
	box-shadow: 0 0 0 3px rgba(45, 108, 240, .15);
}
.bbt-checkout-fields select {
	width: 100%;
	border: 1px solid var(--c-ink-200);
	border-radius: 8px;
	height: 42px;
	padding: 0 12px;
	font-size: .92rem;
	color: var(--c-ink-900);
	outline: none;
	background: #fff;
}

.bbt-checkout-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.bbt-checkout-row--thirds {
	grid-template-columns: minmax(0, 1fr) 110px 110px;
}

.bbt-review-list {
	border-top: 1px solid #e4e9f1;
	margin-top: 8px;
}
.bbt-review-row {
	display: grid;
	grid-template-columns: 145px minmax(0, 1fr);
	gap: 12px;
	padding: 15px 0;
	border-bottom: 1px solid #e4e9f1;
	align-items: center;
}
.bbt-review-label {
	font-size: .92rem;
	color: #62718b;
	font-weight: 500;
}
.bbt-review-value {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 2px;
	text-align: right;
}
.bbt-review-value strong {
	display: block;
	font-size: 1.75rem;
	line-height: 1.25;
	color: #2a3140;
	font-weight: 600;
}
.bbt-review-value--single strong {
	font-weight: 500;
}
.bbt-review-value small {
	display: block;
	margin-top: 0;
	font-size: .84rem;
	line-height: 1.4;
	color: #5f7697;
}

.bbt-review-agreements {
	margin-top: 16px;
}
.bbt-review-agreements h2 {
	margin-bottom: 12px;
}
.bbt-review-agreements .bbt-agree-item {
	display: flex !important;
	width: 100%;
}
.bbt-agree-item {
	display: flex;
	align-items: center;
	gap: 10px;
	min-height: 50px;
	padding: 11px 13px;
	border: 1px solid #cfd8e6;
	border-radius: 10px;
	background: #fff;
	margin-bottom: 10px;
	font-size: .91rem;
	color: #374151;
	cursor: pointer;
	transition: border-color .15s, background .15s, box-shadow .15s;
}
.bbt-agree-item--checked {
	border-color: var(--c-blue-300);
	background: var(--c-blue-50);
}
.bbt-agree-item:hover {
	border-color: var(--c-blue-200);
}
.bbt-agree-item input {
	appearance: none;
	-webkit-appearance: none;
	width: 18px;
	height: 18px;
	border-radius: 6px;
	border: 1px solid #b8c4d4;
	background: #fff;
	position: relative;
	flex-shrink: 0;
	margin: 0;
}
.bbt-agree-item input:checked {
	border-color: var(--c-blue-600);
	background: var(--c-blue-700);
}
.bbt-agree-item input:checked::after {
	content: '✓';
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	color: #fff;
	font-weight: 700;
}
.bbt-agree-item a {
	color: var(--c-blue-700);
	text-decoration: none;
}
.bbt-agree-item span {
	line-height: 1.45;
}
.bbt-agree-item a:hover {
	color: var(--c-blue-800);
	text-decoration: underline;
}
.bbt-agree-error {
	margin: -2px 0 10px 4px;
	font-size: .9rem;
	color: #dc2626;
}

.bbt-review-actions {
	margin-top: 14px;
	padding: 0 2px;
}
.bbt-review-actions .bbt-checkout-btn--ghost {
	min-width: 106px;
}
.bbt-review-actions .bbt-checkout-btn--primary {
	min-width: 208px;
}

.bbt-checkout-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--c-ink-100);
	gap: 12px;
}
.bbt-checkout-btn {
	min-height: 42px;
	padding: 10px 18px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .9rem;
	font-weight: 700;
	border: 0;
	text-decoration: none;
	cursor: pointer;
	white-space: nowrap;
}
.bbt-checkout-btn--ghost {
	background: #f3f4f6;
	color: #6b7280;
	border: 1px solid var(--c-ink-200);
	flex-shrink: 0;
}
.bbt-checkout-btn--primary {
	margin-left: auto;
	background: linear-gradient(135deg, var(--c-blue-700) 0%, var(--c-blue-600) 100%);
	color: #fff;
	box-shadow: 0 10px 22px rgba(19, 82, 201, .22);
	flex-shrink: 0;
}
.bbt-checkout-btn--primary:hover {
	background: linear-gradient(135deg, var(--c-blue-800) 0%, var(--c-blue-700) 100%);
}

.bbt-checkout-side {
	padding: 16px;
	position: sticky;
	top: 92px;
}
.bbt-checkout-side h3 {
	margin: 0 0 12px;
	font-size: 1.25rem;
}
.bbt-checkout-device {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	gap: 10px;
	align-items: center;
	padding: 9px 0;
	border-bottom: 1px solid var(--c-ink-100);
}
.bbt-checkout-device__img {
	width: 44px;
	height: 44px;
	border: 1px solid var(--c-ink-200);
	border-radius: 8px;
	background: #f8fafc;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
}
.bbt-checkout-device__img img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.bbt-checkout-device__img svg {
	width: 20px;
	height: 20px;
	color: #94a3b8;
}
.bbt-checkout-device__meta strong {
	display: block;
	font-size: .82rem;
	line-height: 1.35;
	color: #111827;
}
.bbt-checkout-device__meta small {
	display: block;
	font-size: .72rem;
	line-height: 1.35;
	color: #6b7280;
}
.bbt-checkout-device__price {
	font-size: .85rem;
	font-weight: 700;
	color: var(--c-blue-700);
}

.bbt-checkout-side__totals {
	padding: 12px 0;
	border-bottom: 1px solid var(--c-ink-100);
	margin-bottom: 10px;
	display: grid;
	gap: 7px;
}
.bbt-checkout-side__totals div,
.bbt-checkout-side__grand {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	font-size: .86rem;
	color: #6b7280;
}
.bbt-checkout-side__grand {
	font-size: 1.05rem;
	color: #111827;
	font-weight: 700;
	padding: 8px 0 4px;
}
.bbt-checkout-side__grand strong {
	font-size: 2rem;
	line-height: 1;
	color: var(--c-blue-700);
}
.bbt-checkout-side ul {
	margin: 10px 0 0;
	padding-left: 18px;
	display: grid;
	gap: 5px;
}
.bbt-checkout-side li {
	font-size: .8rem;
	line-height: 1.4;
	color: #6b7280;
}

.bbs-checkout-widget__inner {
	background: #fff;
	border: 1px solid var(--c-ink-100);
	border-radius: 10px;
	padding: 12px;
	box-shadow: var(--shadow-sm);
	min-height: 560px;
}
.bbs-checkout-widget__inner .buyback-widget {
	min-height: 540px;
}

@media (max-width: 980px) {
	.bbt-checkout-grid {
		grid-template-columns: 1fr;
	}
	.bbt-checkout-grid--single {
		grid-template-columns: 1fr;
	}
	.bbs-checkout-shell {
		grid-template-columns: 1fr;
	}
	.bbs-checkout-rail {
		padding: 22px 20px;
	}
	.bbs-checkout-rail__lede {
		margin-bottom: 16px;
	}
	.bbs-checkout-rail__steps {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 8px;
	}
	.bbs-checkout-rail__step {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
		padding: 0;
	}
	.bbs-checkout-rail__step:not(:last-child)::after {
		display: none;
	}
	.bbs-checkout-rail__text small {
		display: none;
	}
	.bbs-review-cards {
		grid-template-columns: 1fr;
	}
	.bbt-checkout-side {
		position: static;
	}
	.bbt-thanks-summary-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 720px) {
	.bbt-payout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bbt-checkout-row,
	.bbt-checkout-row--thirds {
		grid-template-columns: 1fr;
	}
	.bbt-review-row {
		grid-template-columns: 1fr;
	}
	.bbt-review-value {
	align-items: flex-start;
		text-align: left;
	}
	.bbt-checkout-head h1 {
		font-size: 1.55rem;
	}
	.bbt-checkout-steps small {
		font-size: .7rem;
	}
}

/* ==========================================================================
   Figma homepage (BASE-FF — Plus Jakarta Sans / #0970FB)
   ========================================================================== */

.bbs-topbar { display: none; }

.bbs-header .bbs-container,
.bbs-hero .bbs-container,
.bbs-trustbar-wrap .bbs-container,
.bbs-sell .bbs-container,
#how-it-works .bbs-container,
#reviews .bbs-container,
#why-us .bbs-container,
#faq .bbs-container,
.bbs-cta--split .bbs-container,
.bbs-footer .bbs-container {
	max-width: var(--container);
	padding-inline: var(--page-gutter);
}
.bbs-hero .bbs-container {
	padding-inline: var(--page-gutter);
}

.bbs-header {
	background: var(--c-page);
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	border-bottom: 0;
	box-shadow: none;
}
.bbs-header.is-scrolled {
	background: rgba(248,247,247,.96);
	border-bottom-color: transparent;
	box-shadow: none;
}
.bbs-header__inner {
	min-height: 80px;
	gap: 24px;
}
.bbs-page a.bbs-brand,
.bbs-page a.bbs-brand:hover {
	display: flex;
	align-items: center;
	gap: 10px;
	color: #161616;
	flex-shrink: 0;
	text-decoration: none;
}
.bbs-brand__mark {
	width: 32px;
	height: 42px;
	display: block;
	flex-shrink: 0;
}
.bbs-brand__mark svg { width: 32px; height: 42px; display: block; }
.bbs-brand__logo {
	display: block;
	width: auto;
	height: clamp(42px, 4vw, 58px);
	max-width: min(292px, 55vw);
}
.bbs-brand__logo--light {
	height: 44px;
	max-width: min(200px, 70vw);
}
.bbs-brand__text { display: flex; flex-direction: column; line-height: 1.05; }
.bbs-brand__name {
	font-size: 1.25rem;
	font-weight: 700;
	letter-spacing: -.03em;
	color: #161616;
}
.bbs-brand__name span { color: var(--c-brand); }
.bbs-brand__name--light { color: #fff; }
.bbs-brand__name--light span { color: var(--c-brand); }
.bbs-brand__tag {
	margin-top: 3px;
	font-size: .6875rem;
	font-weight: 500;
	color: #8B95A5;
	letter-spacing: 0;
}
.bbs-brand__tag--light { color: rgba(255,255,255,.65); }

.bbs-header__nav { gap: 28px; }
.bbs-menu { gap: 24px; }
.bbs-menu a {
	font-size: 14px;
	font-weight: 600;
	color: #161616;
	padding: 0;
}
.bbs-menu a::after { display: none; }
.bbs-page .bbs-menu a:hover { color: var(--c-brand); }
.bbs-page a.bbs-header__cta,
.bbs-page .bbs-header__cta {
	min-height: 56px;
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 70px;
	box-shadow: none;
}
.bbs-menu { gap: 24px; }
.bbs-menu a {
	color: #161616;
	font-weight: 600;
	font-size: .875rem;
	padding: 0;
}
.bbs-menu a::after { display: none; }
.bbs-menu a:hover { color: var(--c-brand); }

.bbs-page a.bbs-header__cta,
.bbs-page .bbs-header__cta,
.bbs-page a.bbs-btn--primary,
.bbs-page .bbs-btn--primary {
	background: var(--c-brand);
	box-shadow: none;
	border-radius: 70px;
	font-weight: 700;
}
.bbs-page a.bbs-header__cta,
.bbs-page .bbs-header__cta {
	padding: 14px 22px;
	font-size: 1rem;
}
.bbs-page a.bbs-header__cta:hover,
.bbs-page .bbs-header__cta:hover,
.bbs-page a.bbs-btn--primary:hover,
.bbs-page .bbs-btn--primary:hover {
	background: #0763e0;
	box-shadow: none;
	transform: none;
}

.bbs-hero {
	background: var(--c-page);
	padding: 0 0 40px;
	overflow: hidden;
}
.bbs-hero::before { display: none; }
.bbs-hero__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
	align-items: center;
	column-gap: clamp(12px, 2.4vw, 32px);
	text-align: left;
	max-width: none;
	margin: 0 auto;
}
.bbs-hero__copy {
	padding-top: clamp(24px, 5vw, 64px);
	padding-bottom: clamp(20px, 3vw, 40px);
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	text-align: left;
}
.bbs-hero__badge {
	display: inline-flex;
	align-items: center;
	margin: 0 0 24px;
	padding: 11px 17px;
	background: #fff;
	color: #010205;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	border-radius: 50px;
	box-shadow: none;
}
.bbs-page .bbs-hero__title {
	margin: 0 0 24px;
	font-size: clamp(2rem, 4.45vw, 64px);
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.02em;
	color: #161616;
	max-width: none;
	text-align: left;
}
.bbs-page .bbs-hero__title span { color: var(--c-brand); }
.bbs-page p.bbs-hero__subtitle {
	margin: 0 0 24px;
	max-width: 34ch;
	color: #535353;
	font-size: clamp(14px, 1.15vw, 16px);
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
}
.bbs-page .bbs-hero a.bbs-btn--primary,
.bbs-page .bbs-hero .bbs-btn--primary {
	min-height: 56px;
	padding: 16px 32px;
	font-size: 16px;
	font-weight: 700;
	border-radius: 70px;
	box-shadow: none;
}
.bbs-hero__visual {
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	min-height: 0;
	margin: 0;
	z-index: 0;
	overflow: hidden;
}
.bbs-hero__visual img {
	display: block;
	width: min(48vw, 720px);
	max-width: 100%;
	height: auto;
	filter: none;
	margin: 0;
	object-fit: contain;
	object-position: right center;
}

.bbs-hero .bbs-trustbar-wrap {
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 2;
}
.bbs-hero .bbs-trustbar-wrap .bbs-container {
	padding-inline: var(--page-gutter);
}
.bbs-trustbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: clamp(8px, 1.5vw, 24px);
	background: linear-gradient(180deg, var(--c-trust-from) 0%, var(--c-trust-to) 100%);
	color: #fff;
	border-radius: 999px;
	padding: clamp(14px, 1.6vw, 20px) clamp(20px, 4vw, 48px);
	min-height: clamp(72px, 8.5vw, 112px);
}
.bbs-trustbar__item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 14px;
	text-align: left;
	flex: 1 1 0;
}
.bbs-trustbar__icon {
	width: clamp(36px, 4vw, 52px);
	height: clamp(40px, 4.4vw, 56px);
	display: grid;
	place-items: center;
	flex-shrink: 0;
	color: #fff;
}
.bbs-page .bbs-trustbar__icon svg {
	width: auto;
	height: clamp(32px, 3.6vw, 46px);
	max-width: 52px;
}
/* BBB seal is taller (50×80) — keep aspect, fill the slot */
.bbs-page .bbs-trustbar__icon svg[viewBox="0 0 50 80"] {
	height: 64px;
	max-width: 40px;
}
.bbs-trustbar__stat {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}
.bbs-trustbar__stat strong {
	font-size: clamp(1.35rem, 2.1vw, 2.25rem);
	font-weight: 600;
	letter-spacing: -.03em;
	color: #fff;
	line-height: 1.1;
}
.bbs-trustbar__stat span {
	font-size: clamp(.75rem, .9vw, 1rem);
	font-weight: 500;
	color: #fff;
}
.bbs-trustbar__stat em {
	font-style: normal;
	font-size: clamp(.75rem, .9vw, 1rem);
	font-weight: 500;
	color: #fff;
}

.bbs-pill {
	display: inline-block;
	margin: 0 0 16px;
	padding: 8px 16px;
	background: #fff;
	color: #010205;
	font-size: .75rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	border-radius: 50px;
	border: 1px solid #c7c7c7;
}

@media (max-width: 900px) {
	.bbs-hero .bbs-container { padding-right: var(--page-gutter); }
	.bbs-hero__inner {
		grid-template-columns: 1fr;
		text-align: center;
		column-gap: 12px;
	}
	.bbs-hero__copy {
		padding-top: 24px;
		padding-bottom: 8px;
		align-items: center;
		text-align: center;
	}
	.bbs-page .bbs-hero__title { font-size: clamp(1.75rem, 6vw, 2.5rem); text-align: center; }
	.bbs-page p.bbs-hero__subtitle { text-align: center; max-width: 42ch; margin-inline: auto; }
	.bbs-hero__visual {
		order: 0;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
		max-width: none;
		overflow: hidden;
	}
	.bbs-hero__visual img { width: min(100%, 420px); max-width: 420px; margin-inline: auto; }
	.bbs-hero .bbs-trustbar-wrap { margin-top: 8px; }
	.bbs-trustbar-wrap .bbs-container { padding-inline: var(--page-gutter); }
	.bbs-trustbar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		flex-wrap: unset;
		border-radius: 32px;
		min-height: 0;
		padding: 24px 20px;
		gap: 20px 12px;
		justify-content: stretch;
	}
	.bbs-trustbar__item { flex: none; min-width: 0; }
	.bbs-trustbar__stat strong { font-size: 1.5rem; }
}
@media (max-width: 640px) {
	.bbs-hero__inner { grid-template-columns: 1fr; }
	.bbs-hero__visual { justify-content: center; }
	.bbs-hero__visual img { max-width: 360px; margin-inline: auto; }
	.bbs-page p.bbs-hero__subtitle { max-width: none; }
}

.bbs-sell {
	padding: 64px 0 72px;
	background: var(--c-page);
}
.bbs-sell .bbs-section__header {
	margin-bottom: 28px;
	text-align: center;
}
.bbs-page .bbs-sell .bbs-section__title {
	margin: 0;
	font-size: clamp(1.85rem, 3.33vw, 48px);
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-search--wide {
	max-width: 572px;
	margin: 0 auto 48px;
}
.bbs-search--wide .bbs-search__inner {
	border-radius: 70px;
	padding: 4px 4px 4px 22px;
	border: 0;
	box-shadow: none;
	background: #fff;
	gap: 8px;
	min-height: 58px;
}
.bbs-search--wide .bbs-search__inner:focus-within {
	border-color: transparent;
	box-shadow: 0 0 0 2px rgba(9,112,251,.2);
}
.bbs-search--wide .bbs-search__input {
	font-size: 1rem;
	font-weight: 500;
	padding: 12px 4px;
}
.bbs-search--wide .bbs-search__input::placeholder {
	color: #878c91;
}
.bbs-page .bbs-search--wide .bbs-btn--primary {
	padding: 14px 22px;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 70px;
}
.bbs-sell__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 16px;
	max-width: none;
	margin-inline: auto;
}
.bbs-sell-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: clamp(12px, 1.8vw, 24px);
	width: 100%;
	min-width: 0;
	overflow: hidden;
	min-height: clamp(120px, 16vw, 156px);
	padding: clamp(16px, 2vw, 30px) 10px clamp(14px, 1.8vw, 24px);
	background: #fff;
	color: #121212;
	border-radius: 10px;
	box-shadow: none;
	transition: box-shadow .2s var(--ease);
}
.bbs-sell-card:hover {
	transform: none;
	box-shadow: 0 10px 28px rgba(15, 23, 42, .08);
	color: #121212;
}
.bbs-sell-card__icon {
	width: 54px;
	height: 54px;
	display: grid;
	place-items: center;
}
.bbs-sell-card__icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	display: block;
}
.bbs-page .bbs-sell-card__icon svg {
	width: 48px;
	height: 48px;
}
.bbs-sell-card__label {
	font-weight: 600;
	font-size: clamp(.95rem, 1.5vw, 1.35rem);
	letter-spacing: -.03em;
	text-align: center;
	line-height: 1.1;
}

.bbs-steps--plain {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	list-style: none;
	padding: 0;
	margin: 0;
}
.bbs-steps--plain .bbs-step {
	display: flex;
	flex-direction: column;
	position: relative;
	background: var(--c-page);
	padding: 32px 28px 24px;
	border: 1px solid #c7c7c7;
	border-radius: 20px;
	box-shadow: none;
	overflow: hidden;
	min-height: 316px;
}
.bbs-steps--plain .bbs-step:hover {
	transform: none;
	box-shadow: none;
	border-color: #c7c7c7;
}
.bbs-steps--plain .bbs-step:not(:last-child)::after { display: none; }
.bbs-steps--plain .bbs-step h3 {
	position: relative;
	z-index: 1;
	margin: 0 0 12px;
	font-family: inherit;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-steps--plain .bbs-step p {
	position: relative;
	z-index: 1;
	margin: 0;
	max-width: 18.5rem;
	color: #535353;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8;
}
.bbs-steps--plain .bbs-step__watermark {
	position: absolute;
	right: 4px;
	bottom: -20px;
	margin: 0;
	font-family: inherit;
	font-size: 200px;
	font-weight: 600;
	line-height: 220px;
	color: #ececec;
	letter-spacing: -6px;
	font-variant-numeric: tabular-nums;
	pointer-events: none;
	user-select: none;
	z-index: 0;
}

#how-it-works,
#reviews,
#why-us,
#faq {
	background: var(--c-page);
}
#how-it-works { padding: 48px 0 80px; }
#reviews { padding: 40px 0 72px; }
#why-us { padding: 64px 0 80px; }
#faq { padding: 64px 0 80px; }

#how-it-works .bbs-section__header,
#reviews .bbs-section__header,
#why-us .bbs-section__header,
#faq .bbs-section__header {
	margin-bottom: 40px;
}
#why-us .bbs-section__header {
	max-width: 920px;
}
.bbs-page #how-it-works .bbs-section__title,
.bbs-page #reviews .bbs-section__title,
.bbs-page #why-us .bbs-section__title,
.bbs-page #faq .bbs-section__title {
	margin: 0 0 12px;
	font-size: clamp(1.85rem, 3.33vw, 48px);
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-page #how-it-works .bbs-section__title {
	font-size: clamp(2rem, 3.33vw, 48px);
	line-height: 1.1;
	letter-spacing: -.03em;
}
#how-it-works .bbs-section__lede,
#why-us .bbs-section__lede {
	color: #535353;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.8;
}
#why-us .bbs-section__lede { color: #878c91; }
#how-it-works .bbs-section__header,
#reviews .bbs-section__header,
#why-us .bbs-section__header,
#faq .bbs-section__header { text-align: center; }

@media (max-width: 900px) {
	.bbs-steps--plain { grid-template-columns: 1fr; }
	.bbs-steps--plain .bbs-step { min-height: 240px; }
	.bbs-steps--plain .bbs-step__watermark {
		font-size: 9rem;
		bottom: -36px;
	}
}

.bbs-reviews-carousel {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 16px;
}
.bbs-reviews-carousel__nav {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	border: 1px solid #e2e2e2;
	background: #fff;
	color: #161616;
	display: grid;
	place-items: center;
	cursor: pointer;
	flex-shrink: 0;
	box-shadow: none;
}
.bbs-page .bbs-reviews-carousel__nav svg { width: 20px; height: 20px; }
.bbs-reviews-carousel__nav:hover { color: var(--c-brand); }
.bbs-reviews-carousel__viewport { min-width: 0; }
.bbs-reviews-slide {
	background: var(--c-navy);
	color: #fff;
	border-radius: 60px;
	padding: 56px 64px 40px;
	text-align: center;
}
.bbs-reviews-slide__quote {
	font-size: 4.5rem;
	line-height: .7;
	font-weight: 700;
	margin-bottom: 16px;
	color: #fff;
}
.bbs-reviews-slide blockquote {
	margin: 0 auto 36px;
	max-width: 860px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.6;
	color: #fff;
}
.bbs-reviews-slide__foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	flex-wrap: wrap;
	text-align: left;
}
.bbs-reviews-slide__author,
.bbs-reviews-slide__source {
	display: flex;
	align-items: center;
	gap: 12px;
}
.bbs-reviews-slide__source {
	padding-left: 28px;
	border-left: 1px solid rgba(255,255,255,.35);
}
.bbs-reviews-slide__avatar,
.bbs-reviews-slide__g {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	font-weight: 700;
	flex-shrink: 0;
}
.bbs-reviews-slide__avatar {
	background: #3b6fd4;
	color: #fff;
	font-size: .95rem;
}
.bbs-reviews-slide__g {
	background: #fff;
	color: #4285f4;
	font-family: Arial, sans-serif;
	font-size: 1.35rem;
}
.bbs-reviews-slide__author strong,
.bbs-reviews-slide__source strong {
	display: block;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 700;
}
.bbs-reviews-slide__source strong { font-size: 1rem; }
.bbs-reviews-slide__author span,
.bbs-reviews-slide__source a {
	color: rgba(255,255,255,.9);
	font-size: 1rem;
}
.bbs-page .bbs-reviews-slide__source a { color: rgba(255,255,255,.9); }
.bbs-page .bbs-reviews-slide__source a:hover { color: #fff; }
.bbs-reviews-slide__source a {
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.bbs-page .bbs-reviews-slide__source svg { width: 14px; height: 14px; }
.bbs-reviews-slide__stars { display: flex; gap: 2px; margin: 4px 0; color: var(--c-amber); }
.bbs-page .bbs-reviews-slide__stars svg { width: 16px; height: 16px; }

.bbs-why__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}
.bbs-why__card {
	background: #f3f3f3;
	border: 0;
	border-radius: 8px;
	padding: 36px 28px 32px;
	min-height: 280px;
}
.bbs-why__card:hover {
	transform: none;
	box-shadow: none;
	border-color: transparent;
}
.bbs-why__icon {
	background: transparent;
	width: auto;
	height: auto;
	color: var(--c-brand);
	margin-bottom: 24px;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.bbs-why__icon > span {
	display: inline-flex;
	line-height: 0;
}
.bbs-page .bbs-why__icon svg { width: auto; height: 96px; max-width: 140px; }
.bbs-why__card h3 {
	margin: 0 0 10px;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-why__card p {
	margin: 0;
	color: #535353;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5;
}

.bbs-faq--grid {
	max-width: none;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: start;
}
.bbs-faq--grid .bbs-faq__item {
	margin: 0;
	padding: 18px 18px 18px 24px;
	border-radius: 10px;
	box-shadow: none;
	border: 0;
	background: #fff;
}
.bbs-faq--grid .bbs-faq__item[open] {
	box-shadow: none;
}
.bbs-faq--grid .bbs-faq__q {
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
	line-height: 1.25;
	align-items: flex-start;
}
.bbs-faq--grid .bbs-faq__a p {
	color: #535353;
	font-weight: 500;
	font-size: 1rem;
}
.bbs-faq--grid .bbs-faq__q::after {
	width: 54px;
	height: 54px;
	border-radius: 70px;
	background-color: #161616;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	transform: none;
	margin-top: 0;
	flex-shrink: 0;
}
.bbs-faq--grid .bbs-faq__item[open] .bbs-faq__q::after {
	background-color: var(--c-brand);
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 15l-6-6-6 6'/%3E%3C/svg%3E");
	transform: none;
}

.bbs-cta--split {
	background: #121212;
	padding-block: 56px 48px;
	overflow: hidden;
}
.bbs-cta--split::before { display: none; }
.bbs-cta__grid {
	display: grid;
	grid-template-columns: minmax(280px, 567px) minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	position: relative;
}
.bbs-cta__copy { text-align: left; }
.bbs-page .bbs-cta--split .bbs-cta__title {
	margin-bottom: 32px;
	font-size: clamp(2.4rem, 4.45vw, 64px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	max-width: none;
	color: #fff;
}
.bbs-page .bbs-cta--split .bbs-cta__sub {
	margin-bottom: 28px;
	color: #fff;
	font-weight: 500;
	font-size: 1rem;
}
.bbs-page .bbs-cta--split a.bbs-btn--primary,
.bbs-page .bbs-cta--split .bbs-btn--primary {
	background: var(--c-brand);
	color: #fff;
	box-shadow: none;
	padding: 16px 28px;
	font-weight: 700;
}
.bbs-page .bbs-cta--split a.bbs-btn--primary:hover,
.bbs-page .bbs-cta--split .bbs-btn--primary:hover {
	background: #0763e0;
	color: #fff;
}
.bbs-cta__visual {
	position: relative;
	justify-self: end;
	width: min(680px, 100%);
	margin-right: calc(var(--page-gutter) * -0.35);
}
.bbs-cta__visual > img {
	display: block;
	width: 100%;
	height: auto;
	filter: none;
}
.bbs-cta__seal {
	position: absolute;
	left: 11%;
	top: 50%;
	transform: translate(-18%, -50%);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--c-brand);
	color: #fff;
	padding: 8px 18px 8px 8px;
	border-radius: 100px;
	font-weight: 700;
	font-size: .82rem;
	letter-spacing: .02em;
	line-height: 1.1;
	box-shadow: none;
	z-index: 1;
}
.bbs-cta__seal img {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	object-fit: cover;
	display: block;
}
.bbs-page .bbs-cta__seal svg { width: 16px; height: 16px; }

.bbs-page .bbs-footer {
	background: #121212;
	padding: 51px 0 30px;
	border-top: 0;
}
.bbs-page .bbs-footer__tagline {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.8;
	max-width: 327px;
}
.bbs-page .bbs-footer h4 {
	color: #fff;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.8;
	letter-spacing: 0;
	margin: 0;
}
.bbs-page .bbs-footer a {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.8;
}
.bbs-page .bbs-footer__col a {
	opacity: .5;
}
.bbs-page .bbs-footer__col a:hover {
	color: #fff;
	opacity: 1;
}
.bbs-page .bbs-footer__legal {
	color: rgba(255, 255, 255, 0.26);
	font-weight: 500;
	font-size: 16px;
	line-height: 1.8;
	text-align: center;
}

@media (max-width: 1100px) {
	.bbs-sell__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.bbs-why__grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 800px) {
	.bbs-sell__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bbs-sell-card__label { font-size: 1.125rem; }
	.bbs-why__grid { grid-template-columns: 1fr; }
	.bbs-why__card {
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.bbs-why__icon {
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.bbs-page .bbs-why__icon svg {
		margin-inline: auto;
	}
	.bbs-faq--grid { grid-template-columns: 1fr; }
	.bbs-faq--grid .bbs-faq__q { font-size: 1.15rem; }
	.bbs-cta__grid { grid-template-columns: 1fr; }
	.bbs-cta__copy { text-align: center; }
	.bbs-cta__visual {
		justify-self: center;
		width: min(520px, 100%);
		margin-right: 0;
	}
	.bbs-page .bbs-cta--split .bbs-cta__title { max-width: none; margin-inline: auto; }
	.bbs-reviews-carousel { grid-template-columns: 1fr; }
	.bbs-reviews-carousel__nav { justify-self: center; }
	.bbs-reviews-slide { padding: 36px 24px 28px; border-radius: 32px; }
	.bbs-reviews-slide blockquote { font-size: 1.05rem; }
	.bbs-reviews-slide__source { border-left: 0; padding-left: 0; }
	.bbs-reviews-slide__author strong { font-size: 1.15rem; }
}

/* ==========================================================================
   Sell / quote / box / checkout — match Figma homepage
   ========================================================================== */

.bbt-picker,
.bbt-cat,
.bbt-model-step,
.bbt-box-page,
.bbt-checkout-page,
.bbs-checkout-page {
	background: var(--c-page);
	border-top: 0;
}

.bbt-picker__title,
.bbt-model-step__title,
.bbt-model-step__question,
.bbs-checkout-panel__head h2,
.bbt-box-head h1,
.bbs-checkout-rail__title {
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbt-picker__title span { color: var(--c-brand); }

.bbt-box-main,
.bbt-checkout-card,
.bbt-device-card,
.bbt-model-card {
	border: 0;
	border-radius: 20px;
	box-shadow: none;
	background: #fff;
}

.bbs-page .bbt-model-step .bbt-model-step__btn,
.bbs-page .bbt-model-step a.bbt-model-step__btn {
	min-height: 44px;
	height: 44px;
	padding: 10px 18px;
	border-radius: 70px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.02em;
	gap: 6px;
	box-shadow: none;
}
.bbs-page .bbt-model-step .bbt-model-step__btn svg,
.bbs-page .bbt-model-step a.bbt-model-step__btn svg {
	width: 24px;
	height: 24px;
}
.bbs-page .bbt-model-step .bbt-model-step__btn--back,
.bbs-page .bbt-model-step a.bbt-model-step__btn--back {
	background: transparent;
	color: #535353;
	border: 1px solid #535353;
}
.bbs-page .bbt-model-step .bbt-model-step__btn--back:hover,
.bbs-page .bbt-model-step a.bbt-model-step__btn--back:hover {
	background: #f7fafe;
	color: #535353;
	border-color: #535353;
}
.bbs-page .bbt-model-step .bbt-model-step__btn--next,
.bbs-page .bbt-model-step a.bbt-model-step__btn--next {
	background: #0970FB;
	border: 1px solid #0970FB;
	color: #fff !important;
}
.bbs-page .bbt-checkout-btn,
.bbs-page a.bbt-checkout-btn {
	border-radius: 70px;
	font-weight: 700;
	min-height: 48px;
	padding: 14px 22px;
	box-shadow: none;
	border: 0;
}
.bbs-page .bbt-model-step__btn--next,
.bbs-page a.bbt-model-step__btn--next,
.bbs-page .bbt-checkout-btn--primary,
.bbs-page a.bbt-checkout-btn--primary,
.bbs-page a.bbt-checkout-btn--primary:visited,
.bbs-page a.bbt-checkout-btn--primary:focus,
.bbs-page a.bbt-checkout-btn--primary:active {
	background: var(--c-brand);
	border: 0;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}
.bbs-page .bbt-model-step__btn--next:hover,
.bbs-page a.bbt-model-step__btn--next:hover,
.bbs-page .bbt-checkout-btn--primary:hover,
.bbs-page a.bbt-checkout-btn--primary:hover {
	background: #0763e0;
	box-shadow: none;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}
.bbs-page .bbt-model-step__btn--back,
.bbs-page a.bbt-model-step__btn--back,
.bbs-page .bbt-checkout-btn--ghost,
.bbs-page a.bbt-checkout-btn--ghost {
	background: #fff;
	color: #161616;
	border: 1px solid #c7c7c7;
}
.bbs-page .bbt-model-step__btn--back:hover,
.bbs-page a.bbt-model-step__btn--back:hover,
.bbs-page .bbt-checkout-btn--ghost:hover,
.bbs-page a.bbt-checkout-btn--ghost:hover {
	background: #fff;
	color: var(--c-brand);
	border-color: var(--c-brand);
}

.bbs-page .bbt-offer-final {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	text-align: left;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	width: 100%;
}
.bbs-page h2.bbt-offer-final__label {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.2;
	color: #121212;
	letter-spacing: -.03em;
}
.bbs-page p.bbt-offer-final__price {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #0970FB;
	line-height: 1.05;
}

.bbs-page .bbt-offer-benefits {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	gap: 16px 20px;
	margin: 0;
	max-width: none;
	width: 100%;
	list-style: none;
	padding: 0;
}
.bbs-page .bbt-offer-benefits li {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding-left: 0;
	line-height: 1.25;
}
.bbs-page .bbt-offer-benefits li > div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
	flex: 1 1 auto;
}
.bbs-page .bbt-offer-benefits li::before {
	content: none;
	display: none;
}
.bbs-page .bbt-offer-benefits strong {
	display: block;
	grid-column: auto;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 15px;
	line-height: 1.25;
	letter-spacing: -.02em;
	font-weight: 600;
	color: #121212;
}
.bbs-page .bbt-offer-benefits span {
	display: block;
	grid-column: auto;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	letter-spacing: 0;
	color: #535353;
	font-weight: 500;
	margin-top: 0;
}

.bbs-page .bbt-model-step__btn--next:disabled,
.bbs-page .bbt-model-step__btn--next:disabled:hover {
	opacity: .4;
	cursor: not-allowed;
	background: var(--c-brand);
	box-shadow: none;
}

.bbt-model-step__btn--back svg {
	width: 16px;
	height: 16px;
}

.bbt-choice-item,
.bbt-cond-item {
	border-radius: 16px;
	box-shadow: none;
}
.bbt-choice-item:hover,
.bbt-cond-item:hover {
	border-color: var(--c-brand);
}

.bbs-checkout-shell {
	background: transparent;
	border: 0;
	box-shadow: none;
	border-radius: 0;
	overflow: visible;
	gap: 20px;
	align-items: stretch;
	display: flex;
	flex-direction: column;
}
.bbs-checkout-rail {
	background: transparent;
	color: #121212;
	border-radius: 0;
	padding: 0 0 8px;
}
.bbs-checkout-rail__eyebrow,
.bbs-checkout-rail__title,
.bbs-checkout-rail__lede { display: none; }
.bbs-checkout-rail__steps {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 0;
	max-width: 760px;
	margin: 0 auto;
	width: 100%;
}
.bbs-checkout-rail__step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 8px;
	position: relative;
}
.bbs-checkout-rail__text small { display: none; }
.bbs-checkout-rail__text strong {
	font-size: .85rem;
	font-weight: 600;
	color: #878c91;
}
.bbs-checkout-rail__step:not(:last-child)::after {
	left: calc(50% + 22px);
	right: calc(-50% + 22px);
	top: 16px;
	width: auto;
	height: 2px;
	background: #e8e8e8;
}
.bbs-checkout-rail__step.is-done::after {
	background: var(--c-brand);
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__text strong {
	color: #121212;
}
.bbs-checkout-rail__step:not(:last-child)::after {
	background: #e8e8e8;
}
.bbs-checkout-rail__step.is-done::after {
	background: var(--c-brand);
}
.bbs-checkout-rail__marker {
	background: #f4f4f4;
	border-color: #e8e8e8;
	color: #535353;
	border-radius: 999px;
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__marker {
	background: var(--c-brand);
	border-color: var(--c-brand);
	color: #fff;
	box-shadow: none;
}
.bbs-checkout-rail__step.is-done .bbs-checkout-rail__marker {
	background: #e7efff;
	border-color: #e7efff;
	color: var(--c-brand);
}
.bbs-checkout-rail__text strong { color: #535353; }
.bbs-checkout-rail__text small { color: #878c91; }
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__text strong,
.bbs-checkout-rail__step.is-done .bbs-checkout-rail__text strong {
	color: #121212;
}
.bbs-checkout-rail__step.is-active .bbs-checkout-rail__text small {
	color: #535353;
}

.bbs-checkout-panel {
	background: #fff;
	border-radius: 20px;
	padding: 28px 28px 26px;
}
.bbs-checkout-side {
	background: #fff;
	border-radius: 20px;
	border: 0;
	box-shadow: none;
}
.bbs-checkout-side__eyebrow {
	color: var(--c-brand);
	text-transform: uppercase;
	letter-spacing: .08em;
	font-size: .75rem;
	font-weight: 600;
	margin: 0 0 6px;
}
.bbt-checkout-device__price,
.bbt-checkout-side__grand strong,
.bbt-box-item__right strong {
	color: var(--c-brand);
}

.bbt-checkout-fields input,
.bbt-checkout-fields select,
.bbt-checkout-fields textarea {
	border-radius: 10px;
	border-color: var(--c-ink-200);
	font-family: inherit;
}
.bbt-checkout-fields input:focus,
.bbt-checkout-fields select:focus {
	border-color: var(--c-brand);
	box-shadow: 0 0 0 4px rgba(9,112,251,.14);
}

.bbs-payout-list__body {
	border-radius: 16px;
	background: #fff;
}
.bbs-payout-list__item input:checked + .bbs-payout-list__body {
	border-color: var(--c-brand);
	background: #f4f7ff;
	box-shadow: none;
}

.bbs-checkout-side__trust {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
	display: grid;
	gap: 10px;
}
.bbs-checkout-side__trust li {
	position: relative;
	padding-left: 28px;
	font-size: .9rem;
	font-weight: 500;
	color: #535353;
	line-height: 1.35;
}
.bbs-checkout-side__trust li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 2px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid var(--c-brand);
	background:
		radial-gradient(circle at center, var(--c-brand) 0 4px, transparent 4.5px),
		var(--c-blue-50);
}

.bbs-page .bbt-box-summary ul,
.bbt-box-summary ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 16px;
}
.bbs-page .bbt-box-summary ul li,
.bbt-box-summary ul li {
	position: static;
	padding: 0;
	padding-left: 0;
	color: #535353;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 8px;
}
.bbt-box-summary ul li::before {
	content: none;
	display: none;
}

@media (max-width: 980px) {
	.bbs-checkout-shell {
		grid-template-columns: 1fr;
	}
	.bbs-checkout-rail {
		padding: 20px;
	}
}

/* ---------- Sell hub (Figma Sell Device 1) ---------- */
.bbs-sell--hub { padding-top: clamp(48px, 6vw, 80px); }
.bbs-sell__subhead {
	margin: 40px 0 20px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.03em;
	color: var(--c-ink-900);
}
.bbs-sell__cats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-bottom: 48px;
}
.bbs-cat-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	padding: 20px 16px 18px;
	background: #fff;
	border-radius: 24px;
	box-shadow: 0 8px 32px rgba(18, 18, 18, .04);
	color: var(--c-ink-900);
	min-width: 0;
	overflow: hidden;
	transition: transform .2s var(--ease), box-shadow .2s var(--ease);
}
.bbs-cat-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 40px rgba(18, 18, 18, .08);
	color: var(--c-ink-900);
}
.bbs-cat-card__img {
	width: 100%;
	height: 112px;
	aspect-ratio: auto;
	display: grid;
	place-items: center;
}
.bbs-cat-card__img img {
	width: auto;
	height: auto;
	max-width: 70%;
	max-height: 104px;
	object-fit: contain;
}
.bbs-cat-card__label {
	font-size: clamp(1.05rem, 1.8vw, 1.5rem);
	font-weight: 600;
	letter-spacing: -.03em;
}

/* ---------- Why Trust panel (Figma sell/about) ---------- */
.bbs-why-trust__panel {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 3vw, 36px) clamp(12px, 2vw, 24px);
	background: linear-gradient(180deg, var(--c-trust-from) 0%, var(--c-trust-to) 100%);
	color: #fff;
	border-radius: clamp(24px, 3vw, 40px);
	padding: clamp(24px, 4vw, 48px) clamp(20px, 4vw, 56px);
}
.bbs-why-trust__item {
	display: flex;
	align-items: center;
	gap: 16px;
	text-align: left;
}
.bbs-why-trust__icon {
	width: 56px;
	height: 56px;
	display: grid;
	place-items: center;
	flex-shrink: 0;
	color: #fff;
}
.bbs-page .bbs-why-trust__icon svg {
	width: 56px;
	height: 56px;
	max-width: 56px;
}
.bbs-why-trust__item strong {
	display: block;
	font-size: clamp(1.35rem, 2.2vw, 2.25rem);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	color: #fff;
}
.bbs-why-trust__item span,
.bbs-why-trust__item em {
	display: block;
	font-style: normal;
	font-size: 1rem;
	font-weight: 500;
	color: #fff;
}

/* ---------- About / Why (Figma About Us) ---------- */
.bbs-about-hero { padding: 80px 0 48px; background: var(--c-page); }
.bbs-page .bbs-about-split .bbs-section__title,
.bbs-page .bbs-about-split h2 {
	font-size: clamp(1.5rem, 2.5vw, 36px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	max-width: 539px;
	text-align: left;
	margin-bottom: 16px;
}
.bbs-about-split {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(32px, 5vw, 72px);
	align-items: center;
}
.bbs-about-split__img {
	border-radius: 28px;
	overflow: hidden;
	background: #ececec;
}
.bbs-about-split__img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	min-height: 360px;
}
.bbs-about-quote {
	margin: 56px 0;
	padding: clamp(36px, 5vw, 56px);
	background: var(--c-navy);
	color: #fff;
	border-radius: 32px;
	text-align: center;
}
.bbs-about-quote > p {
	max-width: 820px;
	margin: 0 auto 36px;
	font-size: clamp(1.4rem, 2vw, 2rem);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.25;
}
.bbs-about-quote__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
	text-align: left;
}
.bbs-about-quote__steps h3 {
	margin: 0 0 8px;
	font-size: 1.5rem;
	color: #fff;
}
.bbs-about-quote__steps p {
	margin: 0;
	color: rgba(255,255,255,.86);
	font-size: 1rem;
	line-height: 1.5;
}
.bbs-about-expect { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 22px; }
.bbs-about-expect li {
	padding-left: 36px;
	position: relative;
}
.bbs-about-expect li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 4px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--c-brand) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12l5 5L20 7'/></svg>") center / 12px no-repeat;
}
.bbs-about-expect strong { display: block; margin-bottom: 4px; color: var(--c-ink-800); }
.bbs-about-expect span { color: var(--c-ink-500); font-size: .95rem; line-height: 1.5; }

@media (max-width: 900px) {
	.bbs-sell__cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.bbs-why-trust__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 28px 20px;
		border-radius: 28px;
		gap: 22px 12px;
	}
	.bbs-why-trust__item strong { font-size: clamp(1.2rem, 4.5vw, 1.75rem); }
	.bbs-about-split,
	.bbs-about-quote__steps { grid-template-columns: 1fr; }
	.bbs-about-split__img img { min-height: 240px; }
}
@media (max-width: 640px) {
	.bbs-sell__cats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 12px;
	}
	.bbs-cat-card {
		padding: 20px 10px 16px;
		border-radius: 20px;
		gap: 12px;
	}
	.bbs-cat-card__img {
		height: 88px;
		aspect-ratio: auto;
	}
	.bbs-cat-card__img img {
		height: auto;
		max-height: 80px;
	}
	.bbs-why-trust__panel {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 24px 16px;
		gap: 20px 10px;
	}
	.bbs-why-trust__item { gap: 10px; min-width: 0; }
	.bbs-why-trust__icon,
	.bbs-page .bbs-why-trust__icon svg {
		width: 36px;
		height: 36px;
		max-width: 36px;
	}
	.bbs-why-trust__item strong { font-size: 1.25rem; }
	.bbs-why-trust__item span,
	.bbs-why-trust__item em { font-size: .8rem; }
}

/* ---------- Figma breadcrumbs ---------- */
.bbs-crumbs {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	margin: 0 0 24px;
	font-family: inherit;
}
.bbs-page a.bbs-crumbs__back,
.bbs-crumbs__back {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	min-height: 40px;
	padding: 8px 16px 8px 12px;
	border: 1px solid #c7c7c7;
	border-radius: 70px;
	background: #fff;
	color: #161616;
	font-family: inherit;
	font-weight: 700;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
.bbs-page a.bbs-crumbs__back:hover {
	color: var(--c-brand);
	border-color: var(--c-brand);
	background: #fff;
}
.bbs-crumbs__back-icon {
	width: 16px;
	height: 16px;
	display: grid;
	place-items: center;
}
.bbs-page .bbs-crumbs__back-icon svg { width: 16px; height: 16px; }
.bbs-crumbs ol {
	display: flex;
	align-items: center;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-weight: 500;
	color: #878c91;
	flex-wrap: wrap;
}
.bbs-crumbs li { display: flex; align-items: center; }
.bbs-crumbs__sep {
	color: #c7c7c7;
	font-weight: 400;
}
.bbs-page .bbs-crumbs a { color: #535353; }
.bbs-page .bbs-crumbs a:hover { color: var(--c-brand); }
.bbs-crumbs li[aria-current="page"] { color: #121212; font-weight: 600; }

.bbt-cat .bbs-crumbs,
.bbt-model-step .bbs-crumbs,
.bbt-box-page .bbs-crumbs { margin-bottom: 20px; }

/* ---------- Mobile menu overlay ---------- */
.bbs-menu__home { display: none; }
.bbs-header__toggle[aria-expanded="true"] .bbs-burger span:nth-child(1) {
	transform: translateY(6px) rotate(45deg);
}
.bbs-header__toggle[aria-expanded="true"] .bbs-burger span:nth-child(2) { opacity: 0; }
.bbs-header__toggle[aria-expanded="true"] .bbs-burger span:nth-child(3) {
	transform: translateY(-6px) rotate(-45deg);
}
body.bbs-nav-open { overflow: hidden; }
@media (max-width: 980px) {
	.bbs-menu__home { display: list-item; }
	.bbs-header__nav {
		top: var(--header-h);
		bottom: 0;
		height: calc(100dvh - var(--header-h));
		max-height: none;
		padding: 28px var(--page-gutter) 40px;
		justify-content: flex-start;
		box-shadow: none;
		background: #fff;
	}
	.bbs-menu { flex: 1 1 auto; gap: 2px; }
	.bbs-menu a {
		font-size: clamp(1.5rem, 5vw, 2rem);
		font-weight: 600;
		color: #121212;
		padding: 10px 0;
		letter-spacing: -.03em;
	}
	.bbs-menu a::after { display: none; }
	.bbs-menu a:hover { background: transparent; color: var(--c-brand); }
	.bbs-header__cta {
		margin-top: auto;
		width: 100%;
		justify-content: center;
		min-height: 56px;
		font-size: 1rem;
	}
}

/* ---------- Brand series photos ---------- */
.bbt-models--brands .bbt-model-card {
	padding: 20px 16px 18px;
	border-radius: 20px;
}
.bbt-models--brands .bbt-model-card__img {
	width: 100%;
	max-width: none;
	height: 112px;
	aspect-ratio: auto;
	margin-bottom: 8px;
}
.bbt-models--brands .bbt-model-card__img img {
	width: auto;
	height: auto;
	max-width: 70%;
	max-height: 104px;
	object-fit: contain;
	object-position: center;
}

/* ---------- Box “add another device” ---------- */
.bbs-page a.bbt-box-add-btn,
.bbs-page .bbt-box-add-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 70px;
	font-size: 16px;
	font-weight: 700;
	white-space: nowrap;
	flex-shrink: 0;
}
a.bbt-box-search {
	display: inline-flex;
	align-items: center;
	color: #878c91;
	text-decoration: none;
}
a.bbt-box-search:hover { color: var(--c-brand); }
.bbt-box-add-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 18px;
	padding: 12px 18px;
	border: 1px dashed #c7c7c7;
	border-radius: 70px;
	color: #121212;
	font-weight: 600;
}
.bbs-page a.bbt-box-add-more:hover {
	border-color: var(--c-brand);
	color: var(--c-brand);
}

/* ---------- Payout icons ---------- */
.bbs-page .bbs-payout-list__icon svg {
	width: 28px;
	height: 28px;
}

/* ---------- Reviews page (dark cards) ---------- */
.bbs-reviews-hero__logos {
	display: flex;
	justify-content: center;
	gap: 28px;
	margin-top: 24px;
	flex-wrap: wrap;
}
.bbs-reviews-hero__logo {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #121212;
}
.bbs-reviews-hero__logo img {
	width: 22px;
	height: 22px;
}
.bbs-reviews__grid--dark {
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
}
.bbs-review-card-dark {
	background: var(--c-navy);
	color: #fff;
	border-radius: 24px;
	padding: 28px 24px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 280px;
}
.bbs-review-card-dark__stars {
	display: flex;
	gap: 4px;
	color: var(--c-amber);
}
.bbs-page .bbs-review-card-dark__stars svg { width: 16px; height: 16px; }
.bbs-review-card-dark blockquote {
	margin: 0;
	font-size: 1.05rem;
	line-height: 1.5;
	font-weight: 500;
	flex: 1 1 auto;
}
.bbs-review-card-dark footer {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
}
.bbs-review-card-dark footer strong {
	display: block;
	color: #fff;
	font-size: .95rem;
}
.bbs-review-card-dark footer span {
	display: block;
	color: rgba(255,255,255,.72);
	font-size: .85rem;
}
.bbs-review-card-dark__source {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	font-size: .8rem !important;
	font-weight: 600;
	white-space: nowrap;
	color: #fff !important;
}
.bbs-review-card-dark__source img {
	width: 16px;
	height: 16px;
}
.bbs-reviews-page__write {
	margin: 40px 0 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	flex-wrap: wrap;
	color: #535353;
}

/* ---------- Figma type scale (all pages) ---------- */
.bbs-page h1.bbs-page-hero__title,
.bbs-page .bbs-hero__title {
	max-width: 100%;
	font-size: clamp(2rem, 4.45vw, 64px);
	font-weight: 700;
	letter-spacing: -.02em;
}
.bbs-page .bbs-about-hero h1.bbs-page-hero__title {
	max-width: 765px;
}
.bbs-page .bbs-about-hero p.bbs-page-hero__lede {
	max-width: min(765px, 100%);
}
.bbs-page .bbs-reviews-hero .bbs-page-hero__title {
	color: #121212;
	max-width: 869px;
}
.bbs-page .bbs-reviews-hero .bbs-page-hero__title span {
	color: var(--c-brand);
}
.bbs-page .bbs-reviews-hero p.bbs-page-hero__lede {
	max-width: min(590px, 100%);
}
.bbs-page p.bbs-section__lede {
	margin: 0 auto;
	text-align: center;
}
.bbs-page .bbs-about-split p.bbs-section__lede {
	margin: 0;
	text-align: left;
	max-width: none;
}
.bbs-about-split > div:not(.bbs-about-split__img) {
	max-width: 539px;
}
.bbs-page h1.bbt-cat__title,
.bbs-page h1.bbs-section__title,
.bbs-page h2.bbs-section__title {
	font-size: clamp(1.75rem, 3.33vw, 48px);
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	color: #121212;
	max-width: none;
}
.bbs-page .bbs-about-split .bbs-section__title,
.bbs-page .bbs-about-split h2 {
	font-size: clamp(1.5rem, 2.5vw, 36px);
	font-weight: 600;
	max-width: 539px;
}
.bbs-page .bbs-why-trust .bbs-section__title,
.bbs-page section#faq .bbs-section__title {
	font-size: clamp(1.75rem, 3.33vw, 48px);
	font-weight: 600;
	letter-spacing: -.03em;
	max-width: none;
}
.bbs-section__header { max-width: 1120px; }
.bbs-reviews__grid--dark {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bbs-page .bbs-search--icon .bbs-search__inner {
	padding: 4px 22px;
}
.bbs-page .bbs-search--icon .bbs-search__icon {
	width: 22px;
	height: 22px;
	color: #878c91;
}
.bbs-page .bbs-search--icon .bbs-search__icon svg {
	width: 22px;
	height: 22px;
}
.bbs-page a.bbs-sell-card,
.bbs-page a.bbs-cat-card,
.bbs-page a.bbs-sell-card:hover,
.bbs-page a.bbs-cat-card:hover {
	color: #121212;
}
.bbs-page h2.bbs-sell__subhead {
	margin: 0 0 20px;
	font-size: 1.5rem;
	font-weight: 600;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-reviews-page .bbs-review-card-dark[hidden],
.bbs-reviews-page [data-bbs-reviews-more][hidden] {
	display: none !important;
}
.bbs-page h1.bbt-model-step__title {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	white-space: normal;
	margin: 0;
	color: #121212;
}
.bbs-page h2.bbt-model-step__question {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	margin: 0;
	color: #121212;
}
@media (max-width: 900px) {
	.bbs-reviews__grid--dark { grid-template-columns: 1fr; }
	.bbs-page h1.bbs-page-hero__title { max-width: 100%; }
	.bbs-page h1.bbt-model-step__title { white-space: normal; }
}

.bbs-review-card-dark__person {
	display: flex;
	align-items: center;
	gap: 12px;
	text-align: left;
}
.bbs-review-card-dark__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #1c4a8a;
	display: grid;
	place-items: center;
	font-weight: 700;
	font-size: .95rem;
	flex-shrink: 0;
}
.bbs-review-card-dark footer {
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}
.bbs-page a.bbs-review-card-dark__source,
.bbs-page a.bbs-review-card-dark__source:hover {
	color: #fff;
	flex-direction: column;
	align-items: flex-start;
	gap: 2px;
	text-decoration: none;
}
.bbs-review-card-dark__source small {
	font-size: .75rem;
	font-weight: 500;
	opacity: .85;
}
.bbs-page .bbs-reviews-page__write .bbs-btn--ghost {
	background: #fff;
	border: 1px solid #c7c7c7;
	color: #121212;
	min-width: 160px;
}

/* ---------- Phone / small-screen overflow lock ---------- */
@media (max-width: 640px) {
	.bbs-page { --page-gutter: 16px; }
	.bbs-header__inner { gap: 12px; min-width: 0; }
	.bbt-cat { padding: 20px 0 36px; overflow-x: clip; }
	.bbt-cat__container,
	.bbt-narrow { min-width: 0; width: 100%; }
	.bbt-cat__header,
	.bbt-cat__sub,
	.bbt-cat__pick { padding-inline: 0; overflow-wrap: anywhere; }
	.bbt-cat__search { max-width: 100%; }
	.bbs-crumbs {
		gap: 8px;
		min-width: 0;
	}
	.bbs-crumbs ol { min-width: 0; }
	.bbt-models {
		width: 100%;
		min-width: 0;
		gap: 10px;
	}
	.bbt-model-card {
		padding: 14px 8px 12px;
		border-radius: 16px;
	}
	.bbt-models--brands .bbt-model-card {
		padding: 14px 8px 12px;
	}
	.bbt-model-card__img,
	.bbt-models--iphone .bbt-model-card__img {
		width: 100%;
		max-width: 120px;
		margin-bottom: 10px;
	}
	.bbt-models--brands .bbt-model-card__img {
		width: 100%;
		max-width: none;
		height: 88px;
		aspect-ratio: auto;
		margin-bottom: 8px;
	}
	.bbt-models--brands .bbt-model-card__img img {
		max-height: 80px;
	}
	.bbt-model-card__name {
		font-size: .82rem;
		overflow-wrap: anywhere;
	}
	.bbs-page h1.bbs-page-hero__title,
	.bbs-page p.bbs-page-hero__lede {
		width: auto;
		max-width: 100%;
	}
	.bbt-model-step__left {
		padding: 20px 16px 24px;
	}
	.bbt-model-step__right {
		padding: 20px 16px 24px;
	}
	.bbt-box-search { min-width: 0; width: 100%; }
	.bbs-search--wide .bbs-search__inner {
		padding: 4px 4px 4px 14px;
		min-width: 0;
	}
	.bbs-search--wide .bbs-search__input { min-width: 0; }
	.bbt-offer-benefits,
	.bbs-page .bbt-offer-benefits {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.bbs-page h2.bbt-offer-final__label,
	.bbt-offer-final__label {
		font-size: 18px;
	}
	.bbs-page p.bbt-offer-final__price,
	.bbt-offer-final__price {
		font-size: 36px;
		line-height: 1.1;
	}
}

/* ---------- Checkout (Figma 10–14) ---------- */
.bbs-checkout-page,
.bbt-checkout-page {
	background: var(--c-page);
	padding: 20px 0 80px;
	border-top: 0;
}
.bbt-checkout-progress {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	isolation: isolate;
	width: 100%;
	max-width: 1148px;
	min-height: 72px;
	margin: 8px auto 32px;
	padding: 0;
	list-style: none;
	position: relative;
}
.bbt-checkout-progress .bbt-wizard-progress__step {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 16px;
	text-align: center;
	position: relative;
	z-index: 2;
	min-width: 0;
}
.bbt-checkout-progress .bbt-wizard-progress__step:first-child,
.bbt-checkout-progress .bbt-wizard-progress__step:last-child {
	align-items: center;
	text-align: center;
}
.bbt-checkout-progress .bbt-wizard-progress__step:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 22px;
	left: calc(50% + 22px);
	right: calc(-50% + 22px);
	width: auto;
	height: 0;
	border-top: 1px solid #E9EBEE;
	background: none;
	z-index: 0;
}
.bbt-checkout-progress .bbt-wizard-progress__step:first-child:not(:last-child)::after,
.bbt-checkout-progress .bbt-wizard-progress__step:nth-last-child(2)::after,
.bbt-checkout-progress .bbt-wizard-progress__step:first-child:nth-last-child(2)::after {
	left: calc(50% + 22px);
	right: calc(-50% + 22px);
}
.bbt-checkout-progress .bbt-wizard-progress__step.is-done:not(:last-child)::after {
	border-top-color: #0970FB;
	background: none;
}
.bbt-checkout-progress .bbt-wizard-progress__num {
	width: 44px;
	height: 44px;
	border-radius: 22px;
	background: #E9EBEE;
	color: #9CA3AF;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: -.03em;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}
.bbt-checkout-progress .bbt-wizard-progress__step.is-done .bbt-wizard-progress__num,
.bbt-checkout-progress .bbt-wizard-progress__step.is-active .bbt-wizard-progress__num {
	background: #0970FB;
	color: #fff;
}
.bbt-checkout-progress .bbt-wizard-progress__label {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	color: #9CA3AF;
	letter-spacing: 0;
	white-space: nowrap;
}
.bbt-checkout-progress .bbt-wizard-progress__step.is-done .bbt-wizard-progress__label {
	color: #9CA3AF;
	font-weight: 500;
}
.bbt-checkout-progress .bbt-wizard-progress__step.is-active .bbt-wizard-progress__label {
	color: #121212;
	font-weight: 500;
}

.bbt-checkout-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 367px);
	gap: 24px;
	align-items: stretch;
}
.bbt-checkout-layout--review {
	grid-template-areas:
		"trust trust"
		"form summary";
	row-gap: 20px;
}
.bbt-checkout-layout--review .bbt-checkout-trust { grid-area: trust; }
.bbt-checkout-layout--review .bbt-checkout-main { grid-area: form; }
.bbt-checkout-layout--review .bbt-checkout-side { grid-area: summary; }
.bbt-checkout-main {
	min-width: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.bbs-checkout-page .bbs-checkout-panel {
	background: #fff;
	border-radius: 24px;
	padding: 32px 32px 28px;
	box-shadow: none;
	border: 0;
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}
.bbs-checkout-page .bbs-checkout-panel--review {
	box-sizing: border-box;
	padding: 32px 21px 32px 24px;
	gap: 0;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
}
.bbs-checkout-page .bbs-checkout-panel--review .bbs-checkout-panel__head {
	margin: 0 0 24px;
}
.bbt-checkout-hairline {
	display: block;
	width: 100%;
	height: 0;
	margin: 0 0 32px;
	border: 0;
	border-top: 1px solid #000;
	opacity: .1;
}
.bbs-checkout-page .bbs-checkout-panel__head {
	margin: 0 0 24px;
	padding: 0;
	border: 0;
}
.bbs-page .bbs-checkout-page .bbs-checkout-panel__head h2,
.bbs-checkout-page .bbs-checkout-panel__head h2 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.15;
	color: #121212;
}
.bbs-checkout-page .bbs-checkout-panel__head p {
	margin: 8px 0 0;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #535353;
}

.bbt-checkout-form--panel { padding: 0; }
.bbt-checkout-fields--open { margin-bottom: 8px; }
.bbs-checkout-page .bbt-checkout-fields {
	border-top: 0;
	padding-top: 0;
	gap: 16px;
}
.bbs-checkout-page .bbt-checkout-fields label {
	display: grid;
	gap: 8px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #121212;
}
.bbs-checkout-page .bbt-field-label {
	color: #121212;
	font-weight: 500;
}
.bbs-checkout-page .bbs-address-autocomplete {
	display: grid;
	gap: 8px;
}
.bbs-checkout-page #bbs-place-autocomplete,
.bbs-checkout-page #bbs-place-autocomplete > * {
	width: 100%;
}
.bbs-checkout-page #bbs-place-autocomplete > * {
	box-sizing: border-box;
	min-height: 52px;
	border: 1px solid #e7e7e7;
	border-radius: 70px;
	background-color: #fff;
	color: #121212;
	color-scheme: light;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
}
.bbs-checkout-page .bbs-address-autocomplete__hint {
	margin: 0;
	font-size: 12px;
	line-height: 1.45;
	color: #535353;
}
.bbs-checkout-page .bbt-checkout-fields input,
.bbs-checkout-page .bbt-checkout-fields select {
	width: 100%;
	height: 52px;
	border: 0;
	border-radius: 70px;
	background: #f5f5f5;
	padding: 0 22px;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	color: #121212;
	outline: none;
	box-shadow: none;
	appearance: none;
	-webkit-appearance: none;
}
.bbs-checkout-page .bbt-checkout-fields select {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='%23535353' d='M1.2 1.4L6 6.2l4.8-4.8' stroke='%23535353' stroke-width='1.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
	background-repeat: no-repeat;
	background-position: right 20px center;
	padding-right: 44px;
}
.bbs-checkout-page .bbt-checkout-fields input::placeholder,
.bbs-checkout-page .bbt-checkout-fields select:invalid {
	color: #b0b0b0;
}
.bbs-checkout-page .bbt-checkout-fields input:focus,
.bbs-checkout-page .bbt-checkout-fields select:focus {
	border: 0;
	box-shadow: 0 0 0 2px rgba(9,112,251,.28);
	background: #f5f5f5;
}
.bbs-checkout-page .bbt-checkout-row {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}
.bbs-checkout-page .bbt-checkout-row--thirds {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bbs-checkout-page .bbt-checkout-nav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 28px;
	padding-top: 0;
	border-top: 0;
}
.bbs-page .bbs-checkout-page .bbt-checkout-btn,
.bbs-page .bbs-checkout-page a.bbt-checkout-btn {
	min-height: 48px;
	padding: 12px 22px;
	border-radius: 70px;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
}
.bbt-checkout-btn__arrow,
.bbt-checkout-btn__icon {
	display: inline-flex;
	width: 16px;
	height: 16px;
}
.bbt-checkout-btn__arrow svg,
.bbt-checkout-btn__icon svg {
	width: 16px;
	height: 16px;
	display: block;
}

.bbs-checkout-page .bbs-payout-list {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 22px;
}
.bbs-checkout-page .bbs-payout-list__item { cursor: pointer; }
.bbs-checkout-page .bbs-payout-list__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 128px;
	padding: 22px 10px 16px;
	border: 1px solid #ececec;
	border-radius: 16px;
	background: #fff;
	position: relative;
	transition: border-color .15s;
}
.bbs-checkout-page .bbs-payout-list__icon {
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 0;
	background: transparent;
	padding: 0;
}
.bbs-checkout-page .bbs-payout-list__icon svg {
	width: 40px;
	height: 40px;
	display: block;
	object-fit: contain;
}
.bbs-checkout-page .bbs-payout-list__copy strong {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #121212;
	text-align: center;
	line-height: 1.3;
	max-width: 9.5em;
}
.bbs-payout-note {
	margin: 0 0 18px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
	color: #535353;
}
.bbt-box-draft {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin: 16px 0;
	padding: 16px;
	border: 1px solid #D1D8E3;
	border-radius: 12px;
	background: #F7FAFE;
}
.bbs-page .bbt-box-draft h2,
.bbt-box-draft h2 {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 600;
	color: #121212;
}
.bbt-box-draft p { margin: 0; color: #535353; font-size: 14px; }
.bbs-checkout-page .bbs-payout-list__body::after {
	content: '';
	position: absolute;
	top: 12px;
	right: 12px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1.5px solid #d4d4d4;
	background: #fff;
	box-sizing: border-box;
}
.bbs-checkout-page .bbs-payout-list__item input:checked + .bbs-payout-list__body {
	border-color: var(--c-brand);
	background: #fff;
	box-shadow: none;
}
.bbs-checkout-page .bbs-payout-list__item input:checked + .bbs-payout-list__body::after {
	border-color: var(--c-brand);
	background:
		radial-gradient(circle at center, var(--c-brand) 0 4px, #fff 4.5px 100%);
}

.bbt-checkout-trust {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	margin: 0;
	padding: 24px 32px;
	min-height: 85px;
	background: #F0F6FE;
	border-radius: 8px;
}
.bbt-checkout-trust__item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 16px;
	min-width: 0;
}
.bbt-checkout-trust__icon {
	width: 32px;
	height: 32px;
	flex-shrink: 0;
	color: #0970FB;
	margin-top: 0;
}
.bbt-checkout-trust__icon svg {
	width: 32px;
	height: 32px;
	display: block;
}
.bbt-checkout-trust__copy {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	min-width: 0;
}
.bbt-checkout-trust__item strong {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbt-checkout-trust__item span {
	display: block;
	margin-top: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.35;
	color: #535353;
	opacity: .8;
}
.bbt-checkout-trust__rule {
	display: block;
	width: 0;
	height: 36px;
	border-left: 1px solid #000;
	opacity: .1;
	flex-shrink: 0;
	align-self: center;
}

.bbs-checkout-page .bbs-review-cards {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 8px;
	margin: 0 0 40px;
}
.bbs-checkout-page .bbs-review-card {
	box-sizing: border-box;
	flex: 1 1 0;
	align-self: stretch;
	min-width: 0;
	min-height: 198px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 16px;
	gap: 16px;
	background: #F0F6FE;
	border: 0;
	border-radius: 8px;
}
.bbs-checkout-page .bbs-review-card__body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	width: 100%;
	flex: 1 1 auto;
}
.bbs-checkout-page .bbs-review-card__head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 8px;
	width: 100%;
}
.bbs-checkout-page .bbs-review-card__label {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	text-transform: none;
	color: #121212;
}
.bbs-checkout-page .bbs-review-card__icon,
.bbs-checkout-page .bbs-review-card__edit-icon {
	display: inline-flex;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	color: #0970FB;
}
.bbs-checkout-page .bbs-review-card__icon svg,
.bbs-checkout-page .bbs-review-card__edit-icon svg {
	width: 20px;
	height: 20px;
	display: block;
}
.bbs-checkout-page .bbs-review-card__edit {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	line-height: 0;
	text-decoration: none;
}
.bbs-checkout-page .bbs-review-card__value {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	width: 100%;
}
.bbs-checkout-page .bbs-review-card strong {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
	word-break: break-word;
}
.bbs-checkout-page .bbs-review-card small {
	display: block;
	margin-top: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #535353;
	opacity: .8;
	word-break: break-word;
}
.bbs-checkout-page .bbs-review-card__rule {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #000;
	opacity: .1;
}
.bbs-page .bbs-checkout-page .bbs-review-card__hint,
.bbs-checkout-page .bbs-review-card__hint {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #535353;
	opacity: .8;
}
.bbs-page .bbs-checkout-page .bbs-checkout-agreements__title,
.bbs-checkout-page .bbs-checkout-agreements__title {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-review-agreements {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	margin: 0;
	padding: 0;
	gap: 0;
	width: 100%;
}
.bbs-checkout-page .bbt-review-finish {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
	margin: 0 0 24px;
}
.bbs-checkout-page .bbt-review-finish .bbt-checkout-hairline {
	margin: 0;
}
.bbs-checkout-page .bbt-review-checks {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	width: 100%;
}
.bbs-checkout-page .bbt-agree-item {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 56px;
	padding: 16px;
	gap: 8px;
	margin: 0;
	background: #fff;
	border: 1px solid #D1D8E3;
	border-radius: 16px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	color: #878C91;
}
.bbs-checkout-page .bbt-agree-item--checked {
	background: #F7FAFE;
	border: 2px solid #0970FB;
	color: #535353;
	box-shadow: none;
	line-height: 1.4;
}
.bbs-checkout-page .bbt-agree-item span {
	line-height: inherit;
}
.bbs-checkout-page .bbt-agree-item a,
.bbs-page .bbs-checkout-page .bbt-agree-item a {
	color: inherit;
	font-weight: 500;
	text-decoration: none;
}
.bbs-checkout-page .bbt-agree-item a:hover {
	color: #0970FB;
}
.bbs-checkout-page .bbt-agree-item input {
	appearance: none;
	-webkit-appearance: none;
	width: 24px;
	height: 24px;
	margin: 0;
	border: 1.5px solid #D1D8E3;
	border-radius: 6px;
	background: #fff;
	flex-shrink: 0;
}
.bbs-checkout-page .bbt-agree-item input:checked {
	border: 0;
	border-radius: 6px;
	background-color: transparent;
	background-image: url('../images/icons/check-box.svg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
.bbs-checkout-page .bbt-agree-item input:checked::after {
	content: none;
}
.bbs-checkout-page .bbt-agree-error {
	margin: 0;
	font-size: 14px;
	color: #dc2626;
}
.bbs-checkout-page .bbt-review-actions {
	margin-top: 24px;
	padding: 0;
}
.bbs-page .bbs-checkout-page .bbt-review-actions .bbt-checkout-btn,
.bbs-page .bbs-checkout-page .bbt-review-actions a.bbt-checkout-btn {
	min-height: 56px;
	height: 56px;
	padding: 16px 24px;
	border-radius: 70px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.02em;
	gap: 8px;
}
.bbs-page .bbs-checkout-page .bbt-review-actions .bbt-checkout-btn--ghost,
.bbs-page .bbs-checkout-page .bbt-review-actions a.bbt-checkout-btn--ghost {
	min-width: 0;
	background: transparent;
	border: 1px solid #535353;
	color: #535353;
}
.bbs-page .bbs-checkout-page .bbt-review-actions .bbt-checkout-btn--ghost:hover,
.bbs-page .bbs-checkout-page .bbt-review-actions a.bbt-checkout-btn--ghost:hover {
	background: #f7fafe;
	border-color: #535353;
	color: #535353;
}
.bbs-page .bbs-checkout-page .bbt-review-actions .bbt-checkout-btn--primary,
.bbs-page .bbs-checkout-page .bbt-review-actions a.bbt-checkout-btn--primary {
	min-width: 0;
	background: #0970FB;
	border: 1px solid #0970FB;
}
.bbs-checkout-page .bbt-review-actions .bbt-checkout-btn__arrow,
.bbs-checkout-page .bbt-review-actions .bbt-checkout-btn__icon {
	width: 24px;
	height: 24px;
}
.bbs-checkout-page .bbt-review-actions .bbt-checkout-btn__arrow svg,
.bbs-checkout-page .bbt-review-actions .bbt-checkout-btn__icon svg {
	width: 24px;
	height: 24px;
}

.bbs-checkout-page .bbt-checkout-side,
.bbs-checkout-page .bbs-checkout-side {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 32px;
	background: #fff;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, .05);
	padding: 32px 16px;
	color: #535353;
	height: 100%;
	align-self: stretch;
	position: static;
}
.bbs-page .bbs-checkout-page .bbs-checkout-side h3,
.bbs-checkout-page .bbt-checkout-side h3 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbt-checkout-side__details {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	width: 100%;
}
.bbs-checkout-page .bbt-checkout-device {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	gap: 16px;
	padding: 0;
	border-bottom: 0;
	align-items: center;
	min-height: 64px;
}
.bbs-checkout-page .bbt-checkout-device__img {
	width: 64px;
	height: 64px;
	border: .54px solid rgba(0, 0, 0, .13);
	border-radius: 8.68px;
	background: #fff;
	padding: 0;
	overflow: hidden;
}
.bbs-checkout-page .bbt-checkout-device__img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bbs-checkout-page .bbt-checkout-device__meta {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	min-width: 0;
}
.bbs-checkout-page .bbt-checkout-device__meta strong {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-checkout-device__meta small {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	color: #535353;
	opacity: .8;
	white-space: pre-line;
}
.bbs-checkout-page .bbt-checkout-device__price {
	font-size: 16px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #0970FB;
	padding-top: 0;
	white-space: nowrap;
}
.bbt-checkout-side__rule {
	display: block;
	width: 100%;
	height: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #000;
	opacity: .1;
}
.bbs-checkout-page .bbt-checkout-side__totals {
	display: flex;
	flex-direction: column;
	padding: 0;
	border-bottom: 0;
	margin: 0;
	gap: 24px;
}
.bbs-checkout-page .bbt-checkout-side__totals div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #535353;
}
.bbs-checkout-page .bbt-checkout-side__totals strong {
	color: #121212;
	font-weight: 600;
}
.bbs-checkout-page .bbt-checkout-side__totals strong.is-amount {
	color: #0970FB;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	opacity: .9;
}
.bbs-checkout-page .bbt-checkout-side__totals strong.is-free {
	color: #177F53;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -.03em;
	line-height: 1.1;
	opacity: .9;
}
.bbs-checkout-page .bbt-checkout-side__grand {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin: 0;
	padding: 24px 16px;
	border-top: 0;
	border-radius: 8px;
	background: #F0F6FE;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-checkout-side__grand strong {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.03em;
	line-height: 1.1;
	color: #0970FB;
	opacity: .9;
}
.bbs-checkout-page .bbs-checkout-side__trust,
.bbs-checkout-page .bbt-checkout-side ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.bbs-checkout-page .bbs-checkout-side__trust li,
.bbs-checkout-page .bbt-checkout-side li {
	position: static;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4;
	color: #535353;
}
.bbs-checkout-page .bbs-checkout-side__trust li::before,
.bbs-checkout-page .bbt-checkout-side li::before {
	content: none;
	display: none;
}
.bbs-checkout-page .bbs-checkout-side .bbt-box-summary__check,
.bbs-checkout-page .bbs-checkout-side .bbt-box-summary__check svg {
	width: 20px;
	height: 20px;
	flex-shrink: 0;
}

.bbt-checkout-thanks {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
}
.bbs-checkout-page .bbt-thanks-head {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 32px 16px;
	gap: 32px;
	background: #fff;
	border: 0;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	text-align: center;
}
.bbs-checkout-page .bbt-thanks-icon {
	width: 48px;
	height: 48px;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #0970FB;
}
.bbt-thanks-icon__svg,
.bbt-thanks-icon__svg svg {
	width: 48px;
	height: 48px;
	display: block;
	color: #0970FB;
}
.bbs-checkout-page .bbt-thanks-copy {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	width: 100%;
}
.bbs-page .bbs-checkout-page .bbt-thanks-head h1 {
	margin: 0;
	width: 100%;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 40px;
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.1;
	text-align: center;
	color: #161616;
}
.bbs-checkout-page .bbt-thanks-order {
	margin: 0;
	width: 100%;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	color: #535353;
}
.bbs-checkout-page .bbt-thanks-order strong { color: #535353; }
.bbs-checkout-page .bbt-thanks-label-actions {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
	gap: 16px;
	margin: 0;
}
.bbs-checkout-page .bbt-thanks-label-actions .bbt-checkout-btn--primary,
.bbs-page .bbs-checkout-page .bbt-thanks-label-actions a.bbt-checkout-btn--primary {
	box-sizing: border-box;
	min-height: 56px;
	height: 56px;
	padding: 16px 24px;
	margin-left: 0;
	background: #0970FB;
	border: 1px solid #0970FB;
	border-radius: 70px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.02em;
	gap: 8px;
}
.bbs-checkout-page .bbt-thanks-label-actions .bbt-checkout-btn__icon,
.bbs-checkout-page .bbt-thanks-label-actions .bbt-checkout-btn__icon svg {
	width: 20px;
	height: 20px;
}
.bbs-checkout-page .bbt-thanks-label-pending {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	color: #535353;
}
.bbs-checkout-page .bbt-thanks-label-pending p {
	margin: 0;
}
.bbs-checkout-page .bbt-thanks-label-pending__spin {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: 3px solid #d6e6ff;
	border-top-color: #0970FB;
	animation: bbt-label-spin .8s linear infinite;
}
.bbs-checkout-page .bbt-thanks-label-pending.is-waiting .bbt-thanks-label-pending__spin {
	animation: none;
	border-top-color: #d6e6ff;
}
@keyframes bbt-label-spin {
	to { transform: rotate(360deg); }
}
.bbt-thanks-cards {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	gap: 24px;
	width: 100%;
}
.bbs-checkout-page .bbt-thanks-summary,
.bbs-checkout-page .bbt-thanks-help {
	box-sizing: border-box;
	flex: 1 1 0;
	min-width: 0;
	min-height: 210px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 16px;
	gap: 24px;
	background: #fff;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.bbs-page .bbs-checkout-page .bbt-thanks-summary h3,
.bbs-page .bbs-checkout-page .bbt-thanks-help h3 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-thanks-summary .bbt-checkout-hairline,
.bbs-checkout-page .bbt-thanks-help .bbt-checkout-hairline,
.bbs-checkout-page .bbt-thanks-steps .bbt-checkout-hairline {
	margin: 0;
}
.bbs-checkout-page .bbt-thanks-rows {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 24px;
	width: 100%;
}
.bbs-checkout-page .bbt-thanks-summary p,
.bbs-checkout-page .bbt-thanks-summary--offer p {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	margin: 0;
	width: 100%;
}
.bbs-checkout-page .bbt-thanks-summary p span {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
	color: #535353;
}
.bbs-checkout-page .bbt-thanks-summary p strong,
.bbs-checkout-page .bbt-thanks-summary--offer p strong {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
	opacity: .9;
	text-align: right;
}
.bbs-checkout-page .bbt-thanks-ship {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}
.bbs-checkout-page .bbt-thanks-ship strong {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
	opacity: .9;
}
.bbs-checkout-page .bbt-thanks-ship span {
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #535353;
	opacity: .8;
}
.bbs-checkout-page .bbt-thanks-help__body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	gap: 8px;
	width: 100%;
	flex: 1 1 auto;
}
.bbs-checkout-page .bbt-thanks-help p {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 22px;
	color: #535353;
	opacity: .8;
}
.bbs-page .bbs-checkout-page a.bbt-thanks-help__btn,
.bbs-checkout-page .bbt-thanks-help__btn {
	box-sizing: border-box;
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	min-height: 56px;
	height: 56px;
	padding: 16px 24px;
	margin-top: auto;
	background: #fff;
	border: 1px solid #0970FB;
	border-radius: 70px;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.02em;
	color: #0970FB;
	text-decoration: none;
}
.bbs-page .bbs-checkout-page a.bbt-thanks-help__btn:hover {
	background: #F7FAFE;
	color: #0970FB;
	border-color: #0970FB;
}
.bbs-checkout-page .bbt-thanks-help__btn-icon,
.bbs-checkout-page .bbt-thanks-help__btn-icon svg {
	width: 24px;
	height: 24px;
	display: block;
	flex-shrink: 0;
	color: #0970FB;
}
.bbs-checkout-page .bbt-thanks-steps {
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 24px 16px;
	gap: 24px;
	background: #fff;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.bbs-page .bbs-checkout-page .bbt-thanks-steps h2 {
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-thanks-steps ol {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: thanks-step;
}
.bbs-checkout-page .bbt-thanks-steps ol::before {
	content: '';
	position: absolute;
	left: 22px;
	top: 22px;
	bottom: 22px;
	width: 1px;
	background: #0970FB;
	z-index: 0;
}
.bbs-checkout-page .bbt-thanks-steps li {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	width: 100%;
	min-height: 44px;
	padding: 0 0 0 60px;
	border: 0;
	border-radius: 0;
	background: transparent;
	counter-increment: thanks-step;
	z-index: 1;
}
.bbs-checkout-page .bbt-thanks-steps li::before {
	content: counter(thanks-step);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border: 0;
	border-radius: 22px;
	background: #0970FB;
	color: #fff;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.bbs-checkout-page .bbt-thanks-steps strong {
	display: block;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -.03em;
	color: #121212;
}
.bbs-checkout-page .bbt-thanks-steps span {
	display: block;
	margin: 0;
	font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	color: #535353;
	opacity: .8;
}

@media (max-width: 980px) {
	.bbt-checkout-layout,
	.bbt-checkout-layout--review {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas: none;
	}
	.bbt-checkout-layout--review .bbt-checkout-trust,
	.bbt-checkout-layout--review .bbt-checkout-main,
	.bbt-checkout-layout--review .bbt-checkout-side {
		grid-area: auto;
	}
	.bbt-checkout-trust {
		grid-template-columns: 1fr;
	}
	.bbt-thanks-cards {
		flex-direction: column;
	}
	.bbs-checkout-page .bbs-review-cards {
		flex-direction: column;
	}
	.bbs-checkout-page .bbs-review-card {
		flex: none;
		min-height: 0;
	}
	.bbt-checkout-trust {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 20px 20px;
		min-height: 0;
		gap: 16px;
	}
	.bbt-checkout-trust__rule {
		display: none;
	}
	.bbs-checkout-page .bbs-payout-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bbs-checkout-page .bbt-checkout-side {
		position: static;
	}
}
@media (max-width: 720px) {
	.bbs-page .bbs-checkout-page .bbt-thanks-head h1 {
		font-size: 28px;
	}
	.bbs-checkout-page .bbt-thanks-head {
		padding: 24px 16px;
		gap: 24px;
	}
	.bbs-checkout-page .bbs-checkout-panel {
		padding: 22px 16px 20px;
		border-radius: 20px;
	}
	.bbs-checkout-page .bbs-checkout-panel--review {
		padding: 24px 16px;
		border-radius: 10px;
	}
	.bbs-page .bbs-checkout-page .bbs-checkout-panel__head h2,
	.bbs-checkout-page .bbs-checkout-panel__head h2 {
		font-size: 24px;
	}
	.bbs-checkout-page .bbt-checkout-row,
	.bbs-checkout-page .bbt-checkout-row--thirds {
		grid-template-columns: minmax(0, 1fr);
	}
	.bbs-checkout-page .bbs-payout-list {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.bbt-checkout-progress .bbt-wizard-progress__label {
		font-size: 12px;
		white-space: normal;
		line-height: 1.25;
	}
	.bbt-checkout-progress .bbt-wizard-progress__num {
		width: 36px;
		height: 36px;
		font-size: 16px;
		border-radius: 18px;
	}
	.bbt-checkout-progress .bbt-wizard-progress__step:not(:last-child)::after {
		top: 18px;
		left: calc(50% + 18px);
		right: calc(-50% + 18px);
	}
	.bbt-checkout-progress .bbt-wizard-progress__step:first-child:not(:last-child)::after,
	.bbt-checkout-progress .bbt-wizard-progress__step:nth-last-child(2)::after,
	.bbt-checkout-progress .bbt-wizard-progress__step:first-child:nth-last-child(2)::after {
		left: calc(50% + 18px);
		right: calc(-50% + 18px);
	}
	.bbt-checkout-progress {
		gap: 8px;
		min-height: 0;
	}
}