.bih-progressive fieldset{border:0;border-bottom:1px solid var(--line);padding:0 0 22px;margin:0 0 24px;min-width:0;scroll-margin-top:110px}
.bih-progressive legend{font-size:18.4px;font-weight:400;margin-bottom:12px;padding:0}
.bih-options{display:flex;flex-wrap:wrap;gap:10px}
.bih-option{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:6px;cursor:pointer;font-size:16px;font-weight:400;background:white}
.bih-option:has(input:checked){border-color:#0080f8;background:#0080f8;color:#fff}
#order-form .bih-option:has(input:checked){color:#fff}
.bih-progressive .bih-option{position:relative}
.bih-progressive .bih-option input{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.bih-contact{display:grid;gap:16px;margin:20px 0}
.bih-progressive .field label{font-size:16px;font-weight:400}
.bih-progressive .field input:not([type=file]){height:46px}
.bih-required{color:#c32222}.bih-stop-notice{font-size:14px;color:var(--muted);line-height:1.5}
.bih-zip{display:flex;gap:12px;align-items:center}.bih-zip>input{max-width:180px}
@media(max-width:1024px){.bih-progressive legend{font-size:17px}.bih-option,.bih-progressive .field label{font-size:15px}}
@media(max-width:600px){.bih-progressive legend{font-size:16px}.bih-option,.bih-progressive .field label{font-size:14px}.bih-options{display:grid}.bih-stop-notice{font-size:13px}}

#order-form{max-width:760px;margin:28px auto 0;text-align:left;--water:#0a84d8;--soft:#eef8ff}
#order-form [hidden]{display:none!important}
#order-form input,#order-form textarea,#order-form button{font:inherit}
#order-form .bih-option{color:var(--ink)}
#order-form .field{display:block;font-weight:400;font-size:16px}
#order-form .field input,#order-form textarea,.zip-input{display:block;width:100%;margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}
#order-form .zip-input{max-width:180px;margin:0}
#order-form .bih-required{color:#ffb0b0}
#order-form .bih-stop-notice{font-size:14px}
#order-form .artwork-upload{margin-top:16px}
#order-form button{border:0;cursor:pointer}
@media(max-width:1024px){#order-form .field{font-size:15px}}
@media(max-width:600px){#order-form .field{font-size:14px}#order-form .bih-stop-notice{font-size:13px}}

#order-form .qty-input{max-width:100%}
.bih-pair{display:grid;gap:14px}
#order-form .bih-pair .field input{max-width:100%}
#order-form .alkaline-help{position:relative;display:inline-flex;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:13px;line-height:1.3;cursor:help;white-space:nowrap;text-align:left}
#order-form .alkaline-note{display:none;position:absolute;z-index:2;left:calc(100% + 10px);top:50%;transform:translateY(-50%);width:min(40rem,70vw);margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--soft);color:var(--ink);font-size:15px;line-height:1.45;white-space:normal}
#order-form .alkaline-help:hover .alkaline-note,
#order-form .alkaline-help:focus .alkaline-note,
#order-form .alkaline-help:focus-within .alkaline-note{display:block}
@media(max-width:800px){#order-form .alkaline-help{display:flex;flex-direction:column;align-items:flex-start;width:100%}#order-form .alkaline-note{position:static;width:100%;transform:none;margin-top:8px}}
@media(max-width:600px){#order-form .alkaline-help,#order-form .alkaline-note{font-size:14px}}

#order-form [data-question="reorder"] > div,
#order-form [data-question="bottleMaterial"] > div{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:12px;
}
#order-form [data-question="reorder"] > div + div{margin-top:18px}
#order-form [data-question="bottleMaterial"] > div{margin-top:16px}
#order-form [data-question="bottleMaterial"] > div.bih-options{
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
}
