/* Featured platform modules — image-card redesign for #modules-grid */
:root {
  --erp-fcard-radius: 16px;
  --erp-fcard-transition: 0.4s;
  /* Match hero "Request a Demo" (.btn-custom-primary) */
  --erp-demo-btn-bg: #c0c1ff;
  --erp-demo-btn-ink: #1000a9;
  --erp-landing-cards-pad: clamp(0.75rem, 1.5vw, 1.5rem);
}

/* White canvas behind featured + unit-gateway card grids */
html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section {
  background-color: #ffffff !important;
  background-image: none !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  margin-top: clamp(1rem, 2vw, 1.5rem) !important;
  padding: clamp(1.25rem, 2.5vw, 2rem) 0 clamp(2rem, 3vw, 2.75rem) !important;
}

@media (width >= 769px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section {
    margin-left: calc(-1 * var(--erp-landing-cards-pad)) !important;
    margin-right: calc(-1 * var(--erp-landing-cards-pad)) !important;
    padding-left: var(--erp-landing-cards-pad) !important;
    padding-right: var(--erp-landing-cards-pad) !important;
    width: auto !important;
  }
}

/* Mobile: container-fluid full-bleed white canvas + readable dark text */
@media (max-width: 900px) {
  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section {
    width: 100vw !important;
    max-width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding-left: max(0.75rem, env(safe-area-inset-left, 0px)) !important;
    padding-right: max(0.75rem, env(safe-area-inset-right, 0px)) !important;
    box-sizing: border-box !important;
    color: #0f172a !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-item {
    background: #f1f5f9 !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: none !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-item:hover,
  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-item:focus-visible {
    background: #e2e8f0 !important;
    border-color: #94a3b8 !important;
    box-shadow: none !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-label {
    color: #0f172a !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-item::after {
    color: #334155 !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section .next-steps-strip .next-step-item:hover::after {
    color: #0f172a !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat__title {
    color: #0f172a !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat__count {
    background: #e2e8f0 !important;
    color: #0f172a !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat::after {
    background: linear-gradient(90deg, rgb(255 255 255 / 0%), rgb(255 255 255 / 92%)) !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat__dot {
    background: rgb(15 23 42 / 18%) !important;
  }

  html[data-active-module="landing"] body.erp-body #landing .erp-landing-cards-section #erpLandingCarousels .erp-modcat__dot.is-active {
    background: #4f46e5 !important;
  }
}

html body.erp-body #landing .erp-featured-row.erp-featured-row--image-cards,
html[data-active-module="landing"] body.erp-body #landing .erp-featured-row.erp-featured-row--image-cards,
#modules-grid.erp-featured-row--image-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 24px !important;
  padding: 20px 0 !important;
  align-items: stretch !important;
}

html body.erp-body #landing .erp-featured-row--image-cards .erp-fcard,
html[data-active-module="landing"] body.erp-body #landing .erp-featured-row--image-cards .erp-fcard,
#modules-grid.erp-featured-row--image-cards .erp-fcard,
#erpLandingCarousels .erp-fcard {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  height: 380px !important;
  min-height: 380px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: var(--erp-fcard-radius) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  text-decoration: none !important;
  color: #fff !important;
  background-color: #0f172a !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
  transform: none !important;
  transition: transform var(--erp-fcard-transition) cubic-bezier(0.34, 1.56, 0.64, 1),
    box-shadow var(--erp-fcard-transition) ease !important;
  will-change: transform;
  grid-template-columns: unset !important;
  grid-template-rows: unset !important;
  grid-template-areas: unset !important;
}

html body.erp-body #landing .erp-featured-row--image-cards .erp-fcard::before,
html body.erp-body #landing .erp-featured-row--image-cards .erp-fcard::after,
#modules-grid.erp-featured-row--image-cards .erp-fcard::before,
#modules-grid.erp-featured-row--image-cards .erp-fcard::after {
  display: none !important;
  content: none !important;
}

html body.erp-body #landing .erp-featured-row--image-cards .erp-fcard:hover,
#modules-grid.erp-featured-row--image-cards .erp-fcard:hover {
  transform: translateY(-10px) scale(1.02) !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), 0 0 20px rgba(13, 110, 253, 0.3) !important;
  color: #fff !important;
}

