.elementor-7660 .elementor-element.elementor-element-7383e69{--display:flex;}.elementor-7660 .elementor-element.elementor-element-7383e69 .trx_addons_bg_text{z-index:0;}.elementor-7660 .elementor-element.elementor-element-7383e69 .trx_addons_bg_text.trx_addons_marquee_wrap:not(.trx_addons_marquee_reverse) .trx_addons_marquee_element{padding-right:50px;}.elementor-7660 .elementor-element.elementor-element-7383e69 .trx_addons_bg_text.trx_addons_marquee_wrap.trx_addons_marquee_reverse .trx_addons_marquee_element{padding-left:50px;}/* Start custom CSS for html, class: .elementor-element-4fbb1c8 *//* =========================================================
   FZ CARD — BLACK MODE + ACCENT #08517f
========================================================= */

.fz-card {

  position: relative;

  display: flex;
  flex-direction: column;

  background: #000000;

  border: 1px solid #1f1f1f;
  border-radius: 0;

  overflow: hidden;

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}


/* =========================================================
   MEDIA — velika slika
========================================================= */

.fz-card-media {

  position: relative;

  width: 100%;

  aspect-ratio: 4 / 3;

  overflow: hidden;

  background: #0a0a0a;

  display: flex;
  align-items: center;
  justify-content: center;
}

.fz-card-media img {

  display: block;

  width: 100%;
  height: 100%;

  object-fit: contain;

  padding: 20px;

  transition: transform .6s cubic-bezier(.2, .7, .2, 1);
}


/* =========================================================
   BODY — tekst
========================================================= */

.fz-card-body {

  display: flex;
  flex-direction: column;

  padding: 22px 24px 26px;

  border-top: 1px solid #1f1f1f;
}

.fz-card-body h3 {

  margin: 0 0 14px;

  color: #ffffff;

  font-family: inherit;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -.02em;

  transition: color .25s ease, text-shadow .25s ease;
}


/* istaknuta spec — kao kartica */

.fz-card-body .fz-muted {

  display: inline-flex;
  align-items: center;
  gap: 8px;

  align-self: flex-start;

  margin: 0;

  padding: 10px 16px;

  background: #0f0f0f;

  border: 1px solid #1f1f1f;
  border-radius: 0;

  color: #e8e8e8;

  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .02em;
}


/* mala ikonica / tačka pre dimenzija */

.fz-card-body .fz-muted::before {

  content: "";

  display: block;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: #08517f;

  opacity: 1;

  flex: 0 0 6px;
}


/* =========================================================
   HOVER
========================================================= */

.fz-card:hover {

  transform: translateY(-5px);

  border-color: #08517f;

  box-shadow: 0 18px 40px rgba(8, 81, 127, .45);
}

.fz-card:hover .fz-card-media img {
  transform: scale(1.04);
}

.fz-card:hover .fz-card-body h3 {
  color: #08517f;
  text-shadow: 0 0 20px rgba(8, 81, 127, .8);
}


/* =========================================================
   RESPONSIVE — TABLET (700px)
========================================================= */

@media (max-width: 700px) {

  .fz-card {
    border-radius: 0;
  }

  .fz-card-media img {
    padding: 14px;
  }

  .fz-card-body {
    padding: 18px 18px 22px;
  }

  .fz-card-body h3 {
    font-size: 20px;
    margin-bottom: 12px;
  }

  .fz-card-body .fz-muted {
    font-size: 13px;
    padding: 8px 14px;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .fz-card,
  .fz-card-media img,
  .fz-card-body h3 {
    transition: none;
  }

  .fz-card:hover {
    transform: none;
  }

  .fz-card:hover .fz-card-media img {
    transform: none;
  }

}/* End custom CSS */