/**
 * Desktop / tablet visual containment ONLY.
 * Loaded after mobile section sheets.
 *
 * Root cause: many icon/illustration size rules live only inside
 * @media (max-width: 767px). Above that breakpoint, viewBox-only SVGs
 * expand to fill wide parents (badge/laurel/trust icons → hundreds of px;
 * travel/cost artwork → full column width).
 *
 * This file MUST NOT change anything under 768px.
 */

@media (min-width: 768px) {
  /* ---- Homepage content width ---- */
  body.page-home.public-home-v2 .hp-page,
  body.page-home.public-home-v2 main.hp-page {
    max-width: 1240px;
    margin-inline: auto;
  }

  body.page-home.public-home-v2 .pub-p2__inner,
  body.page-home.public-home-v2 .pub-p3__inner,
  body.page-home.public-home-v2 .hp-visa-travel__inner,
  body.page-home.public-home-v2 .hp-cost__inner,
  body.page-home.public-home-v2 .hp-journey__inner,
  body.page-home.public-home-v2 .hp-why-trust .pub-p2__inner {
    max-width: 1180px;
    margin-inline: auto;
    width: 100%;
    box-sizing: border-box;
  }

  /* =========================================================
     Why Patients Choose — laurel SVGs were ~1240×1240
     ========================================================= */
  body.page-home.public-home-v2 .hp-why-trust__laurel {
    width: 44px !important;
    height: 64px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-why-trust__laurel svg {
    width: 44px !important;
    height: 64px !important;
    max-width: 44px !important;
    max-height: 64px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-why-trust__icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-why-trust__icon svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  /* =========================================================
     Medical Review — lock/shield/clock trust icons were ~405×405
     ========================================================= */
  body.page-home.public-home-v2 .ilj-mrev__trust-ico {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .ilj-mrev__trust-ico svg {
    width: 26px !important;
    height: 26px !important;
    max-width: 26px !important;
    max-height: 26px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .ilj-mrev__secure svg,
  body.page-home.public-home-v2 .ilj-mrev__exp-ico svg,
  body.page-home.public-home-v2 .ilj-mrev__field-ico svg,
  body.page-home.public-home-v2 .ilj-mrev__upload-label > svg {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
  }

  body.page-home.public-home-v2 .ilj-mrev__visual,
  body.page-home.public-home-v2 .ilj-mrev__visual picture,
  body.page-home.public-home-v2 .ilj-mrev__doctor {
    max-width: 220px !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .ilj-mrev__visual img,
  body.page-home.public-home-v2 .ilj-mrev__visual picture img,
  body.page-home.public-home-v2 .ilj-mrev__doctor {
    max-width: 220px !important;
    max-height: 260px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* =========================================================
     How It Works — step icons (beat public-home-v2 36/22 caps)
     ========================================================= */
  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__icon,
  body.page-home.public-home-v2 .hp-journey__icon {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    max-width: 88px !important;
    max-height: 88px !important;
    flex: 0 0 auto !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    overflow: visible !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__icon svg,
  body.page-home.public-home-v2 .hp-journey__icon svg {
    width: 46px !important;
    height: 46px !important;
    max-width: 46px !important;
    max-height: 46px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__step--blue .hp-journey__icon {
    color: #1d4ed8 !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(147, 197, 253, 0.7), rgba(219, 234, 254, 0.98) 72%) !important;
    border: 1.5px solid rgba(59, 130, 246, 0.45) !important;
    box-shadow: 0 0 0 6px rgba(191, 219, 254, 0.45), 0 10px 22px rgba(37, 99, 235, 0.14) !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__step--mint .hp-journey__icon {
    color: #047857 !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(167, 243, 208, 0.7), rgba(209, 250, 229, 0.98) 72%) !important;
    border: 1.5px solid rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 0 0 6px rgba(167, 243, 208, 0.4), 0 10px 22px rgba(5, 150, 105, 0.14) !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__step--purple .hp-journey__icon {
    color: #6d28d9 !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(196, 181, 253, 0.7), rgba(237, 233, 254, 0.98) 72%) !important;
    border: 1.5px solid rgba(139, 92, 246, 0.4) !important;
    box-shadow: 0 0 0 6px rgba(221, 214, 254, 0.45), 0 10px 22px rgba(109, 40, 217, 0.14) !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__step--orange .hp-journey__icon,
  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__step--sky .hp-journey__icon {
    color: #c2410c !important;
    background:
      radial-gradient(circle at 50% 40%, rgba(253, 186, 116, 0.7), rgba(255, 237, 213, 0.98) 72%) !important;
    border: 1.5px solid rgba(249, 115, 22, 0.45) !important;
    box-shadow: 0 0 0 6px rgba(254, 215, 170, 0.45), 0 10px 22px rgba(234, 88, 12, 0.14) !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__label {
    font-size: 0.95rem !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
    max-width: 16ch !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__num {
    width: 26px !important;
    height: 26px !important;
    font-size: 0.78rem !important;
  }

  body.page-home.public-home-v2 .hp-journey__support-ico {
    width: 64px !important;
    height: 72px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-journey__support-shield {
    width: 64px !important;
    height: 72px !important;
    max-width: 64px !important;
    max-height: 72px !important;
  }

  body.page-home.public-home-v2 .hp-journey__support-visual {
    width: 140px !important;
    max-width: 140px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-journey__support-art {
    width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
  }

  /* =========================================================
     Visa / Travel — badge was ~750px; art ~614px
     ========================================================= */
  body.page-home.public-home-v2 .hp-visa-travel__badge {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__badge svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__visual {
    max-width: 280px !important;
    width: 100% !important;
    justify-self: end !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__art {
    width: 100% !important;
    max-width: 260px !important;
    max-height: 240px !important;
    height: auto !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__ico {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__ico svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  /* =========================================================
     Cost Transparency — badge ~821px; art ~547px
     ========================================================= */
  body.page-home.public-home-v2 .hp-cost__badge {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-cost__badge svg {
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-cost__visual {
    max-width: 260px !important;
    width: 100% !important;
    justify-self: end !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }

  body.page-home.public-home-v2 .hp-cost__art {
    width: 100% !important;
    max-width: 240px !important;
    max-height: 220px !important;
    height: auto !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-cost__fico {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-cost__fico svg {
    width: 30px !important;
    height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
  }

  body.page-home.public-home-v2 .hp-cost__pay-ico {
    width: 44px !important;
    height: 50px !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-cost__pay-ico svg {
    width: 44px !important;
    height: 50px !important;
    max-width: 44px !important;
    max-height: 50px !important;
  }

  body.page-home.public-home-v2 .hp-cost__journey-ico {
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-cost__journey-art {
    width: 64px !important;
    height: 64px !important;
    max-width: 64px !important;
    max-height: 64px !important;
  }

  /* =========================================================
     Track Journey / Specialities / Trust / Header icons
     ========================================================= */
  body.page-home.public-home-v2 .hp-track-journey.pub-p2 .hp-track-journey__icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    min-height: 58px !important;
    border-radius: 16px !important;
    background: #eaf3fc !important;
    border: none !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .hp-track-journey.pub-p2 .hp-track-journey__icon svg {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }

  body.page-home.public-home-v2 .hp-track-journey.pub-p2 .hp-track-journey__timeline {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.page-home.public-home-v2 .hp-track-journey.pub-p2 .hp-track-journey__panel {
    grid-template-columns: minmax(0, 1fr) 220px !important;
    grid-template-areas:
      "copy phone"
      "timeline phone"
      "actions phone" !important;
  }

  body.page-home.public-home-v2 .hp-track-journey__phone,
  body.page-home.public-home-v2 .hp-track-journey__phone img {
    max-width: 220px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  body.page-home.public-home-v2 .pub-trust .hp-trust-strip__icon,
  body.page-home.public-home-v2 .hp-trust-strip__icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .pub-trust .hp-trust-strip__icon svg,
  body.page-home.public-home-v2 .hp-trust-strip__icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  body.page-home.public-home-v2 .pub-p3__icon {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 auto !important;
  }

  body.page-home.public-home-v2 .pub-p3__icon svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
  }

  /* =========================================================
     Final CTA doctor image
     ========================================================= */
  body.page-home.public-home-v2 .ilj-fcta__visual {
    max-width: 320px !important;
    flex: 0 1 320px !important;
  }

  body.page-home.public-home-v2 .ilj-fcta__visual picture,
  body.page-home.public-home-v2 .ilj-fcta__visual img,
  body.page-home.public-home-v2 .ilj-fcta__doctor {
    max-width: 320px !important;
    max-height: 360px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* =========================================================
     Footer trust icons (desktop)
     ========================================================= */
  body.page-home .ilj-footer.ilj-footer--compact .ilj-footer__trust-ico,
  .ilj-footer.ilj-footer--compact .ilj-footer__trust-ico {
    width: 28px !important;
    height: 28px !important;
    flex: 0 0 auto !important;
  }

  body.page-home .ilj-footer.ilj-footer--compact .ilj-footer__trust-ico svg,
  .ilj-footer.ilj-footer--compact .ilj-footer__trust-ico svg {
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
  }

  body.page-home .ilj-footer.ilj-footer--compact .ilj-footer__logo img,
  .ilj-footer.ilj-footer--compact .ilj-footer__logo img {
    max-width: 220px !important;
    max-height: 64px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  /* Sticky mobile CTA stays hidden on desktop via existing rules */
}

@media (min-width: 1024px) {
  body.page-home.public-home-v2 .hp-visa-travel__art {
    max-width: 280px !important;
    max-height: 260px !important;
  }

  body.page-home.public-home-v2 .hp-cost__art {
    max-width: 260px !important;
    max-height: 240px !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__icon,
  body.page-home.public-home-v2 .hp-journey__icon {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    max-width: 96px !important;
    max-height: 96px !important;
  }

  body.page-home.public-home-v2 .hp-journey.pub-p2 .hp-journey__icon svg,
  body.page-home.public-home-v2 .hp-journey__icon svg {
    width: 50px !important;
    height: 50px !important;
    max-width: 50px !important;
    max-height: 50px !important;
  }
}

@media (min-width: 1280px) {
  body.page-home.public-home-v2 .hp-visa-travel__visual,
  body.page-home.public-home-v2 .hp-cost__visual {
    max-width: 300px !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel__art {
    max-width: 280px !important;
  }

  body.page-home.public-home-v2 .hp-cost__art {
    max-width: 260px !important;
  }
}