:root{--brand:#2563eb;--muted:#6b7280;--border:#e5e7eb}.hero-title{font-weight:700;letter-spacing:.2px}.hero-subtitle{color:var(--muted);font-size:.95rem}.badge-row{gap:.75rem;font-weight:600;color:#059669}.badge-row .fa,.badge-row .bi{margin-right:.35rem}.notice{border:1px solid var(--border);border-left:4px solid #60a5fa;background:#f8fafc;color:#334155;font-size:.9rem}.card-soft{border:1px solid var(--border);border-radius:.75rem;box-shadow:0 .5rem 1rem #00000005;background:#fff}.required:after{content:" *";color:#ef4444}.order-box{border:1.5px solid #dbeafe;border-radius:.75rem;background:#f8fbff}.order-line{display:flex;align-items:center;justify-content:space-between;padding:.125rem 0;color:#374151;font-size:.95rem}.order-total{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed #e5e7eb;padding-top:.5rem;margin-top:.5rem;font-weight:700;font-size:1.25rem}.coupon-link{font-weight:500}.pay-option{border:1px solid var(--border);border-radius:.75rem;padding:.5rem .75rem;display:flex;gap:.5rem;align-items:flex-start}.pay-option.active{border-color:#bfdbfe;background:#eff6ff}.place-order{background:var(--brand);border:0;font-weight:600;padding:.85rem 1rem}.place-order:hover{background:#1d4ed8}.form-control,.form-select{padding:.65rem .75rem}label{font-weight:600;font-size:.9rem}.small-note{font-size:.8rem;color:#6b7280}#checkoutForm select.form-control,#checkoutForm select.form-select{height:auto;min-height:48px;line-height:1.35;font-size:1.05rem;border:1px solid var(--border);border-radius:.5rem;padding:.7rem 2.25rem .7rem 1rem;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%236b7280' d='M3.22 5.97a.75.75 0 0 1 1.06 0L8 9.69l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L3.22 7.03a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;background-size:16px 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}#checkoutForm select.form-control:focus,#checkoutForm select.form-select:focus{border-color:#93c5fd;box-shadow:0 0 0 .2rem #2563eb26}[dir=rtl] #checkoutForm select.form-control,[dir=rtl] #checkoutForm select.form-select{padding:.7rem 1rem .7rem 2.25rem;background-position:left .8rem center}