/**
 * Configuratore Studio — Woodmart / PC Precision.
 */

.pcp-studio-page {
	background: var(--pcp-blue-bg, #f5f7fa);
}

body.pcp-studio-sheet-lock {
	overflow: hidden;
}

body.pcp-studio-page-body .post-password-form {
	max-width: 28rem;
	margin: 4rem auto;
	padding: 1.5rem 1.6rem 1.35rem;
	background: #fff;
	border: 1px solid rgba(15, 23, 42, 0.1);
	border-radius: 8px;
	box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

body.pcp-studio-page-body .post-password-form p {
	margin: 0 0 0.85rem;
	color: #334155;
}

body.pcp-studio-page-body .post-password-form input[type="password"] {
	width: 100%;
	margin: 0.4rem 0 0.85rem;
	padding: 0.65rem 0.8rem;
	border: 1px solid rgba(15, 23, 42, 0.14);
	border-radius: 8px;
}

body.pcp-studio-page-body .post-password-form input[type="submit"] {
	background: var(--wd-primary-color, #1e40af);
	color: #fff;
	border: 0;
	border-radius: 6px;
	padding: 0.55rem 1rem;
	font-weight: 700;
	cursor: pointer;
}

@media (max-width: 1080px) {
	body.pcp-studio-page-body {
		scroll-padding-bottom: 128px;
	}

	body.pcp-studio-page-body .wd-toolbar,
	body.pcp-studio-page-body .wd-bottom-toolbar,
	body.pcp-studio-page-body .pcp-chatbot {
		display: none !important;
	}

	body.pcp-studio-page-body .wd-footer,
	body.pcp-studio-page-body .pcp-footer-wrap,
	body.pcp-studio-page-body footer {
		padding-bottom: calc(148px + env(safe-area-inset-bottom));
	}

	body.pcp-studio-page-body .whb-header .wd-search-form,
	body.pcp-studio-page-body .whb-header .wd-header-search-form,
	body.pcp-studio-page-body .whb-header .searchform,
	body.pcp-studio-page-body .whb-header .wd-header-search {
		display: none !important;
	}
}

.pcp-studio-page .wd-page-content,
.pcp-studio-page .container,
.pcp-studio-page .main-page-wrapper,
.pcp-studio-page .wd-content-layout {
	max-width: none !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	width: 100%;
}

.pcp-studio {
	--s-primary: var(--pcp-primary, var(--wd-primary-color, #1e40af));
	--s-primary-dark: var(--pcp-primary-dark, #1e3a8a);
	--s-hover: var(--pcp-blue-primary-hover, #172554);
	--s-text: #0f172a;
	--s-muted: #64748b;
	--s-line: rgba(15, 23, 42, 0.1);
	--s-card: #fff;
	--s-radius: var(--wd-brd-radius, 8px);
	--s-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
	--s-max: min(1280px, calc(100% - 32px));
	color: var(--s-text);
	font-family: inherit;
	padding-bottom: 96px;
}

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

.pcp-studio button:not(.wd-info-box),
.pcp-studio p,
.pcp-studio li,
.pcp-studio h2,
.pcp-studio h3 {
	text-transform: none !important;
}

.pcp-studio__demo-ribbon {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem 1rem;
	align-items: center;
	justify-content: center;
	padding: 0.7rem 1rem;
	background: #111827;
	color: #e5e7eb;
	font-size: 0.82rem;
	text-align: center;
}

.pcp-studio__demo-ribbon strong {
	color: #93c5fd;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-size: 0.72rem;
}

.pcp-studio__hero {
	width: var(--s-max);
	margin: 0 auto;
	padding: 1.75rem 0 0.85rem;
}

.pcp-studio__hero .title-wrapper,
.pcp-studio__receive .title-wrapper {
	margin-bottom: 0;
}

.pcp-studio__hero .title,
.pcp-studio__receive .title {
	margin: 0;
}

.pcp-studio__hero .title-subtitle,
.pcp-studio__receive .title-subtitle {
	display: block;
	margin-bottom: 0.35rem;
}

.pcp-studio__receive {
	width: var(--s-max);
	margin: 0 auto 1.25rem;
}

.pcp-studio__receive .pcp-studio__section-head h2 {
	font-size: 1.35rem;
}

.pcp-studio__receive-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin-top: 0.85rem;
}

.pcp-studio button.pcp-studio__ship,
.pcp-studio button.pcp-studio__ship:hover,
.pcp-studio button.pcp-studio__ship:focus,
.pcp-studio button.pcp-studio__ship:focus-visible,
.pcp-studio button.pcp-studio__ship:active {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	margin: 0;
	padding: 1.05rem 1.15rem 1.1rem 1.2rem;
	border: 1px solid var(--s-line);
	border-radius: 12px;
	background: #fff;
	color: var(--s-text);
	text-align: left;
	font: inherit;
	cursor: pointer;
	box-shadow: none;
	filter: none;
	opacity: 1;
	white-space: normal;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.pcp-studio button.pcp-studio__ship::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--s-primary);
}

.pcp-studio button.pcp-studio__ship--kit::before {
	background: var(--s-muted);
}

.pcp-studio__ship-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 0.5rem;
	margin-bottom: 0.4rem;
}

.pcp-studio__ship-kicker {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.5rem;
	border-radius: 4px;
	background: var(--s-primary);
	color: #fff;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.pcp-studio__ship--kit .pcp-studio__ship-kicker {
	background: var(--s-muted);
}

.pcp-studio button.pcp-studio__ship .product-label {
	position: static;
	margin: 0;
}

.pcp-studio button.pcp-studio__ship strong {
	font-size: 1.12rem;
	font-weight: 800;
	color: var(--s-text);
}

.pcp-studio button.pcp-studio__ship p {
	margin: 0.28rem 0 0;
	color: var(--s-muted);
	font-size: 0.88rem;
	line-height: 1.45;
	max-width: 36rem;
}

.pcp-studio button.pcp-studio__ship ul {
	margin: 0.55rem 0 0;
	padding: 0 0 0 1.05rem;
	color: var(--s-text);
	font-size: 0.82rem;
	line-height: 1.45;
}

.pcp-studio button.pcp-studio__ship li {
	margin: 0.12rem 0;
	color: var(--s-text);
}

.pcp-studio__ship-price {
	display: flex;
	align-items: baseline;
	gap: 0.45rem;
	margin-top: 0.85rem;
}

.pcp-studio button.pcp-studio__ship .pcp-studio__ship-price strong {
	font-size: 1.2rem;
	font-weight: 800;
	color: var(--s-primary);
	white-space: nowrap;
}

.pcp-studio__ship--kit .pcp-studio__ship-price strong {
	color: var(--s-text);
}

.pcp-studio button.pcp-studio__ship .pcp-studio__ship-price small {
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--s-muted);
}

.pcp-studio button.pcp-studio__ship:hover,
.pcp-studio button.pcp-studio__ship:focus-visible {
	border-color: var(--s-primary);
	background: #f8fafc;
	color: var(--s-text);
}

.pcp-studio button.pcp-studio__ship.is-on,
.pcp-studio button.pcp-studio__ship.is-on:hover {
	border-color: var(--s-primary);
	background: #eef2ff;
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
	color: var(--s-text);
}

.pcp-studio button.wd-info-box,
.pcp-studio .wd-info-box[data-pcp-receive],
.pcp-studio .wd-info-box[data-svc],
.pcp-studio .wd-info-box[data-mem] {
	display: flex !important;
	flex-direction: column;
	align-items: stretch;
	white-space: normal;
	width: 100%;
	margin: 0;
	padding: 1.25rem 1.35rem;
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
	background: var(--bgcolor-white, #fff);
	border: 1px solid var(--brdcolor-gray-300, var(--s-line));
	border-radius: var(--wd-brd-radius, 8px);
	box-shadow: none;
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pcp-studio .wd-info-box[data-pcp-receive].is-on,
.pcp-studio .wd-info-box[data-svc].is-on,
.pcp-studio .wd-info-box[data-mem].is-on {
	border-color: var(--wd-primary-color, var(--s-primary));
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wd-primary-color, var(--s-primary)) 22%, transparent);
}

.pcp-studio .wd-info-box .info-box-content {
	position: relative;
	width: 100%;
}

.pcp-studio .wd-info-box .product-label {
	position: absolute;
	top: 0;
	right: 0;
}

.pcp-studio .wd-info-box .info-box-subtitle {
	display: block;
	margin-bottom: 0.2rem;
	color: var(--wd-primary-color, var(--s-primary));
	text-transform: none;
}

.pcp-studio .wd-info-box .info-box-title {
	margin: 0 0 0.4rem;
	padding-right: 5.5rem;
	text-transform: none;
}

.pcp-studio .wd-info-box .info-box-inner p {
	margin: 0;
	color: var(--wd-text-color, var(--s-muted));
}

.pcp-studio .wd-info-box .price {
	display: block;
	margin-top: 0.9rem;
	color: var(--wd-primary-color, var(--s-primary));
	font-size: 1.25rem;
	font-weight: 700;
}

.pcp-studio .wd-info-box .price-label {
	display: block;
	margin-top: 0.15rem;
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__steps {
	width: var(--s-max);
	margin: 0 auto 1.15rem;
	padding: 0;
	list-style: none;
	display: flex;
	gap: 0.35rem;
	overflow-x: auto;
	scrollbar-width: thin;
	scroll-padding-inline: 12px;
}

.pcp-studio__fps-hud {
	width: var(--s-max);
	margin: -0.35rem auto 1rem;
	padding: 0.7rem 0.9rem 0.75rem;
	border: 1px solid var(--s-line);
	border-radius: calc(var(--s-radius) + 4px);
	background: #fff;
	box-shadow: var(--s-shadow);
	position: relative;
	z-index: 1;
}

.pcp-studio__fps-hud[hidden] {
	display: none !important;
}

.pcp-studio__step {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	gap: 0.4rem;
	border: 1px solid var(--s-line);
	background: var(--s-card);
	border-radius: 999px;
	padding: 0.38rem 0.7rem 0.38rem 0.38rem;
	font-size: 0.75rem;
	color: var(--s-muted);
	cursor: pointer;
	white-space: nowrap;
}

.pcp-studio__step em {
	font-style: normal;
	font-weight: 650;
}

.pcp-studio__step span {
	width: 1.45rem;
	height: 1.45rem;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: #eef2ff;
	color: var(--s-primary);
	font-weight: 700;
	font-size: 0.7rem;
}

.pcp-studio__step.is-current {
	border-color: var(--s-primary);
	color: var(--s-text);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
}

.pcp-studio__step.is-current span,
.pcp-studio__step.is-done span {
	background: var(--s-primary);
	color: #fff;
}

.pcp-studio__step.is-done {
	color: var(--s-text);
}

.pcp-studio__step:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.pcp-studio__layout {
	width: var(--s-max);
	margin: 0 auto;
	display: grid;
	grid-template-columns: minmax(0, 1fr) 348px;
	gap: 1.25rem;
	align-items: start;
}

.pcp-studio__main,
.pcp-studio__summary {
	background: var(--s-card);
	border: 1px solid var(--s-line);
	border-radius: calc(var(--s-radius) + 4px);
	box-shadow: var(--s-shadow);
}

.pcp-studio__main {
	padding: 1.15rem 1.2rem 1.4rem;
	min-height: 520px;
}

.pcp-studio__section-head h2,
.pcp-studio__picker-head h2 {
	margin: 0;
	font-size: 1.2rem;
}

.pcp-studio__section-head p,
.pcp-studio__hint {
	margin: 0.35rem 0 0;
	color: var(--s-muted);
	font-size: 0.9rem;
}

.pcp-studio__mem {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.75rem;
	margin: 0.85rem 0 1.2rem;
}

.pcp-studio button.pcp-studio__mem-opt,
.pcp-studio button.pcp-studio__mem-opt:hover,
.pcp-studio button.pcp-studio__mem-opt:focus,
.pcp-studio button.pcp-studio__mem-opt:focus-visible,
.pcp-studio button.pcp-studio__mem-opt:active {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	margin: 0;
	padding: 0.95rem 1.05rem 1rem 1.15rem;
	border: 1px solid var(--s-line);
	border-radius: 12px;
	background: #fff;
	color: var(--s-text);
	text-align: left;
	font: inherit;
	cursor: pointer;
	box-shadow: none;
	filter: none;
	opacity: 1;
	white-space: normal;
	position: relative;
	overflow: hidden;
}

.pcp-studio button.pcp-studio__mem-opt::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	background: var(--s-primary);
}

.pcp-studio button.pcp-studio__mem-opt--ddr4::before {
	background: var(--s-primary);
}

.pcp-studio__mem-opt-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 0.5rem;
	margin-bottom: 0.35rem;
}

.pcp-studio__mem-opt-gen {
	display: inline-flex;
	align-items: center;
	padding: 0.18rem 0.5rem;
	border-radius: 4px;
	background: var(--s-primary);
	color: #fff;
	font-size: 0.72rem;
	font-weight: 800;
	letter-spacing: 0.08em;
}

.pcp-studio__mem-opt--ddr4 .pcp-studio__mem-opt-gen {
	background: var(--s-primary);
}

.pcp-studio button.pcp-studio__mem-opt .product-label {
	position: static;
	margin: 0;
}

.pcp-studio button.pcp-studio__mem-opt strong {
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--s-text);
}

.pcp-studio button.pcp-studio__mem-opt p {
	margin: 0.15rem 0 0;
	color: var(--s-muted);
	font-size: 0.84rem;
	line-height: 1.4;
	max-width: 28rem;
}

.pcp-studio button.pcp-studio__mem-opt:hover,
.pcp-studio button.pcp-studio__mem-opt:focus-visible {
	border-color: var(--s-primary);
	background: #f8fafc;
	color: var(--s-text);
}

.pcp-studio button.pcp-studio__mem-opt.is-on,
.pcp-studio button.pcp-studio__mem-opt.is-on:hover,
.pcp-studio button.pcp-studio__mem-opt--ddr4.is-on,
.pcp-studio button.pcp-studio__mem-opt--ddr4.is-on:hover {
	border-color: var(--s-primary);
	background: #eef2ff;
	box-shadow: 0 0 0 3px var(--pcp-blue-primary-soft, rgba(30, 64, 175, 0.12));
	color: var(--s-text);
}

.pcp-studio__memory {
	display: none;
}

.pcp-studio__banners {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

.pcp-studio button.pcp-studio__banner,
.pcp-studio button.pcp-studio__banner:hover,
.pcp-studio button.pcp-studio__banner:focus,
.pcp-studio button.pcp-studio__banner:focus-visible,
.pcp-studio button.pcp-studio__banner:active,
.pcp-studio button.pcp-studio__banner.is-on,
.pcp-studio button.pcp-studio__banner--amd,
.pcp-studio button.pcp-studio__banner--amd:hover,
.pcp-studio button.pcp-studio__banner--amd:focus,
.pcp-studio button.pcp-studio__banner--amd.is-on,
.pcp-studio button.pcp-studio__banner--intel,
.pcp-studio button.pcp-studio__banner--intel:hover,
.pcp-studio button.pcp-studio__banner--intel:focus,
.pcp-studio button.pcp-studio__banner--intel.is-on {
	position: relative;
	isolation: isolate;
	min-height: 0;
	border: 1px solid var(--s-line);
	border-radius: calc(var(--s-radius) + 4px);
	overflow: hidden;
	padding: 0;
	text-align: left;
	color: var(--s-text) !important;
	cursor: pointer;
	background: #fff !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	font: inherit;
	filter: none !important;
	opacity: 1 !important;
	box-shadow: var(--s-shadow);
	transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.pcp-studio__banner-photo,
.pcp-studio__banner--amd .pcp-studio__banner-photo,
.pcp-studio__banner--intel .pcp-studio__banner-photo {
	position: relative;
	inset: auto;
	width: 100%;
	height: 132px;
	padding: 1.15rem 1.5rem;
	object-fit: contain;
	object-position: center;
	z-index: 0;
	display: block;
	background: #f8fafc;
	filter: none !important;
	pointer-events: none;
}

.pcp-studio__banner-shade {
	display: none;
}

.pcp-studio__banner-copy,
.pcp-studio__banner--amd .pcp-studio__banner-copy,
.pcp-studio__banner--intel .pcp-studio__banner-copy {
	position: relative;
	z-index: 2;
	margin-top: 0;
	padding: 0.95rem 1.15rem 1.15rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 0;
	background: #fff;
}

.pcp-studio button.pcp-studio__banner:hover,
.pcp-studio button.pcp-studio__banner:focus-visible,
.pcp-studio button.pcp-studio__banner.is-on,
.pcp-studio button.pcp-studio__banner--amd:hover,
.pcp-studio button.pcp-studio__banner--intel:hover,
.pcp-studio button.pcp-studio__banner--amd.is-on,
.pcp-studio button.pcp-studio__banner--intel.is-on {
	transform: none;
	border-color: var(--s-primary);
	background: #fff !important;
	color: var(--s-text) !important;
	box-shadow: 0 0 0 3px var(--pcp-blue-primary-soft, rgba(30, 64, 175, 0.12));
}

.pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner .product-label.pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner--amd .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner--intel .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner:hover .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner--amd:hover .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner--intel:hover .pcp-studio__banner-kicker,
.pcp-studio button.pcp-studio__banner.is-on .pcp-studio__banner-kicker {
	position: static;
	display: inline-flex;
	align-items: center;
	margin: 0;
	padding: 5px 10px;
	min-width: 50px;
	border-radius: 0;
	background: var(--s-primary) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	font-size: 0.72rem;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 1.2;
	opacity: 1 !important;
}

.pcp-studio__banner-title,
.pcp-studio button.pcp-studio__banner .pcp-studio__banner-title,
.pcp-studio button.pcp-studio__banner:hover .pcp-studio__banner-title,
.pcp-studio button.pcp-studio__banner.is-on .pcp-studio__banner-title {
	display: block;
	margin: 0.75rem 0 0.15rem;
	font-size: 1.45rem;
	line-height: 1.15;
	font-weight: 800;
	color: var(--s-text) !important;
	-webkit-text-fill-color: var(--s-text) !important;
	opacity: 1 !important;
}

.pcp-studio__banner em,
.pcp-studio button.pcp-studio__banner em,
.pcp-studio button.pcp-studio__banner:hover em,
.pcp-studio button.pcp-studio__banner.is-on em {
	font-style: normal;
	opacity: 1 !important;
	font-size: 0.85rem;
	font-weight: 600;
	color: var(--s-muted) !important;
	-webkit-text-fill-color: var(--s-muted) !important;
}

.pcp-studio__banner p,
.pcp-studio button.pcp-studio__banner p,
.pcp-studio button.pcp-studio__banner:hover p,
.pcp-studio button.pcp-studio__banner.is-on p {
	margin: 0.55rem 0 0.4rem;
	max-width: 26rem;
	font-size: 0.9rem;
	line-height: 1.45;
	color: var(--s-muted) !important;
	-webkit-text-fill-color: var(--s-muted) !important;
	opacity: 1 !important;
}

.pcp-studio__banner ul,
.pcp-studio__banner li,
.pcp-studio button.pcp-studio__banner ul,
.pcp-studio button.pcp-studio__banner li,
.pcp-studio button.pcp-studio__banner:hover ul,
.pcp-studio button.pcp-studio__banner:hover li,
.pcp-studio button.pcp-studio__banner.is-on ul,
.pcp-studio button.pcp-studio__banner.is-on li {
	margin: 0 0 auto;
	padding: 0 0 0 1.05rem;
	font-size: 0.82rem;
	color: var(--s-text) !important;
	-webkit-text-fill-color: var(--s-text) !important;
	opacity: 1 !important;
}

.pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner--amd .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner--intel .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner:hover .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner--amd:hover .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner--intel:hover .pcp-studio__banner-cta,
.pcp-studio button.pcp-studio__banner.is-on .pcp-studio__banner-cta {
	margin-top: 1rem;
	display: inline-flex;
	background: var(--s-primary) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	border-radius: 6px;
	padding: 0.5rem 0.9rem;
	font-weight: 700;
	font-size: 0.85rem;
	opacity: 1 !important;
}

.pcp-studio__subhead {
	margin: 1.1rem 0 0.25rem;
	font-size: 1.05rem;
}

.pcp-studio__purpose-toggle {
	display: flex;
	gap: 0.7rem;
	margin: 1rem 0 0.4rem;
}

.pcp-studio__purpose-toggle button {
	flex: 1;
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 12px;
	padding: 0.95rem 1rem;
	font: inherit;
	font-weight: 750;
	cursor: pointer;
	font-size: 1rem;
}

.pcp-studio__purpose-toggle button.is-on {
	border-color: var(--s-primary);
	background: #eef2ff;
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
	color: var(--s-primary-dark);
}

.pcp-studio__games {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.75rem;
	margin-top: 0.75rem;
}

.pcp-studio__game-toolbar {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45rem 0.65rem;
	margin: 0.85rem 0 0.25rem;
}

.pcp-studio__game-search,
.pcp-studio input.pcp-studio__game-search,
.pcp-studio input.pcp-studio__game-search[type="search"],
body.pcp-studio-page-body .pcp-studio input.pcp-studio__game-search {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	display: block;
	flex: 0 0 240px;
	width: 240px;
	min-width: 200px;
	max-width: 240px;
	height: 36px;
	min-height: 36px;
	border: 1px solid var(--s-line);
	border-radius: 8px;
	padding: 0 0.75rem;
	font: inherit;
	font-size: 0.9rem;
	line-height: 1.2;
	background: #fff;
	color: inherit;
}

.pcp-studio__game-search:focus {
	outline: none;
	border-color: var(--s-primary);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
}

.pcp-studio__game-cats {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 280px;
	gap: 0.4rem;
}

.pcp-studio__game-toolbar .pcp-studio__count {
	flex: 0 0 100%;
}

.pcp-studio__game-cat {
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 999px;
	padding: 0.35rem 0.75rem;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 650;
	cursor: pointer;
	color: inherit;
	min-height: 36px;
}

.pcp-studio__game-cat.is-on {
	border-color: var(--s-primary);
	background: #eef2ff;
	color: var(--s-primary-dark);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
}

.pcp-studio__game-group {
	margin-top: 0.35rem;
}

.pcp-studio__game-group h4 {
	margin: 0.85rem 0 0.15rem;
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--s-muted);
	font-weight: 750;
}

.pcp-studio__game {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	padding: 0;
	text-align: left;
	cursor: pointer;
	font: inherit;
	min-height: 0;
	content-visibility: auto;
	contain-intrinsic-size: 220px 360px;
}

.pcp-studio__game > .product-label {
	position: absolute;
	top: 0.45rem;
	left: 0.45rem;
	z-index: 2;
}

.pcp-studio__game img {
	width: 100%;
	aspect-ratio: 2 / 3;
	height: auto;
	min-height: 0;
	object-fit: cover;
	object-position: center center;
	display: block;
	background: #0b1220;
}

.pcp-studio__game span {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0.6rem 0.7rem 0.75rem;
	min-width: 0;
}

.pcp-studio__game strong {
	font-size: 0.92rem;
}

.pcp-studio__game em {
	font-style: normal;
	color: var(--s-muted);
	font-size: 0.75rem;
	margin-top: 0.12rem;
}

.pcp-studio__game small {
	margin-top: 0.2rem;
	color: var(--s-primary);
	font-weight: 700;
	font-size: 0.68rem;
}

.pcp-studio__game.is-on {
	border-color: var(--s-primary);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.14);
}

.pcp-studio__game--work img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center 58%;
	background: #eef2f7;
}

