.product-order{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin-block:20px}.product-order>label{font-size:13px}.product-order>.button{grid-column:1/-1;width:100%}.quote-quantity{display:flex;align-items:center;gap:4px}.quote-quantity button{width:38px;height:40px;background:var(--surface);border-radius:6px;font-size:20px}.quote-quantity input{width:65px;min-height:40px;text-align:center;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--text)}.quote-dialog{width:min(760px,calc(100% - 24px));max-height:90dvh;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);overflow:auto}.quote-dialog>p{font-size:14px;margin-bottom:20px}.quote-dialog form>label,.quote-fields>label{display:flex;flex-direction:column;gap:7px;font-size:13px;margin-block:12px}.quote-dialog label span{color:var(--muted)}.quote-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.quote-dialog input:not([type=checkbox]),.quote-dialog textarea{padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);max-width:100%}.quote-item{display:flex;align-items:center;gap:12px;padding-block:14px;border-bottom:1px solid var(--line)}.quote-item>div:nth-child(2){flex:1;min-width:0}.quote-item strong{font-size:14px}.quote-item small{display:block;color:var(--muted);font-size:11px}.quote-item img{object-fit:contain;background:#fff;border-radius:6px}.quote-dialog .quote-consent{display:flex;flex-direction:row;align-items:start;gap:10px;font-size:12px;margin-block:20px}.quote-consent a{text-decoration:underline}.quote-dialog [type=submit]{width:100%}.quote-honey{display:none}.quote-fallback{display:block;text-align:center;font-size:12px;margin-top:12px}#quote-status{margin-top:15px;font-size:14px}.quote-empty{padding-block:12px;font-size:13px}@media(max-width:600px){.quote-dialog{padding:20px 16px}.quote-fields{grid-template-columns:1fr}.quote-item{flex-wrap:wrap}.quote-item>.quote-quantity{margin-left:76px}.quote-dialog h2{font-size:26px}}

.quote-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto 24px}.quote-item small{overflow-wrap:anywhere;line-height:1.5}@media(max-width:600px){.quote-item{grid-template-columns:64px minmax(0,1fr) 24px;gap:10px}.quote-item img{grid-column:1;grid-row:1}.quote-item>div:nth-child(2){grid-column:2;grid-row:1}.quote-item>.quote-quantity{grid-column:2;grid-row:2;margin-left:0}.quote-item>button{grid-column:3;grid-row:1}}

.quote-more{margin-block:16px;border-block:1px solid var(--line);padding-block:12px}.quote-more summary{font-size:13px;cursor:pointer;color:var(--muted)}.quote-more>label{display:flex;flex-direction:column;gap:8px;font-size:13px;margin-block:12px}

/* Keep the consent control beside its label despite the shared full-width input rule. */
.quote-dialog .quote-consent{min-height:44px;align-items:center}.quote-dialog .quote-consent>input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:0;padding:0;accent-color:var(--accent)}