.npz{--npz-primary: #264780;--npz-accent: #f97316;--npz-muted: #555;--npz-border: #e2e8f0;margin:0 0 16px}.npz[hidden]{display:none}.npz *,.npz *:before,.npz *:after{box-sizing:border-box}.npz-container{display:grid;gap:8px;background:#f8f9fc;border:1px solid var(--npz-border);border-radius:12px;padding:20px}.npz-field{display:grid;gap:6px}.npz-field[hidden]{display:none}.npz-field--positions{border-top:1px solid var(--npz-border);padding-top:12px;margin-top:4px}.npz-label,.npz-richtext p:first-child{font-size:15px;font-weight:700;color:var(--npz-primary);margin:0}.npz-richtext p{margin:0}.npz-richtext p:last-child{font-size:11px;color:var(--npz-accent)}.npz-options{display:grid;gap:4px}.npz-option,.npz-position__label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--npz-muted);cursor:pointer;min-height:26px}.npz-option__label{color:#222}.npz-option__meta{font-size:12px;color:#888}.npz input[type=radio],.npz input[type=checkbox]{accent-color:var(--npz-primary);width:16px;height:16px;min-width:16px;max-width:16px;margin:0;transform:scale(.85)}.npz-positions{display:grid;gap:4px}.npz-position{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:2px 0}.npz-position.is-checked .npz-position__label{color:#222;font-weight:600}.npz-select{font:inherit;font-size:13px;padding:5px 26px 5px 10px;border:1px solid #dde3ed;border-radius:8px;background-color:#fff;max-width:170px}.npz-select:disabled{opacity:.45}.npz-position__price{font-size:12.5px;font-weight:600;color:var(--npz-primary);white-space:nowrap}.npz-upload{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px;border:2px dashed #ccd6e8;border-radius:8px;background:#f0f4fb;font-size:12px;color:var(--npz-primary);cursor:pointer}.npz-upload:focus-within{outline:2px solid #2684ff;outline-offset:3px}.npz-upload__btn{padding:6px 12px;border-radius:6px;background:var(--npz-primary);color:#fff;font-weight:600}.npz-upload__input{position:absolute;width:1px;height:1px;opacity:0}.npz-upload__info{word-break:break-all}.npz-input{font:inherit;font-size:13px;padding:8px 12px;border:1px solid #dde3ed;border-radius:8px;background:#fff;width:100%}.npz-input:focus,.npz-select:focus{border-color:var(--npz-primary);outline:none;box-shadow:0 0 0 3px #2647801a}.npz-summary{border-top:1px solid var(--npz-border);padding-top:10px;margin-top:4px;font-size:13px;color:#333;display:grid;gap:4px}.npz-summary[hidden]{display:none}.npz-summary p{margin:0}.npz-summary strong{color:var(--npz-primary)}.npz-warning{padding:8px 12px;border-radius:8px;background:#fff7ed;color:#ea580c;border:1px solid #fed7aa;font-weight:500}.npz-error{margin:0;color:#e53e3e;font-size:13px;font-weight:600}.npz-error[hidden]{display:none}.npz-note{margin:4px 0 0;font-size:11.5px;color:#888}@media(max-width:600px){.npz-container{padding:14px}.npz-position{grid-template-columns:minmax(0,1fr) auto}.npz-select{grid-column:1 / -1;max-width:none;width:100%}}.npz-position:not(.is-checked) .npz-select{visibility:hidden}@media(max-width:600px){.npz-position:not(.is-checked) .npz-select{display:none}}.npz-positions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.npz-position{grid-template-columns:minmax(0,1fr) auto}.npz-position__price{font-weight:500;color:#6b7280;font-size:12px}@media(max-width:600px){.npz-positions{grid-template-columns:1fr}}.npz-positions{row-gap:2px}.npz-position{display:block;padding:3px 0}.npz-position__label{align-items:flex-start}.npz-position__label input{margin-top:2px}.npz-position__name{line-height:1.35}.npz-position__price{font-size:11.5px;font-weight:500;color:#9ca3af;white-space:nowrap}.npz-position.is-checked .npz-position__price{color:var(--npz-primary);font-weight:600}.npz-field--invalid .npz-upload,.npz-field--invalid .npz-positions{border-color:#e53e3e!important;box-shadow:0 0 0 1px #e53e3e;border-radius:8px}.npz-field--invalid>.npz-error{margin-top:8px;padding:8px 10px;background:#fff5f5;border-radius:6px}@keyframes npz-flash{0%,to{background:transparent}30%{background:#fff5f5}}.npz-field--flash{animation:npz-flash 1.2s ease 2;border-radius:8px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/naturif-personalizare.css.map */