/* Financing Typeform popup (UMdzRhTP, "Apply with Cherry / PatientFi / Happen Bank" on Cost and Financing), the frame around it only
   (Daniel 2026-11-12: "why is this popup so big?"). Typeform's embed.js builds .tf-v1-popup > .tf-v1-iframe-wrapper > iframe + .tf-v1-close
   in this page and loads its own popup.css; these rules restyle that shell. With data-tf-size="100" Typeform sizes the wrapper inline to
   calc(100% - 80px) on every screen, so width and height need !important here. Everything inside the iframe (font, OK button, arrows,
   answer rows, progress bar) is drawn by form.typeform.com from the Typeform account's theme; no CSS on this page can reach it.
   - laptops: a centred card, at most 720 x 640, 8px corners like the site's cards, the page dimmed in navy at 60%
   - close: a round silver aluminium button with a navy cross, as the site's carousel arrows (.dio-car-btn), above the card's corner
   - phones (under 600px): the whole screen, as Typeform does under 481px, close button inside the top right corner */
html body .tf-v1-popup{background:rgba(47,68,82,.6)}
html body .tf-v1-popup .tf-v1-iframe-wrapper{width:min(720px,calc(100% - 48px))!important;height:min(640px,85vh,calc(100vh - 136px))!important;
  min-width:0;min-height:360px;border-radius:8px;background:#fff;box-shadow:0 18px 48px rgba(16,32,42,.32)}
html body .tf-v1-popup .tf-v1-iframe-wrapper iframe{display:block;border-radius:8px}
html body .tf-v1-popup .tf-v1-close{top:-56px;right:0;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;opacity:1;
  color:#1c3341!important;background:linear-gradient(180deg,#e6e8e8 0%,#d4d7d7 38%,#c9cdcd 100%);
  box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(20,40,52,.28),0 8px 18px -8px rgba(0,0,0,.45);transition:background-color .2s}
html body .tf-v1-popup .tf-v1-close svg{width:20px;height:20px}
html body .tf-v1-popup .tf-v1-close:hover,html body .tf-v1-popup .tf-v1-close:focus-visible{opacity:1;background:linear-gradient(180deg,#eef0f0 0%,#dcdfdf 38%,#d1d5d5 100%)}
/* keyboard focus: a white ring, then ink, so it reads on the dimmed page and on the form's own background alike */
html body .tf-v1-popup .tf-v1-close:focus-visible{outline:2px solid transparent;box-shadow:inset 0 1px 0 #fff,0 0 0 2px #fff,0 0 0 4px #203846}
@media (max-width:599px){
  html body .tf-v1-popup{width:100%!important;height:100%!important}
  html body .tf-v1-popup .tf-v1-iframe-wrapper{width:100%!important;height:100%!important;min-width:100%;min-height:100%;margin:0;border-radius:0;box-shadow:none}
  html body .tf-v1-popup .tf-v1-iframe-wrapper iframe{border-radius:0}
  html body .tf-v1-popup .tf-v1-close{top:calc(8px + env(safe-area-inset-top,0px));right:8px;width:40px;height:40px}
  html body .tf-v1-popup .tf-v1-close svg{width:18px;height:18px}}
@media (prefers-reduced-motion:reduce){html body .tf-v1-popup .tf-v1-close{transition:none}}