/*
 * Wide-screen finishing layer for the full-bleed Healthcare homepage.
 * The original clone was composed inside a 780px presentation canvas. These
 * home-only rules let the real site use a modern desktop viewport while
 * protecting image crops and the responsive layouts below 961px.
 */

@media (min-width: 961px) {
  body.home-healthcare-clone {
    --hc-content: 1320px;
  }

  body.home-healthcare-clone .hc-container {
    width: min(calc(100% - 64px), var(--hc-content));
  }

  body.home-healthcare-clone .hc-section {
    padding-block: 104px;
  }

  body.home-healthcare-clone .hc-eyebrow {
    min-height: 29px;
    margin-bottom: 18px;
    padding: 7px 14px;
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-heading {
    max-width: 720px;
    font-size: clamp(2.35rem, 3.1vw, 3.35rem);
  }

  body.home-healthcare-clone .hc-lead {
    max-width: 680px;
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.72;
  }

  body.home-healthcare-clone .hc-section-head {
    margin-bottom: 48px;
  }

  body.home-healthcare-clone .hc-btn {
    min-height: 42px;
    gap: 10px;
    padding: 11px 21px;
    font-size: 12px;
  }

  body.home-healthcare-clone .hc-icon {
    width: 40px;
    height: 40px;
    flex-basis: 40px;
    font-size: 16px;
  }

  body.home-healthcare-clone .hc-grid {
    gap: 22px;
  }

  /* Larger, more useful desktop header. */
  body.home-healthcare-clone .hc-utility,
  body.home-healthcare-clone .hc-utility .hc-container {
    height: 32px;
    min-height: 32px;
  }

  body.home-healthcare-clone .hc-utility {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-nav,
  body.home-healthcare-clone .hc-nav .hc-container,
  body.home-healthcare-clone .hc-brand {
    height: 78px;
    min-height: 78px;
  }

  body.home-healthcare-clone .hc-brand .brand-logo {
    width: 60px !important;
    height: 66px !important;
  }

  body.home-healthcare-clone .hc-nav-links {
    gap: 31px;
  }

  body.home-healthcare-clone .hc-nav-links > a:not(.hc-btn) {
    font-size: 12px;
  }

  /* Keep the floating hero composition cohesive while allowing a modest lift. */
  body.home-healthcare-clone .hc-hero-stage {
    width: min(calc(100% - 64px), 900px);
  }

  /* Quick access cards. */
  body.home-healthcare-clone .hc-quick-services {
    padding-block: 64px 78px;
  }

  body.home-healthcare-clone .hc-service-grid {
    gap: 22px;
  }

  body.home-healthcare-clone .hc-service-card {
    min-height: 178px;
    padding: 24px 22px 22px;
  }

  body.home-healthcare-clone .hc-service-card-icon {
    margin-bottom: 20px;
  }

  body.home-healthcare-clone .hc-service-card-copy {
    gap: 9px;
    padding-right: 24px;
  }

  body.home-healthcare-clone .hc-service-card-copy strong {
    max-width: 230px;
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-service-card-copy small {
    font-size: 11.5px;
  }

  body.home-healthcare-clone .hc-service-card-arrow {
    right: 18px;
    bottom: 18px;
    font-size: 12px;
  }

  /* Patient focus. */
  body.home-healthcare-clone .hc-patient-focus {
    padding-block: 104px;
  }

  body.home-healthcare-clone .hc-patient-focus-grid {
    gap: 64px;
  }

  body.home-healthcare-clone .hc-patient-focus-copy .hc-heading {
    max-width: 600px;
    font-size: clamp(2.35rem, 3.1vw, 3.25rem);
  }

  body.home-healthcare-clone .hc-patient-focus-copy .hc-lead {
    max-width: 550px;
  }

  body.home-healthcare-clone .hc-patient-benefits {
    gap: 20px;
    margin: 32px 0 30px;
  }

  body.home-healthcare-clone .hc-patient-benefits .hc-icon {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-patient-benefits strong {
    font-size: 13px;
  }

  body.home-healthcare-clone .hc-patient-benefits small {
    font-size: 10.5px;
  }

  body.home-healthcare-clone .hc-patient-focus-media {
    min-height: 455px;
  }

  body.home-healthcare-clone .hc-media-note {
    padding: 9px 13px;
    font-size: 10px;
  }

  /* Medical cards stay image-led instead of becoming excessively wide. */
  body.home-healthcare-clone .hc-medical-services .hc-section-head {
    max-width: 790px;
  }

  body.home-healthcare-clone .hc-medical-grid {
    max-width: 1200px;
    margin-inline: auto;
    gap: 26px;
  }

  body.home-healthcare-clone .hc-medical-panel {
    min-height: 202px;
    padding: 26px 24px 34px;
  }

  body.home-healthcare-clone .hc-medical-title {
    margin-bottom: 10px;
    font-size: 18px;
  }

  body.home-healthcare-clone .hc-medical-copy {
    font-size: 12px;
  }

  /* Cinematic support banner. */
  body.home-healthcare-clone .hc-support-banner {
    max-width: 1180px;
    min-height: 380px;
    margin-inline: auto;
  }

  body.home-healthcare-clone .hc-support-copy {
    min-height: 380px;
    padding: 58px 54px;
  }

  body.home-healthcare-clone .hc-support-kicker {
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-support-copy h2,
  body.home-healthcare-clone .hc-support-copy p {
    max-width: 490px;
  }

  body.home-healthcare-clone .hc-support-copy h2 {
    font-size: clamp(2.2rem, 3.1vw, 3.1rem);
  }

  body.home-healthcare-clone .hc-support-copy p {
    font-size: 13.5px;
  }

  body.home-healthcare-clone .hc-support-play {
    width: 64px;
    height: 64px;
    font-size: 15px;
  }

  /* Team cards use a protected width so the shared source photo crops remain correct. */
  body.home-healthcare-clone .hc-team .hc-section-head {
    max-width: 760px;
  }

  body.home-healthcare-clone .hc-team-grid {
    max-width: 1040px;
    margin-inline: auto;
    gap: 20px;
  }

  body.home-healthcare-clone .hc-team-photo {
    height: 260px;
  }

  body.home-healthcare-clone .hc-team-photo img {
    transform: scale(1.86);
  }

  body.home-healthcare-clone .hc-team-card--one .hc-team-photo img {
    transform-origin: 10% 18%;
  }

  body.home-healthcare-clone .hc-team-card--two .hc-team-photo img {
    transform-origin: 36% 18%;
  }

  body.home-healthcare-clone .hc-team-card--three .hc-team-photo img {
    transform-origin: 64% 18%;
  }

  body.home-healthcare-clone .hc-team-card--four .hc-team-photo img {
    transform-origin: 90% 18%;
  }

  body.home-healthcare-clone .hc-team-card:hover .hc-team-photo img {
    transform: scale(1.92);
  }

  body.home-healthcare-clone .hc-team-info {
    padding: 18px 14px 20px;
  }

  body.home-healthcare-clone .hc-team-info strong {
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-team-info small {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-team-socials span {
    width: 27px;
    height: 27px;
    font-size: 9px;
  }

  /* Best-care split and service tiles. */
  body.home-healthcare-clone .hc-best-care-layout {
    gap: 56px;
  }

  body.home-healthcare-clone .hc-best-care-content .hc-lead {
    max-width: 560px;
  }

  body.home-healthcare-clone .hc-care-tile-grid {
    gap: 18px;
  }

  body.home-healthcare-clone .hc-care-tile {
    min-height: 188px;
    padding: 24px 22px 22px;
  }

  body.home-healthcare-clone .hc-care-tile-icon {
    width: 40px;
    height: 40px;
    margin-bottom: 18px;
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-care-tile strong {
    font-size: 15px;
  }

  body.home-healthcare-clone .hc-care-tile small {
    max-width: none;
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-best-care-caption {
    font-size: 10px;
  }

  /* Testimonial, pricing and insights grids remain comfortably readable. */
  body.home-healthcare-clone .hc-testimonial-grid,
  body.home-healthcare-clone .hc-pricing-grid,
  body.home-healthcare-clone .hc-insights-grid {
    max-width: 1200px;
    margin-inline: auto;
    gap: 22px;
  }

  body.home-healthcare-clone .hc-testimonial-card {
    min-height: 260px;
    padding: 26px;
  }

  body.home-healthcare-clone .hc-testimonial-avatar {
    width: 46px;
    height: 46px;
    flex-basis: 46px;
  }

  body.home-healthcare-clone .hc-testimonial-person h3 {
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-testimonial-person p {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-testimonial-stars,
  body.home-healthcare-clone .hc-testimonial-copy {
    font-size: 12px;
  }

  body.home-healthcare-clone .hc-stat-item {
    padding: 23px 15px;
  }

  body.home-healthcare-clone .hc-stat-item strong {
    font-size: 25px;
  }

  body.home-healthcare-clone .hc-stat-item span {
    font-size: 10.5px;
  }

  body.home-healthcare-clone .hc-pricing-card {
    min-height: 390px;
    padding: 30px 28px 26px;
  }

  body.home-healthcare-clone .hc-pricing-card h3 {
    font-size: 20px;
  }

  body.home-healthcare-clone .hc-pricing-popular,
  body.home-healthcare-clone .hc-price-pill {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-price-pill strong {
    font-size: 16px;
  }

  body.home-healthcare-clone .hc-pricing-features li {
    font-size: 11.5px;
  }

  /* Appointment form and promotional media. */
  body.home-healthcare-clone .hc-appointment-grid {
    gap: 48px;
  }

  body.home-healthcare-clone .hc-appointment-form {
    gap: 18px 20px;
    margin-top: 32px;
  }

  body.home-healthcare-clone .hc-form-field {
    gap: 8px;
  }

  body.home-healthcare-clone .hc-form-field label {
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-form-field input,
  body.home-healthcare-clone .hc-form-field select,
  body.home-healthcare-clone .hc-form-field textarea {
    min-height: 48px;
    padding: 12px 14px;
    font-size: 13px;
  }

  body.home-healthcare-clone .hc-form-field textarea {
    min-height: 90px;
  }

  body.home-healthcare-clone .hc-appointment-submit {
    min-height: 48px;
    font-size: 12px;
  }

  body.home-healthcare-clone .hc-appointment-promo {
    min-height: 520px;
  }

  body.home-healthcare-clone .hc-appointment-promo-content {
    right: 34px;
    bottom: 34px;
    left: 34px;
  }

  body.home-healthcare-clone .hc-appointment-promo-content > span {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-appointment-promo-content h3 {
    max-width: 420px;
    font-size: clamp(2rem, 3vw, 2.8rem);
  }

  body.home-healthcare-clone .hc-appointment-promo-content a {
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-insight-image {
    height: 220px;
  }

  body.home-healthcare-clone .hc-insight-body {
    min-height: 190px;
    padding: 21px;
  }

  body.home-healthcare-clone .hc-insight-body > span,
  body.home-healthcare-clone .hc-insight-link {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-insight-body h3 {
    font-size: 17px;
  }

  /* CTA retains an intentional editorial width instead of stretching edge-to-edge. */
  body.home-healthcare-clone .hc-cta-panel {
    max-width: 1120px;
    min-height: 240px;
    margin-inline: auto;
  }

  body.home-healthcare-clone .hc-cta-doctor {
    width: 40%;
    height: 318px;
  }

  body.home-healthcare-clone .hc-cta-copy {
    padding: 48px 54px 40px 30px;
  }

  body.home-healthcare-clone .hc-cta-copy > span {
    font-size: 10px;
  }

  body.home-healthcare-clone .hc-cta-copy h2 {
    max-width: 540px;
    font-size: clamp(2rem, 3vw, 2.8rem);
  }

  /* Footer no longer uses miniature reference-canvas type. */
  body.home-healthcare-clone .hc-footer-grid {
    gap: 48px;
  }

  body.home-healthcare-clone .hc-footer-brand > p,
  body.home-healthcare-clone .hc-footer-newsletter > p,
  body.home-healthcare-clone .hc-footer-column a,
  body.home-healthcare-clone .hc-footer-contact a,
  body.home-healthcare-clone .hc-footer-newsletter input {
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-footer-column h3,
  body.home-healthcare-clone .hc-footer-newsletter h3 {
    font-size: 13px;
  }

  body.home-healthcare-clone .hc-footer-column {
    gap: 12px;
  }

  body.home-healthcare-clone .hc-footer-newsletter form {
    grid-template-columns: minmax(0, 1fr) 42px;
  }

  body.home-healthcare-clone .hc-footer-newsletter input,
  body.home-healthcare-clone .hc-footer-newsletter button {
    height: 42px;
  }

  body.home-healthcare-clone .hc-footer-newsletter button {
    width: 42px;
  }

  body.home-healthcare-clone .hc-footer-bottom {
    font-size: 10px;
  }
}

/* Tablet width should use the available canvas rather than the old 780px cap. */
@media (min-width: 701px) and (max-width: 960px) {
  body.home-healthcare-clone .hc-container {
    width: min(calc(100% - 48px), 920px);
  }

  body.home-healthcare-clone .hc-heading {
    max-width: 650px;
    font-size: clamp(2.15rem, 5vw, 2.8rem);
  }

  body.home-healthcare-clone .hc-lead {
    max-width: 620px;
    font-size: 14px;
  }

  body.home-healthcare-clone .hc-btn {
    min-height: 40px;
    font-size: 11px;
  }

  body.home-healthcare-clone .hc-service-card-copy strong,
  body.home-healthcare-clone .hc-medical-title,
  body.home-healthcare-clone .hc-team-info strong,
  body.home-healthcare-clone .hc-care-tile strong {
    font-size: 13px;
  }

  body.home-healthcare-clone .hc-service-card-copy small,
  body.home-healthcare-clone .hc-medical-copy,
  body.home-healthcare-clone .hc-testimonial-copy,
  body.home-healthcare-clone .hc-pricing-features li,
  body.home-healthcare-clone .hc-care-tile small {
    font-size: 10.5px;
  }
}
