/**
 * PUBLIC REDESIGN PHASE 1 — Header → Track Journey only.
 * Visual target: owner reference mockup (premium / compact / Gulf medical).
 * Does NOT restyle Why Choose, Form, How It Works, Hospitals, Footer, Chat.
 */
.public-home-v2 {
  --p1-navy: #0b2f4a;
  --p1-blue: #1a6fb5;
  --p1-soft: #f4f8fb;
  --p1-border: rgba(26, 111, 181, 0.16);
  --p1-muted: #5a6d7c;
}

/* ========== HEADER (compact sticky) ========== */
.public-home-v2 .hp-header.pub-header {
  min-height: 0 !important;
}

.public-home-v2 .hp-header__inner {
  min-height: 56px !important;
  padding-block: 6px !important;
  gap: 8px !important;
}

.public-home-v2 .hp-header .pub-header__call,
.public-home-v2 .hp-header .pub-header__wa,
.public-home-v2 .hp-header .hp-icon-btn,
.public-home-v2 .hp-header .lang-switch,
.public-home-v2 .hp-header .menu-toggle {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
}

.public-home-v2 .ilj-cbar {
  min-height: 34px !important;
  padding-block: 4px !important;
}

.public-home-v2 .ilj-cbar__phone,
.public-home-v2 .ilj-cbar__seg {
  font-size: 0.78rem !important;
}

/* ========== HERO (premium, shorter) ========== */
.public-home-v2 .hp-hero.pub-hero {
  padding: 8px 0 10px !important;
  background: linear-gradient(180deg, #eef5fb 0%, #f7fafc 55%, #fff 100%) !important;
}

.public-home-v2 .hp-hero__grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 4px 0 8px !important;
  align-items: center !important;
}

.public-home-v2 .hp-hero__badge {
  font-size: 0.68rem !important;
  min-height: 22px !important;
  padding: 3px 10px !important;
  margin-bottom: 6px !important;
}

.public-home-v2 .hp-hero__title {
  margin: 0 0 6px !important;
  font-size: clamp(1.35rem, 5.2vw, 1.85rem) !important;
  line-height: 1.18 !important;
  color: var(--p1-navy) !important;
  letter-spacing: -0.02em;
}

.public-home-v2 .hp-hero__subtitle {
  margin: 0 0 8px !important;
  font-size: 0.86rem !important;
  line-height: 1.4 !important;
  color: var(--p1-muted) !important;
  max-width: 42ch;
}

.public-home-v2 .hp-hero__points {
  display: grid !important;
  gap: 4px !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  list-style: none !important;
}

.public-home-v2 .hp-hero__points li {
  font-size: 0.8rem !important;
  line-height: 1.3 !important;
  color: var(--p1-navy) !important;
}

.public-home-v2 .pub-hero__actions {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  gap: 8px !important;
  margin: 0 !important;
}

.public-home-v2 .pub-hero__actions .hp-hero__cta {
  flex: 1 1 0 !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 9px 12px !important;
  font-size: 0.82rem !important;
  font-weight: 750 !important;
  border-radius: 999px !important;
  justify-content: center !important;
  white-space: nowrap !important;
}

@media (max-width: 767px) {
  .public-home-v2 .pub-hero__actions {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }

  .public-home-v2 .pub-hero__actions .hp-hero__cta {
    flex: 1 1 0 !important;
    font-size: 0.76rem !important;
    padding: 8px 8px !important;
  }

  .public-home-v2 .hp-hero__visual {
    max-height: 148px !important;
  }

  .public-home-v2 .hp-hero__visual img,
  .public-home-v2 .hp-hero__visual picture img {
    max-height: 148px !important;
  }
}

.public-home-v2 .hp-hero__visual {
  max-height: 168px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #e8f1f8 !important;
}

.public-home-v2 .hp-hero__visual img,
.public-home-v2 .hp-hero__visual picture,
.public-home-v2 .hp-hero__visual picture img {
  width: 100% !important;
  height: 100% !important;
  max-height: 168px !important;
  object-fit: cover !important;
  object-position: center top !important;
}

.public-home-v2 .hp-hero__dots {
  margin-top: 8px !important;
}

