.shf-kit{--kit-ink:#171717;--kit-muted:#5d5d5d;--kit-line:#d8d5cf;--kit-surface:#f7f7f5;--kit-accent:#111;direction:rtl;margin:22px 0 18px;color:var(--kit-ink);font-family:inherit}
.shf-kit *{box-sizing:border-box}.shf-kit__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.shf-kit__header h2{margin:0 0 5px;font-size:clamp(22px,3vw,28px);line-height:1.2;font-weight:800;text-wrap:balance}.shf-kit__header p{max-width:60ch;margin:0;color:var(--kit-muted);font-size:14px;line-height:1.55}.shf-kit__step{flex:0 0 auto;padding:7px 11px;border-radius:999px;background:#171717;color:#fff;font-size:12px;font-weight:700}
.shf-kit fieldset{min-width:0;margin:0;padding:0;border:0}.shf-kit__group{padding:19px 0;border-top:1px solid var(--kit-line)}.shf-kit__group legend{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 12px}.shf-kit__group legend>span:first-child{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#171717;color:#fff;font-size:13px;font-weight:800}.shf-kit legend span:last-child{display:flex;flex-direction:column;gap:1px}.shf-kit legend b{font-size:16px;line-height:1.25}.shf-kit legend small{color:var(--kit-muted);font-size:12px;line-height:1.35}
.shf-kit__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.shf-kit__choice,.shf-kit__extra{position:relative;display:flex;align-items:center;gap:10px;min-height:76px;margin:0;padding:9px;border:1px solid var(--kit-line);border-radius:12px;background:#fff;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.shf-kit__choice:hover,.shf-kit__extra:hover{border-color:#858585}.shf-kit__choice:has(input:focus-visible),.shf-kit__extra:has(input:focus-visible){outline:3px solid rgba(17,17,17,.26);outline-offset:2px}.shf-kit__choice:has(input:checked),.shf-kit__extra:has(input:checked){border:2px solid var(--kit-accent);padding:8px;background:var(--kit-surface)}.shf-kit__choice input,.shf-kit__extra input{position:absolute;opacity:0;pointer-events:none}.shf-kit__choice img,.shf-kit__extra img{width:56px;height:56px;flex:0 0 56px;border-radius:8px;object-fit:contain;background:#f2f2f0}.shf-kit__choice span,.shf-kit__extra span{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.shf-kit__choice b,.shf-kit__extra b{font-size:13px;line-height:1.3}.shf-kit__choice small,.shf-kit__extra small{color:var(--kit-muted);font-size:11px;line-height:1.35}.shf-kit__choice i,.shf-kit__extra i{display:grid;width:19px;height:19px;flex:0 0 19px;place-items:center;border:1px solid #aaa;border-radius:50%}.shf-kit__choice:has(input:checked) i,.shf-kit__extra:has(input:checked) i{border:6px solid #171717}
.shf-kit__extras{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:19px 0;border-top:1px solid var(--kit-line)}.shf-kit__extras legend{display:flex;grid-column:1/-1;flex-direction:column;margin-bottom:3px}.shf-kit__extra strong{flex:0 0 auto;font-size:13px;white-space:nowrap}.shf-kit__extra i{border-radius:5px}.shf-kit__extra:has(input:checked) i{border:0;background:#171717}.shf-kit__extra:has(input:checked) i:after{content:'✓';color:#fff;font-size:12px;font-style:normal;font-weight:900}
.shf-kit__summary{display:flex;align-items:center;gap:10px;padding:14px 15px;border-radius:12px;background:#171717;color:#fff}.shf-kit__summary>span,.shf-kit__summary>strong{display:flex;flex-direction:column}.shf-kit__summary>span{padding-left:12px;border-left:1px solid rgba(255,255,255,.28)}.shf-kit__summary>strong{margin-right:auto;text-align:left}.shf-kit__summary small{color:rgba(255,255,255,.72);font-size:11px;font-weight:500}.shf-kit__summary b{font-size:16px;line-height:1.35}.shf-kit__summary>strong b{font-size:20px}.shf-kit__status{margin:8px 2px 0;color:#35613d;font-size:12px;font-weight:650}
@media(max-width:640px){.shf-kit{margin-top:18px}.shf-kit__header{display:block}.shf-kit__step{display:inline-flex;margin-top:10px}.shf-kit__choices,.shf-kit__extras{grid-template-columns:1fr}.shf-kit__choice,.shf-kit__extra{min-height:74px}.shf-kit__choice img,.shf-kit__extra img{width:58px;height:58px;flex-basis:58px}.shf-kit__summary{position:sticky;bottom:8px;z-index:20;box-shadow:0 6px 8px rgba(0,0,0,.18)}}
@media(prefers-reduced-motion:reduce){.shf-kit__choice,.shf-kit__extra{transition:none}}