.bjcb-builder-page {
	--bjcb-bg: #f1f3f1;
	--bjcb-surface: #ffffff;
	--bjcb-surface-soft: #f7f8f6;
	--bjcb-text: #181a1d;
	--bjcb-muted: #60666c;
	--bjcb-line: #d9ddda;
	--bjcb-line-strong: #aeb5af;
	--bjcb-black: #18191b;
	--bjcb-yellow: #f3ca19;
	--bjcb-yellow-strong: #ffd400;
	--bjcb-green: #177b55;
	--bjcb-green-soft: #eaf6f0;
	--bjcb-teal: #246c78;
	--bjcb-teal-soft: #e9f4f6;
	--bjcb-red: #a8423a;
	--bjcb-red-soft: #f9ecea;
	--bjcb-shadow: 0 24px 55px -42px rgba(16, 22, 18, 0.48);
	background: var(--bjcb-bg);
}

html[data-bj-theme="dark"] .bjcb-builder-page,
body[data-bj-theme="dark"].bjcb-builder-page {
	--bjcb-bg: #252628;
	--bjcb-surface: #303235;
	--bjcb-surface-soft: #383a3d;
	--bjcb-text: #f7f7f5;
	--bjcb-muted: #c3c7c4;
	--bjcb-line: rgba(255, 255, 255, 0.12);
	--bjcb-line-strong: rgba(255, 255, 255, 0.25);
	--bjcb-green: #63d5a7;
	--bjcb-green-soft: rgba(54, 184, 130, 0.14);
	--bjcb-teal: #7ed4df;
	--bjcb-teal-soft: rgba(72, 166, 180, 0.14);
	--bjcb-red: #ff958a;
	--bjcb-red-soft: rgba(211, 76, 62, 0.15);
	--bjcb-shadow: 0 24px 55px -42px rgba(0, 0, 0, 0.9);
}

.bjcb,
.bjcb * {
	box-sizing: border-box;
	letter-spacing: 0;
}

.bjcb {
	background: var(--bjcb-bg);
	color: var(--bjcb-text);
	overflow: clip;
}

.bjcb button {
	font: inherit;
}

.bjcb svg {
	display: block;
	height: 1em;
	width: 1em;
}

.bjcb h1,
.bjcb h2,
.bjcb h3,
.bjcb p,
.bjcb figure {
	margin: 0;
}

.bjcb-intro {
	position: relative;
	min-height: 330px;
	background: #18191b;
	color: #ffffff;
	overflow: hidden;
}

.bjcb-intro::before {
	position: absolute;
	inset: 0 0 0 auto;
	width: 34%;
	background: var(--bjcb-yellow);
	clip-path: polygon(32% 0, 100% 0, 100% 100%, 0 100%);
	content: "";
}

.bjcb-intro::after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 44%;
	height: 9px;
	background: #b33f36;
	content: "";
}

.bjcb-intro__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(500px, 1.1fr);
	align-items: center;
	gap: 44px;
	min-height: 330px;
	padding-top: 34px;
	padding-bottom: 34px;
	z-index: 1;
}

.bjcb-intro__content {
	position: relative;
	z-index: 2;
}

.bjcb-eyebrow,
.bjcb-step__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: var(--bjcb-green);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
	text-transform: uppercase;
}

.bjcb-eyebrow {
	margin-bottom: 14px;
	color: var(--bjcb-yellow);
}

.bjcb-eyebrow svg {
	font-size: 19px;
}

.bjcb-intro h1 {
	max-width: 620px;
	margin-bottom: 15px;
	color: #ffffff;
	font-size: 48px;
	font-weight: 900;
	line-height: 1.04;
}

.bjcb-intro__content > p {
	max-width: 620px;
	color: #d5d8d5;
	font-size: 17px;
	font-weight: 500;
	line-height: 1.5;
}

.bjcb-intro__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 17px;
	margin-top: 22px;
}

.bjcb-intro__facts span {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	color: #ffffff;
	font-size: 12px;
	font-weight: 750;
}

.bjcb-intro__facts svg {
	color: var(--bjcb-yellow);
	font-size: 17px;
}

.bjcb-intro__scale {
	position: relative;
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: end;
	height: 270px;
	padding: 8px 10px 8px 30px;
}

.bjcb-intro__scale::before {
	position: absolute;
	right: 10px;
	bottom: 54px;
	left: 18px;
	height: 2px;
	background: rgba(24, 25, 27, 0.42);
	content: "";
}

.bjcb-intro__scale-line {
	position: absolute;
	right: 10px;
	bottom: 54px;
	left: 18px;
	height: 178px;
	background-image: linear-gradient(rgba(24, 25, 27, 0.1) 1px, transparent 1px);
	background-size: 100% 35px;
	pointer-events: none;
}

.bjcb-intro__scale figure {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-direction: column;
	height: 100%;
	min-width: 0;
	padding-bottom: 0;
	animation: bjcb-king-rise 650ms both ease-out;
}

.bjcb-intro__scale figure:nth-of-type(2) { animation-delay: 70ms; }
.bjcb-intro__scale figure:nth-of-type(3) { animation-delay: 140ms; }
.bjcb-intro__scale figure:nth-of-type(4) { animation-delay: 210ms; }
.bjcb-intro__scale figure:nth-of-type(5) { animation-delay: 280ms; }
.bjcb-intro__scale figure:nth-of-type(6) { animation-delay: 350ms; }

.bjcb-intro__scale img {
	position: absolute;
	bottom: 55px;
	left: 50%;
	width: auto;
	height: var(--bjcb-king-intro);
	max-width: 84%;
	filter: drop-shadow(0 12px 10px rgba(0, 0, 0, 0.22));
	transform: translateX(-50%);
}

.bjcb-intro__scale figcaption {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 2px;
	width: calc(100% - 6px);
	min-height: 31px;
	padding: 4px 3px;
	border-radius: 3px;
	background: rgba(24, 25, 27, 0.9);
	color: #ffffff;
	font-size: 10px;
	font-weight: 900;
	line-height: 1.1;
	text-align: center;
}

.bjcb-intro__scale figcaption span {
	color: var(--bjcb-yellow);
	font-size: 11px;
}

.bjcb-workspace {
	padding-bottom: 80px;
}

.bjcb-progress {
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 -18px 38px;
	padding: 0 18px;
	border-bottom: 1px solid var(--bjcb-line);
	background: var(--bjcb-surface);
}

.bjcb-progress__track {
	position: absolute;
	right: 18px;
	bottom: -1px;
	left: 18px;
	height: 3px;
	background: transparent;
}

.bjcb-progress__track span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--bjcb-yellow);
	transition: width 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bjcb-progress__step {
	position: relative;
	display: grid;
	grid-template-columns: 38px auto;
	grid-template-rows: auto auto;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
	min-height: 78px;
	padding: 14px 12px;
	border: 0;
	background: transparent;
	color: var(--bjcb-muted);
	cursor: pointer;
	text-align: left;
}

.bjcb-progress__step:disabled {
	cursor: default;
	opacity: 0.5;
}

.bjcb-progress__icon {
	display: inline-flex;
	grid-row: 1 / 3;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--bjcb-line);
	border-radius: 50%;
	background: var(--bjcb-surface-soft);
	font-size: 18px;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.bjcb-progress__number {
	align-self: end;
	font-size: 10px;
	font-weight: 900;
	line-height: 1;
}

.bjcb-progress__step strong {
	align-self: start;
	font-size: 14px;
	font-weight: 850;
	line-height: 1.15;
}

.bjcb-progress__step.is-active,
.bjcb-progress__step.is-complete {
	color: var(--bjcb-text);
}

.bjcb-progress__step.is-active .bjcb-progress__icon {
	border-color: var(--bjcb-black);
	background: var(--bjcb-black);
	color: #ffffff;
	transform: translateY(-2px);
}

.bjcb-progress__step.is-complete .bjcb-progress__icon {
	border-color: var(--bjcb-green);
	background: var(--bjcb-green-soft);
	color: var(--bjcb-green);
}

