/* Happy2CRM hierarchy polish — loaded after the main product CSS so it wins cleanly. */
.product-crm.crm-redesign .enterprise-hero {
  padding: 118px 0 126px !important;
  border-radius: 0 0 44px 44px !important;
  background:
    radial-gradient(circle at 78% 34%, rgba(29, 78, 216, .16), transparent 34%),
    radial-gradient(circle at 22% 18%, rgba(20, 195, 142, .16), transparent 34%),
    linear-gradient(110deg, #fff7f1 0%, #fbfdff 38%, #e9f6ff 100%) !important;
}

.product-crm.crm-redesign .enterprise-hero-grid {
  width: min(1360px, calc(100% - 72px)) !important;
  grid-template-columns: minmax(430px, .92fr) minmax(720px, 1.08fr) !important;
  gap: clamp(54px, 5vw, 92px) !important;
  align-items: center !important;
}

.product-crm.crm-redesign .enterprise-copy h1 {
  max-width: 760px !important;
  font-size: clamp(58px, 5.35vw, 90px) !important;
  line-height: .94 !important;
  letter-spacing: -.075em !important;
}

.product-crm.crm-redesign .enterprise-copy .lead {
  max-width: 670px !important;
  margin-top: 28px !important;
  font-size: clamp(18px, 1.18vw, 21px) !important;
  line-height: 1.68 !important;
}

.product-crm.crm-redesign .screen-frame.real-screenshot-frame {
  justify-self: stretch !important;
  width: 100% !important;
  max-width: 880px !important;
  padding: 18px !important;
  border-radius: 34px !important;
  box-shadow: 0 42px 110px rgba(15, 23, 42, .18) !important;
}

.product-crm.crm-redesign .real-product-screenshot {
  width: 100% !important;
  height: clamp(500px, 40vw, 650px) !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.product-crm.crm-redesign .section {
  padding: 88px 0 !important;
}

.product-crm.crm-redesign .section.alt,
.product-crm.crm-redesign .screenshot-gallery-section,
.product-crm.crm-redesign .pricing-section {
  padding: 96px 0 !important;
}

.product-crm.crm-redesign .section-heading {
  max-width: 850px !important;
  margin: 0 auto 46px !important;
}

.product-crm.crm-redesign .section-heading h2 {
  max-width: 780px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: clamp(40px, 4.1vw, 68px) !important;
  line-height: .98 !important;
}

.product-crm.crm-redesign .section-heading p {
  max-width: 720px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  font-size: 18px !important;
  line-height: 1.72 !important;
}

.product-crm.crm-redesign .story-grid {
  width: min(1180px, calc(100% - 72px)) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  gap: clamp(42px, 5vw, 76px) !important;
  align-items: center !important;
}

.product-crm.crm-redesign .feature-board {
  padding: 22px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 32px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 24px 70px rgba(15, 23, 42, .07) !important;
}

.product-crm.crm-redesign .feature-board article {
  min-height: 172px !important;
  padding: 26px !important;
  background: #fff !important;
}

.product-crm.crm-redesign .product-screen-slider {
  width: min(1340px, calc(100% - 64px)) !important;
  padding: 0 92px 70px !important;
}

.product-crm.crm-redesign .slider-stage {
  min-height: 790px !important;
  border-radius: 38px !important;
  background: #ffffff !important;
  border: 1px solid #eadfd3 !important;
  box-shadow: 0 38px 110px rgba(79, 54, 24, .16) !important;
  overflow: hidden !important;
}

.product-crm.crm-redesign .slider-screen {
  height: 625px !important;
  background: #eef2f7 !important;
  border-bottom: 1px solid #e8edf4 !important;
}

.product-crm.crm-redesign .slider-screen img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: left top !important;
}

.product-crm.crm-redesign .slider-copy {
  min-height: 164px !important;
  padding: 34px 52px 38px !important;
  grid-template-columns: 56px 1fr !important;
  column-gap: 24px !important;
}

.product-crm.crm-redesign .slider-copy span {
  width: 56px !important;
  height: 56px !important;
  font-size: 17px !important;
}

.product-crm.crm-redesign .slider-copy strong {
  font-size: clamp(30px, 2.7vw, 44px) !important;
  line-height: 1.02 !important;
}

.product-crm.crm-redesign .slider-copy p {
  grid-column: 2 !important;
  max-width: 800px !important;
  margin-top: 8px !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

.product-crm.crm-redesign .slider-arrow {
  width: 62px !important;
  height: 62px !important;
  background: #ffffff !important;
  border: 2px solid #0f172a !important;
  color: #0f172a !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .12) !important;
  opacity: 1 !important;
}

.product-crm.crm-redesign .slider-arrow:hover {
  transform: translateY(-50%) scale(1.05) !important;
  background: #0f172a !important;
  color: #ffffff !important;
}

.product-crm.crm-redesign .slider-arrow-prev { left: 4px !important; }
.product-crm.crm-redesign .slider-arrow-next { right: 4px !important; }

.product-crm.crm-redesign .slider-dots {
  bottom: 0 !important;
  padding: 12px 18px !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 18px 42px rgba(15, 23, 42, .08) !important;
}

.product-crm.crm-redesign .slider-dots button {
  width: 12px !important;
  height: 12px !important;
  background: #cbd5e1 !important;
}

.product-crm.crm-redesign .slider-dots button.is-active {
  width: 52px !important;
  background: linear-gradient(90deg, #14c38e, #1d4ed8) !important;
}

@media (max-width: 1180px) {
  .product-crm.crm-redesign .enterprise-hero-grid {
    width: min(100% - 48px, 860px) !important;
    grid-template-columns: 1fr !important;
  }

  .product-crm.crm-redesign .screen-frame.real-screenshot-frame {
    max-width: 860px !important;
  }

  .product-crm.crm-redesign .real-product-screenshot {
    height: clamp(430px, 62vw, 560px) !important;
  }
}

@media (max-width: 860px) {
  .product-crm.crm-redesign .enterprise-hero {
    padding: 74px 0 82px !important;
  }

  .product-crm.crm-redesign .enterprise-hero-grid,
  .product-crm.crm-redesign .story-grid,
  .product-crm.crm-redesign .product-screen-slider {
    width: min(100% - 28px, 100%) !important;
  }

  .product-crm.crm-redesign .enterprise-copy h1 {
    font-size: clamp(42px, 12vw, 60px) !important;
  }

  .product-crm.crm-redesign .section,
  .product-crm.crm-redesign .section.alt,
  .product-crm.crm-redesign .screenshot-gallery-section,
  .product-crm.crm-redesign .pricing-section {
    padding: 68px 0 !important;
  }

  .product-crm.crm-redesign .section-heading h2 {
    font-size: clamp(34px, 9vw, 48px) !important;
  }

  .product-crm.crm-redesign .feature-board {
    padding: 14px !important;
  }

  .product-crm.crm-redesign .product-screen-slider {
    padding: 0 0 58px !important;
  }

  .product-crm.crm-redesign .slider-stage {
    min-height: 548px !important;
    border-radius: 26px !important;
  }

  .product-crm.crm-redesign .slider-screen {
    height: 320px !important;
  }

  .product-crm.crm-redesign .slider-copy {
    grid-template-columns: 44px 1fr !important;
    min-height: 210px !important;
    padding: 26px 24px 30px !important;
    gap: 14px !important;
  }

  .product-crm.crm-redesign .slider-copy span {
    width: 44px !important;
    height: 44px !important;
    font-size: 14px !important;
  }

  .product-crm.crm-redesign .slider-copy strong {
    font-size: 27px !important;
  }

  .product-crm.crm-redesign .slider-copy p {
    grid-column: 1 / -1 !important;
    font-size: 16px !important;
  }

  .product-crm.crm-redesign .slider-arrow {
    width: 48px !important;
    height: 48px !important;
    top: 32% !important;
  }
}