@media (min-width: 768px) {
  .public-home-v2 .hp-hero__grid {
    grid-template-columns: minmax(0, 1.05fr) minmax(240px, 0.95fr) !important;
    gap: 18px !important;
    padding: 10px 0 14px !important;
  }

  .public-home-v2 .hp-hero__title {
    font-size: clamp(1.7rem, 2.4vw, 2.35rem) !important;
  }

  .public-home-v2 .hp-hero__visual {
    max-height: 280px !important;
  }

  .public-home-v2 .hp-hero__visual img,
  .public-home-v2 .hp-hero__visual picture img {
    max-height: 280px !important;
  }
}

@media (min-width: 1024px) {
  .public-home-v2 .hp-hero__visual {
    max-height: 340px !important;
  }

  .public-home-v2 .hp-hero__visual img,
  .public-home-v2 .hp-hero__visual picture img {
    max-height: 340px !important;
  }
}

/* ========== TRUST STRIP (one compact row) ========== */
.public-home-v2 .hp-trust-strip {
  padding: 0 0 6px !important;
}

.public-home-v2 .hp-trust-strip__card {
  padding: 8px 6px !important;
  border-radius: 14px !important;
  border: 1px solid var(--p1-border) !important;
  background: #fff !important;
  box-shadow: 0 4px 14px rgba(11, 47, 74, 0.04) !important;
}

.public-home-v2 .hp-trust-strip__row {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 4px !important;
  overflow: visible !important;
}

.public-home-v2 .hp-trust-strip__item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  padding: 4px 2px !important;
  border-radius: 10px !important;
  background: var(--p1-soft) !important;
}

.public-home-v2 .hp-trust-strip__icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 8px !important;
  border: none !important;
  background: #fff !important;
  color: var(--p1-blue) !important;
  display: grid !important;
  place-items: center !important;
  box-shadow: 0 1px 3px rgba(11, 47, 74, 0.06);
}

.public-home-v2 .hp-trust-strip__icon svg {
  width: 14px !important;
  height: 14px !important;
}

.public-home-v2 .hp-trust-strip__item p {
  margin: 0 !important;
  font-size: 0.58rem !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: var(--p1-navy) !important;
  max-width: 100% !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media (min-width: 768px) {
  .public-home-v2 .hp-trust-strip__item p {
    font-size: 0.72rem !important;
  }

  .public-home-v2 .hp-trust-strip__icon {
    width: 34px !important;
    height: 34px !important;
  }

  .public-home-v2 .hp-trust-strip__icon svg {
    width: 16px !important;
    height: 16px !important;
  }
}

/* ========== OUR SPECIALITIES (compact slider) ========== */
.public-home-v2 .hp-specs.pub-p2 {
  padding-block: 12px !important;
  background: #fff !important;
}

.public-home-v2 .hp-specs .hp-section-head {
  margin-bottom: 8px !important;
}

.public-home-v2 .hp-specs .hp-section-head h2 {
  margin: 0 !important;
  font-size: clamp(1.15rem, 3.8vw, 1.45rem) !important;
  color: var(--p1-navy) !important;
}

.public-home-v2 .hp-spec-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 6px !important;
  min-height: 0 !important;
  padding: 10px 8px !important;
  border-radius: 14px !important;
  border: 1px solid var(--p1-border) !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(11, 47, 74, 0.05) !important;
}

.public-home-v2 .hp-spec-card__media {
  width: 40px !important;
  height: 40px !important;
  max-width: 40px !important;
  max-height: 40px !important;
  border-radius: 12px !important;
  border: none !important;
  background: var(--p1-soft) !important;
  overflow: hidden !important;
}

.public-home-v2 .hp-spec-card__media img,
.public-home-v2 .hp-spec-card__media picture,
.public-home-v2 .hp-spec-card__media picture img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  border-radius: 0 !important;
}

.public-home-v2 .hp-spec-card__title {
  font-size: 0.7rem !important;
  line-height: 1.2 !important;
  font-weight: 750 !important;
  color: var(--p1-navy) !important;
  -webkit-line-clamp: 2;
}

.public-home-v2 .hp-specs__bar {
  margin-top: 8px !important;
}

@media (min-width: 768px) {
  .public-home-v2 .hp-spec-card {
    padding: 12px 10px !important;
  }

  .public-home-v2 .hp-spec-card__media {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }

  .public-home-v2 .hp-spec-card__title {
    font-size: 0.78rem !important;
  }
}