.bjcb-layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	align-items: start;
	gap: 34px;
}

.bjcb-wizard {
	min-width: 0;
}

.bjcb-step {
	min-height: 650px;
	animation: bjcb-step-enter 360ms both ease-out;
}

.bjcb-step[hidden] {
	display: none;
}

.bjcb-step__header {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	margin-bottom: 26px;
}

.bjcb-step__index {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	border-left: 5px solid var(--bjcb-yellow);
	background: var(--bjcb-black);
	color: #ffffff;
	font-size: 18px;
	font-weight: 900;
}

.bjcb-step__eyebrow {
	margin-bottom: 5px;
}

.bjcb-step__header h2 {
	margin-bottom: 7px;
	color: var(--bjcb-text);
	font-size: 31px;
	font-weight: 900;
	line-height: 1.1;
}

.bjcb-step__header p {
	max-width: 720px;
	color: var(--bjcb-muted);
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5;
}

.bjcb-piece-grid,
.bjcb-board-grid,
.bjcb-accessory-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
}

.bjcb-choice {
	position: relative;
	display: flex;
	min-width: 0;
	padding: 0;
	border: 1px solid var(--bjcb-line);
	border-radius: 8px;
	background: var(--bjcb-surface);
	box-shadow: var(--bjcb-shadow);
	color: var(--bjcb-text);
	cursor: pointer;
	overflow: hidden;
	text-align: left;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.bjcb-choice:hover:not(:disabled) {
	border-color: var(--bjcb-line-strong);
	box-shadow: 0 22px 45px -34px rgba(16, 22, 18, 0.54);
	transform: translateY(-3px);
}

.bjcb-choice:focus-visible,
.bjcb-button:focus-visible,
.bjcb-segments button:focus-visible,
.bjcb-progress__step:focus-visible,
.bjcb-mobile-bar button:focus-visible,
.bjcb-reviews__more:focus-visible {
	outline: 3px solid rgba(243, 202, 25, 0.55);
	outline-offset: 2px;
}

.bjcb-choice.is-selected {
	border-color: var(--bjcb-black);
	box-shadow: 0 0 0 2px var(--bjcb-black), 0 24px 50px -36px rgba(0, 0, 0, 0.55);
}

html[data-bj-theme="dark"] .bjcb-choice.is-selected {
	border-color: var(--bjcb-yellow);
	box-shadow: 0 0 0 2px var(--bjcb-yellow), 0 24px 50px -36px rgba(0, 0, 0, 0.9);
}

.bjcb-choice:disabled,
.bjcb-choice.is-incompatible {
	cursor: not-allowed;
	opacity: 0.52;
}

.bjcb-choice[hidden] {
	display: none;
}

.bjcb-choice__check {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 26px;
	height: 26px;
	border: 1px solid rgba(255, 255, 255, 0.72);
	border-radius: 50%;
	background: rgba(24, 25, 27, 0.82);
	color: #ffffff;
	font-size: 14px;
	opacity: 0;
	transform: scale(0.7);
	transition: opacity 160ms ease, transform 160ms ease;
	z-index: 3;
}

.bjcb-choice.is-selected .bjcb-choice__check {
	opacity: 1;
	transform: scale(1);
}

.bjcb-choice__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	padding: 15px;
}

.bjcb-choice__topline {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 7px;
	margin-bottom: 8px;
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 800;
	line-height: 1.15;
	text-transform: uppercase;
}

.bjcb-choice__topline b {
	color: var(--bjcb-text);
	font-size: 10px;
	white-space: nowrap;
}

.bjcb-choice__topline span {
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-choice__title {
	display: block;
	min-height: 42px;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.25;
}

.bjcb-choice__rating {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 12px;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 750;
	line-height: 1.2;
}

.bjcb-choice__rating > span {
	color: #d89700;
	font-size: 10px;
}

.bjcb-choice__price {
	display: block;
	margin-top: auto;
	padding-top: 13px;
	color: var(--bjcb-text);
	font-size: 18px;
	font-weight: 900;
	line-height: 1.1;
}

.bjcb-choice__price .woocommerce-Price-currencySymbol {
	font-size: 12px;
}

.bjcb-piece {
	flex-direction: column;
	min-height: 405px;
}

.bjcb-piece__media {
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 100%;
	height: 195px;
	border-bottom: 1px solid var(--bjcb-line);
	background: #eef0ed;
	overflow: hidden;
}

.bjcb-piece__media::before {
	position: absolute;
	left: 18px;
	top: 16px;
	bottom: 19px;
	width: 1px;
	background: #aeb4ae;
	content: "";
}

.bjcb-piece__media::after {
	position: absolute;
	right: 17px;
	bottom: 18px;
	left: 17px;
	height: 1px;
	background: #aeb4ae;
	content: "";
}

.bjcb-piece__media img {
	position: absolute;
	left: 50%;
	bottom: 19px;
	width: auto;
	height: var(--bjcb-king-card);
	max-width: 58%;
	filter: drop-shadow(0 10px 7px rgba(22, 25, 22, 0.2));
	transform: translateX(-50%);
	transition: transform 240ms ease;
	z-index: 1;
}

.bjcb-piece:hover:not(:disabled) .bjcb-piece__media img,
.bjcb-piece.is-selected .bjcb-piece__media img {
	transform: translateX(-50%) scale(1.04);
}

.bjcb-piece__ruler {
	position: absolute;
	left: 7px;
	top: 12px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: #4d554e;
	font-size: 9px;
	font-weight: 850;
	z-index: 2;
}

.bjcb-piece__ruler i {
	display: block;
	width: 6px;
	height: 1px;
	background: currentColor;
}

.bjcb-piece__measurements {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-top: 10px;
}

.bjcb-piece__measurements span {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 7px 8px;
	border-left: 2px solid var(--bjcb-yellow);
	background: var(--bjcb-surface-soft);
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 700;
	text-transform: uppercase;
}

.bjcb-piece__measurements b {
	color: var(--bjcb-text);
	font-size: 12px;
}

.bjcb-step__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 28px;
	padding-top: 22px;
	border-top: 1px solid var(--bjcb-line);
}

.bjcb-step__actions--end {
	justify-content: flex-end;
}

.bjcb-step__actions--review {
	justify-content: flex-start;
}

.bjcb-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	min-height: 48px;
	padding: 11px 17px;
	border: 1px solid transparent;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 900;
	line-height: 1.2;
	cursor: pointer;
	transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, opacity 180ms ease;
}

.bjcb-button svg {
	font-size: 19px;
}

.bjcb-button:hover:not(:disabled) {
	transform: translateY(-2px);
}

.bjcb-button:disabled {
	cursor: not-allowed;
	opacity: 0.42;
}

.bjcb-button--primary {
	background: var(--bjcb-black);
	color: #ffffff;
}

.bjcb-button--primary:hover:not(:disabled),
.bjcb-button--cart:hover:not(:disabled) {
	background: #303236;
}

.bjcb-button--ghost {
	border-color: var(--bjcb-line);
	background: var(--bjcb-surface);
	color: var(--bjcb-text);
}

.bjcb-button--ghost:hover:not(:disabled) {
	border-color: var(--bjcb-line-strong);
}

.bjcb-board-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-bottom: 17px;
}

.bjcb-segments {
	display: inline-grid;
	grid-template-columns: repeat(4, auto);
	padding: 3px;
	border: 1px solid var(--bjcb-line);
	border-radius: 7px;
	background: var(--bjcb-surface);
}

.bjcb-segments button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	min-height: 35px;
	padding: 7px 9px;
	border: 0;
	border-radius: 4px;
	background: transparent;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 850;
	cursor: pointer;
}

.bjcb-segments button svg {
	font-size: 15px;
}

.bjcb-segments button.is-active {
	background: var(--bjcb-black);
	color: #ffffff;
}

.bjcb-board-toolbar > p {
	color: var(--bjcb-muted);
	font-size: 11px;
	font-weight: 750;
	white-space: nowrap;
}

