.nbv-fields{margin:0 0 1.2em;padding:1em 1.1em;border:1px solid #EFC459;border-radius:8px;background:#FFFBF2;max-width:460px}
.nbv-field{margin:0 0 .8em}
.nbv-field label{display:block;font-weight:600;margin-bottom:.3em}
.nbv-field input[type=text],.nbv-field input[type=number]{width:100%;box-sizing:border-box;padding:.6em .7em;font-size:1rem;border:1px solid #c9b48a;border-radius:6px;background:#fff}
.nbv-amount-wrap{display:flex;align-items:center;gap:.5em}
.nbv-amount-wrap input{font-size:1.3rem!important;font-weight:600;max-width:200px}
.nbv-currency{font-size:1.2rem;font-weight:600}
.nbv-hint,.nbv-note{display:block;color:#666;font-size:.85em;margin:.3em 0 0}
.nbv-optional{font-weight:400;color:#888;font-size:.9em}
.nbv-price-range{font-weight:600}
/* 1.3.0: marginesy boczne na stronach voucherów (jak .woocommerce-checkout .main-container na stronie zamówienia). Klasa body dodawana tylko na produktach-voucherach. */
body.nbv-voucher-product #primary,body.nbv-voucher-product .main-container{max-width:1000px;width:auto;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}
body.nbv-voucher-product .main-container #primary,body.nbv-voucher-product #primary .main-container{max-width:none;padding-left:0;padding-right:0}
@media (max-width:480px){body.nbv-voucher-product #primary,body.nbv-voucher-product .main-container{padding-left:16px;padding-right:16px}body.nbv-voucher-product .main-container #primary,body.nbv-voucher-product #primary .main-container{padding-left:0;padding-right:0}}
body.nbv-voucher-product .nbv-fields .nbv-note{margin-top:.6em}