:root{--cp:#7c3aed;--cp2:#5b21b6;--cpl:#ede9fe;--cs:#10b981;--ce:#ef4444;--cg:#6b7280;--cb:#e5e7eb;--cbg:#f9fafb;--cw:#fff;--ct:#111827;--r:12px;--sh:0 8px 32px rgba(0,0,0,.08)}
*{box-sizing:border-box}
.cod-wrap{font-family:'Segoe UI',Tahoma,Arial,sans-serif;direction:rtl;max-width:560px;margin:0 auto}
.cod-contacts{display:flex;gap:10px;justify-content:center;margin-bottom:12px;flex-wrap:wrap}
.cod-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:50px;font-size:14px;font-weight:600;text-decoration:none;transition:.2s}
.cod-cta:hover{transform:translateY(-2px);opacity:.9}
.cod-cta-phone{background:var(--cp);color:#fff}
.cod-cta-wa{background:#25d366;color:#fff}
.cod-box{background:var(--cw);border-radius:18px;box-shadow:var(--sh);overflow:hidden;border:1px solid var(--cb)}
.cod-head{background:linear-gradient(135deg,var(--cp),var(--cp2));padding:24px 28px;text-align:center;color:#fff}
.cod-head-title{font-size:20px;font-weight:800;margin-bottom:4px}
.cod-head-sub{font-size:13px;opacity:.85}
.cod-product-img-wrap{text-align:center;padding:20px 22px 0;border-bottom:1px solid var(--cb)}
.cod-product-img{max-width:220px;max-height:220px;object-fit:cover;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1)}
.cod-product-title{font-size:16px;font-weight:700;color:var(--ct);margin-top:10px;margin-bottom:16px}
.cod-msg{margin:16px 20px 0;padding:13px 16px;border-radius:10px;font-size:14px;font-weight:600}
.cod-ok{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}
.cod-err{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}
.cod-section{padding:16px 22px;border-bottom:1px solid var(--cb)}
.cod-section:last-of-type{border-bottom:none}
.cod-label{font-size:12px;font-weight:700;color:var(--cg);letter-spacing:.4px;text-transform:uppercase;margin-bottom:10px}
.r{color:var(--ce)}
.cod-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cod-field{display:flex;flex-direction:column}
.cod-field label{font-size:13px;font-weight:600;color:var(--ct);margin-bottom:5px}
.cod-field input[type=text],
.cod-field input[type=tel],
.cod-field select{width:100%;padding:10px 13px;border:2px solid var(--cb);border-radius:var(--r);font-size:14px;font-family:inherit;direction:rtl;background:var(--cbg);transition:.2s;appearance:none}
.cod-field input:focus,.cod-field select:focus{outline:none;border-color:var(--cp);background:var(--cw);box-shadow:0 0 0 3px var(--cpl)}
.cod-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;background-color:var(--cbg)}
.cod-field select:focus{background-color:var(--cw)}
/* Offers */
.cod-offers{display:flex;flex-direction:column;gap:8px}
.cod-offer{display:flex;align-items:center;gap:12px;border:2px solid var(--cb);border-radius:var(--r);padding:12px 14px;cursor:pointer;transition:.2s;position:relative}
.cod-offer:hover{border-color:var(--cp)}
.cod-offer.active{border-color:var(--cp);background:var(--cpl)}
.cod-offer-check{width:22px;height:22px;border:2px solid var(--cb);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;background:var(--cw);flex-shrink:0;transition:.2s}
.cod-offer.active .cod-offer-check{background:var(--cp);border-color:var(--cp);color:#fff}
.cod-offer-body{flex:1}
.cod-offer-label{font-size:14px;font-weight:700;color:var(--ct)}
.cod-offer-badge{display:inline-block;font-size:11px;background:#fef3c7;color:#92400e;border-radius:20px;padding:2px 8px;margin-top:3px;font-weight:600}
.cod-offer-price{font-size:18px;font-weight:800;color:var(--cp);white-space:nowrap}
/* Colors */
.cod-colors{display:flex;flex-wrap:wrap;gap:10px}
.cod-color-item{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;padding:6px;border-radius:10px;border:2px solid transparent;transition:.2s;min-width:48px}
.cod-color-item:hover{border-color:var(--cp);background:var(--cpl)}
.cod-color-item.sel{border-color:var(--cp);background:var(--cpl)}
.cod-color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.15);position:relative}
.cod-color-item.sel .cod-color-swatch::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}
.cod-color-name{font-size:11px;font-weight:600;color:var(--ct);text-align:center;max-width:52px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Sizes */
.cod-sizes{display:flex;flex-wrap:wrap;gap:8px}
.cod-size{padding:7px 14px;border:2px solid var(--cb);border-radius:8px;background:var(--cw);font-size:13px;font-weight:700;cursor:pointer;transition:.2s;color:var(--ct);font-family:inherit}
.cod-size:hover{border-color:var(--cp);color:var(--cp)}
.cod-size.sel{border-color:var(--cp);background:var(--cp);color:#fff}
/* Delivery */
.cod-delivery{display:flex;gap:8px}
.cod-del-opt{display:flex;align-items:center;cursor:pointer;flex:1}
.cod-del-opt input[type=radio]{display:none}
.cod-del-opt span{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px 8px;border:2px solid var(--cb);border-radius:var(--r);font-size:13px;font-weight:700;color:var(--ct);background:var(--cw);cursor:pointer;transition:.2s}
.cod-del-opt input:checked+span{border-color:var(--cp);background:var(--cpl);color:var(--cp)}
.cod-del-opt span:hover{border-color:var(--cp)}
/* Summary */
.cod-summary{margin:0 22px;border:2px solid var(--cp);border-radius:var(--r);overflow:hidden}
.cod-sum-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--cpl);cursor:pointer;font-size:14px;font-weight:700;color:var(--cp)}
.cod-sum-body{padding:0 16px;background:var(--cw)}
.sum-row{display:flex;justify-content:space-between;padding:9px 0;font-size:14px;color:var(--cg);border-bottom:1px solid var(--cb)}
.sum-row:last-child{border-bottom:none}
.sum-total{font-size:16px!important;font-weight:800!important;color:var(--cp)!important;padding:12px 0!important}
/* Submit */
.cod-submit-wrap{padding:18px 22px}
.cod-submit{width:100%;padding:15px;background:linear-gradient(135deg,var(--cp),var(--cp2));color:#fff;border:none;border-radius:var(--r);font-size:17px;font-weight:800;font-family:inherit;cursor:pointer;transition:.3s}
.cod-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(124,58,237,.4)}
.cod-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
@media(max-width:500px){
    .cod-row2{grid-template-columns:1fr}
    .cod-head{padding:20px}
    .cod-section{padding:14px 16px}
    .cod-submit-wrap{padding:14px 16px}
    .cod-summary{margin:0 16px}
}

