/* Card look */
.fom-card{max-width:760px;margin:24px auto;padding:20px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.06);background:#fff}
.form-order h2{text-align:center;margin:0 0 10px;font-size:22px}
.form-order label{font-weight:600;display:block;margin-bottom:6px}
.form-order input[type=text],.form-order input[type=number]{width:100%;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fafafa}
.form-order input[type=text]:focus,.form-order input[type=number]:focus{outline:none;border-color:#10b981;background:#fff}

/* Layout */
.fom-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0}
@media (max-width:640px){.fom-grid-2{grid-template-columns:1fr}}
.fom-section{margin-top:10px}
.fom-section-title{font-weight:700;margin:12px 0 8px;font-size:16px}
.fom-items{display:flex;flex-direction:column;gap:10px}

/* Item row */
.fom-item{display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px dashed #e5e7eb;border-radius:12px;background:#fcfcfc}
.fom-item-info{display:flex;flex-direction:column}
.fom-item-name{font-weight:700}
.fom-item-meta{font-size:12px;color:#6b7280}
.fom-item-qty input{width:110px;text-align:right}

/* Actions */
.fom-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;flex-wrap:wrap}
.fom-total{flex:1 1 240px}
#fom_total{background:#f3f4f6;font-weight:700}

.fom-buttons{display:flex;gap:10px;flex:1 1 280px;justify-content:flex-end}
.fom-btn{flex:1;padding:12px 14px;border:0;border-radius:12px;background:#10b981;color:#fff;font-weight:700;cursor:pointer}
.fom-btn:hover{background:#059669}
.fom-secondary{background:#111827}
.fom-secondary:hover{background:#000}

/* Notice */
.fom-notice{background:#fffbe6;border:1px solid #ffe58f;border-radius:10px;padding:12px}