/**
 * SCREEN 3 — Pixel-close mobile reference rebuild
 * Uses cropped assets from master visual (screen3-ref/*)
 */

@media (max-width: 767px) {
  body.page-home.public-home-v2 .hp-specs--s3ref #hp-specs-heading,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__title,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__title,
  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__title {
    color: #002d8b !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em !important;
  }

  /* ========== TREATMENTS ========== */
  body.page-home.public-home-v2 .hp-specs.pub-p2.hp-specs--s3ref {
    background: #fff !important;
    padding: 0.35rem 0 0.25rem !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-specs__head,
  body.page-home.public-home-v2 .hp-specs--s3ref .hp-section-head {
    display: block !important;
    text-align: center !important;
    margin: 0 0 0.55rem !important;
    padding-inline: 0.85rem !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref #hp-specs-heading {
    margin: 0 !important;
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-specs__swiper {
    padding-inline: 0.85rem !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-specs.pub-p2.hp-specs--s3ref .swiper-slide {
    width: 70px !important;
    max-width: 72px !important;
  }

  /* Reference: white card = image crop; label below card */
  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 0.28rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    min-height: 0 !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__media {
    width: 70px !important;
    height: 70px !important;
    min-width: 70px !important;
    min-height: 70px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #fff !important;
    border: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 45, 139, 0.1) !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__img,
  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__title {
    font-size: 0.68rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    color: #002d8b !important;
    text-align: center !important;
    max-width: 72px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-specs__bar,
  body.page-home.public-home-v2 .hp-specs--s3ref .swiper-pagination {
    display: none !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-specs__cta,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospitals__cta {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0.55rem !important;
  }

  body.page-home.public-home-v2 .hp-specs--s3ref .hp-specs__view-btn,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospitals__view-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.3rem !important;
    min-height: 34px !important;
    padding: 0.3rem 1.05rem !important;
    border: 1.5px solid #1d4ed8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #1d4ed8 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
  }

  /* ========== HOSPITALS ========== */
  body.page-home.public-home-v2 .hp-hospitals.pub-p3.hp-hospitals--s3ref {
    background: #fff !important;
    padding: 0.25rem 0 0.25rem !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .pub-p3__inner {
    padding-inline: 0.85rem !important;
    margin: 0 !important;
    background: transparent !important;
  }

  body.page-home.public-home-v2 .hp-hospitals.pub-p3.hp-hospitals--s3ref .hp-hs__panel,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__panel {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__head {
    display: block !important;
    text-align: center !important;
    margin: 0 0 0.5rem !important;
    padding: 0 !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__title {
    margin: 0 !important;
    font-size: 1.12rem !important;
    line-height: 1.2 !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__sub,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hs__nav,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospitals__dots,
  body.page-home.public-home-v2 .hp-hospitals--s3ref .swiper-pagination {
    display: none !important;
  }

  body.page-home.public-home-v2 .hp-hospitals.pub-p3.hp-hospitals--s3ref .swiper-slide {
    width: 82px !important;
    max-width: 86px !important;
  }

  /* Logo crop already includes card chrome — show as image card */
  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospital-card--logo {
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    min-height: 70px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(0, 45, 139, 0.1) !important;
    overflow: hidden !important;
    text-decoration: none !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospital-card__logo-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospital-card__logo-img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-hospitals--s3ref .hp-hospital-card__logo-text {
    display: grid !important;
    place-items: center !important;
    height: 100% !important;
    font-size: 0.68rem !important;
    font-weight: 800 !important;
    color: #002d8b !important;
    text-align: center !important;
    background: #fff !important;
    padding: 0.35rem !important;
  }

  /* ========== PLAN / COST ==========
     Specificity must beat public-cost-transparency-mobile.css
     (body… .hp-cost.pub-p3 .hp-cost__panel = 0,5,1) */
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref {
    background: #fff !important;
    padding: 0.35rem 0.85rem 0.4rem !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__inner {
    padding: 0 !important;
    margin: 0 !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__panel.hp-cost__panel--plan {
    position: relative !important;
    display: block !important;
    flex-direction: unset !important;
    align-items: unset !important;
    gap: 0 !important;
    min-height: 176px !important;
    max-height: none !important;
    height: auto !important;
    padding: 0.8rem 136px 0.8rem 0.9rem !important;
    background: #e8f6f0 !important;
    background-color: #e8f6f0 !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__plan-copy {
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
    max-width: calc(100% - 8px) !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__title {
    margin: 0 0 0.55rem !important;
    font-size: 0.98rem !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    color: #002d8b !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__checks {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
    gap: 0.4rem !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__checks li {
    display: flex !important;
    align-items: flex-start !important;
    gap: 0.4rem !important;
    font-size: 0.74rem !important;
    line-height: 1.3 !important;
    color: #002d8b !important;
    font-weight: 650 !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__check {
    display: inline-grid !important;
    place-items: center !important;
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 auto !important;
    margin-top: 0.05rem !important;
    overflow: visible !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__check svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__plan-visual {
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;
    left: auto !important;
    width: 132px !important;
    height: 100% !important;
    min-height: 176px !important;
    overflow: hidden !important;
    display: block !important;
    z-index: 1 !important;
    margin: 0 !important;
    pointer-events: none !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__doctor {
    width: 132px !important;
    height: 100% !important;
    min-height: 176px !important;
    object-fit: contain !important;
    object-position: bottom right !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__journey,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__pay,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__features,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__badge,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__sub,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__hero,
  body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__visual {
    display: none !important;
  }

  /* ========== STORIES ========== */
  body.page-home.public-home-v2 .hp-stories.pub-p3.hp-stories--s3ref {
    background: #fff !important;
    padding: 0.45rem 0 0.55rem !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs,
  body.page-home.public-home-v2 .hp-stories--s3ref .pub-p3__inner {
    padding-inline: 0.85rem !important;
    margin: 0 !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__panel {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__head {
    display: block !important;
    text-align: center !important;
    margin: 0 0 0.45rem !important;
    padding: 0 !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__title {
    margin: 0 !important;
    font-size: 1.12rem !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__sub,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__view,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__nav,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-hs__icon,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__play,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__more {
    display: none !important;
  }

  body.page-home.public-home-v2 .hp-stories.pub-p3.hp-stories--s3ref .swiper-slide {
    width: 100% !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card--s3ref {
    background: #fff !important;
    border: 1px solid #d7e4f5 !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(0, 45, 139, 0.06) !important;
    padding: 0.55rem 0.6rem !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__layout {
    display: grid !important;
    grid-template-columns: 62px minmax(0, 1fr) !important;
    gap: 0.55rem !important;
    align-items: start !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__avatar {
    width: 62px !important;
    height: 62px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 0 !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__avatar img,
  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__img {
    width: 62px !important;
    height: 62px !important;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 50% !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__stars {
    display: flex !important;
    gap: 0.12rem !important;
    margin: 0 0 0.28rem !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__text {
    margin: 0 0 0.4rem !important;
    font-size: 0.78rem !important;
    line-height: 1.4 !important;
    color: #002d8b !important;
    font-style: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 5 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__who {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.12rem !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__who strong {
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    color: #002d8b !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    font-size: 0.7rem !important;
    color: #002d8b !important;
    font-weight: 600 !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .hp-stories__dots,
  body.page-home.public-home-v2 .hp-stories--s3ref .swiper-pagination {
    position: relative !important;
    margin-top: 0.5rem !important;
    bottom: auto !important;
    text-align: center !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .swiper-pagination-bullet {
    width: 7px !important;
    height: 7px !important;
    background: #c8d5ea !important;
    opacity: 1 !important;
    margin: 0 3px !important;
  }

  body.page-home.public-home-v2 .hp-stories--s3ref .swiper-pagination-bullet-active {
    background: #2563eb !important;
  }

  /* ========== VISA ========== */
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref {
    background: #fff !important;
    padding: 0.85rem 0.55rem 1.75rem !important;
    margin-bottom: 0 !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__title {
    margin: 0 0 1rem !important;
    text-align: center !important;
    font-size: clamp(1.05rem, 4.6vw, 1.22rem) !important;
    line-height: 1.25 !important;
    color: #002d8b !important;
    font-weight: 800 !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__inner {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__hero,
  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__sub,
  body.page-home.public-home-v2 .hp-visa-travel--s3ref .hp-visa-travel__cta,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__visual,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__dots,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__accent {
    display: none !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.45rem 0.35rem !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 0.1rem !important;
    align-items: start !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item--blue,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item--orange,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item--purple,
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item--sky {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    gap: 0.45rem !important;
    padding: 0.2rem 0.05rem !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: 118px !important;
    border-radius: 0 !important;
  }

  /* Equal, reference-sized line icons — beat visa-travel-mobile 28/52px rules */
  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item .hp-visa-travel__ico {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    max-width: 56px !important;
    max-height: 56px !important;
    background: transparent !important;
    background-image: none !important;
    color: #1d4ed8 !important;
    display: grid !important;
    place-items: center !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item .hp-visa-travel__ico svg {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    max-width: 52px !important;
    max-height: 52px !important;
    display: block !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item strong {
    display: block !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #1d4ed8 !important;
    margin: 0 auto !important;
    max-width: 13ch !important;
    min-height: 2.4em !important;
    text-align: center !important;
  }

  body.page-home.public-home-v2 .hp-visa-travel.pub-p3.hp-visa-travel--s3ref .hp-visa-travel__item > span:not(.hp-visa-travel__ico) {
    display: none !important;
  }
}

[dir="rtl"] body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__panel.hp-cost__panel--plan {
  padding: 0.8rem 0.9rem 0.8rem 136px !important;
}

[dir="rtl"] body.page-home.public-home-v2 .hp-cost.pub-p3.hp-cost--s3ref .hp-cost__plan-visual {
  right: auto !important;
  left: 0 !important;
}

[dir="rtl"] body.page-home.public-home-v2 .hp-stories--s3ref .hp-story-card__layout {
  direction: rtl;
}

@media (max-width: 374px) {
  body.page-home.public-home-v2 .hp-specs.pub-p2.hp-specs--s3ref .swiper-slide,
  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__media {
    width: 64px !important;
    max-width: 64px !important;
  }
  body.page-home.public-home-v2 .hp-specs--s3ref .hp-spec-card__media {
    height: 64px !important;
    min-height: 64px !important;
  }
  body.page-home.public-home-v2 .hp-hospitals.pub-p3.hp-hospitals--s3ref .swiper-slide {
    width: 74px !important;
  }
}