.bjcb-board {
	flex-direction: column;
	min-height: 380px;
}

.bjcb-board__media {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 185px;
	padding: 11px;
	border-bottom: 1px solid var(--bjcb-line);
	background: #f1f2ef;
	overflow: hidden;
}

.bjcb-board__recommended,
.bjcb-board__discount {
	position: absolute;
	left: 10px;
	display: inline-flex;
	align-items: center;
	z-index: 2;
}

.bjcb-board__recommended {
	top: 10px;
	gap: 5px;
	min-height: 28px;
	padding: 5px 8px;
	border: 1px solid rgba(24, 25, 27, 0.16);
	border-radius: 4px;
	background: var(--bjcb-yellow);
	box-shadow: 0 8px 20px -14px rgba(0, 0, 0, 0.8);
	color: #18191b;
	font-size: 9px;
	font-weight: 950;
	line-height: 1;
	text-transform: uppercase;
}

.bjcb-board__recommended svg {
	width: 14px;
	height: 14px;
	fill: currentColor;
}

.bjcb-board__discount {
	bottom: 10px;
	gap: 5px;
	padding: 6px 8px;
	border-radius: 4px;
	background: rgba(24, 25, 27, 0.92);
	color: #ffffff;
	font-size: 9px;
	font-weight: 750;
	line-height: 1;
}

.bjcb-board__discount b {
	color: var(--bjcb-yellow);
	font-size: 10px;
	font-weight: 950;
}

.bjcb-board__recommended[hidden],
.bjcb-board__discount[hidden] {
	display: none;
}

.bjcb-board__media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	transition: transform 240ms ease;
}

.bjcb-board:hover:not(:disabled) .bjcb-board__media img,
.bjcb-board.is-selected .bjcb-board__media img {
	transform: scale(1.035);
}

.bjcb-board__size,
.bjcb-board__fit,
.bjcb-board__storage {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 9px;
	font-size: 10px;
	font-weight: 750;
	line-height: 1.3;
}

.bjcb-board__size {
	color: var(--bjcb-muted);
}

.bjcb-board__size svg {
	font-size: 14px;
}

.bjcb-board__fit,
.bjcb-board__storage {
	width: max-content;
	max-width: 100%;
	padding: 5px 7px;
	border-radius: 4px;
}

.bjcb-board__fit[data-fit="recommended"] {
	background: var(--bjcb-green-soft);
	color: var(--bjcb-green);
}

.bjcb-board__fit[data-fit="compatible"] {
	background: var(--bjcb-teal-soft);
	color: var(--bjcb-teal);
}

.bjcb-board__fit[data-fit="snug"] {
	background: #fff3c7;
	color: #705500;
}

html[data-bj-theme="dark"] .bjcb-board__fit[data-fit="snug"] {
	background: rgba(243, 202, 25, 0.14);
	color: #ffe97a;
}

.bjcb-board__fit[data-fit="incompatible"],
.bjcb-board__storage.is-warning {
	background: var(--bjcb-red-soft);
	color: var(--bjcb-red);
}

.bjcb-board__storage.is-ok {
	background: var(--bjcb-green-soft);
	color: var(--bjcb-green);
}

.bjcb-board-empty {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 15px;
	border: 1px solid var(--bjcb-line);
	border-left: 4px solid var(--bjcb-yellow);
	background: var(--bjcb-surface);
	color: var(--bjcb-muted);
	font-size: 13px;
	font-weight: 650;
	line-height: 1.45;
}

.bjcb-board-empty[hidden] {
	display: none;
}

.bjcb-board-empty svg {
	flex: 0 0 auto;
	color: var(--bjcb-text);
	font-size: 21px;
}

.bjcb-accessory-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bjcb-accessory {
	min-height: 218px;
}

.bjcb-accessory__media {
	display: flex;
	flex: 0 0 156px;
	align-items: center;
	justify-content: center;
	min-height: 216px;
	padding: 12px;
	border-right: 1px solid var(--bjcb-line);
	background: #f1f2ef;
}

.bjcb-accessory__media img {
	width: 100%;
	height: 100%;
	max-height: 180px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.bjcb-accessory__detail,
.bjcb-accessory__warning {
	display: block;
	margin-top: 9px;
	color: var(--bjcb-muted);
	font-size: 11px;
	font-weight: 550;
	line-height: 1.4;
}

.bjcb-accessory__warning {
	padding: 7px;
	border-left: 3px solid var(--bjcb-red);
	background: var(--bjcb-red-soft);
	color: var(--bjcb-red);
	font-weight: 750;
}

.bjcb-accessory__warning[hidden] {
	display: none;
}

.bjcb-builder-promo {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	margin-bottom: 16px;
	padding: 14px 16px;
	border: 1px solid var(--bjcb-line);
	border-left: 5px solid var(--bjcb-yellow);
	border-radius: 6px;
	background: var(--bjcb-surface-soft);
}

.bjcb-builder-promo[hidden] {
	display: none;
}

.bjcb-builder-promo__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--bjcb-black);
	color: var(--bjcb-yellow);
	font-size: 22px;
}

.bjcb-builder-promo > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.bjcb-builder-promo > div > span {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 850;
	text-transform: uppercase;
}

.bjcb-builder-promo > div > strong {
	font-size: 15px;
	font-weight: 900;
	line-height: 1.25;
}

.bjcb-builder-promo > div > p {
	color: var(--bjcb-muted);
	font-size: 11px;
	font-weight: 550;
	line-height: 1.4;
}

.bjcb-builder-promo > b {
	max-width: 150px;
	padding: 8px 10px;
	border-radius: 4px;
	background: var(--bjcb-black);
	color: #ffffff;
	font-size: 11px;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	text-transform: uppercase;
}

.bjcb-builder-promo[data-tier="gift"] {
	border-left-color: var(--bjcb-green);
	background: var(--bjcb-green-soft);
}

.bjcb-builder-promo[data-tier="gift"] > b {
	background: var(--bjcb-green);
}

.bjcb-builder-promo[data-tier="discount"] {
	border-left-color: var(--bjcb-yellow-strong);
}

.bjcb-builder-promo[data-tier="discount"] > b {
	background: var(--bjcb-yellow);
	color: #18191b;
}

.bjcb-accessory.is-promotional {
	border-color: #c7a800;
}

.bjcb-accessory.is-gift {
	border-color: var(--bjcb-green);
	cursor: default;
}

.bjcb-accessory .bjcb-choice__price del {
	margin-right: 7px;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 650;
}

.bjcb-accessory .bjcb-choice__price strong {
	color: var(--bjcb-green);
	font-size: 13px;
	font-weight: 950;
}

.bjcb-summary {
	position: sticky;
	top: 18px;
	border: 1px solid var(--bjcb-line);
	border-radius: 8px;
	background: var(--bjcb-surface);
	box-shadow: var(--bjcb-shadow);
	overflow: hidden;
}

.bjcb-summary__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 68px;
	padding: 13px 15px;
	background: var(--bjcb-black);
	color: #ffffff;
}

.bjcb-summary__head > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bjcb-summary__head span {
	color: #c9cdca;
	font-size: 9px;
	font-weight: 850;
	text-transform: uppercase;
}

.bjcb-summary__head strong {
	overflow: hidden;
	font-size: 14px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-summary__head .bjcb-summary__step {
	flex: 0 0 auto;
	padding: 5px 7px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 4px;
	color: var(--bjcb-yellow);
	font-size: 9px;
}

.bjcb-summary__visual {
	position: relative;
	height: 275px;
	border-bottom: 1px solid var(--bjcb-line);
	background: #eef0ed;
	overflow: hidden;
}

.bjcb-summary__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	gap: 12px;
	height: 100%;
	padding: 35px;
	color: #656b66;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.4;
	text-align: center;
}

.bjcb-summary__empty svg {
	width: 58px;
	height: 58px;
	color: #a7ada8;
}