/* Background images (with dark gradient overlay) */
#modules-grid.erp-featured-row--image-cards .fcard-command,
#erpLandingCarousels .fcard-command {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuDvtyooo5ubPj8i6M3iJKmgO7IjWwPseaT5O3SzoMoD5aKzlVM1PTeGHyNzq9sPuIuk_ro-GkzHsC9fsMAaI_dKYfY7X7R_t-iSG6IKhM_oYcPae0qwdNsihoInwgQeyih7X3InEW61zoafckgqSXaNYvP-8SWghrDdR2uGaq5Xmo9_xLrYt5zE2mxe3uEG0et73LrR2HQZIB1AhVCe7TUn9Sl9Fzod6pnKPs-dVI5l5TR2gm124-OdDw") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-analytics,
#erpLandingCarousels .fcard-analytics {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=640&q=70") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-acc,
#erpLandingCarousels .fcard-acc {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuAKxU7BfgUBrKq7Q3PxZYr_lv3ZjmpibXuaDj-uw3odZu0swLJ03z_vWp9O8PIgTJn97pN2EcK7KeBRHyR6zRjMjfrx4udetSMO7HHoxerOcd2hCvg0M2bAwZMjcP3U_eBt37JD3c9Tbm3Fof_nwY4z7-w9Bn0n5_b9xNqEtAhKwuORhpI1r0yjYe4hYwZfNosj02x5mpiQ2bBRsKyAYb7kLxxcovxS47XI7bl0yOSI9LXsN9JuNv_Mng") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-acquisition,
#erpLandingCarousels .fcard-acquisition {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuA6A3clmf31Q8cbauKCob6nk9EE4JvF15OZPBghLObhJiU6HkpficxiU6wx2WSF_kOqLI2LY7yP6mvIimQPQc7HtlgBvtc5MEPynJ5uNSs8KPeNVxk5y1mxqztBO52rboX6mVWnn3I7wzuhE6AlCufA9gzqP5p93aG-m77lB0qlWVVfiS-86sAAMyVIwlYbQJ4eOUmwtXC-8EJThwGae1puRafQIOycEP9Yv4s_lcI3kxIn_uTKgms7FQ") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-website,
#erpLandingCarousels .fcard-website {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuBDXWL2JrgOhWhq-onRIGlIc4KUOIyyFd4FFywulwg-9TowGXWMqYfg2WVWV6V_TS1Z4mFLxtvIkpFeOFJzRrOBbs9gU0v9BFhpMQn2VmVcSngkZAkKm196Ed5BiOR1Q1QVjNsvirbv5enwk9Hx_2tLBmvrOoil9abzKw3cy8ui0rHQQ0VqZ3vbi4UUxTYv3H8U9F6F2RFE7ZzmfDp1fUEGE0BbGJo6iFfEZOiBoNgERAROCIniaaDTHA") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-agropro,
#erpLandingCarousels .fcard-agropro {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuBB8VXq4i6aUeB81crQZSfoFm290Nr-uRd2oKre7I2nn8RYh_UGnVAeOfRSuelKXJthPPP5dH2GudRz1Egv4mCF2s4mpMD3dvKU1BV3pBUDSCzmynvUAxYPoCu40Wizl68ytbM66N9b9U7WS5MBLZIkNtsdFXBz94YH01GbKNfsMb-AaCYnNX2g0tIbm1WLXNQj15KYmPj4fnPkCiZeaM2-EKDB04Eypr5zeJovbD1pYOYxFoh0SsdgeQ") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-jobs,
#erpLandingCarousels .fcard-jobs {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuCzIVsc1vuE3vMjgMbgdH58Li32wvODV70kg0T5wX2ZO65_cVyue_O-MWkuX1pFwoIccotKpBwMGL6uVR7j3EetZXK5Sa-ZrKM6dxUUUsx_vzXaGRocW2hZp3WBcnUsMOPEJ7OVNETFsrX8aFhNVZc23fYG36Vpl-G0UjDR_qFOvAEHaKVfcTf_RFbO0JGxVfP7gvjTq8BeFNEVsc0ugilmPI442EZwPJl5tCSC7_C0FxcRA1K9_7GHTA") !important;
}
#modules-grid.erp-featured-row--image-cards .fcard-migration,
#erpLandingCarousels .fcard-migration {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.8)),
    url("https://lh3.googleusercontent.com/aida-public/AB6AXuAUWN8J-_uH-oQFtzZycURZZZp3bWt9GYVwQ4_yH0LApTbm1MGVRifCWf2WK43RS5hVDLOqmjY0aPtKwdkttGCuBLMZZgZkcJe5xVOHrket0OApEo0g6H2ghXuozv5qrxEL_lmnLyCp89zCyqWcPU293gauXDOeopjvvJ8mdPZSDwFV9wQd1zHi4xb1Bgq8_WJ51pnJd0Gwy3D7YfVp2x3l7BfBkI-NvoWlfCHsAv0sxCsABsEVUboIHw") !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-content,
