/* =========================================================
   all4it V74
   Base: V73
   - Stronger homepage right-panel background
   - Hides leftover baked-in top text in all 6 service preview images
   - Keeps "Zašto all4it" dark benefit row unchanged
   ========================================================= */

/* Home right black rectangle: same image as V73, but visibly stronger. */
.hero-panel {
  background:
    linear-gradient(180deg, rgba(5,7,10,.28) 0%, rgba(5,7,10,.54) 100%),
    linear-gradient(90deg, rgba(5,7,10,.60) 0%, rgba(5,7,10,.22) 44%, rgba(5,7,10,.44) 100%),
    url("../assets/home/home-hero-panel-bg.png") left center / cover no-repeat !important;
}

/* Keep the grid readable, but stop it from killing the picture. */
.hero-panel::before {
  opacity: .08 !important;
}

.hero-panel::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 76% 18%, rgba(227,30,36,.24), transparent 26%),
    radial-gradient(circle at 20% 78%, rgba(227,30,36,.18), transparent 28%),
    linear-gradient(0deg, rgba(0,0,0,.14), transparent 46%) !important;
}

/* Services detail previews:
   The "Fokus..." text is part of the generated image itself.
   Mask the upper band in all 6 opened service panels. */
.service-detail-frame::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0 !important;
  height: 27% !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,.98) 34%,
      rgba(0,0,0,.88) 58%,
      rgba(0,0,0,.42) 82%,
      rgba(0,0,0,0) 100%) !important;
}

/* Extra safety: keep the image itself just a bit lower, so the baked text leaves the visible zone. */
.service-detail-frame::before {
  background-position: center 54% !important;
}

/* Do not touch V73 "Zašto all4it" row. */