.bjcb-summary__composition,
.bjcb-summary__matched {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	animation: bjcb-preview-enter 320ms both ease-out;
}

.bjcb-summary__composition[hidden],
.bjcb-summary__matched[hidden],
.bjcb-summary__empty[hidden] {
	display: none;
}

.bjcb-summary__board {
	width: 84%;
	height: 84%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.bjcb-summary__board[hidden] {
	display: none;
}

.bjcb-summary__king-stage {
	position: absolute;
	right: 14px;
	bottom: 14px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	width: 82px;
	height: 116px;
	padding: 7px;
	border: 1px solid rgba(24, 25, 27, 0.2);
	border-radius: 6px;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 13px 25px -18px rgba(0, 0, 0, 0.55);
}

.bjcb-summary__king-stage::after {
	position: absolute;
	right: 7px;
	bottom: 6px;
	left: 7px;
	height: 1px;
	background: #aeb4ae;
	content: "";
}

.bjcb-summary__king-stage img {
	width: auto;
	max-width: 68px;
	max-height: 98px;
	filter: drop-shadow(0 6px 5px rgba(0, 0, 0, 0.2));
	z-index: 1;
}

.bjcb-summary__composition.is-piece-only .bjcb-summary__king-stage {
	position: relative;
	right: auto;
	bottom: auto;
	width: 142px;
	height: 220px;
	padding: 12px;
	background: rgba(255, 255, 255, 0.72);
}

.bjcb-summary__composition.is-piece-only .bjcb-summary__king-stage img {
	max-width: 105px;
	max-height: 176px;
}

.bjcb-summary__matched > img {
	width: 100%;
	height: 100%;
	padding: 12px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.bjcb-summary__matched > span {
	position: absolute;
	right: 9px;
	bottom: 9px;
	left: 9px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 34px;
	padding: 7px 10px;
	border-radius: 4px;
	background: var(--bjcb-black);
	color: #ffffff;
	font-size: 10px;
	font-weight: 850;
}

.bjcb-summary__matched > span svg {
	color: var(--bjcb-yellow);
	font-size: 16px;
}

.bjcb-summary__selections {
	display: grid;
	gap: 0;
	padding: 5px 15px;
}

.bjcb-summary__selections > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-height: 44px;
	border-bottom: 1px solid var(--bjcb-line);
}

.bjcb-summary__selections > div:last-child {
	border-bottom: 0;
}

.bjcb-summary__selections span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 750;
}

.bjcb-summary__selections span svg {
	font-size: 14px;
}

.bjcb-summary__selections strong {
	max-width: 190px;
	overflow: hidden;
	font-size: 11px;
	font-weight: 850;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-summary__compatibility {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	margin: 5px 15px 10px;
	padding: 10px;
	border-left: 4px solid var(--bjcb-green);
	background: var(--bjcb-green-soft);
	color: var(--bjcb-green);
	font-size: 10px;
	font-weight: 750;
	line-height: 1.4;
}

.bjcb-summary__compatibility[hidden] {
	display: none;
}

.bjcb-summary__compatibility.is-warning {
	border-left-color: var(--bjcb-red);
	background: var(--bjcb-red-soft);
	color: var(--bjcb-red);
}

.bjcb-summary__compatibility svg {
	flex: 0 0 auto;
	font-size: 17px;
}

.bjcb-summary__price {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 15px;
	border-top: 1px solid var(--bjcb-line);
	background: var(--bjcb-surface-soft);
}

.bjcb-summary__price > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bjcb-summary__price span {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 750;
}

.bjcb-summary__price strong {
	font-size: 25px;
	font-weight: 900;
	line-height: 1.05;
}

.bjcb-summary__price .bjcb-summary__installments {
	max-width: 115px;
	color: var(--bjcb-green);
	font-size: 10px;
	font-weight: 850;
	line-height: 1.3;
	text-align: right;
}

.bjcb-summary__price .bjcb-summary__discount {
	display: inline-flex;
	width: max-content;
	max-width: 205px;
	margin: 2px 0 1px;
	padding: 4px 6px;
	border-left: 3px solid var(--bjcb-yellow);
	background: rgba(243, 202, 25, 0.13);
	color: var(--bjcb-text);
	font-size: 9px;
	font-weight: 850;
	line-height: 1.25;
}

.bjcb-summary__price .bjcb-summary__discount[hidden] {
	display: none;
}

.bjcb-summary__installments[hidden] {
	display: none;
}

.bjcb-summary__action {
	width: calc(100% - 30px);
	margin: 0 15px 15px;
}

.bjcb-review-order {
	border: 1px solid var(--bjcb-line);
	border-radius: 8px;
	background: var(--bjcb-surface);
	overflow: hidden;
}

.bjcb-review-order__match {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-bottom: 1px solid var(--bjcb-line);
	background: #fff7cf;
	color: #29220a;
}

.bjcb-review-order__match[hidden] {
	display: none;
}

.bjcb-review-order__custom-discount {
	display: grid;
	grid-template-columns: 42px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	padding: 14px;
	border-bottom: 1px solid var(--bjcb-line);
	background: #fff7cf;
	color: #29220a;
}

.bjcb-review-order__custom-discount[hidden] {
	display: none;
}

html[data-bj-theme="dark"] .bjcb-review-order__custom-discount {
	background: rgba(243, 202, 25, 0.14);
	color: #fff7d0;
}

.bjcb-review-order__custom-discount-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bjcb-black);
	color: var(--bjcb-yellow);
	font-size: 20px;
}

.bjcb-review-order__custom-discount-icon svg {
	fill: currentColor;
}

.bjcb-review-order__custom-discount > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bjcb-review-order__custom-discount > div span {
	font-size: 9px;
	font-weight: 850;
	text-transform: uppercase;
}

.bjcb-review-order__custom-discount > div strong {
	font-size: 14px;
	font-weight: 900;
}

.bjcb-review-order__custom-discount > div p {
	font-size: 10px;
	font-weight: 600;
	line-height: 1.35;
}

.bjcb-review-order__custom-discount > b {
	padding: 6px 8px;
	border-radius: 4px;
	background: var(--bjcb-green);
	color: #ffffff;
	font-size: 10px;
	font-weight: 900;
	white-space: nowrap;
}

html[data-bj-theme="dark"] .bjcb-review-order__match {
	background: rgba(243, 202, 25, 0.14);
	color: #fff7d0;
}

.bjcb-review-order__match-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--bjcb-black);
	color: var(--bjcb-yellow);
	font-size: 20px;
}

.bjcb-review-order__match > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bjcb-review-order__match > div span {
	font-size: 9px;
	font-weight: 850;
	text-transform: uppercase;
}