#erpLandingCarousels .erp-fcard-content {
  padding: 0 !important;
  background: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-icon:not(.zuto-lockup-plate),
#erpLandingCarousels .erp-fcard-icon:not(.zuto-lockup-plate) {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  margin: 0 0 12px !important;
  padding: 0 !important;
  align-self: flex-start !important;
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--module-accent, var(--fcard-accent, #38bdf8)) 28%, #05070f),
    #05070f
  ) !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-radius: 14px !important;
  border: 1px solid color-mix(in srgb, var(--module-accent, var(--fcard-accent, #38bdf8)) 46%, transparent) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  color: var(--module-accent, var(--fcard-accent, #38bdf8)) !important;
  box-shadow: 0 8px 20px rgb(2 6 23 / 42%) !important;
  transition: all 0.3s ease !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard:hover .erp-fcard-icon:not(.zuto-lockup-plate),
#erpLandingCarousels .erp-fcard:hover .erp-fcard-icon:not(.zuto-lockup-plate) {
  background: linear-gradient(
    160deg,
    color-mix(in srgb, var(--fcard-accent2, var(--module-accent, #6366f1)) 36%, #05070f),
    #05070f
  ) !important;
  box-shadow: 0 12px 26px rgb(2 6 23 / 42%) !important;
  transform: none;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-badge,
#erpLandingCarousels .erp-fcard-badge {
  position: absolute !important;
  top: 16px !important;
  right: 16px !important;
  left: auto !important;
  background: var(--erp-demo-btn-bg) !important;
  background-color: var(--erp-demo-btn-bg) !important;
  color: var(--erp-demo-btn-ink) !important;
  -webkit-text-fill-color: var(--erp-demo-btn-ink) !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  z-index: 2 !important;
  border: 0 !important;
  box-shadow: none !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-badge i,
#erpLandingCarousels .erp-fcard-badge i {
  color: var(--erp-demo-btn-ink) !important;
  -webkit-text-fill-color: var(--erp-demo-btn-ink) !important;
}

html[data-active-module="landing"] body.erp-body #landing .unit-gateway-grid--image-cards .unit-card:hover .unit-badge,
html[data-active-module="landing"] body.erp-body #landing #modules-grid .erp-fcard:hover .erp-fcard-badge {
  background: var(--erp-demo-btn-bg, #c0c1ff) !important;
  background-color: var(--erp-demo-btn-bg, #c0c1ff) !important;
  color: var(--erp-demo-btn-ink, #1000a9) !important;
  -webkit-text-fill-color: var(--erp-demo-btn-ink, #1000a9) !important;
  border-color: transparent !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-title,
#erpLandingCarousels .erp-fcard-title {
  font-size: 22px !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
  letter-spacing: -0.5px !important;
  color: #fff !important;
  line-height: 1.25 !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-desc,
#erpLandingCarousels .erp-fcard-desc {
  font-size: 14px !important;
  opacity: 0.9 !important;
  line-height: 1.5 !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-footer,
#erpLandingCarousels .erp-fcard-footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-top: 16px !important;
  margin: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  opacity: 0.8 !important;
  color: #fff !important;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard-footer i,
#erpLandingCarousels .erp-fcard-footer i {
  color: #fff !important;
  transition: transform var(--erp-fcard-transition) ease;
}

#modules-grid.erp-featured-row--image-cards .erp-fcard:hover .erp-fcard-footer i,
#erpLandingCarousels .erp-fcard:hover .erp-fcard-footer i {
  transform: translateX(5px);
}

/* Hide legacy mini-dashboard widgets if any remain injected */
#modules-grid.erp-featured-row--image-cards .fcard-mini-dash,
#erpLandingCarousels .fcard-mini-dash {
  display: none !important;
}

@media (max-width: 576px) {
  #modules-grid.erp-featured-row--image-cards {
    grid-template-columns: 1fr !important;
    padding: 15px 0 !important;
    gap: 16px !important;
  }

  #modules-grid.erp-featured-row--image-cards .erp-fcard {
    height: 350px !important;
    min-height: 350px !important;
  }
}