/* v595U — Order customer commitment before payment.
   Scope: order.html only.
   Purpose: keep one final checkbox, but make the commitment terms explicit before PayPal appears. */

body:has(#orderForm) .order-commitment-panel-v595U{
  max-width:980px !important;
  margin:18px auto 14px !important;
  padding:22px 24px !important;
  border:1px solid rgba(203,213,225,.95) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#ffffff,#f8fbff) !important;
  box-shadow:0 16px 38px rgba(15,23,42,.06) !important;
}

body:has(#orderForm) .order-commitment-head-v595U{
  display:grid !important;
  gap:5px !important;
  margin-bottom:14px !important;
}

body:has(#orderForm) .order-commitment-head-v595U span{
  display:inline-flex !important;
  width:max-content !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
  font-size:12px !important;
  font-weight:950 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

body:has(#orderForm) .order-commitment-head-v595U strong{
  color:#0f172a !important;
  font-size:22px !important;
  line-height:1.2 !important;
  letter-spacing:-.025em !important;
}

body:has(#orderForm) .order-commitment-list-v595U{
  display:grid !important;
  gap:10px !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body:has(#orderForm) .order-commitment-list-v595U li{
  display:grid !important;
  grid-template-columns:26px minmax(0,1fr) !important;
  gap:10px !important;
  align-items:start !important;
  color:#475569 !important;
  font-size:15px !important;
  line-height:1.56 !important;
}

body:has(#orderForm) .order-commitment-list-v595U li::before{
  content:"✓" !important;
  display:inline-flex !important;
  width:26px !important;
  height:26px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:#ecfdf5 !important;
  color:#16a34a !important;
  font-weight:950 !important;
  line-height:1 !important;
}

body:has(#orderForm) .order-commitment-links-v595U{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:16px !important;
}

body:has(#orderForm) .order-commitment-links-v595U a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  border:1px solid #dbeafe !important;
  background:#fff !important;
  color:#1d4ed8 !important;
  font-weight:850 !important;
  text-decoration:none !important;
}

body:has(#orderForm) .confirmation-box.order-final-confirm-v595U{
  margin-top:12px !important;
  border:2px solid rgba(29,78,216,.18) !important;
  background:#fff !important;
}

body:has(#orderForm) .confirmation-box.order-final-confirm-v595U .confirm-check{
  cursor:pointer !important;
}

body:has(#orderForm) .confirmation-box.order-final-confirm-v595U .confirm-check span{
  display:block !important;
}

body:has(#orderForm) .confirmation-box.order-final-confirm-v595U a{
  color:#1d4ed8 !important;
  text-decoration:underline !important;
  text-underline-offset:3px !important;
}

@media (max-width:980px){
  body:has(#orderForm) .order-commitment-panel-v595U{
    margin:14px 0 12px !important;
    padding:18px !important;
    border-radius:20px !important;
  }

  body:has(#orderForm) .order-commitment-head-v595U strong{
    font-size:19px !important;
  }

  body:has(#orderForm) .order-commitment-list-v595U li{
    font-size:14px !important;
    line-height:1.52 !important;
  }

  body:has(#orderForm) .order-commitment-links-v595U{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body:has(#orderForm) .order-commitment-links-v595U a{
    width:100% !important;
  }
}