.bjcb-review-order__match > div strong {
	overflow: hidden;
	font-size: 14px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-review-order__match > div p {
	font-size: 10px;
	font-weight: 600;
	line-height: 1.35;
}

.bjcb-review-order__saving {
	padding: 6px 8px;
	border-radius: 4px;
	background: var(--bjcb-green);
	color: #ffffff;
	font-size: 10px;
	font-weight: 900;
	white-space: nowrap;
}

.bjcb-review-order__items {
	display: grid;
}

.bjcb-order-line {
	display: grid;
	grid-template-columns: 64px minmax(0, 1fr) auto;
	align-items: center;
	gap: 13px;
	min-height: 88px;
	padding: 11px 14px;
	border-bottom: 1px solid var(--bjcb-line);
}

.bjcb-order-line img {
	width: 64px;
	height: 64px;
	padding: 4px;
	border: 1px solid var(--bjcb-line);
	border-radius: 6px;
	background: #f4f5f2;
	object-fit: contain;
}

.bjcb-order-line__info {
	display: flex;
	flex-direction: column;
	gap: 3px;
	min-width: 0;
}

.bjcb-order-line__info span {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 800;
	text-transform: uppercase;
}

.bjcb-order-line__info strong {
	overflow: hidden;
	font-size: 13px;
	font-weight: 850;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-order-line__info small {
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 550;
}

.bjcb-order-line__price {
	font-size: 14px;
	font-weight: 900;
	white-space: nowrap;
}

.bjcb-order-line--gift,
.bjcb-order-line--discount,
.bjcb-order-line--builder-discount {
	border-left: 4px solid var(--bjcb-green);
	background: var(--bjcb-green-soft);
}

.bjcb-order-line--discount {
	border-left-color: var(--bjcb-yellow);
	background: var(--bjcb-surface-soft);
}

.bjcb-order-line--builder-discount {
	border-left-color: var(--bjcb-yellow);
	background: rgba(243, 202, 25, 0.07);
}

.bjcb-order-line__price > span {
	display: flex;
	align-items: flex-end;
	flex-direction: column;
	gap: 2px;
}

.bjcb-order-line__price del {
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 600;
}

.bjcb-order-line__price b {
	color: var(--bjcb-green);
	font-size: 14px;
	font-weight: 950;
	text-transform: uppercase;
}

.bjcb-review-order__total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 17px 14px;
	background: var(--bjcb-surface-soft);
}

.bjcb-review-order__total > div {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.bjcb-review-order__total span,
.bjcb-review-order__total small {
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 700;
}

.bjcb-review-order__total strong {
	font-size: 26px;
	font-weight: 900;
}

.bjcb-button--cart {
	min-width: 210px;
	background: var(--bjcb-black);
	color: #ffffff;
}

.bjcb-button--cart svg {
	color: var(--bjcb-yellow);
}

.bjcb-reviews {
	margin-top: 34px;
	padding-top: 30px;
	border-top: 1px solid var(--bjcb-line);
}

.bjcb-reviews > header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
}

.bjcb-reviews h3 {
	color: var(--bjcb-text);
	font-size: 25px;
	font-weight: 900;
	line-height: 1.15;
}

.bjcb-reviews__score {
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	gap: 1px 7px;
	text-align: right;
}

.bjcb-reviews__score[hidden] {
	display: none;
}

.bjcb-reviews__score strong {
	grid-row: 1 / 3;
	font-size: 28px;
	font-weight: 900;
}

.bjcb-reviews__score span {
	color: #d89700;
	font-size: 12px;
}

.bjcb-reviews__score small {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 750;
}

.bjcb-reviews__loading {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 11px;
	min-height: 150px;
	border: 1px solid var(--bjcb-line);
	background: var(--bjcb-surface);
	color: var(--bjcb-muted);
	font-size: 12px;
	font-weight: 700;
}

.bjcb-reviews__loading i {
	display: block;
	width: 22px;
	height: 22px;
	border: 3px solid var(--bjcb-line);
	border-top-color: var(--bjcb-yellow);
	border-radius: 50%;
	animation: bjcb-spin 700ms linear infinite;
}

.bjcb-reviews__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
}

.bjcb-review {
	display: flex;
	flex-direction: column;
	min-height: 210px;
	padding: 15px;
	border: 1px solid var(--bjcb-line);
	border-radius: 8px;
	background: var(--bjcb-surface);
	box-shadow: var(--bjcb-shadow);
	animation: bjcb-step-enter 260ms both ease-out;
}

.bjcb-review[hidden] {
	display: none;
}

.bjcb-review__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 11px;
}

