/* Tablet fix additions specific to donate.html (from donate.css) */

@media (min-width: 576px) and (max-width: 1024px) {

  .donation-form-grid {grid-template-columns: 1fr !important; gap: 15px !important;}

  .full-width {grid-column: auto !important;}

  .donation-form {border-radius: 12px !important;}

  .payment-methods {grid-column: auto !important;}

  .payment-options {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}

  .donation-consent,
  .donation-actions {grid-column: auto !important;}

  .donation-footer .site-container {flex-direction: column !important; text-align: center !important;}

  .receipt-details>div {grid-template-columns: 1fr !important; gap: 2px !important;}

  .receipt-actions {flex-direction: column-reverse !important;}

  .receipt-actions button {width: 100% !important;}

  .donate-impact-grid {grid-template-columns: 1fr !important; gap: 10px !important; padding: 18px 0 !important;}

  .donate-impact-item {padding: 6px 8px !important;}

  .donation-use-list {grid-template-columns: 1fr !important;}

  .amount-presets {grid-template-columns: repeat(2, minmax(0, 1fr)) !important;}

  .donation-payment-icons {gap: 10px !important;}


  .donation-section {padding: 24px 12px 38px !important;}

  .donation-form {padding: 20px 16px !important; border-radius: 14px !important;}

  .donation-form-grid {grid-template-columns: 1fr !important; gap: 14px !important;}

  .full-width {grid-column: 1 !important;}

  .hero-clean-content {padding-left: 10px !important; padding-right: 10px !important;}

  .hero-doctor-line {padding: 0 8px !important;}

  .hero-doctor-line span {font-size: .82rem !important; line-height: 1.5 !important;}

  .donation-submit {min-height: 48px !important;}

  .donation-secure-note {align-items: flex-start !important; font-size: .72rem !important; line-height: 1.45 !important;}


  .donation-page .hero-doctor-line .donation-subtitle-line {font-size: clamp(.52rem, 2.25vw, .68rem) !important; line-height: 1.6 !important; letter-spacing: -.01em !important;}


  .donation-page #donate-hero .hero-clean-content {padding: 86px 12px 24px !important;}

  .donation-page #donate-hero .title-left {display: block !important; font-size: clamp(1.55rem, 8vw, 2.15rem) !important; line-height: 1.12 !important; padding: 0 6px !important;}

  .donation-page .hero-doctor-line {max-width: 100% !important; padding: 0 8px !important;}

  .donation-page .hero-doctor-line .donation-subtitle-line {white-space: normal !important; font-size: clamp(.69rem, 3.1vw, .82rem) !important; line-height: 1.5 !important;}

  .donate-impact-grid {width: 100% !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; padding: 16px 12px !important;}

  .donate-impact-item {min-width: 0 !important; min-height: 118px !important; flex-direction: column !important; justify-content: center !important; align-items: center !important; gap: 8px !important; padding: 12px 8px !important; text-align: center !important; border-radius: 14px !important;}

  .donate-impact-item i {width: 36px !important; height: 36px !important; font-size: 1rem !important;}

  .donate-impact-item strong {font-size: 1.18rem !important;}

  .donate-impact-item span {font-size: .66rem !important; line-height: 1.35 !important;}

  .donation-section {width: 100% !important; padding: 24px 10px 38px !important;}

  .donation-container {width: 100% !important; max-width: 100% !important; padding: 0 !important;}

  .donation-layout {width: 100% !important; display: block !important;}

  .donation-form-col {width: 100% !important; max-width: 100% !important;}

  .donation-form {width: 100% !important; max-width: 100% !important; padding: 18px 13px !important; overflow: hidden !important;}

  .donation-form-grid {width: 100% !important; grid-template-columns: minmax(0, 1fr) !important;}

  .form-field,
  .full-width,
  .amount-input-wrap,
  .donation-consent,
  .donation-actions {width: 100% !important; min-width: 0 !important;}

  .form-field input,
  .form-field select,
  .form-field textarea {max-width: 100% !important; box-sizing: border-box !important;}

  .donation-consent {grid-template-columns: 18px minmax(0, 1fr) !important;}

  .donation-secure-note {width: 100% !important; flex-wrap: wrap !important; justify-content: center !important; text-align: center !important;}
}