.pcp-studio__fps {
	margin: 0 0 0.9rem;
	padding: 0.75rem 0.8rem 0.7rem;
	border: 1px solid var(--s-line);
	border-radius: 10px;
	background: #f8fafc;
}

.pcp-studio__fps[hidden] {
	display: none !important;
}

.pcp-studio__fps-head {
	display: flex;
	justify-content: space-between;
	gap: 0.5rem;
	align-items: baseline;
}

.pcp-studio__fps-head strong {
	font-size: 0.88rem;
}

.pcp-studio__fps-head span,
.pcp-studio__fps-need,
.pcp-studio__fps-note,
.pcp-studio__fps-on {
	font-size: 0.7rem;
	color: var(--s-muted);
}

.pcp-studio__fps-on {
	margin: 0.28rem 0 0.45rem;
	color: var(--s-text);
	font-weight: 650;
}

.pcp-studio__fps-need {
	margin: 0.4rem 0 0;
}

.pcp-studio__fps-res {
	display: flex;
	gap: 0.3rem;
	margin: 0.55rem 0 0.45rem;
}

.pcp-studio__fps-res button {
	flex: 1;
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 999px;
	padding: 0.22rem 0.4rem;
	font: inherit;
	font-size: 0.7rem;
	font-weight: 700;
	cursor: pointer;
}