.bjcb-review__head > div:first-child {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.bjcb-review__head strong {
	overflow: hidden;
	font-size: 12px;
	font-weight: 900;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-review__head span {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 650;
}

.bjcb-review__stars {
	display: flex;
	flex: 0 0 auto;
	gap: 1px;
}

.bjcb-review__stars span {
	color: #bdc1bd;
	font-size: 11px;
}

.bjcb-review__stars span.is-filled {
	color: #d89700;
}

.bjcb-review__body {
	color: var(--bjcb-text);
	font-size: 12px;
	font-weight: 550;
	line-height: 1.52;
}

.bjcb-review__body p:last-child {
	margin-bottom: 0;
}

.bjcb-review__photos {
	display: flex;
	gap: 6px;
	margin-top: 11px;
}

.bjcb-review__photos a {
	display: block;
	width: 46px;
	height: 46px;
	border: 1px solid var(--bjcb-line);
	border-radius: 4px;
	overflow: hidden;
}

.bjcb-review__photos img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bjcb-review footer {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-top: auto;
	padding-top: 13px;
	color: var(--bjcb-muted);
	font-size: 8px;
	font-weight: 750;
	text-transform: uppercase;
}

.bjcb-review footer span:first-child {
	flex: 0 0 auto;
	padding: 4px 5px;
	border-radius: 3px;
	background: var(--bjcb-surface-soft);
	color: var(--bjcb-text);
}

.bjcb-review footer span:last-child {
	overflow: hidden;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-reviews__more {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	margin-top: 14px;
	border: 1px solid var(--bjcb-line);
	border-radius: 6px;
	background: var(--bjcb-surface);
	color: var(--bjcb-text);
	font-size: 11px;
	font-weight: 850;
	cursor: pointer;
}

.bjcb-reviews__more svg {
	font-size: 17px;
	transition: transform 180ms ease;
}

.bjcb-reviews__more[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.bjcb-reviews__empty {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 13px;
	min-height: 145px;
	padding: 22px;
	border: 1px solid var(--bjcb-line);
	background: var(--bjcb-surface);
}

.bjcb-reviews__empty > svg {
	flex: 0 0 auto;
	font-size: 34px;
	color: var(--bjcb-green);
}

.bjcb-reviews__empty > div {
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.bjcb-reviews__empty strong {
	font-size: 13px;
	font-weight: 900;
}

.bjcb-reviews__empty span {
	color: var(--bjcb-muted);
	font-size: 11px;
	font-weight: 550;
}

.bjcb-mobile-bar {
	display: none;
}

.bjcb-toast {
	position: fixed;
	right: 20px;
	bottom: 20px;
	max-width: 360px;
	padding: 12px 15px;
	border-left: 5px solid var(--bjcb-green);
	border-radius: 6px;
	background: var(--bjcb-black);
	box-shadow: 0 22px 45px rgba(0, 0, 0, 0.24);
	color: #ffffff;
	font-size: 12px;
	font-weight: 750;
	line-height: 1.4;
	z-index: 10000;
}

.bjcb-toast.is-error {
	border-left-color: #e76459;
}

.bjcb-toast[hidden] {
	display: none;
}

@keyframes bjcb-king-rise {
	from { opacity: 0; transform: translateY(22px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes bjcb-step-enter {
	from { opacity: 0; transform: translateY(12px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes bjcb-preview-enter {
	from { opacity: 0; transform: scale(0.97); }
	to { opacity: 1; transform: scale(1); }
}

@keyframes bjcb-spin {
	to { transform: rotate(360deg); }
}

@media (max-width: 1120px) {
	.bjcb-intro__inner {
		grid-template-columns: minmax(0, 0.9fr) minmax(430px, 1.1fr);
		gap: 24px;
	}

	.bjcb-intro h1 {
		font-size: 42px;
	}

	.bjcb-layout {
		grid-template-columns: minmax(0, 1fr) 330px;
		gap: 24px;
	}

	.bjcb-piece-grid,
	.bjcb-board-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bjcb-accessory-grid {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.bjcb-intro__inner {
		grid-template-columns: 1fr;
		gap: 18px;
		padding-top: 34px;
	}

	.bjcb-intro::before {
		width: 56%;
		top: 54%;
		clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
	}

	.bjcb-intro h1,
	.bjcb-intro__content > p {
		max-width: 700px;
	}

	.bjcb-intro__scale {
		height: 225px;
		max-width: 700px;
		width: 100%;
		margin: 0 auto;
	}

	.bjcb-intro__scale img {
		height: var(--bjcb-king-intro-tablet);
	}

	.bjcb-intro__scale::before,
	.bjcb-intro__scale-line {
		bottom: 54px;
	}

	.bjcb-layout {
		grid-template-columns: 1fr;
	}

	.bjcb-summary {
		position: relative;
		top: auto;
		order: -1;
	}

	.bjcb-summary__visual {
		height: 330px;
	}

	.bjcb-summary__selections,
	.bjcb-summary__compatibility,
	.bjcb-summary__price,
	.bjcb-summary__action {
		display: none;
	}

	.bjcb-summary__head {
		min-height: 58px;
	}

	.bjcb-step {
		min-height: 0;
	}
}

@media (max-width: 720px) {
	.bjcb-builder-page {
		padding-bottom: 78px;
	}

	.bjcb-intro {
		min-height: 460px;
	}

	.bjcb-intro__inner {
		min-height: 460px;
		padding-top: 28px;
		padding-bottom: 20px;
	}

	.bjcb-intro h1 {
		font-size: 36px;
		line-height: 1.05;
	}

	.bjcb-intro__content > p {
		font-size: 15px;
	}

	.bjcb-intro__facts {
		gap: 8px 14px;
		margin-top: 17px;
	}

	.bjcb-intro__facts span {
		font-size: 10px;
	}

	.bjcb-intro__scale {
		height: 176px;
		padding-right: 0;
		padding-left: 0;
	}

	.bjcb-intro__scale img {
		bottom: 43px;
		height: var(--bjcb-king-intro-mobile);
		max-width: 82%;
	}

	.bjcb-intro__scale::before,
	.bjcb-intro__scale-line {
		bottom: 42px;
	}

	.bjcb-intro__scale-line {
		height: 105px;
		background-size: 100% 26px;
	}

	.bjcb-intro__scale figcaption {
		font-size: 8px;
	}

	.bjcb-intro__scale figcaption span {
		font-size: 9px;
	}

	.bjcb-progress {
		margin-bottom: 26px;
	}

	.bjcb-progress__step {
		grid-template-columns: 32px;
		grid-template-rows: 32px auto;
		justify-items: center;
		gap: 5px;
		min-height: 68px;
		padding: 9px 3px;
		text-align: center;
	}

	.bjcb-progress__icon {
		grid-row: 1;
		width: 32px;
		height: 32px;
		font-size: 15px;
	}

	.bjcb-progress__number {
		display: none;
	}

	.bjcb-progress__step strong {
		align-self: center;
		font-size: 10px;
	}

	.bjcb-summary {
		display: none;
	}

	.bjcb-step__header {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 11px;
		margin-bottom: 20px;
	}

	.bjcb-step__index {
		width: 42px;
		height: 42px;
		border-left-width: 4px;
		font-size: 14px;
	}

	.bjcb-step__header h2 {
		font-size: 25px;
	}

	.bjcb-step__header p {
		font-size: 13px;
	}

	.bjcb-piece-grid,
	.bjcb-board-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}

	.bjcb-piece {
		min-height: 348px;
	}

	.bjcb-piece__media {
		height: 165px;
	}

	.bjcb-piece__media img {
		height: var(--bjcb-king-card-mobile);
	}

	.bjcb-choice__body {
		padding: 11px;
	}

	.bjcb-choice__title {
		min-height: 38px;
		font-size: 14px;
	}

	.bjcb-choice__topline span {
		display: none;
	}

	.bjcb-choice__rating {
		font-size: 9px;
	}

	.bjcb-choice__rating > span {
		display: none;
	}

	.bjcb-board-toolbar {
		align-items: stretch;
		flex-direction: column;
	}

	.bjcb-segments {
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		width: 100%;
		overflow: hidden;
	}

	.bjcb-segments button {
		min-width: 0;
		padding: 7px 3px;
	}

	.bjcb-segments button span {
		display: none;
	}

	.bjcb-segments button svg {
		font-size: 17px;
	}

	.bjcb-board-toolbar > p {
		text-align: right;
	}

	.bjcb-board {
		min-height: 350px;
	}

	.bjcb-board__media {
		height: 150px;
	}

	.bjcb-board__fit,
	.bjcb-board__storage {
		width: 100%;
		font-size: 9px;
	}

	.bjcb-accessory-grid {
		gap: 10px;
	}

	.bjcb-accessory {
		min-height: 184px;
	}

	.bjcb-accessory__media {
		flex-basis: 120px;
		min-height: 182px;
	}

	.bjcb-step__actions {
		margin-top: 22px;
	}

	.bjcb-button {
		min-height: 45px;
	}

	.bjcb-step__actions .bjcb-button--primary {
		display: none;
	}

	.bjcb-review-order__match,
	.bjcb-review-order__custom-discount {
		grid-template-columns: 36px minmax(0, 1fr);
	}

	.bjcb-review-order__match-icon,
	.bjcb-review-order__custom-discount-icon {
		width: 36px;
		height: 36px;
	}

	.bjcb-review-order__saving,
	.bjcb-review-order__custom-discount > b {
		grid-column: 2;
		width: max-content;
	}

	.bjcb-review-order__match > div strong,
	.bjcb-review-order__custom-discount > div strong {
		overflow: visible;
		white-space: normal;
	}

	.bjcb-order-line {
		grid-template-columns: 54px minmax(0, 1fr);
		gap: 10px;
	}

	.bjcb-order-line img {
		width: 54px;
		height: 54px;
	}

	.bjcb-order-line__price {
		grid-column: 2;
	}

	.bjcb-order-line__info strong {
		overflow: visible;
		white-space: normal;
	}

	.bjcb-review-order__total {
		align-items: stretch;
		flex-direction: column;
	}

	.bjcb-review-order__total strong {
		font-size: 24px;
	}

	.bjcb-button--cart {
		display: none;
	}

	.bjcb-reviews > header {
		align-items: flex-start;
		flex-direction: column;
		gap: 10px;
	}

	.bjcb-reviews__score {
		text-align: left;
	}

	.bjcb-reviews__grid {
		grid-template-columns: 1fr;
	}

	.bjcb-mobile-bar {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 14px;
		min-height: 70px;
		padding: 9px max(16px, env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
		border-top: 1px solid rgba(255, 255, 255, 0.1);
		background: #18191b;
		box-shadow: 0 -16px 35px rgba(0, 0, 0, 0.2);
		color: #ffffff;
		z-index: 9998;
	}

	.bjcb-mobile-bar > div {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	.bjcb-mobile-bar > div span {
		color: #bdc2be;
		font-size: 9px;
		font-weight: 750;
		text-transform: uppercase;
	}

	.bjcb-mobile-bar > div strong {
		overflow: hidden;
		font-size: 18px;
		font-weight: 900;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.bjcb-mobile-bar button {
		display: inline-flex;
		flex: 0 1 190px;
		align-items: center;
		justify-content: center;
		gap: 8px;
		min-height: 46px;
		padding: 9px 12px;
		border: 0;
		border-radius: 6px;
		background: var(--bjcb-yellow);
		color: #18191b;
		font-size: 11px;
		font-weight: 900;
		cursor: pointer;
	}

	.bjcb-mobile-bar button:disabled {
		cursor: not-allowed;
		opacity: 0.46;
	}

	.bjcb-mobile-bar button svg {
		flex: 0 0 auto;
		font-size: 18px;
	}

	.bjcb-toast {
		right: 14px;
		bottom: 84px;
		left: 14px;
		max-width: none;
	}
}

@media (max-width: 430px) {
	.bjcb-intro h1 {
		font-size: 32px;
	}

	.bjcb-piece-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bjcb-piece {
		min-height: 330px;
	}

	.bjcb-piece__media {
		height: 145px;
	}

	.bjcb-piece__media img {
		height: var(--bjcb-king-card-mobile);
	}

	.bjcb-piece__measurements {
		grid-template-columns: 1fr;
	}

	.bjcb-piece__measurements span:nth-child(2) {
		display: none;
	}

	.bjcb-board-grid {
		grid-template-columns: 1fr;
	}

	.bjcb-board {
		min-height: 0;
	}

	.bjcb-board__media {
		height: 190px;
	}

	.bjcb-accessory {
		flex-direction: column;
	}

	.bjcb-accessory__media {
		flex-basis: auto;
		width: 100%;
		height: 170px;
		min-height: 170px;
		border-right: 0;
		border-bottom: 1px solid var(--bjcb-line);
	}

	.bjcb-mobile-bar button {
		flex-basis: 165px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.bjcb *,
	.bjcb *::before,
	.bjcb *::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Configuration stack */
.bjcb-config-overview {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 32px;
	padding: 28px 0 24px;
	border-bottom: 1px solid var(--bjcb-line);
}

.bjcb-config-overview > div:first-child {
	max-width: 720px;
}

.bjcb-config-overview h2 {
	margin-top: 4px;
	color: var(--bjcb-text);
	font-size: 30px;
	font-weight: 900;
	line-height: 1.12;
}

.bjcb-config-overview p {
	margin-top: 7px;
	color: var(--bjcb-muted);
	font-size: 14px;
	font-weight: 550;
	line-height: 1.5;
}

.bjcb-build-progress {
	display: flex;
	flex: 0 0 260px;
	flex-direction: column;
	gap: 8px;
}

.bjcb-build-progress > span {
	color: var(--bjcb-text);
	font-size: 11px;
	font-weight: 850;
	text-align: right;
}

.bjcb-build-progress > div,
.bjcb-summary__progress > div {
	height: 7px;
	border-radius: 4px;
	background: var(--bjcb-line);
	overflow: hidden;
}

.bjcb-build-progress i,
.bjcb-summary__progress i {
	display: block;
	width: 0;
	height: 100%;
	border-radius: inherit;
	background: var(--bjcb-yellow);
	transition: width 420ms cubic-bezier(0.22, 1, 0.36, 1);
}

.bjcb-config-overview + .bjcb-layout {
	margin-top: 24px;
}

.bjcb-config-list {
	display: grid;
	gap: 12px;
}

.bjcb-config-item.bjcb-step {
	display: contents;
	min-height: 0;
	animation: none;
}

.bjcb-config-item[data-bjcb-step="1"] > .bjcb-component-trigger { order: 1; }
.bjcb-config-item[data-bjcb-step="2"] > .bjcb-component-trigger { order: 2; }
.bjcb-config-item[data-bjcb-step="3"] > .bjcb-component-trigger { order: 3; }
.bjcb-config-item[data-bjcb-step="4"] > .bjcb-component-trigger { order: 4; }
.bjcb-config-item > .bjcb-component-panel { order: 5; }

.bjcb-component-trigger {
	display: grid;
	grid-template-columns: 58px minmax(0, 1fr) auto;
	align-items: center;
	gap: 15px;
	width: 100%;
	min-height: 88px;
	padding: 12px 14px;
	border: 1px solid var(--bjcb-line);
	border-left: 5px solid transparent;
	border-radius: 6px;
	background: var(--bjcb-surface);
	box-shadow: 0 14px 30px -29px rgba(16, 22, 18, 0.55);
	color: var(--bjcb-text);
	cursor: pointer;
	text-align: left;
	transition: border-color 180ms ease, background 180ms ease, color 180ms ease, transform 180ms ease;
}

.bjcb-component-trigger:hover:not(:disabled) {
	border-color: var(--bjcb-line-strong);
	transform: translateY(-1px);
}

.bjcb-component-trigger:focus-visible {
	outline: 3px solid rgba(243, 202, 25, 0.55);
	outline-offset: 2px;
}

.bjcb-component-trigger:disabled {
	background: var(--bjcb-surface) !important;
	color: var(--bjcb-text) !important;
	cursor: not-allowed;
	opacity: 0.58;
}

body.bjcb-builder-page .bjcb button.bjcb-component-trigger:disabled {
	border-color: var(--bjcb-line) !important;
	background-color: var(--bjcb-surface) !important;
	color: var(--bjcb-text) !important;
}

.bjcb-component-trigger.is-active {
	border-color: var(--bjcb-black);
	border-left-color: var(--bjcb-yellow);
	background: var(--bjcb-black);
	color: #ffffff;
}

.bjcb-component-trigger.is-complete:not(.is-active) {
	border-left-color: var(--bjcb-green);
}

.bjcb-component-trigger__marker {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	justify-items: center;
	gap: 5px;
	width: 58px;
	height: 52px;
	border-right: 1px solid var(--bjcb-line);
	color: var(--bjcb-muted);
}

.bjcb-component-trigger.is-active .bjcb-component-trigger__marker {
	border-right-color: rgba(255, 255, 255, 0.16);
	color: var(--bjcb-yellow);
}

.bjcb-component-trigger__marker b {
	font-size: 10px;
	font-weight: 900;
}

.bjcb-component-trigger__marker svg {
	font-size: 25px;
}

.bjcb-component-trigger__copy {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.bjcb-component-trigger__copy small {
	color: var(--bjcb-green);
	font-size: 9px;
	font-weight: 900;
	line-height: 1.15;
	text-transform: uppercase;
}

.bjcb-component-trigger.is-active .bjcb-component-trigger__copy small {
	color: var(--bjcb-yellow);
}

.bjcb-component-trigger__copy strong {
	margin-top: 2px;
	font-size: 18px;
	font-weight: 900;
	line-height: 1.15;
}

.bjcb-component-trigger__copy > span {
	margin-top: 4px;
	overflow: hidden;
	color: var(--bjcb-muted);
	font-size: 11px;
	font-weight: 650;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-component-trigger.is-active .bjcb-component-trigger__copy > span {
	color: #c9cdca;
}

.bjcb-component-trigger__action {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 850;
	text-transform: uppercase;
}

.bjcb-component-trigger.is-active .bjcb-component-trigger__action {
	color: #ffffff;
}

.bjcb-component-trigger__action i {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: var(--bjcb-black);
	color: var(--bjcb-yellow);
	font-style: normal;
	font-size: 19px;
}

.bjcb-component-trigger.is-active .bjcb-component-trigger__action i {
	background: var(--bjcb-yellow);
	color: var(--bjcb-black);
}

.bjcb-component-trigger__edit,
.bjcb-component-trigger.has-selection .bjcb-component-trigger__plus {
	display: none !important;
}

.bjcb-component-trigger.has-selection .bjcb-component-trigger__edit {
	display: inline-flex !important;
}

.bjcb-component-panel {
	padding: 25px 2px 16px;
	animation: bjcb-step-enter 300ms both ease-out;
}

.bjcb-component-panel[hidden] {
	display: none;
}

.bjcb-selector-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
}

.bjcb-selector-heading > div {
	max-width: 720px;
}

.bjcb-selector-heading h3 {
	margin-top: 3px;
	font-size: 27px;
	font-weight: 900;
	line-height: 1.12;
}

.bjcb-selector-heading p {
	margin-top: 6px;
	color: var(--bjcb-muted);
	font-size: 13px;
	font-weight: 550;
	line-height: 1.5;
}

.bjcb-selector-heading__order {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding-bottom: 3px;
	color: var(--bjcb-muted);
	font-size: 10px;
	font-weight: 850;
	white-space: nowrap;
}

.bjcb-selector-heading__order svg {
	color: var(--bjcb-yellow);
	font-size: 16px;
}

.bjcb-piece {
	min-height: 470px;
}

.bjcb-piece__features {
	display: grid;
	gap: 4px;
	margin-top: 9px;
}

.bjcb-piece__features > span {
	display: grid;
	grid-template-columns: 16px minmax(0, 1fr);
	align-items: center;
	gap: 6px;
	min-height: 24px;
	padding: 4px 7px;
	background: var(--bjcb-surface-soft);
	color: var(--bjcb-text);
	font-size: 9px;
	font-weight: 750;
	line-height: 1.2;
}

.bjcb-piece__features svg {
	font-size: 14px;
}

.bjcb-piece__features .is-positive {
	background: var(--bjcb-green-soft);
	color: var(--bjcb-green);
}

.bjcb-piece__features .is-neutral {
	color: var(--bjcb-muted);
}

.bjcb-summary__progress {
	display: flex;
	flex-direction: column;
	gap: 7px;
	padding: 10px 15px 13px;
	border-top: 1px solid var(--bjcb-line);
}

.bjcb-summary__progress > span {
	color: var(--bjcb-muted);
	font-size: 9px;
	font-weight: 800;
}

@media (min-width: 901px) {
	.bjcb-intro,
	.bjcb-intro__inner {
		min-height: 285px;
	}

	.bjcb-intro__inner {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.bjcb-intro h1 {
		font-size: 44px;
	}

	.bjcb-intro__scale {
		height: 235px;
	}
}

@media (max-width: 900px) {
	.bjcb-config-overview {
		align-items: stretch;
		flex-direction: column;
		gap: 17px;
	}

	.bjcb-build-progress {
		flex-basis: auto;
		width: 100%;
	}

	.bjcb-build-progress > span {
		text-align: left;
	}

	.bjcb-config-overview + .bjcb-layout {
		margin-top: 18px;
	}

	.bjcb-summary__progress {
		display: none;
	}
}

@media (max-width: 720px) {
	.bjcb-intro,
	.bjcb-intro__inner {
		min-height: 335px;
	}

	.bjcb-intro__inner {
		gap: 7px;
		padding-top: 18px;
		padding-bottom: 11px;
	}

	.bjcb-intro h1 {
		font-size: 32px;
	}

	.bjcb-intro__content > p {
		font-size: 13px;
	}

	.bjcb-intro__facts {
		margin-top: 13px;
	}

	.bjcb-intro__scale {
		height: 126px;
	}

	.bjcb-intro__scale img {
		bottom: 34px;
	}

	.bjcb-intro__scale::before,
	.bjcb-intro__scale-line {
		bottom: 33px;
	}

	.bjcb-intro__scale-line {
		height: 88px;
	}

	.bjcb-config-overview {
		gap: 11px;
		padding: 15px 0 14px;
	}

	.bjcb-config-overview h2 {
		font-size: 24px;
	}

	.bjcb-config-overview p {
		font-size: 12px;
	}

	.bjcb-build-progress {
		gap: 5px;
	}

	.bjcb-component-trigger {
		grid-template-columns: 48px minmax(0, 1fr) 38px;
		gap: 10px;
		min-height: 78px;
		padding: 10px;
		border-left-width: 4px;
	}

	.bjcb-component-trigger__marker {
		grid-template-columns: 1fr;
		gap: 2px;
		width: 48px;
		height: 48px;
	}

	.bjcb-component-trigger__marker svg {
		font-size: 20px;
	}

	.bjcb-component-trigger__copy strong {
		font-size: 15px;
	}

	.bjcb-component-trigger__copy > span {
		font-size: 9px;
	}

	.bjcb-component-trigger__action > span {
		display: none;
	}

	.bjcb-component-trigger__action i {
		width: 36px;
		height: 36px;
		font-size: 17px;
	}

	.bjcb-component-panel {
		padding: 20px 0 12px;
	}

	.bjcb-selector-heading {
		align-items: flex-start;
		flex-direction: column;
		gap: 8px;
		margin-bottom: 16px;
	}

	.bjcb-selector-heading h3 {
		font-size: 23px;
	}

	.bjcb-selector-heading p {
		font-size: 12px;
	}

	.bjcb-selector-heading__order {
		align-self: flex-end;
	}

	.bjcb-piece {
		min-height: 430px;
	}

	.bjcb-piece__features > span {
		grid-template-columns: 14px minmax(0, 1fr);
		gap: 4px;
		padding: 4px 5px;
		font-size: 8px;
	}

	.bjcb-piece__features svg {
		font-size: 12px;
	}
}

@media (max-width: 430px) {
	.bjcb-intro,
	.bjcb-intro__inner {
		min-height: 335px;
	}

	.bjcb-intro h1 {
		font-size: 29px;
	}

	.bjcb-piece {
		min-height: 410px;
	}

	.bjcb-piece__media {
		height: 150px;
	}

	.bjcb-piece__measurements {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.bjcb-piece__measurements span:nth-child(2) {
		display: flex;
	}
}

body.bjcb-lightbox-open {
	overflow: hidden;
}

.bjcb-review__photos a {
	cursor: zoom-in;
}

.bjcb-review__photos a:focus-visible {
	outline: 3px solid rgba(243, 202, 25, 0.7);
	outline-offset: 2px;
}

.bjcb-lightbox {
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 70px 90px 38px;
	background: rgba(10, 11, 12, 0.94);
	z-index: 10020;
}

.bjcb-lightbox[hidden],
.bjcb-lightbox__nav[hidden] {
	display: none;
}

.bjcb-lightbox__stage {
	display: grid;
	place-items: center;
	gap: 12px;
	width: min(1100px, calc(100vw - 180px));
	height: min(820px, calc(100dvh - 108px));
	animation: bjcb-preview-enter 220ms both ease-out;
}

.bjcb-lightbox__stage img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: calc(100dvh - 160px);
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 4px;
	background: #ffffff;
	box-shadow: 0 26px 70px rgba(0, 0, 0, 0.48);
	object-fit: contain;
}

.bjcb-lightbox__stage figcaption {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	width: 100%;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.35;
}

.bjcb-lightbox__stage figcaption span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.bjcb-lightbox__stage figcaption small {
	flex: 0 0 auto;
	color: #c8ccc9;
	font-size: 10px;
	font-weight: 800;
}

.bjcb-lightbox__close,
.bjcb-lightbox__nav {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.24);
	border-radius: 50%;
	background: #25272a;
	color: #ffffff;
	cursor: pointer;
	transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.bjcb-lightbox__close:hover,
.bjcb-lightbox__nav:hover {
	border-color: var(--bjcb-yellow);
	background: var(--bjcb-yellow);
	color: #18191b;
	transform: scale(1.04);
}

.bjcb-lightbox__close:focus-visible,
.bjcb-lightbox__nav:focus-visible {
	outline: 3px solid rgba(243, 202, 25, 0.7);
	outline-offset: 3px;
}

.bjcb-lightbox__close svg,
.bjcb-lightbox__nav svg {
	width: 23px;
	height: 23px;
}

.bjcb-lightbox__close {
	top: 18px;
	right: 22px;
}

.bjcb-lightbox__nav {
	top: 50%;
	transform: translateY(-50%);
}

.bjcb-lightbox__nav:hover {
	transform: translateY(-50%) scale(1.04);
}

.bjcb-lightbox__nav--previous {
	left: 22px;
}

.bjcb-lightbox__nav--next {
	right: 22px;
}

@media (max-width: 720px) {
	.bjcb-builder-promo {
		grid-template-columns: 38px minmax(0, 1fr);
		gap: 10px;
		padding: 12px;
	}

	.bjcb-builder-promo__icon {
		width: 38px;
		height: 38px;
		font-size: 19px;
	}

	.bjcb-builder-promo > b {
		grid-column: 2;
		justify-self: start;
		max-width: none;
	}

	.bjcb-lightbox {
		padding: 62px 12px 24px;
	}

	.bjcb-lightbox__stage {
		width: 100%;
		height: calc(100dvh - 86px);
	}

	.bjcb-lightbox__stage img {
		max-height: calc(100dvh - 145px);
	}

	.bjcb-lightbox__stage figcaption {
		padding: 0 4px;
		font-size: 10px;
	}

	.bjcb-lightbox__close,
	.bjcb-lightbox__nav {
		width: 42px;
		height: 42px;
	}

	.bjcb-lightbox__close {
		top: 10px;
		right: 12px;
	}

	.bjcb-lightbox__nav {
		top: auto;
		bottom: 18px;
		transform: none;
	}

	.bjcb-lightbox__nav:hover {
		transform: scale(1.04);
	}

	.bjcb-lightbox__nav--previous {
		left: 12px;
	}

	.bjcb-lightbox__nav--next {
		right: 12px;
	}
}