.wcdco-form-wrap { max-width:520px; margin:0 auto; }
.wcdco-form { display:flex; flex-direction:column; gap:18px; }
.wcdco-row--2col { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media(max-width:480px){ .wcdco-row--2col { grid-template-columns:1fr; } }
.wcdco-field { display:flex; flex-direction:column; gap:6px; }
.wcdco-field label { font-size:.875rem; font-weight:600; color:#374151; }
.wcdco-field label span { color:#ef4444; }
.wcdco-form input, .wcdco-form select { width:100%; padding:12px 14px; border:1.5px solid #d1d5db; border-radius:8px; font-size:1rem; color:#111827; background:#fff; transition:border-color .2s,box-shadow .2s; appearance:none; -webkit-appearance:none; }
.wcdco-form input:focus, .wcdco-form select:focus { outline:none; border-color:#7B2FBE; box-shadow:0 0 0 3px rgba(123,47,190,.15); }
.wcdco-field--qty select { max-width:120px; }
.wcdco-error { background:#fef2f2; border:1px solid #fecaca; color:#dc2626; border-radius:8px; padding:12px 16px; font-size:.9rem; }
.wcdco-btn { display:flex; align-items:center; justify-content:center; gap:10px; padding:15px 36px; border:none; border-radius:8px; color:#fff; font-size:1.05rem; font-weight:700; cursor:pointer; transition:opacity .2s; width:100%; }
.wcdco-btn:hover { opacity:.9; }
.wcdco-btn:disabled { opacity:.65; cursor:not-allowed; }
.wcdco-btn-spinner { display:inline-block; animation:wcdco-spin .8s linear infinite; }
@keyframes wcdco-spin { to { transform:rotate(360deg); } }