.kit-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 350px); gap: 2rem; align-items: center; }
.kit-hero h1 { font-size: clamp(2.7rem, 5.5vw, 5.2rem); }
.kit-purchase { border-color: var(--mint); }
.kit-purchase h2 { color: var(--mint); font-size: 3.4rem; letter-spacing: -.05em; }
.kit-purchase h2 small { font-size: .9rem; color: var(--soft); letter-spacing: 0; }
.kit-purchase .primary { width: 100%; text-align: center; }
.commerce-status { font-size: .83rem; }
[aria-disabled="true"] { opacity: .65; cursor: default; }
[aria-disabled="true"]:hover { background: var(--mint); }
.preview-grid { display: grid; grid-template-columns: 110px minmax(0, 1fr); gap: .85rem 1.3rem; margin: 1.5rem 0; line-height: 1.6; }
.preview-grid dt { color: var(--mint); font-weight: 700; }
.preview-grid dd { margin: 0; color: var(--soft); }
a:focus-visible, summary:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
@media (max-width: 850px) { .kit-hero { grid-template-columns: 1fr; } .kit-purchase { max-width: 550px; } }
@media (max-width: 480px) { .preview-grid { grid-template-columns: 1fr; gap: .4rem; } .preview-grid dd { margin-bottom: .7rem; } }