.kitchen-kit { --kit-paper:#faf7f1; --kit-ink:#132238; --kit-gold:#8a6820; --kit-line:#e7ddcb; color:var(--kit-ink); margin-bottom:24px; }
.kit-hero { background:var(--kit-ink); color:#fff; border-radius:18px; padding:22px 20px; border-bottom:5px solid #c9a558; }
.kit-hero h2 { color:#fff; font:600 30px/1.15 Georgia,serif; margin:10px 0 16px; }
.kit-hero p { margin:8px 0; }
.kit-eyebrow { color:#e8ca87; font-size:13px; letter-spacing:.08em; font-weight:750; }
.kit-summary { font-size:16px; font-weight:650; }
.kit-category { background:var(--kit-paper); border:1px solid var(--kit-line); border-radius:16px; margin:16px 0; padding:18px 16px; }
.kit-category h3 { display:flex; align-items:center; gap:12px; color:var(--kit-ink); font-size:20px; margin:0 0 16px; }
.kit-category svg { color:var(--kit-gold); width:32px; height:32px; flex-shrink:0; }
.kit-category ul { padding:0; margin:0; list-style:none; }
.kit-category li { display:grid; grid-template-columns:58px minmax(0,1fr); gap:14px; padding:14px 0; border-top:1px solid var(--kit-line); align-items:center; }
.kit-quantity { display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--kit-gold); border-radius:12px; color:var(--kit-ink); background:#eee3cb; min-height:58px; font-size:29px; font-weight:800; font-variant-numeric:tabular-nums; line-height:1.15; }
.kit-quantity small { font-size:13px; font-weight:650; }
.kit-item strong { display:block; font-size:16px; font-weight:650; line-height:1.45; overflow-wrap:anywhere; }
.kit-item small { display:block; font-size:14px; color:var(--kit-gold); margin-top:5px; font-variant-numeric:tabular-nums; }
@media(prefers-color-scheme:dark) { .kitchen-kit { --kit-paper:#182436; --kit-ink:#f4f0e6; --kit-gold:#e4c17a; --kit-line:#42516a; } .kit-hero { background:#132238; } .kit-quantity { background:#2e3a4b; } }

.kit-count-row { display:grid; grid-template-columns:minmax(0,1fr) 84px; align-items:center; gap:12px; padding:14px 0; border-top:1px solid #8a682055; font-size:16px; }
.kit-count-row input,.kit-count-row select {width:100%; min-height:48px; font-size:18px;}

.kit-job-links {display:flex; gap:10px; margin:8px 0 18px; flex-wrap:wrap;} .kit-job-links button {flex:1; min-height:48px;}