/* Formulaire COD — reproduit la mise en page d'EasySell (arabe, RTL) */
.vqcod{--vq-bg:#f0f7fb;--vq-ink:#111;--vq-navy:#1f2a56;--vq-icon:#2f3f8f;--vq-line:#c9ccd3;--vq-addon:#e3e4e6;--vq-red:#d6344f;--vq-muted:#8a8fa3;
  direction:rtl;text-align:right;background:var(--vq-bg);border-radius:18px;padding:26px 24px 28px;margin:20px 0;
  box-shadow:0 2px 10px rgba(0,0,0,.12);font-family:inherit;color:var(--vq-ink);box-sizing:border-box}
.vqcod *,.vqcod *::before,.vqcod *::after{box-sizing:border-box}
.vqcod__title{font-size:22px;font-weight:800;margin:0 0 22px;line-height:1.4;color:var(--vq-ink)}
.vqcod__sub{font-size:16px;font-weight:700;color:var(--vq-navy);margin:0 0 10px}
.vqcod__ship{display:flex;align-items:center;gap:18px;background:transparent;border:1.5px solid #dfe3ea;border-radius:8px;padding:0 20px 0 70px;min-height:56px;margin-bottom:18px}
.vqcod__ship-price{font-weight:800;color:var(--vq-navy);margin-inline-end:auto}
.vqcod__ship-name{color:#4a5378;font-size:17px;direction:ltr}
.vqcod__radio{width:24px;height:24px;border:2px solid var(--vq-navy);border-radius:50%;display:grid;place-items:center;flex:none}
.vqcod__radio::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--vq-navy)}

.vqcod__row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:14px;align-items:center;margin-bottom:34px}
.vqcod__row:last-of-type{margin-bottom:0}
.vqcod__label{font-size:16px;font-weight:800;color:var(--vq-navy);margin:0;padding-inline-start:8px;line-height:1.3}
.vqcod__label b{color:var(--vq-red);font-weight:800}
.vqcod__group{display:flex;height:58px;border:1.5px solid var(--vq-line);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.vqcod__group:focus-within{border-color:var(--vq-icon);box-shadow:0 0 0 3px rgba(47,63,143,.12)}
.vqcod__group input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 16px;font:inherit;font-size:17px;color:var(--vq-ink);text-align:right;direction:rtl;height:100%;margin:0;box-shadow:none;border-radius:0}
.vqcod__group input::placeholder{color:var(--vq-muted);opacity:1}
.vqcod__addon{flex:none;width:58px;background:var(--vq-addon);border-inline-start:1.5px solid var(--vq-line);display:grid;place-items:center;color:var(--vq-icon)}
.vqcod__addon svg{width:24px;height:24px;fill:currentColor}
.vqcod__err{color:var(--vq-red);font-size:13px;font-weight:600;margin-top:6px}
.vqcod__err:empty{display:none}
.vqcod__row.is-invalid .vqcod__group{border-color:var(--vq-red)}
.vqcod__hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

.vqcod__btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:62px;margin-top:32px;border:0;border-radius:999px;background:var(--vq-red);color:#fff;
  font:inherit;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 6px 12px rgba(0,0,0,.28);transition:transform .15s,filter .15s}
.vqcod__btn:hover{filter:brightness(1.05)}
.vqcod__btn:active{transform:translateY(1px)}
.vqcod__btn[disabled]{opacity:.7;cursor:wait}
.vqcod__btn .vqcod__dash{opacity:.85}
.vqcod__btn svg{width:20px;height:20px;fill:currentColor;flex:none}
.vqcod__btn bdi{direction:ltr;unicode-bidi:isolate}
.vqcod__spin{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:vqspin .7s linear infinite}
@keyframes vqspin{to{transform:rotate(360deg)}}

.vqcod__alert{margin-top:14px;padding:12px 14px;border-radius:8px;background:#fdecef;color:#9b1c33;font-size:14px;font-weight:600}
.vqcod__done{text-align:center;padding:10px 4px}
.vqcod__done-ic{width:64px;height:64px;border-radius:50%;background:#e3f6ea;color:#1f9d55;display:grid;place-items:center;margin:0 auto 14px}
.vqcod__done-ic svg{width:32px;height:32px;fill:currentColor}
.vqcod__done h3{font-size:21px;font-weight:800;margin:0 0 8px;color:var(--vq-ink)}
.vqcod__done p{margin:0;color:#4a5378;font-size:16px;line-height:1.7}

@media (max-width:600px){
  .vqcod{padding:20px 16px 22px;border-radius:16px;margin:16px 0}
  .vqcod__title{font-size:19px;margin-bottom:16px}
  .vqcod__sub{font-size:15px;margin-bottom:8px}
  .vqcod__ship{min-height:52px;padding:0 16px;margin-bottom:16px}
  .vqcod__ship-name{font-size:15px}
  /* étiquette au-dessus, champ pleine largeur */
  .vqcod__row{display:flex;flex-direction:column-reverse;align-items:stretch;gap:7px;margin-bottom:14px}
  .vqcod__label{font-size:14px;padding:0}
  .vqcod__group{height:52px}
  .vqcod__group input{font-size:16px;padding:0 14px}
  .vqcod__addon{width:50px}
  .vqcod__addon svg{width:21px;height:21px}
  .vqcod__btn{min-height:56px;margin-top:20px;font-size:17px}
}