.pcp-studio__fps-res button.is-on {
	background: var(--s-primary);
	border-color: var(--s-primary);
	color: #fff;
}

.pcp-studio__fps-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.28rem;
}

.pcp-studio__fps-list li {
	display: grid;
	grid-template-columns: 52px minmax(0, 1fr) auto;
	align-items: baseline;
	gap: 0.15rem 0.45rem;
	font-size: 0.78rem;
	padding: 0.18rem 0.2rem;
	border-radius: 6px;
	cursor: pointer;
}

.pcp-studio__fps-list li.is-on {
	background: #fff;
}

.pcp-studio__fps-list small {
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__fps-val {
	justify-self: start;
}

.pcp-studio__fps-list b {
	font-size: 1.15rem;
	font-variant-numeric: tabular-nums;
	color: var(--s-text);
}

.pcp-studio__fps-list em {
	font-style: normal;
	font-size: 0.62rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	color: var(--s-primary);
	margin-left: 0.2rem;
}

.pcp-studio__fps-range {
	color: var(--s-muted);
	font-size: 0.68rem;
}

.pcp-studio__fps-note {
	margin: 0.45rem 0 0;
}

.pcp-studio__picker-head {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	align-items: flex-start;
	margin-bottom: 1rem;
}

.pcp-studio__tools {
	position: relative;
	display: flex;
	gap: 0.5rem;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}

.pcp-studio__search-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.pcp-studio input.pcp-studio__search,
.pcp-studio input.pcp-studio__search[type="search"],
.pcp-studio input[data-pcp-search],
.pcp-studio .pcp-studio__sort {
	-webkit-appearance: none;
	appearance: none;
	box-sizing: border-box;
	border: 1px solid var(--s-line);
	border-radius: 8px;
	padding: 0.55rem 0.85rem;
	font: inherit;
	font-size: 1rem;
	line-height: 1.2;
	background: #fff;
	background-image: none;
	color: var(--s-text);
	opacity: 1;
	min-height: 44px;
	height: 44px;
}

body.pcp-studio-page-body .pcp-studio input[type="search"]:not(.pcp-studio__game-search),
.pcp-studio input.pcp-studio__search,
.pcp-studio input.pcp-studio__search[type="search"],
.pcp-studio input[data-pcp-search] {
	display: block;
	flex: 1 1 210px;
	width: auto;
	min-width: 210px;
	max-width: 100%;
}

.pcp-studio input.pcp-studio__search::placeholder,
.pcp-studio input[data-pcp-search]::placeholder {
	color: var(--s-muted);
	opacity: 1;
}

.pcp-studio input.pcp-studio__search::-webkit-search-decoration,
.pcp-studio input.pcp-studio__search::-webkit-search-cancel-button,
.pcp-studio input.pcp-studio__search::-webkit-search-results-button,
.pcp-studio input.pcp-studio__search::-webkit-search-results-decoration {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

.pcp-studio .pcp-studio__sort {
	flex: 0 1 11rem;
	min-width: 9rem;
}

.pcp-studio__count {
	margin: 0;
	font-size: 0.8rem;
	color: var(--s-muted);
}

.pcp-studio__families {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
	margin: 0 0 0.85rem;
}

.pcp-studio__families[hidden] {
	display: none !important;
}

.pcp-studio__family {
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 999px;
	padding: 0.32rem 0.75rem;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 650;
	color: var(--s-text);
	cursor: pointer;
	min-height: 36px;
}

.pcp-studio__family.is-on {
	border-color: var(--s-primary);
	background: #eef2ff;
	color: var(--s-primary-dark);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.12);
}

.pcp-studio__grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
	gap: 0.85rem;
}

