.product-hero { padding: 190px 0 64px; }
.product-hero h1 em { -webkit-text-stroke: 1.4px rgba(11, 15, 18, .72); }
.chip { border-radius: 0; border-color: rgba(11, 15, 18, .18); color: var(--ink); }
.chip.active { color: var(--accent); border-color: #0b0f12; background: #0b0f12; }
.chip.warm { color: #8a4b00; border-color: rgba(242, 150, 60, .55); background: rgba(242, 184, 115, .22); }
.qd-btn, .qd-btn-ghost { border-radius: 0; }
.qd-btn:hover { transform: none; }

.hero-config { margin-top: 26px; max-width: 610px; }
.hero-config label { display: block; margin-bottom: 8px; font: 700 10px/1.4 var(--mono); letter-spacing: .2em; text-transform: uppercase; color: var(--muted); }
.hero-config .select-shell { position: relative; }
.hero-config select { width: 100%; appearance: none; -webkit-appearance: none; min-height: 56px; padding: 0 52px 0 18px; border: 1px solid #0b0f12; border-radius: 0; background: #0b0f12; color: var(--accent); font: 700 12px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; cursor: pointer; }
.hero-config select:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
.hero-config .select-shell { display: grid; }
.hero-config .select-shell > select, .hero-config .select-shell > .config-face { grid-area: 1 / 1; min-width: 0; }
.hero-config .select-shell > select { height: 100%; color: transparent; -webkit-text-fill-color: transparent; }
.hero-config .select-shell > select option { color: var(--ink); -webkit-text-fill-color: var(--ink); background: #fff; }
.hero-config .config-face { display: flex; align-items: center; box-sizing: border-box; width: 100%; min-height: 56px; padding: 12px 52px 12px 18px; border: 1px solid transparent; border-radius: 0; color: var(--accent); font: 700 12px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; white-space: normal; overflow-wrap: anywhere; pointer-events: none; }
.hero-config .select-shell::after { content: ""; position: absolute; right: 20px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: translateY(-70%) rotate(45deg); pointer-events: none; }
.hero-config-summary { margin-top: 12px; display: grid; grid-template-columns: 1fr auto; gap: 10px 20px; align-items: center; padding: 14px 18px; border: 1px solid rgba(11, 15, 18, .18); background: rgba(255, 255, 255, .55); }
.hero-config-summary p { color: var(--ink-soft); font-size: 14px; line-height: 1.55; }
.hero-config-summary .price-tag { color: var(--ink); font-family: var(--display); font-size: 28px; font-weight: 600; line-height: 1; white-space: nowrap; }
.hero-config-summary .status-tag { grid-column: 1 / -1; font: 700 9.5px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: #0c8a68; }
.hero-config-summary .status-tag.soon { color: #8a4b00; }

.ballistics { border: 1px solid rgba(228, 239, 232, .14); border-radius: 6px; background: var(--panel); box-shadow: 0 28px 90px rgba(11, 15, 18, .28); }
.stage { border: 1px solid rgba(228, 239, 232, .14); border-radius: 6px; box-shadow: none; }
.stage::before { background: radial-gradient(circle at 50% 50%, rgba(var(--accent-rgb), .08), transparent 48%); }
.stage img { opacity: .92; filter: none; }
.stage-thumbs button { border: 1px solid rgba(11, 15, 18, .16); border-radius: 0; background: var(--panel); }

.arms-main p.section-intro { max-width: 820px; margin: -18px 0 34px; color: var(--ink-soft); font-size: 17px; line-height: 1.7; }
.arms-main p.hero-lede { margin-top: 26px; }
.section-intro strong { color: var(--ink); font-weight: 600; }

@media (max-width: 760px) {
	.hero-config-summary { grid-template-columns: 1fr; }
}