/* EasyPrint V2.58 Contact Width Parity
   Match the Privacy/Terms content width of 1200px on desktop only.
   Loaded AFTER all earlier stylesheets. No mobile, form or JS changes. */
@media screen and (min-width: 1025px) {
  html body main#ep-contact-layout-v258.contact-page {
    box-sizing: border-box !important;
    display: block;
    flex: 1 1 auto;
    width: 100% !important;
    max-width: 1500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: clamp(28px, 3.2vw, 56px) !important;
    padding-right: clamp(28px, 3.2vw, 56px) !important;
  }

  html body main#ep-contact-layout-v258.contact-page > .contact-header,
  html body main#ep-contact-layout-v258.contact-page > .contact-layout {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1200px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  html body main#ep-contact-layout-v258.contact-page > .contact-layout {
    display: grid !important;
    grid-template-columns: minmax(285px, 32%) minmax(0, 1fr) !important;
    gap: clamp(20px, 2vw, 30px) !important;
    align-items: start !important;
  }

  html body main#ep-contact-layout-v258.contact-page > .contact-layout > .contact-sidebar,
  html body main#ep-contact-layout-v258.contact-page > .contact-layout > .contact-form-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
}

/* EasyPrint V2.60 — Contact visible card full-width parity */
/* Desktop only. The V2.58 outer layout is already correctly 1200px;
   let the message form occupy that whole width instead of the right 68%.
   Place info and transaction-assistance cards in one balanced row above it. */
@media screen and (min-width: 1025px) {
  html body main#ep-contact-layout-v258.contact-page > .contact-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(18px, 1.6vw, 24px) !important;
  }
  html body main#ep-contact-layout-v258.contact-page > .contact-layout > aside.contact-sidebar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(18px, 1.6vw, 24px) !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    align-items: stretch !important;
  }
  html body main#ep-contact-layout-v258.contact-page > .contact-layout > section.contact-form-card {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
  }
  html body main#ep-contact-layout-v258.contact-page > .contact-layout > aside.contact-sidebar > .contact-info-card,
  html body main#ep-contact-layout-v258.contact-page > .contact-layout > aside.contact-sidebar > .contact-support-card {
    box-sizing: border-box !important;
    min-width: 0 !important;
    width: 100% !important;
  }
}
/* End EasyPrint V2.60 */

/* EasyPrint V2.62 — match Contact header to Guest Support page edges */
/* V2.61 capped the topbar at 1200px; Guest Support's topbar fills its
   wider page content box (1500px outer container minus responsive padding).
   Contact already uses the same outer container rules. Fill it, rather than
   narrowing the header again. The Contact form layout remains untouched. */
@media screen and (min-width: 1025px) {
  html body main#ep-contact-layout-v258.contact-page > header.contact-topbar {
    box-sizing: border-box !important;
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* End EasyPrint V2.62 */