.pcp-studio__grid--cases {
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}

.pcp-studio__card {
	border: 1px solid var(--s-line);
	border-radius: var(--s-radius);
	background: #fff;
	padding: 0.7rem;
	display: flex;
	flex-direction: column;
	gap: 0.4rem;
	min-height: 100%;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pcp-studio__card:hover {
	border-color: rgba(30, 64, 175, 0.35);
	box-shadow: var(--s-shadow);
}

.pcp-studio__card.is-on {
	border-color: var(--s-primary);
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.14);
	content-visibility: visible;
	z-index: 2;
}

.pcp-studio__card-media {
	position: relative;
	aspect-ratio: 1;
	background: #f8fafc;
	border-radius: 8px;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.pcp-studio__card .product-label,
.pcp-studio__card-media .product-label,
.pcp-studio__card .woodmart-product-label,
.pcp-studio__card-media [class*="product-label"] {
	position: static !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
	inset: auto !important;
	z-index: auto !important;
	transform: none !important;
	display: none !important;
}

.pcp-studio__card-media img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	image-rendering: auto;
	background: #fff;
}

.pcp-studio__card-cat {
	margin: 0.15rem 0 0;
	font-size: 0.64rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--s-primary);
	font-weight: 800;
}

.pcp-studio__card-brand {
	margin: 0;
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__card-name {
	margin: 0;
	font-size: 0.88rem;
	line-height: 1.3;
	font-weight: 650;
}

.pcp-studio__picker-fps {
	margin: 0.45rem 0 0;
	padding: 0.45rem 0.6rem;
	border-radius: 8px;
	background: #eef2ff;
	color: var(--s-primary-dark);
	font-size: 0.82rem;
	font-weight: 700;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.65rem;
}

.pcp-studio__picker-fps strong {
	font-size: 0.95rem;
}

.pcp-studio__picker-fps span {
	font-weight: 600;
	color: var(--s-muted);
	font-size: 0.74rem;
}

.pcp-studio__picker-fps.is-wait {
	background: #f8fafc;
	font-weight: 600;
}

.pcp-studio__card-fps {
	margin: 0.15rem 0 0;
	padding: 0.28rem 0.4rem;
	border-radius: 6px;
	background: #eef2ff;
	color: var(--s-primary-dark);
	font-size: 0.78rem;
}

.pcp-studio__card-fps small {
	color: var(--s-muted);
	font-weight: 600;
}

.pcp-studio__cat-kicker {
	margin: 0 0 0.2rem;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--s-primary);
	font-weight: 800;
}

