@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap');

.rbouj-cod-form{
    direction:rtl; width:100%; box-sizing:border-box; background:#fff;
    border:2px solid #222; border-radius:14px; padding:18px; margin:18px 0;
    box-shadow:0 8px 24px rgba(0,0,0,.10); font-family:'Cairo',sans-serif;
}
.rbouj-promo{background:#fff3cd;color:#856404;border:1px solid #ffeeba;padding:9px 10px;border-radius:9px;text-align:center;font-weight:700;font-size:13px;margin-bottom:14px}
.rbouj-head{text-align:center;border-bottom:1px dashed #ddd;padding-bottom:14px;margin-bottom:16px}
.rbouj-head h2{margin:0 0 7px;font-size:20px;font-weight:800;color:#111}
.rbouj-total{font-size:17px;font-weight:700;color:#059669}
.rbouj-total strong{font-size:22px}
.rbouj-savings{min-height:20px;color:#16a34a;font-weight:800;font-size:13px}
.rbouj-field{margin-bottom:12px}
.rbouj-field label{display:block;font-size:14px;font-weight:800;color:#333;margin-bottom:5px}
.rbouj-field input{
    width:100%; box-sizing:border-box; padding:11px 12px; border:1.5px solid #555;
    border-radius:7px;background:#fafafa;color:#111;font-size:15px;font-weight:600;outline:none;
}
.rbouj-field input:focus{border-color:#000;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.06)}
.rbouj-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rbouj-attributes{display:grid;gap:10px}
.rbouj-attr small{display:block;font-weight:700;margin-bottom:5px}
.rbouj-swatches{display:flex;flex-wrap:wrap;gap:7px}
.rbouj-swatch{
    border:2px solid #ccc;background:#f8f8f8;color:#333;border-radius:7px;
    padding:8px 14px;cursor:pointer;font-weight:800;min-width:45px;
}
.rbouj-swatch.active{background:#000;color:#fff;border-color:#000;transform:scale(1.03)}
.rbouj-msg{min-height:18px;margin-top:5px;font-size:12px;font-weight:700}
.rbouj-msg.ok{color:#15803d}.rbouj-msg.error{color:#dc2626}
.rbouj-qty{display:flex;width:145px;height:43px;border:1px solid #d1d5db;border-radius:8px;overflow:hidden;background:#fff}
.rbouj-qty-btn{width:45px;border:0;background:#f3f4f6;font-size:22px;font-weight:800;cursor:pointer}
.rbouj-qty input{width:55px!important;border:0!important;border-radius:0!important;text-align:center;padding:0!important;font-size:18px!important;background:#fff!important}
.rbouj-offer-text{margin-top:5px;color:#ea580c;font-weight:800;font-size:13px}
.rbouj-upsell{border:2px dashed #f59e0b;background:#fffbeb;border-radius:10px;padding:11px;margin:12px 0}
.rbouj-check{display:flex;align-items:flex-start;gap:9px;cursor:pointer}
.rbouj-check input{width:20px;height:20px;margin-top:3px}
.rbouj-delivery{text-align:center;color:#15803d;font-weight:700;font-size:13px;margin:10px 0}
.rbouj-submit{
    width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#ff6600,#e64a19);
    color:#fff;font-family:'Cairo',sans-serif;font-size:20px;font-weight:800;padding:15px 18px;
    cursor:pointer;box-shadow:0 6px 18px rgba(255,102,0,.30);transition:.2s;
}
.rbouj-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,102,0,.40)}
.rbouj-submit:disabled{background:#9ca3af;cursor:not-allowed;transform:none}
.rbouj-trust{display:flex;justify-content:space-around;gap:7px;border-top:1px dashed #e5e7eb;margin-top:14px;padding-top:10px;color:#4b5563;font-size:11px;font-weight:700;text-align:center}
@media(max-width:480px){
    .rbouj-cod-form{padding:13px;border-radius:11px}
    .rbouj-head h2{font-size:18px}
    .rbouj-grid{grid-template-columns:1fr}
    .rbouj-submit{font-size:18px;padding:14px}
    .rbouj-trust{font-size:10px}
}
@media(max-width:320px){
    .rbouj-cod-form{padding:10px}
    .rbouj-swatch{padding:7px 10px}
}