.shopper-form{max-inline-size:36rem;margin-block-start:1.4rem;display:grid}.shopper-form[data-size=narrow]{max-inline-size:28rem}.shopper-form[data-size=wide]{max-inline-size:40rem}.shopper-form fieldset{border:1.15px solid var(--navy);background:0 0;border-radius:0;gap:.7rem;margin:0 0 1rem;padding:1rem;display:grid}.shopper-form legend{font-family:var(--ui);font-variant:small-caps;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);padding-inline:.4rem;font-size:.72rem;font-weight:600;font-stretch:100%}.shopper-field{gap:.4rem;display:grid}.shopper-form label,.shopper-field label{font-family:var(--ui);font-variant:small-caps;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);gap:.4rem;font-size:.72rem;font-weight:600;font-stretch:100%;display:grid}.shopper-form input:not([type=radio]):not([type=checkbox]),.shopper-form select,.shopper-form textarea{box-sizing:border-box;inline-size:100%;font-family:var(--body);border:1.15px solid var(--navy);background:var(--cream);min-height:48px;color:var(--navy);border-radius:0;padding:.7rem .85rem;font-size:1rem;font-weight:400;line-height:1.4}.shopper-form textarea{resize:vertical;min-height:10rem}.shopper-form input:not([type=radio]):not([type=checkbox]):user-invalid{border-color:var(--warn,#f05a2a)}.shopper-form select:user-invalid{border-color:var(--warn,#f05a2a)}.shopper-form textarea:user-invalid{border-color:var(--warn,#f05a2a)}.shopper-form input:focus-visible,.shopper-form select:focus-visible,.shopper-form textarea:focus-visible,.shopper-form button:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.shopper-form-choice{gap:.55rem;display:grid}.shopper-form-choice label{font-family:var(--body);font-variant:normal;letter-spacing:0;text-transform:none;align-items:center;gap:.55rem;font-size:1rem;font-weight:600;display:flex}.shopper-form-choice input[type=radio]{width:1.15rem;min-height:1.15rem;accent-color:var(--navy);padding:0}.shopper-notice{background:var(--paper-deep);border:1.15px solid var(--navy);color:var(--ink);border-radius:0;padding:1rem}.shopper-notice p{margin:0}.shopper-form .btn{justify-self:start}@media (pointer:coarse){.shopper-form input:not([type=radio]):not([type=checkbox]),.shopper-form select,.shopper-form .btn{min-height:52px}}@media (prefers-reduced-motion:reduce){.shopper-form .btn{transition:none}}
