/* ======================================================================
   LOVEMYCAR HOME v6.9.7 – DWA BANNERY POD OKAZJAMI / SAFE TARGET
   Exact widget IDs:
   - c6e1a5e = Cleantle Ceramic QD
   - bcf7335 = Specjalne warunki dla studiów detailingowych
   ====================================================================== */

body#index .lmc-home-banners-row,
body.home .lmc-home-banners-row {
  --lmc-red: #e30613;
  --lmc-text: #172b36;

  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;

  width: calc(100% - 40px) !important;
  max-width: 1360px !important;

  margin: 44px auto 52px !important;
  padding: 0 !important;

  align-items: stretch !important;
}

/* Elementor columns */
body#index .lmc-home-banners-row > [data-id="4160f58"],
body#index .lmc-home-banners-row > [data-id="d536be5"],
body.home .lmc-home-banners-row > [data-id="4160f58"],
body.home .lmc-home-banners-row > [data-id="d536be5"] {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;

  padding: 0 !important;
  margin: 0 !important;
}

.lmc-home-banners-row [data-id="4160f58"] .elementor-column-wrap,
.lmc-home-banners-row [data-id="d536be5"] .elementor-column-wrap,
.lmc-home-banners-row [data-id="4160f58"] .elementor-widget-wrap,
.lmc-home-banners-row [data-id="d536be5"] .elementor-widget-wrap,
.lmc-home-banners-row [data-id="c6e1a5e"],
.lmc-home-banners-row [data-id="bcf7335"],
.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-widget-container,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-widget-container,
.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* karta */
.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image {
  position: relative !important;

  overflow: hidden !important;

  min-height: 230px !important;

  background: #fff !important;

  border: 1px solid #e7eaec !important;
  border-radius: 16px !important;

  box-shadow: 0 12px 30px rgba(23,43,54,.055) !important;

  transition:
    transform .2s ease,
    box-shadow .2s ease,
    border-color .2s ease !important;
}

.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image:hover,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image:hover {
  transform: translateY(-3px) !important;

  border-color: #dfe3e6 !important;

  box-shadow: 0 18px 38px rgba(23,43,54,.09) !important;
}

.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a {
  position: relative !important;

  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;

  overflow: hidden !important;

  border-radius: inherit !important;

  text-decoration: none !important;
}

/* obraz */
.lmc-home-banners-row [data-id="c6e1a5e"] img,
.lmc-home-banners-row [data-id="bcf7335"] img {
  display: block !important;

  width: 100% !important;
  height: 100% !important;
  min-height: 230px !important;

  object-fit: cover !important;

  border-radius: inherit !important;

  transform: none !important;

  transition:
    transform .28s ease,
    filter .28s ease !important;
}

.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image:hover img,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image:hover img {
  transform: scale(1.018) !important;
}

/* bardzo delikatny gradient dla czytelności badge / CTA */
.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a::before,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a::before {
  content: "" !important;

  position: absolute !important;
  z-index: 2 !important;
  inset: 0 !important;

  pointer-events: none !important;
}

.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a::before {
  background:
    linear-gradient(180deg, rgba(255,255,255,.12) 0%, transparent 32%, rgba(255,255,255,.07) 100%) !important;
}

.lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a::before {
  background:
    linear-gradient(180deg, rgba(10,16,20,.04) 0%, transparent 45%, rgba(10,16,20,.18) 100%) !important;
}

/* label */
.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a::after,
.lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a::after {
  position: absolute !important;
  z-index: 4 !important;
  top: 14px !important;
  left: 14px !important;

  display: inline-flex !important;
  align-items: center !important;

  min-height: 28px !important;

  padding: 0 10px !important;

  border-radius: 999px !important;

  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;

  pointer-events: none !important;
}

.lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a::after {
  content: "OCHRONA LAKIERU" !important;

  color: #e30613 !important;
  background: rgba(255,255,255,.92) !important;

  border: 1px solid rgba(227,6,19,.15) !important;

  box-shadow: 0 6px 16px rgba(227,6,19,.08) !important;
}

.lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a::after {
  content: "DLA PROFESJONALISTÓW" !important;

  color: #fff !important;
  background: rgba(20,26,30,.82) !important;

  border: 1px solid rgba(255,255,255,.12) !important;

  box-shadow: 0 6px 16px rgba(0,0,0,.14) !important;
}

/* CTA – dokładane przez JS */
.lmc-home-banner-cta {
  position: absolute !important;
  z-index: 5 !important;
  right: 14px !important;
  bottom: 14px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  min-height: 36px !important;

  padding: 0 13px !important;

  border-radius: 8px !important;

  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
  font-weight: 750 !important;

  white-space: nowrap !important;

  pointer-events: none !important;

  transition:
    transform .2s ease,
    background .2s ease !important;
}

[data-id="c6e1a5e"] .lmc-home-banner-cta {
  color: #fff !important;
  background: #e30613 !important;

  box-shadow: 0 8px 18px rgba(227,6,19,.18) !important;
}

[data-id="bcf7335"] .lmc-home-banner-cta {
  color: #172b36 !important;
  background: rgba(255,255,255,.94) !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.12) !important;
}

.lmc-home-banners-row .elementor-image:hover .lmc-home-banner-cta {
  transform: translateX(2px) !important;
}

/* mały czerwony akcent łączący z resztą LMC */
.lmc-home-banners-row::before {
  content: "" !important;

  position: absolute !important;

  width: 42px !important;
  height: 3px !important;

  margin-top: -16px !important;

  background: #e30613 !important;
  border-radius: 999px !important;
}

body#index .lmc-home-banners-row,
body.home .lmc-home-banners-row {
  position: relative !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
   ---------------------------------------------------------- */

@media (max-width: 1199px) {
  body#index .lmc-home-banners-row,
  body.home .lmc-home-banners-row {
    width: calc(100% - 28px) !important;
    gap: 14px !important;
  }
}

@media (max-width: 767px) {
  body#index .lmc-home-banners-row,
  body.home .lmc-home-banners-row {
    grid-template-columns: 1fr !important;

    width: calc(100% - 20px) !important;

    gap: 10px !important;

    margin-top: 34px !important;
    margin-bottom: 38px !important;
  }

  .lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image,
  .lmc-home-banners-row [data-id="bcf7335"] .elementor-image,
  .lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a,
  .lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a,
  .lmc-home-banners-row [data-id="c6e1a5e"] img,
  .lmc-home-banners-row [data-id="bcf7335"] img {
    min-height: 0 !important;
  }

  .lmc-home-banners-row [data-id="c6e1a5e"] img,
  .lmc-home-banners-row [data-id="bcf7335"] img {
    height: auto !important;
    aspect-ratio: 575 / 194 !important;
    object-fit: cover !important;
  }

  .lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image,
  .lmc-home-banners-row [data-id="bcf7335"] .elementor-image {
    border-radius: 12px !important;
  }

  .lmc-home-banners-row [data-id="c6e1a5e"] .elementor-image > a::after,
  .lmc-home-banners-row [data-id="bcf7335"] .elementor-image > a::after {
    top: 9px !important;
    left: 9px !important;

    min-height: 23px !important;

    padding: 0 7px !important;

    font-size: 6.7px !important;
  }

  .lmc-home-banner-cta {
    right: 9px !important;
    bottom: 9px !important;

    min-height: 30px !important;

    padding: 0 9px !important;

    font-size: 7.8px !important;
  }
}