.pcp-studio__price {
	display: grid;
	gap: 0.08rem;
}

.pcp-studio__price span {
	font-size: 0.62rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__stock {
	font-size: 0.62rem;
	color: #166534;
	font-weight: 700;
}

.pcp-studio__stock.is-out {
	color: #b45309;
}

.pcp-studio__chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.28rem;
}

.pcp-studio__chips span {
	font-size: 0.68rem;
	background: #eef2ff;
	color: var(--s-primary-dark);
	border-radius: 999px;
	padding: 0.12rem 0.45rem;
	font-weight: 600;
}

.pcp-studio__chips .pcp-studio__chip--rec {
	background: var(--s-primary);
	color: #fff;
}

.pcp-studio__card-foot {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
	padding-top: 0.35rem;
}

.pcp-studio__card-foot strong {
	font-size: 1.05rem;
	color: var(--s-primary);
	letter-spacing: -0.02em;
}

.pcp-studio__pick {
	border: 0;
	background: var(--s-primary);
	color: #fff;
	border-radius: 6px;
	padding: 0.4rem 0.7rem;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	cursor: pointer;
}

.pcp-studio__card.is-on .pcp-studio__pick {
	background: #111827;
}

.pcp-studio__card--skel {
	pointer-events: none;
	min-height: 220px;
	box-shadow: none;
}

.pcp-studio__skel-media,
.pcp-studio__skel-line {
	background: linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 37%, #f1f5f9 63%);
	background-size: 400% 100%;
	animation: pcp-skel 1.1s ease-in-out infinite;
}

.pcp-studio__skel-media {
	aspect-ratio: 1;
	border-radius: 8px;
}

.pcp-studio__skel-line {
	height: 0.7rem;
	border-radius: 4px;
	margin-top: 0.2rem;
}

.pcp-studio__skel-line--short {
	width: 58%;
}

@keyframes pcp-skel {
	0% { background-position: 100% 0; }
	100% { background-position: 0 0; }
}

.pcp-studio__empty,
.pcp-studio__loading {
	padding: 2.4rem 1rem;
	text-align: center;
	color: var(--s-muted);
}

.pcp-studio__more {
	display: block;
	margin: 1.1rem auto 0;
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 999px;
	padding: 0.55rem 1.15rem;
	font: inherit;
	font-weight: 650;
	cursor: pointer;
}

.pcp-studio [hidden],
.pcp-studio__more[hidden],
.pcp-studio__loading[hidden],
.pcp-studio__multi[hidden],
.pcp-studio__done[hidden],
.pcp-studio__extras[hidden],
.pcp-studio__picker-fps[hidden],
.pcp-studio__save-note[hidden],
.pcp-studio__save-msg[hidden] {
	display: none !important;
}

.pcp-studio__services {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.85rem;
}

.pcp-studio__service {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
	border: 1px solid var(--s-line);
	border-radius: calc(var(--s-radius) + 4px);
	padding: 1.15rem 1.2rem 1.05rem;
	text-align: left;
	background: #fff;
	cursor: pointer;
	font: inherit;
	box-shadow: var(--s-shadow);
}

.pcp-studio__aside {
	position: sticky;
	top: 96px;
	z-index: 5;
	max-height: calc(100dvh - 112px);
	overflow: auto;
	overscroll-behavior: contain;
	align-self: start;
}

.pcp-studio.is-complete .pcp-studio__hero-case {
	aspect-ratio: 16 / 9;
	max-height: 112px;
	padding: 0.4rem 0.55rem;
}

.pcp-studio.is-complete .pcp-studio__kit,
.pcp-studio.is-complete .pcp-studio__hero-case-name {
	display: none;
}

.pcp-studio.is-complete .pcp-studio__summary-list {
	max-height: min(260px, 28vh);
}

.pcp-studio__summary {
	padding: 1rem 1rem 1.15rem;
}

.pcp-studio__preview {
	display: flex;
	flex-direction: column;
	gap: 0.65rem;
	margin-bottom: 0.9rem;
}

.pcp-studio__hero-case {
	aspect-ratio: 1;
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
	border: 1px solid var(--s-line);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0.85rem 0.85rem 0.65rem;
	overflow: hidden;
}

.pcp-studio__hero-case img {
	width: 100%;
	flex: 1 1 auto;
	min-height: 0;
	object-fit: contain;
}

.pcp-studio__hero-case-name {
	margin: 0.5rem 0 0;
	font-size: 0.72rem;
	line-height: 1.3;
	color: var(--s-muted);
	text-align: center;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.pcp-studio__kit {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 0.35rem;
}

.pcp-studio__kit-item {
	appearance: none;
	border: 1px solid var(--s-line);
	border-radius: 8px;
	background: #fff;
	padding: 0.35rem 0.3rem 0.3rem;
	cursor: pointer;
	font: inherit;
	color: inherit;
	display: grid;
	gap: 0.2rem;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.pcp-studio__kit-item:hover,
.pcp-studio__kit-item.is-fresh {
	border-color: var(--s-primary);
	box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.14);
}

.pcp-studio__kit-item img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: contain;
	background: #f8fafc;
	border-radius: 6px;
}

.pcp-studio__kit-item small {
	display: block;
	text-align: center;
	font-size: 0.58rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--s-muted);
}

.pcp-studio__kit-item {
	position: relative;
}

.pcp-studio__kit-item i {
	position: absolute;
	top: 4px;
	right: 4px;
	font-style: normal;
	font-size: 0.62rem;
	font-weight: 800;
	background: var(--s-primary);
	color: #fff;
	border-radius: 999px;
	min-width: 1.15rem;
	height: 1.15rem;
	display: grid;
	place-items: center;
	padding: 0 0.2rem;
}

.pcp-studio__preview-empty {
	aspect-ratio: 1;
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
	border: 1px dashed rgba(15, 23, 42, 0.16);
	color: var(--s-muted);
	font-size: 0.82rem;
	padding: 1.25rem;
	text-align: center;
	display: grid;
	place-content: center;
	gap: 0.35rem;
}

.pcp-studio__preview-empty strong {
	display: block;
	color: var(--s-text);
	font-size: 0.92rem;
}

.pcp-studio__preview-empty span {
	display: block;
	max-width: 22ch;
	margin: 0 auto;
	line-height: 1.4;
}

.pcp-studio__sheet-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem;
	margin: 0 0 0.65rem;
}

