/* ==========================================================
   Carvill V285 - Stronger Hero Content Card Mobile/Tablet Fix
   Desktop/PC is intentionally untouched.
   The JS adds .carvill-v285-hero-card to the real hero text box.
   ========================================================== */

@media (max-width: 767px) {
  html body .carvill-v285-hero-card {
    transform: translateY(-18vh) !important;
    margin-top: 0 !important;
    margin-bottom: -10vh !important;
    z-index: 5 !important;
  }

  html body .carvill-v285-hero-card h1,
  html body .carvill-v285-hero-card .hero-title,
  html body .carvill-v285-hero-card .subpage-hero-title {
    font-size: clamp(3rem, 13vw, 5.1rem) !important;
    line-height: .92 !important;
  }

  html body .carvill-v285-hero-card p,
  html body .carvill-v285-hero-card .hero-text,
  html body .carvill-v285-hero-card .hero-description,
  html body .carvill-v285-hero-card .subpage-hero-text {
    font-size: clamp(1.05rem, 4.2vw, 1.45rem) !important;
    line-height: 1.65 !important;
  }
}

@media (max-width: 420px) {
  html body .carvill-v285-hero-card {
    transform: translateY(-22vh) !important;
    margin-bottom: -14vh !important;
  }
}

/* Tablets and 11-inch style screens only: reduce the card. PC remains untouched. */
@media (min-width: 768px) and (max-width: 1180px) {
  html body .carvill-v285-hero-card {
    width: min(50vw, 560px) !important;
    max-width: min(50vw, 560px) !important;
    padding: clamp(18px, 2.2vw, 30px) !important;
    border-radius: 28px !important;
    transform-origin: center center !important;
  }

  html body .carvill-v285-hero-card h1,
  html body .carvill-v285-hero-card .hero-title,
  html body .carvill-v285-hero-card .subpage-hero-title {
    font-size: clamp(2rem, 4vw, 3.6rem) !important;
    line-height: .95 !important;
  }

  html body .carvill-v285-hero-card p,
  html body .carvill-v285-hero-card .hero-text,
  html body .carvill-v285-hero-card .hero-description,
  html body .carvill-v285-hero-card .subpage-hero-text {
    font-size: clamp(.9rem, 1.55vw, 1.15rem) !important;
    line-height: 1.55 !important;
  }

  html body .carvill-v285-hero-card :is(.hero-eyebrow,.eyebrow,.pill,.pill-label,.badge,.hero-badge,.subpage-hero-badge) {
    font-size: clamp(.62rem, 1vw, .86rem) !important;
    padding: 12px 20px !important;
    letter-spacing: .14em !important;
  }
}