/* Qty Mode */
.cod-qty-wrap{display:flex;align-items:center;gap:0;justify-content:flex-start;margin-bottom:10px}
.cod-qty-btn{width:40px;height:40px;border:2px solid var(--cb);background:var(--cbg);font-size:22px;cursor:pointer;transition:.2s;display:flex;align-items:center;justify-content:center;font-weight:700}
.cod-qty-btn:first-child{border-radius:var(--r) 0 0 var(--r)}
.cod-qty-btn:last-child{border-radius:0 var(--r) var(--r) 0}
.cod-qty-btn:hover{border-color:var(--cp);background:var(--cpl);color:var(--cp)}
.cod-qty-val{min-width:56px;height:40px;border-top:2px solid var(--cb);border-bottom:2px solid var(--cb);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:var(--cp)}
.cod-qty-price-line{font-size:14px;color:var(--cg);margin-top:6px}
.cod-qty-price-line b{color:var(--cp);font-size:18px}
.cod-qty-unit{font-size:12px;margin-right:6px;color:var(--cg)}
/* Delivery labels */
.cod-del-price{font-size:13px;color:var(--cg);margin-right:auto}
/* Remote note */
.cod-remote-note{margin-top:8px;font-size:13px;color:#92400e;background:#fef3c7;padding:8px 12px;border-radius:8px;border:1px solid #fcd34d}
/* Sizes */
.cod-sizes{display:flex;flex-wrap:wrap;gap:8px}
.cod-size{padding:8px 16px;border:2px solid var(--cb);border-radius:8px;background:var(--cbg);cursor:pointer;font-size:14px;font-weight:600;transition:.2s}
.cod-size:hover,.cod-size.sel{border-color:var(--cp);background:var(--cpl);color:var(--cp)}
/* Summary */
.cod-summary{margin:0 0 0;border-top:1px solid var(--cb)}
.cod-sum-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 22px;cursor:pointer;font-weight:700;font-size:14px;background:var(--cbg)}
.cod-sum-body{padding:0 22px 14px}
.sum-row{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--cb);font-size:14px}
.sum-row:last-child{border-bottom:none}
.sum-total{font-weight:800;font-size:16px;color:var(--cp)}
/* Submit */
.cod-submit-wrap{padding:18px 22px 22px}
.cod-submit{width:100%;padding:16px;font-size:17px;font-weight:800;border:none;border-radius:var(--r);background:linear-gradient(135deg,var(--cp),var(--cp2));color:#fff;cursor:pointer;transition:.2s;letter-spacing:.3px}
.cod-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(124,58,237,.35)}
.cod-submit:disabled{opacity:.6;transform:none;cursor:not-allowed}