.pcp-studio__sheet-bar h2,
.pcp-studio__summary h2 {
	margin: 0;
	font-size: 1rem;
}

.pcp-studio__sheet-close {
	display: none;
	border: 1px solid var(--s-line);
	background: #fff;
	border-radius: 999px;
	padding: 0.38rem 0.8rem;
	font: inherit;
	font-size: 0.78rem;
	font-weight: 700;
	color: var(--s-text);
	cursor: pointer;
	min-height: 44px;
}

.pcp-studio__sheet-scrim {
	display: none;
}

.pcp-studio__summary-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
	max-height: 420px;
	overflow: auto;
}

.pcp-studio__summary-list li {
	display: grid;
	grid-template-columns: 38px minmax(0, 1fr) auto;
	gap: 0.45rem;
	align-items: center;
	font-size: 0.78rem;
	padding: 0.28rem 0;
	border-bottom: 1px solid var(--s-line);
	cursor: pointer;
}

.pcp-studio__summary-list img,
.pcp-studio__sum-ph,
.pcp-studio__sum-brand,
.pcp-studio__sum-thumb {
	width: 38px;
	height: 38px;
	object-fit: contain;
	background: #f8fafc;
	border-radius: 6px;
}

.pcp-studio__sum-thumb {
	display: grid;
	place-items: center;
	overflow: hidden;
	background: #111827;
}

.pcp-studio__sum-thumb img,
.pcp-studio__sum-thumb .pcp-studio__sum-brand {
	grid-area: 1 / 1;
	width: 38px;
	height: 38px;
}

.pcp-studio__sum-logo {
	padding: 4px;
	background: #111827;
}

.pcp-studio__sum-brand {
	display: grid;
	place-items: center;
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.04em;
	color: #fff;
	line-height: 1;
}

.pcp-studio__sum-brand--amd {
	background: #ed1c24;
}

.pcp-studio__sum-brand--intel {
	background: #0071c5;
	font-size: 0.52rem;
	text-transform: lowercase;
}

.pcp-studio__sum-brand[hidden],
.pcp-studio__sum-logo[hidden] {
	display: none !important;
}

.pcp-studio__sum-ph {
	display: grid;
	place-items: center;
	font-size: 0.62rem;
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__summary-list small {
	display: block;
	color: var(--s-muted);
	font-size: 0.68rem;
}

.pcp-studio__totals {
	margin-top: 0.75rem;
	padding-top: 0.7rem;
	border-top: 1px solid var(--s-line);
}

.pcp-studio__iva {
	margin: 0;
	font-size: 0.72rem;
	color: var(--s-muted);
}

.pcp-studio__total {
	margin: 0.15rem 0 0;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.75rem;
	font-size: 0.82rem;
	font-weight: 700;
	color: var(--s-muted);
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.pcp-studio__total strong {
	font-size: 1.35rem;
	color: var(--s-primary);
}

.pcp-studio__compat {
	margin: 0.55rem 0 0.8rem;
	font-size: 0.8rem;
	color: var(--s-muted);
}

.pcp-studio__compat.is-ok {
	color: #166534;
}

.pcp-studio__compat.is-warn {
	color: #b45309;
}

.pcp-studio__done {
	margin: 0.15rem 0 0.75rem;
	padding: 0.75rem 0.8rem;
	border-radius: 10px;
	background: linear-gradient(180deg, #ecfdf3 0%, #f8fafc 100%);
	border: 1px solid #bbf7d0;
	display: grid;
	gap: 0.2rem;
}

.pcp-studio__done-kicker {
	margin: 0;
	font-size: 0.68rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #166534;
}

.pcp-studio__done strong {
	font-size: 1.05rem;
	color: #14532d;
}

.pcp-studio__done span {
	font-size: 0.78rem;
	color: #3f621a;
	line-height: 1.4;
}

.pcp-studio__done-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4rem;
	margin-top: 0.45rem;
}

.pcp-studio__done-actions button {
	border: 1px solid #86efac;
	background: #fff;
	color: #166534;
	border-radius: 8px;
	padding: 0.38rem 0.7rem;
	font: inherit;
	font-size: 0.76rem;
	font-weight: 700;
	cursor: pointer;
	min-height: 36px;
}

.pcp-studio.is-summary-pulse .pcp-studio__summary {
	box-shadow: 0 0 0 3px rgba(30, 64, 175, 0.28);
	animation: pcp-summary-pulse 0.9s ease 2;
}

@keyframes pcp-summary-pulse {
	0% { box-shadow: 0 0 0 0 rgba(30, 64, 175, 0.35); }
	70% { box-shadow: 0 0 0 10px rgba(30, 64, 175, 0); }
	100% { box-shadow: 0 0 0 0 rgba(30, 64, 175, 0); }
}

.pcp-studio__extras {
	margin: 0.55rem 0 0.15rem;
	padding: 0.7rem 0.75rem;
	border-top: 1px dashed var(--s-line);
	display: grid;
	gap: 0.4rem;
}

.pcp-studio__extras p {
	margin: 0;
	font-size: 0.78rem;
	line-height: 1.4;
	color: var(--s-muted);
}

.pcp-studio__extras div {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.pcp-studio__extras button {
	border: 1px solid var(--s-line);
	background: #fff;
	color: var(--s-primary);
	border-radius: 8px;
	padding: 0.32rem 0.65rem;
	font: inherit;
	font-size: 0.74rem;
	font-weight: 700;
	cursor: pointer;
	min-height: 34px;
}

.pcp-studio__multi {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.55rem;
	margin: 0.35rem 0 0.75rem;
	padding: 0.8rem 0.9rem;
	border: 1px solid #93c5fd;
	border-radius: 12px;
	background: #eff6ff;
	font-size: 0.86rem;
	color: var(--s-text);
}

.pcp-studio__multi p {
	margin: 0;
	flex: 1 1 220px;
}

.pcp-studio__multi strong {
	display: block;
	margin-bottom: 0.12rem;
	color: var(--s-primary-dark);
	font-size: 0.92rem;
}

.pcp-studio__multi-next {
	border: 0;
	background: var(--s-primary);
	color: #fff;
	border-radius: 8px;
	padding: 0.45rem 0.9rem;
	font: inherit;
	font-size: 0.82rem;
	font-weight: 800;
	cursor: pointer;
	min-height: 40px;
}

.pcp-studio__qty {
	display: inline-flex;
	align-items: center;
	gap: 0.28rem;
}

.pcp-studio__qty button {
	width: 32px;
	height: 32px;
	border: 1px solid var(--s-line);
	border-radius: 8px;
	background: #fff;
	font: inherit;
	font-weight: 800;
	cursor: pointer;
	color: inherit;
}

.pcp-studio__qty strong {
	min-width: 1.2rem;
	text-align: center;
}

.pcp-studio__finish {
	max-width: 640px;
	padding: 0.4rem 0 1.4rem;
}

.pcp-studio__finish h2 {
	margin: 0.15rem 0 0.45rem;
	font-size: clamp(1.6rem, 3vw, 2.1rem);
}

.pcp-studio__finish-list {
	list-style: none;
	margin: 1rem 0;
	padding: 0;
	display: grid;
	gap: 0.35rem;
}

.pcp-studio__finish-list li {
	display: grid;
	gap: 0.1rem;
	padding: 0.45rem 0;
	border-bottom: 1px solid var(--s-line);
	font-size: 0.88rem;
}

.pcp-studio__finish-list small {
	color: var(--s-muted);
	font-size: 0.68rem;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	font-weight: 800;
}

.pcp-studio__finish-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem;
	align-items: center;
	margin-top: 1rem;
}

.pcp-studio__finish-actions .pcp-studio__cart-btn {
	width: auto;
	min-width: 220px;
}

.pcp-studio__finish-link {
	border: 0;
	background: transparent;
	color: var(--s-primary);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	text-decoration: underline;
}

.pcp-studio__cart-btn,
.pcp-studio__dock-next {
	width: 100%;
	border: 0;
	background: var(--s-primary);
	color: #fff;
	border-radius: 8px;
	padding: 0.75rem 1rem;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.pcp-studio__cart-btn:disabled,
.pcp-studio__dock-next:disabled,
.pcp-studio__dock-back:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.pcp-studio__save-btn {
	width: 100%;
	margin-top: 0.5rem;
	border: 1px solid var(--s-primary);
	background: #fff;
	color: var(--s-primary);
	border-radius: 8px;
	padding: 0.7rem 1rem;
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.pcp-studio__save-btn:disabled {
	opacity: 0.45;
	cursor: not-allowed;
}

.pcp-studio__save-note,
.pcp-studio__save-msg {
	margin: 0.45rem 0 0;
	font-size: 0.74rem;
	line-height: 1.4;
	color: var(--s-muted);
}

.pcp-studio__save-msg.is-ok {
	color: #166534;
}

.pcp-studio__save-msg a {
	color: var(--s-primary);
	font-weight: 700;
}

.pcp-studio__reset,
.pcp-studio__dock-back {
	width: 100%;
	margin-top: 0.45rem;
	border: 0;
	background: transparent;
	color: var(--s-muted);
	font: inherit;
	font-size: 0.82rem;
	cursor: pointer;
	text-decoration: underline;
}

.pcp-studio__dock {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 460;
	display: none;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 0.45rem;
	align-items: end;
	background: #fff;
	border-top: 1px solid var(--s-line);
	box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
	padding: 0.5rem 0.7rem calc(0.5rem + env(safe-area-inset-bottom));
}

.pcp-studio__dock-center {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 0.32rem;
}

.pcp-studio__dock-live[hidden] {
	display: none !important;
}

.pcp-studio__dock-fps-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 0.28rem;
}

.pcp-studio__dock-fps-list li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0;
	min-height: 52px;
	padding: 0.18rem 0.12rem 0.22rem;
	border: 1px solid var(--s-line);
	border-radius: 9px;
	background: #f8fafc;
	cursor: pointer;
}

.pcp-studio__dock-fps-list li.is-on {
	border-color: var(--s-primary);
	background: #eef2ff;
	box-shadow: 0 0 0 2px rgba(30, 64, 175, 0.16);
}

.pcp-studio__dock-fps-list small {
	font-size: 0.6rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--s-muted);
	font-weight: 700;
}

.pcp-studio__dock-fps-list b {
	font-size: 1.08rem;
	line-height: 1.05;
	font-variant-numeric: tabular-nums;
	font-weight: 800;
	color: var(--s-text);
}

.pcp-studio__dock-fps-list li.is-on b {
	color: var(--s-primary-dark);
}

.pcp-studio__dock-fps-list em {
	font-style: normal;
	font-size: 0.58rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--s-primary);
	line-height: 1;
	margin-top: 0.04rem;
}

