.ngpa-product-addons{--ngpa-primary:#4f46e5;--ngpa-cyan:#06b6d4;--ngpa-text:#0f172a;--ngpa-muted:#64748b;--ngpa-line:rgba(148,163,184,.28);--ngpa-surface:#fff;--ngpa-soft:#f8fafc;direction:rtl;box-sizing:border-box;width:100%;margin:16px 0;padding:16px;border:1px solid var(--ngpa-line);border-radius:22px;background:linear-gradient(145deg,var(--ngpa-surface),var(--ngpa-soft));box-shadow:0 16px 40px rgba(15,23,42,.08);color:var(--ngpa-text);font-family:inherit}
.ngpa-product-addons *{box-sizing:border-box}.ngpa-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.ngpa-head-icon{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;flex:0 0 38px;background:linear-gradient(135deg,var(--ngpa-primary),var(--ngpa-cyan));color:#fff;font-size:24px;font-weight:900;box-shadow:0 10px 25px rgba(79,70,229,.22)}.ngpa-head h3{margin:0 0 4px;font-size:16px;line-height:1.8}.ngpa-head p{margin:0;color:var(--ngpa-muted);font-size:12.5px;line-height:1.9}.ngpa-groups{display:grid;gap:12px}.ngpa-group{padding:13px;border:1px solid var(--ngpa-line);border-radius:17px;background:rgba(255,255,255,.62)}.ngpa-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:9px}.ngpa-group-head h4{margin:0;font-size:13.5px;line-height:1.8}.ngpa-group-head p{margin:3px 0 0;color:var(--ngpa-muted);font-size:11.5px;line-height:1.8}.ngpa-required{display:inline-flex;margin-right:7px;padding:3px 7px;border-radius:999px;background:rgba(239,68,68,.1);color:#dc2626;font-size:9px;vertical-align:middle}.ngpa-choices{display:grid;gap:8px}.ngpa-choice{position:relative;display:grid;grid-template-columns:24px auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--ngpa-line);border-radius:15px;background:#fff;cursor:pointer;transition:.18s ease;min-width:0}.ngpa-choice:hover{border-color:rgba(79,70,229,.42);transform:translateY(-1px);box-shadow:0 9px 22px rgba(15,23,42,.06)}.ngpa-choice.is-selected{border-color:rgba(79,70,229,.65);background:linear-gradient(135deg,rgba(79,70,229,.08),rgba(6,182,212,.06));box-shadow:0 12px 26px rgba(79,70,229,.09)}.ngpa-choice input{position:absolute;opacity:0;pointer-events:none}.ngpa-choice-control{width:22px;height:22px;border:2px solid rgba(100,116,139,.55);border-radius:7px;background:#fff;position:relative}.ngpa-choice input[type=radio]+.ngpa-choice-control{border-radius:50%}.ngpa-choice input:checked+.ngpa-choice-control{border-color:var(--ngpa-primary);background:linear-gradient(135deg,var(--ngpa-primary),var(--ngpa-cyan))}.ngpa-choice input:checked+.ngpa-choice-control:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:900}.ngpa-choice input[type=radio]:checked+.ngpa-choice-control:after{content:'';inset:5px;border-radius:50%;background:#fff}.ngpa-choice-image{width:40px;height:40px;border-radius:11px;overflow:hidden;background:#f1f5f9}.ngpa-choice-image img{width:100%;height:100%;object-fit:cover}.ngpa-choice-copy{min-width:0}.ngpa-choice-copy strong{display:block;font-size:12.5px;line-height:1.8}.ngpa-choice-copy small{display:block;color:var(--ngpa-muted);font-size:10.8px;line-height:1.75}.ngpa-choice-price{font-size:11.5px;font-weight:850;color:var(--ngpa-primary);white-space:nowrap}.ngpa-field{width:100%;min-height:46px;border:1px solid var(--ngpa-line);border-radius:14px;background:#fff;color:var(--ngpa-text);padding:10px 12px;font:inherit;outline:none}.ngpa-field:focus{border-color:rgba(79,70,229,.65);box-shadow:0 0 0 3px rgba(79,70,229,.09)}textarea.ngpa-field{min-height:86px;resize:vertical}.ngpa-group-help{margin-top:8px;color:var(--ngpa-muted);font-size:10.8px}.ngpa-group-error,.ngpa-global-error{display:none;color:#b91c1c;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.2);border-radius:11px;padding:8px 10px;margin-top:8px;font-size:11px;line-height:1.7}.ngpa-group.has-error .ngpa-group-error,.ngpa-global-error.is-visible{display:block}.ngpa-summary{display:grid;gap:7px;margin-top:14px;padding:12px 13px;border:1px solid rgba(79,70,229,.18);border-radius:16px;background:linear-gradient(135deg,rgba(79,70,229,.07),rgba(6,182,212,.06))}.ngpa-summary>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11.8px;color:var(--ngpa-muted)}.ngpa-summary strong{color:var(--ngpa-text);font-size:12.5px}.ngpa-summary-total{padding-top:8px;border-top:1px solid rgba(148,163,184,.22)}.ngpa-summary-total span,.ngpa-summary-total strong{font-size:14px;font-weight:900;color:var(--ngpa-text)}
body.ng-dark .ngpa-product-addons,.dark .ngpa-product-addons,.ngpa-theme-dark .ngpa-product-addons{--ngpa-text:#f8fafc;--ngpa-muted:#94a3b8;--ngpa-line:rgba(148,163,184,.22);--ngpa-surface:#0f172a;--ngpa-soft:#111827}.dark .ngpa-group,.dark .ngpa-choice,.dark .ngpa-field,body.ng-dark .ngpa-group,body.ng-dark .ngpa-choice,body.ng-dark .ngpa-field{background:rgba(15,23,42,.8);color:var(--ngpa-text)}
@media(max-width:767px){.ngpa-product-addons{margin:12px 0;padding:12px;border-radius:18px}.ngpa-head{gap:9px}.ngpa-head-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px}.ngpa-head h3{font-size:14px}.ngpa-choice{grid-template-columns:22px minmax(0,1fr) auto;padding:10px;gap:8px}.ngpa-choice-image{display:none}.ngpa-choice-copy strong{font-size:11.8px}.ngpa-choice-price{font-size:10.8px}.ngpa-summary{padding:10px}.ngpa-summary-total span,.ngpa-summary-total strong{font-size:13px}}