/* Checkout consent modal — keep checkboxes as checkboxes.
   app.css intentionally sizes normal modal inputs to 100%; consent controls are excluded here. */
#modal-root .why-modal [data-form="checkout-consent"] .check-item{
  align-items:flex-start;
  gap:12px;
  padding:14px 15px;
}

#modal-root .why-modal [data-form="checkout-consent"] .check-item input[type="checkbox"]{
  appearance:auto;
  -webkit-appearance:checkbox;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  max-width:20px !important;
  flex:0 0 20px;
  margin:2px 0 0;
  padding:0;
  border:0;
  box-shadow:none;
  accent-color:var(--gold,#d7b36a);
}

#modal-root .why-modal [data-form="checkout-consent"] .check-item span{
  flex:1 1 auto;
  min-width:0;
  line-height:1.5;
}

#modal-root .why-modal [data-form="checkout-consent"] .check-item a{
  color:var(--gold-2,#efd69a);
  text-underline-offset:3px;
}

#modal-root .why-modal [data-form="checkout-consent"] .form-actions{
  align-items:stretch;
}

@media(max-width:520px){
  #modal-root .why-modal [data-form="checkout-consent"] .check-item{
    padding:12px;
    gap:10px;
  }
  #modal-root .why-modal [data-form="checkout-consent"] .check-item input[type="checkbox"]{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    max-width:22px !important;
    flex-basis:22px;
  }
}