.pcp-studio__dock-back,
.pcp-studio__dock-next {
	width: auto;
	margin: 0;
	text-decoration: none;
	padding: 0.62rem 0.85rem;
	border-radius: 8px;
	border: 1px solid var(--s-line);
	background: #fff;
	color: var(--s-text);
	font-weight: 700;
	min-height: 44px;
}

.pcp-studio__dock-next {
	background: var(--s-primary);
	border-color: var(--s-primary);
	color: #fff;
}

.pcp-studio__dock-mid {
	appearance: none;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 0.04rem;
	width: 100%;
	min-height: 40px;
	padding: 0.22rem 0.65rem 0.28rem;
	border: 1px solid var(--s-line);
	border-radius: 10px;
	background: #f8fafc;
	font: inherit;
	font-size: 0.7rem;
	color: var(--s-muted);
	text-align: left;
	cursor: pointer;
}

.pcp-studio__dock-mid strong {
	color: var(--s-text);
	font-size: 0.95rem;
}

.pcp-studio__dock-mid-top {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0.35rem 0.55rem;
	width: 100%;
}

.pcp-studio__dock-fps {
	font-style: normal;
	font-size: 0.68rem;
	font-weight: 700;
	color: var(--s-primary);
	letter-spacing: 0.01em;
}

.pcp-studio__dock-fps[hidden] {
	display: none !important;
}