/* ========== TRACK JOURNEY (compact split) ========== */
.public-home-v2 .hp-track-journey.pub-p2 {
  padding-block: 12px !important;
  background: var(--p1-soft) !important;
}

.public-home-v2 .hp-track-journey__panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 120px !important;
  grid-template-areas:
    "copy phone"
    "timeline phone"
    "actions actions" !important;
  gap: 10px 12px !important;
  padding: 14px 12px !important;
  border-radius: 18px !important;
  border: 1px solid var(--p1-border) !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(11, 47, 74, 0.06) !important;
  align-items: start !important;
}

.public-home-v2 .hp-track-journey__copy { grid-area: copy; }
.public-home-v2 .hp-track-journey__timeline { grid-area: timeline; width: 100%; }
.public-home-v2 .hp-track-journey__visual { grid-area: phone; width: 120px !important; margin: 0 !important; }
.public-home-v2 .hp-track-journey__actions { grid-area: actions; }
.public-home-v2 .hp-track-journey__trust { display: none !important; }

.public-home-v2 .hp-track-journey__eyebrow {
  margin: 0 0 6px !important;
  min-height: 24px !important;
  font-size: 0.68rem !important;
}

.public-home-v2 .hp-track-journey h2 {
  margin: 0 0 4px !important;
  font-size: clamp(1.05rem, 3.8vw, 1.35rem) !important;
  line-height: 1.2 !important;
  color: var(--p1-navy) !important;
}

.public-home-v2 .hp-track-journey__subtitle {
  margin: 0 0 2px !important;
  font-size: 0.8rem !important;
  line-height: 1.35 !important;
  color: var(--p1-muted) !important;
}

.public-home-v2 .hp-track-journey__self-service {
  display: none !important;
}

.public-home-v2 .hp-track-journey__timeline {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.public-home-v2 .hp-track-journey__step {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 4px !important;
  min-height: 0 !important;
  padding: 6px 4px !important;
  border-radius: 10px !important;
  border: 1px solid var(--p1-border) !important;
  background: var(--p1-soft) !important;
}

/* Track journey icons: mobile sized in public-sections-2-4-mobile.css */
@media (min-width: 768px) {
  .public-home-v2 .hp-track-journey__icon {
    width: 24px !important;
    height: 24px !important;
    background: transparent !important;
  }

  .public-home-v2 .hp-track-journey__icon svg {
    width: 16px !important;
    height: 16px !important;
    stroke: var(--p1-blue) !important;
    fill: none !important;
  }
}

.public-home-v2 .hp-track-journey__label {
  font-size: 0.58rem !important;
  line-height: 1.15 !important;
  font-weight: 750 !important;
  color: var(--p1-navy) !important;
}

.public-home-v2 .hp-track-journey__phone {
  width: 120px !important;
  max-width: 120px !important;
  border-radius: 18px !important;
  max-height: 210px !important;
}

.public-home-v2 .hp-track-journey__screen {
  max-height: 200px !important;
}

.public-home-v2 .hp-track-journey__actions p {
  display: none !important;
}

.public-home-v2 .hp-track-journey__cta {
  min-height: 44px !important;
  font-size: 0.88rem !important;
  border-radius: 999px !important;
  justify-content: center !important;
}

@media (min-width: 768px) {
  .public-home-v2 .hp-track-journey__panel {
    grid-template-columns: minmax(0, 1.2fr) minmax(160px, 0.7fr) !important;
    grid-template-areas:
      "copy phone"
      "timeline phone"
      "actions phone" !important;
    gap: 14px 20px !important;
    padding: 20px 22px !important;
    align-items: center !important;
  }

  .public-home-v2 .hp-track-journey__visual {
    width: min(180px, 100%) !important;
  }

  .public-home-v2 .hp-track-journey__phone {
    width: 100% !important;
    max-width: 180px !important;
    max-height: 300px !important;
  }

  .public-home-v2 .hp-track-journey__screen {
    max-height: 290px !important;
  }

  .public-home-v2 .hp-track-journey__timeline {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .public-home-v2 .hp-track-journey__label {
    font-size: 0.68rem !important;
  }
}