/* Namespaced, additive components. Existing product layout remains authoritative. */
.kit-page{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 var(--body);-webkit-text-size-adjust:100%}
.kit-page *,.kit-header *,.kit-footer *{box-sizing:border-box}
.kit-wrap{width:min(calc(100% - 40px),var(--kit-max));margin-inline:auto}
.kit-page h1,.kit-page h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
.kit-page h1{font-size:clamp(2.5rem,6vw,4.8rem);margin:0 0 24px}.kit-page h2{font-size:clamp(1.8rem,4vw,2.6rem)}
html[lang=ar] .kit-page h1,html[lang=ar] .kit-page h2{line-height:1.5;font-weight:700;letter-spacing:0}
.kit-page p{overflow-wrap:anywhere}.kit-page a{color:inherit;text-underline-offset:4px}
.kit-page button,.kit-page input,.kit-page select,.kit-page textarea{font:inherit}
.kit-page button,.kit-page a,.kit-page summary{touch-action:manipulation}
.kit-page :focus-visible,.kit-header :focus-visible{outline:3px solid var(--kit-focus);outline-offset:4px}
.kit-page [hidden]{display:none!important}
.kit-header{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:24px 0;border-bottom:1px solid var(--soft);font:14px/1.6 var(--body)}
.kit-brand{font-weight:700;letter-spacing:-.04em;font-size:1.3rem;text-decoration:none!important;display:inline-flex;align-items:center;gap:12px}
.kit-brand:before{content:'';display:inline-block;width:26px;height:26px;border:2px solid var(--accent);box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 8px var(--soft)}
.kit-nav{display:flex;gap:24px;flex-wrap:wrap;align-items:center}.kit-nav a{padding:8px 0}
.kit-language{border:1px solid var(--soft);color:var(--ink);background:var(--paper);padding:8px 18px;min-height:44px;cursor:pointer}
.kit-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:64px;align-items:center;padding:64px 0 72px}
.kit-eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em;color:var(--muted);font-weight:700;margin:0 0 24px}
.kit-eyebrow:before{content:'';width:28px;height:1px;background:var(--accent)}
.kit-lead{font-size:1.05rem;color:var(--muted);line-height:1.85;max-width:54ch}
.kit-panel{background:var(--wash);border:1px solid var(--soft);padding:32px;box-shadow:var(--shadow);min-width:0}
.kit-section{padding:48px 0;border-top:1px solid var(--soft)}
.kit-price{border:1px solid var(--soft);padding:32px;position:relative;background:var(--paper)}
.kit-price[data-featured=true]{border-top:4px solid var(--accent);background:var(--wash)}
.kit-amount{font:2.6rem/1.3 var(--display);direction:ltr;unicode-bidi:isolate;display:inline-block}.kit-amount small{font:14px var(--body)}
.kit-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent)!important;font-weight:700;text-decoration:none!important;cursor:pointer}
.kit-button.secondary{background:transparent;color:var(--ink)!important;border-color:var(--soft)}
.kit-button:hover{background:var(--ink);color:var(--paper)!important}.kit-button:active,.kit-language:active,.kit-tabs button:active{transform:translateY(1px)}
.kit-language:hover,.kit-tabs button:hover{background:var(--wash)}.kit-button[disabled]{opacity:.6;cursor:not-allowed}
.kit-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:24px;align-items:center}
.kit-faq details{border-bottom:1px solid var(--soft)}.kit-faq summary{cursor:pointer;font-weight:700;padding:22px 0;min-height:48px}.kit-faq summary:hover{color:var(--accent)}.kit-faq details p{color:var(--muted);padding-bottom:20px}
.kit-cta{display:flex;gap:32px;justify-content:space-between;align-items:center;background:var(--ink);color:white;padding:36px}.kit-cta h2{margin:0}.kit-cta .kit-button{background:var(--wash);color:var(--ink)!important}
.kit-footer{display:flex;gap:24px;justify-content:space-between;flex-wrap:wrap;margin-top:48px;padding:28px 0;border-top:1px solid var(--soft);font-size:.8rem;color:var(--muted)}
.kit-status{display:inline-flex;gap:8px;align-items:center;padding:4px 10px;border:1px solid var(--soft);font-size:.75rem;line-height:1.7;background:var(--wash)}
.kit-status[data-state=ready]{color:var(--kit-success)}.kit-status[data-state=held]{color:var(--kit-warning)}.kit-status[data-state=error]{color:var(--kit-danger)}
.kit-tabs{display:flex;gap:0;border-bottom:1px solid var(--soft);overflow-x:auto}.kit-tabs button{min-height:48px;border:0;border-bottom:3px solid transparent;background:var(--paper);padding:12px 22px;cursor:pointer;color:var(--muted)}.kit-tabs [aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink);font-weight:700}
.kit-table-wrap{overflow:auto;max-width:100%}.kit-table{width:100%;border-collapse:collapse;font-size:.88rem}.kit-table th{text-align:start;color:var(--muted);font-size:.75rem;letter-spacing:.04em;background:var(--wash)}.kit-table td,.kit-table th{padding:16px;border-bottom:1px solid var(--soft);vertical-align:top}.kit-table tbody tr:hover{background:var(--wash)}
.kit-form{display:grid;gap:20px}.kit-field{display:grid;gap:8px}.kit-field label{font-size:.87rem;font-weight:700}.kit-field input,.kit-field textarea,.kit-field select{border:1px solid var(--soft);padding:12px;background:var(--paper);color:var(--ink);min-width:0;width:100%;min-height:48px}.kit-field small{color:var(--muted)}
.kit-notice{border-inline-start:3px solid var(--accent);padding:16px 20px;background:var(--wash);font-size:.88rem}.kit-notice[data-kind=warning]{border-color:var(--kit-warning)}
.kit-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.8rem;color:var(--muted);padding-top:24px}.kit-breadcrumb a:hover,.kit-nav a:hover{color:var(--accent)}
.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.kit-muted{color:var(--muted)}
html[lang=ar] [data-kit-en],html[lang=en] [data-kit-ar]{display:none!important}
@media(max-width:720px){.kit-wrap{width:calc(100% - 32px)}.kit-hero{grid-template-columns:1fr;gap:28px;padding:40px 0}.kit-header{gap:16px}.kit-nav{order:3;width:100%;gap:18px}.kit-grid{grid-template-columns:1fr}.kit-cta{display:block;padding:24px}.kit-cta .kit-button{margin-top:24px}.kit-panel,.kit-price{padding:24px}.kit-page h1{font-size:2.6rem}.kit-section{padding:32px 0}}
@media(prefers-reduced-motion:no-preference){.kit-button,.kit-language{transition:transform .18s cubic-bezier(.16,1,.3,1)}}
@media print{.kit-nav,.kit-language,.kit-actions{display:none}.kit-page{font-size:10pt}.kit-section{padding:12px 0}.kit-wrap{width:100%}.kit-hero{padding:16px 0}.kit-panel,.kit-price{box-shadow:none;break-inside:avoid}.kit-footer{margin-top:12px}}
