.pcb-wrap{max-width:520px;margin:0 auto;background:#fff;padding:18px;border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.12);box-sizing:border-box}
.pcb-title{margin:0 0 14px;font-size:20px;font-weight:800;text-align:center;color:#111}
.pcb-field{position:relative;display:block;width:100%;margin-bottom:12px}
.pcb-wrap *,.pcb-wrap *::before,.pcb-wrap *::after{box-sizing:border-box}
.pcb-field input,.pcb-field select{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:54px;line-height:1.3;box-sizing:border-box!important;padding:16px 44px 16px 14px!important;margin:0!important;font-size:16px;font-family:inherit;border:1px solid #e2e2e2;border-radius:4px;background-color:#fff;color:#111;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;float:none!important;text-overflow:ellipsis}
.pcb-field select option{color:#111;background:#fff}
/* Neutralise theme/plugin select enhancers (select2, chosen, nice-select...) */
.pcb-form .select2,.pcb-form .select2-container,.pcb-form .nice-select,.pcb-form .chosen-container,.pcb-form .selectric-wrapper,.pcb-form .bootstrap-select,.pcb-form .selectize-control,.pcb-form .SumoSelect,.pcb-form .sbHolder{display:none!important}
.pcb-form select.select2-hidden-accessible,.pcb-form select[style*="display: none"],.pcb-form select[style*="display:none"]{display:block!important;position:static!important;clip:auto!important;width:100%!important;height:auto!important}
.pcb-field input:focus,.pcb-field select:focus{border-color:#f5b700;box-shadow:0 0 0 2px rgba(245,183,0,.2)}
.pcb-field select{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px}
.pcb-ico{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#888;font-size:18px;pointer-events:none}
/* Mobile date/time inputs hide native placeholders, so use an overlay label */
.pcb-field.pcb-dt{position:relative}
.pcb-ph{position:absolute;left:1px;top:1px;bottom:1px;right:38px;display:flex;align-items:center;padding-left:13px;background:#fff;border-radius:4px;color:#888;font-size:16px;pointer-events:none;z-index:2}
.pcb-field.pcb-dt.pcb-has .pcb-ph{display:none}
.pcb-field.pcb-dt:not(.pcb-has) input::-webkit-datetime-edit{color:transparent}
.pcb-field.pcb-dt:not(.pcb-has) input::-webkit-calendar-picker-indicator{opacity:.6}
.pcb-field input[type="date"]::placeholder,
.pcb-field input[type="time"]::placeholder{color:transparent}

.pcb-btn{width:100%;padding:16px;border:0;border-radius:4px;background:#f5b700;color:#111;font-size:16px;font-weight:800;letter-spacing:.5px;cursor:pointer}
.pcb-btn:hover{background:#e0a800}
.pcb-btn[disabled]{opacity:.6;cursor:not-allowed}
.pcb-msg{margin:10px 0 0;font-size:14px;text-align:center;min-height:18px}
.pcb-msg.err{color:#c00}.pcb-msg.ok{color:#0a7a2f}
/* searchable city dropdown */
.pcb-city{position:relative}
.pcb-city .pcb-pin{position:absolute;right:14px;top:26px;transform:translateY(-50%);color:#888;pointer-events:none}
.pcb-list{position:absolute;z-index:9999;left:0;right:0;top:calc(100% + 2px);max-height:220px;overflow:auto;background:#fff;border:1px solid #e2e2e2;border-radius:4px;box-shadow:0 8px 20px rgba(0,0,0,.12);display:none}
.pcb-list.open{display:block}
.pcb-list li{list-style:none;margin:0;padding:12px 14px;font-size:15px;cursor:pointer}
.pcb-list li:hover,.pcb-list li.active{background:#fff6d9}
.pcb-list ul{margin:0;padding:0}
.pcb-empty{padding:12px 14px;color:#888;font-size:14px}
@media (max-width:480px){.pcb-wrap{padding:14px;border-radius:0}.pcb-field input,.pcb-field select{padding:14px 40px 14px 12px!important;min-height:50px}.pcb-ph{left:12px}}