/* Supplements for the mirrored purchase modal.
   The modal's own look (.mymodal/.modal-dialog/.pay-buttons/.button-orange…)
   comes from the site's style.min.css; here we only add show/hide, the coupon
   field, and the agreement checkboxes (those classes are absent from their CSS). */

#myModalForm { display: none; }
#myModalForm.rw-open { display: block; }

/* coupon field revealed by "У меня есть купон" */
.rw-coupon {
  width: 100%; margin: 10px 0 4px; padding: 12px 14px;
  border: 1px solid #e3e6ee; border-radius: 10px; background: #f6f7fa;
  font-size: 15px; outline: none; box-sizing: border-box;
}
.rw-coupon:focus { border-color: #ff8a1e; background: #fff; }

/* agreement checkboxes (not present in the original stylesheet) */
.agreement-checkboxes { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; }
.checkbox-group { display: block; }
.checkbox-label { display: flex; align-items: flex-start; gap: 10px; cursor: pointer;
  font-size: 13px; color: #55606f; line-height: 1.4; }
.checkbox-label .checkbox-input { position: absolute; opacity: 0; width: 0; height: 0; }
.checkbox-custom { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 1px; border-radius: 6px;
  border: 2px solid #d7dbe6; background: #fff; position: relative; transition: .15s; }
.checkbox-input:checked + .checkbox-custom {
  background: linear-gradient(135deg, #ff8a1e, #ff6a00); border-color: #ff6a00; }
.checkbox-input:checked + .checkbox-custom::after {
  content: ""; position: absolute; left: 6px; top: 2px; width: 5px; height: 10px;
  border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.checkbox-text a { color: #ff6a00; text-decoration: none; }
.checkbox-text a:hover { text-decoration: underline; }

/* result / error line */
.error-message.rw-err { color: #d33b4b; font-weight: 600; margin-top: 10px; }
.error-message.rw-ok  { color: #1f8a4c; font-weight: 600; margin-top: 10px; }

/* payment-method step (grid/box/active come from the site's style.min.css) */
.payment-type .rw-pm { display: flex; align-items: center; gap: 14px; }
.rw-pm-ico { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 50%;
  display: grid; place-items: center; background: #e9eef7; color: #2b2f3a; font-size: 22px; }
.rw-pm-ico-dark { background: #0a2a66; color: #fff; }
.rw-pm-ico-dark .fa-cc-visa { color: #fff; }
.rw-pm-ico .fa-cc-mastercard { color: #eb5c1c; }
.rw-pm-ico-plain { background: #fff; }
.rw-pm-svg { display: block; }
.rw-pm-text { display: flex; flex-direction: column; }
.payment-type .rw-pm .payment-title { margin-top: 0; }
.payment-type .rw-pm .payment-subtitle { margin-top: 2px; }