@media (max-width: 1080px) {
	.pcp-studio {
		padding-bottom: calc(136px + env(safe-area-inset-bottom));
	}

	.pcp-studio.has-dock-live {
		padding-bottom: calc(188px + env(safe-area-inset-bottom));
	}

	body.pcp-studio-page-body:has(.pcp-studio.has-dock-live) .wd-footer,
	body.pcp-studio-page-body:has(.pcp-studio.has-dock-live) .pcp-footer-wrap,
	body.pcp-studio-page-body:has(.pcp-studio.has-dock-live) footer {
		padding-bottom: calc(200px + env(safe-area-inset-bottom));
	}

	.pcp-studio__layout {
		grid-template-columns: 1fr;
	}

	.pcp-studio__hero {
		padding: 1rem 0 0.7rem;
		width: min(1280px, calc(100% - 24px));
	}

	.pcp-studio__receive {
		width: min(1280px, calc(100% - 24px));
	}

	.pcp-studio__receive-grid,
	.pcp-studio__mem {
		grid-template-columns: 1fr;
	}

	.pcp-studio__game:hover,
	.pcp-studio__card:hover {
		transform: none;
	}

	.pcp-studio__game-toolbar {
		flex-direction: column;
		align-items: stretch;
		gap: 0.5rem;
	}

	.pcp-studio__game-search,
	.pcp-studio input.pcp-studio__game-search,
	.pcp-studio input.pcp-studio__game-search[type="search"],
	body.pcp-studio-page-body .pcp-studio input.pcp-studio__game-search {
		flex: 0 0 auto !important;
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
		height: 40px;
		min-height: 40px;
	}

	.pcp-studio__games {
		grid-template-columns: 1fr 1fr;
		gap: 0.6rem;
	}

	.pcp-studio__game img {
		aspect-ratio: 2 / 3;
		height: auto;
	}

	.pcp-studio__families {
		margin-bottom: 0.7rem;
	}

	.pcp-studio__family {
		min-height: 40px;
	}

	.pcp-studio__steps {
		position: sticky;
		top: 0;
		z-index: 30;
		width: 100%;
		max-width: none;
		margin: 0 0 0.75rem;
		padding: 0.4rem 12px 0.55rem;
		background: var(--pcp-blue-bg, #f5f7fa);
		-webkit-overflow-scrolling: touch;
		scroll-padding-inline: 12px;
	}

	.pcp-studio__step {
		flex: 0 0 auto;
	}

	.pcp-studio__fps-hud {
		display: none !important;
	}

	.pcp-studio__picker-head {
		flex-direction: column;
	}

	.pcp-studio__tools {
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
		gap: 0.5rem;
	}

	.pcp-studio__more {
		margin-bottom: 1.25rem;
	}

	.pcp-studio input.pcp-studio__search,
	.pcp-studio input.pcp-studio__search[type="search"],
	.pcp-studio input[data-pcp-search],
	.pcp-studio .pcp-studio__sort {
		flex: 0 0 auto !important;
		width: 100% !important;
		min-width: 100% !important;
		max-width: 100% !important;
		height: 44px !important;
		min-height: 44px !important;
		border-radius: 8px !important;
		padding: 0.55rem 0.85rem !important;
		background-image: none !important;
	}

	.pcp-studio__families {
		width: 100%;
		flex-wrap: wrap;
	}

	.pcp-studio__summary {
		display: flex;
		flex-direction: column;
		padding-bottom: calc(12px + env(safe-area-inset-bottom));
	}

	.pcp-studio__sheet-bar {
		order: 0;
	}

	.pcp-studio__done {
		order: 1;
	}

	.pcp-studio__summary-list {
		order: 2;
		max-height: none;
		flex: 1 1 auto;
	}

	.pcp-studio__extras {
		order: 3;
	}

	.pcp-studio__fps {
		order: 4;
		margin: 0.65rem 0 0;
		padding: 0.55rem 0.65rem 0.5rem;
	}

	.pcp-studio__fps--compact .pcp-studio__fps-note,
	.pcp-studio__fps--compact .pcp-studio__fps-on {
		display: none;
	}

	.pcp-studio__fps-res {
		display: none !important;
	}

	.pcp-studio__fps--compact .pcp-studio__fps-list--mini {
		margin-top: 0.35rem;
		gap: 0.12rem;
	}

	.pcp-studio__fps--compact .pcp-studio__fps-list li {
		grid-template-columns: minmax(0, 1fr) auto;
		padding: 0.08rem 0;
	}

	.pcp-studio__preview {
		display: none;
	}

	.pcp-studio__totals {
		order: 5;
	}

	.pcp-studio__compat {
		order: 6;
	}

	.pcp-studio__cart-btn {
		order: 7;
	}

	.pcp-studio__save-btn {
		order: 8;
	}

	.pcp-studio__save-note,
	.pcp-studio__save-msg {
		order: 9;
	}

	.pcp-studio__reset {
		order: 10;
	}

	.pcp-studio__layout,
	.pcp-studio__main {
		width: min(1280px, calc(100% - 24px));
	}

	.pcp-studio__main {
		min-height: 0;
		padding: 0.95rem 0.9rem 1.1rem;
	}

	.pcp-studio__aside {
		position: fixed;
		left: 8px;
		right: 8px;
		bottom: calc(80px + env(safe-area-inset-bottom));
		z-index: 455;
		width: auto;
		max-height: min(78vh, calc(100dvh - 88px - env(safe-area-inset-bottom)));
		overflow: auto;
		-webkit-overflow-scrolling: touch;
		transform: translateY(120%);
		transition: transform 0.26s ease;
		pointer-events: none;
		border-radius: 16px 16px 8px 8px;
		box-shadow: 0 -16px 40px rgba(15, 23, 42, 0.18);
		background: #fff;
		padding-bottom: 8px;
	}

	.pcp-studio.is-sheet-open .pcp-studio__aside {
		transform: none;
		pointer-events: auto;
	}

	.pcp-studio.has-dock-live .pcp-studio__aside {
		bottom: calc(118px + env(safe-area-inset-bottom));
	}

	.pcp-studio__sheet-scrim {
		position: fixed;
		inset: 0;
		z-index: 450;
		background: rgba(15, 23, 42, 0.42);
		display: none;
	}

	.pcp-studio.is-sheet-open .pcp-studio__sheet-scrim {
		display: block;
	}

	.pcp-studio__sheet-close {
		display: inline-flex;
		align-items: center;
	}

	.pcp-studio__hero-case,
	.pcp-studio__preview-empty {
		aspect-ratio: 5 / 4;
	}

	.pcp-studio__summary-list {
		max-height: none;
	}

	.pcp-studio__dock {
		display: grid;
	}
}

@media (max-width: 760px) {
	.pcp-studio__demo-ribbon {
		padding: 0.5rem 0.8rem;
		font-size: 0.74rem;
	}

	.pcp-studio__eyebrow,
	.pcp-studio__lead {
		display: none;
	}

	.pcp-studio__hero {
		padding: 0.7rem 0 0.35rem;
	}

	.pcp-studio__title {
		font-size: 1.28rem;
	}

	.pcp-studio__banners,
	.pcp-studio__grid,
	.pcp-studio__grid--cases {
		grid-template-columns: 1fr;
		gap: 0.55rem;
	}

	.pcp-studio__banner-photo {
		height: 120px;
		padding: 0.85rem 1rem 0.2rem;
	}

	.pcp-studio__banner p,
	.pcp-studio__banner ul {
		display: none;
	}

	.pcp-studio__banner-copy {
		padding: 0.7rem 0.85rem 0.85rem;
	}

	.pcp-studio__games {
		grid-template-columns: 1fr 1fr;
		gap: 0.55rem;
	}

	.pcp-studio__game {
		min-height: 0;
	}

	.pcp-studio__game img {
		width: 100%;
		height: auto;
		min-height: 0;
		aspect-ratio: 2 / 3;
	}

	.pcp-studio__game--work img {
		aspect-ratio: 4 / 3;
	}

	.pcp-studio__mem {
		grid-template-columns: 1fr;
		gap: 0.55rem;
	}

	.pcp-studio__purpose-toggle button {
		padding: 0.75rem 0.65rem;
		min-height: 44px;
		font-size: 0.92rem;
	}

	.pcp-studio__picker-head {
		flex-direction: column;
	}

	.pcp-studio__hint {
		display: none;
	}

	.pcp-studio__tools {
		flex-direction: column;
		flex-wrap: nowrap;
		width: 100%;
	}

	.pcp-studio input.pcp-studio__search,
	.pcp-studio input[data-pcp-search],
	.pcp-studio .pcp-studio__sort {
		width: 100% !important;
		min-width: 100% !important;
		flex: none !important;
	}

	.pcp-studio__card {
		display: grid;
		grid-template-columns: 76px minmax(0, 1fr);
		grid-template-rows: auto auto auto;
		gap: 0.15rem 0.7rem;
		padding: 0.55rem;
		min-height: 0;
		align-items: start;
		overflow: visible;
		content-visibility: auto;
		contain-intrinsic-size: 110px;
	}

	.pcp-studio__card.is-on {
		content-visibility: visible;
		contain: none;
		overflow: visible;
	}

	.pcp-studio__card--skel {
		min-height: 92px;
	}

	.pcp-studio__card--skel .pcp-studio__skel-media {
		grid-row: 1 / 4;
		width: 76px;
		aspect-ratio: 1;
	}

	.pcp-studio__card-media {
		grid-row: 1 / 4;
		width: 76px;
		min-width: 76px;
		max-width: 76px;
		aspect-ratio: 1;
	}

	.pcp-studio__card-cat,
	.pcp-studio__card-brand {
		display: none;
	}

	.pcp-studio__chips {
		grid-column: 2;
	}

	.pcp-studio__card-name {
		grid-column: 2;
		font-size: 0.82rem;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.pcp-studio__card-fps {
		grid-column: 2;
		font-size: 0.72rem;
		padding: 0.18rem 0.35rem;
	}

	.pcp-studio__card-foot {
		grid-column: 2;
		margin-top: 0;
		padding-top: 0.15rem;
		min-width: 0;
		width: 100%;
		align-items: flex-end;
		gap: 0.35rem;
	}

	.pcp-studio__card-foot strong {
		font-size: 0.95rem;
	}

	.pcp-studio__price {
		min-width: 0;
		flex: 1 1 0;
	}

	.pcp-studio__pick {
		flex: 0 0 auto;
		min-height: 36px;
		padding: 0.28rem 0.5rem;
		font-size: 0.72rem;
		white-space: nowrap;
	}

	.pcp-studio__kit {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}