.etx-home-partners,
.etx-home-partners * {
  box-sizing: border-box;
}

.etx-home-partners {
  --etx-hp-blue: #2145b5;
  --etx-hp-text: #101828;
  --etx-hp-muted: #667085;
  --etx-hp-line: #e0e6ef;
  width: 100%;
  max-width: none;
  margin: 0 !important;
  padding: 74px 0 88px;
  overflow: clip;
  color: var(--etx-hp-text);
  background: #fff;
  font-family: Arial, sans-serif;
}

body.home section:has(.wp-image-522) {
  display: none !important;
}

.etx-hp-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(320px, .9fr);
  align-items: end;
  gap: 56px;
  width: min(85%, 1600px);
  max-width: none;
  margin: 0 auto 38px;
}

.etx-hp-heading h2 {
  max-width: 700px;
  margin: 0;
  color: var(--etx-hp-text) !important;
  font-family: Arial, sans-serif !important;
  font-size: 52px !important;
  font-weight: 800 !important;
  line-height: 1.06 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

.etx-hp-heading > p {
  margin: 0 0 5px !important;
  color: var(--etx-hp-muted) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
}

.etx-hp-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  width: min(85%, 1600px);
  max-width: none;
  margin: 0 auto;
}

.etx-hp-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 330px;
  display: grid;
  grid-template-columns: minmax(230px, 42%) minmax(0, 58%);
  overflow: hidden;
  border: 0;
  border-radius: 7px;
  color: var(--etx-hp-text) !important;
  background: #fff;
  box-shadow: 0 0 0 1px var(--etx-hp-line), 0 8px 24px rgba(16, 24, 40, .055);
  text-decoration: none !important;
  transition: box-shadow 240ms ease, border-color 240ms ease;
}

.etx-hp-card::before {
  content: "";
  position: absolute;
  z-index: 0;
  inset: 0;
  width: auto;
  height: auto;
  border-radius: inherit;
  opacity: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  pointer-events: none;
  transition: opacity 360ms ease;
}

.etx-hp-card:hover,
.etx-hp-card:focus-visible {
  box-shadow: 0 0 0 1px #bbc8e3, 0 18px 38px rgba(16, 24, 40, .115);
}

.etx-hp-card:hover::before,
.etx-hp-card:focus-visible::before {
  opacity: 1;
}

.etx-hp-card:focus-visible {
  outline: 3px solid rgba(33, 69, 181, .28);
  outline-offset: 3px;
}

.etx-hp-card--7 { grid-column: span 7; }
.etx-hp-card--6 { grid-column: span 6; }
.etx-hp-card--5 { grid-column: span 5; }

.etx-hp-card--4 {
  min-height: 490px;
  grid-column: span 4;
  grid-template-columns: 1fr;
  grid-template-rows: 245px 245px;
  grid-template-areas: "copy" "media";
}

.etx-hp-card--4 .etx-hp-media { grid-area: media; }
.etx-hp-card--4 .etx-hp-copy { grid-area: copy; }

.etx-hp-copy {
  position: relative;
  z-index: 3;
  min-width: 0;
  padding: 27px 27px 25px;
  display: grid;
  grid-template-rows: auto auto auto;
  align-content: start;
  gap: 12px;
  background: transparent;
}

.etx-hp-topline {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--etx-hp-muted);
  font-size: 12px;
  line-height: 1.15;
  text-transform: uppercase;
}

.etx-hp-topline::after {
  content: "↗";
  margin-left: auto;
  color: var(--etx-hp-blue);
  font-size: 18px;
  line-height: 1;
}

.etx-hp-card--pending .etx-hp-topline::after {
  content: "";
}

.etx-hp-topline span,
.etx-hp-topline strong {
  font-weight: 800;
}

.etx-hp-topline span {
  color: var(--etx-hp-blue);
}

.etx-hp-logo {
  width: min(100%, 184px);
  height: 70px;
  justify-self: center;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply;
}

.etx-hp-logo--octoral { width: 176px; }
.etx-hp-logo--viton { width: 128px; height: 66px; }
.etx-hp-logo--iwata,
.etx-hp-logo--gerko,
.etx-hp-logo--spanesi { width: 188px; }
.etx-hp-logo--crs { width: 76px; height: 76px; }
.etx-hp-logo--ubis { width: 184px; }
.etx-hp-logo--rosauto { width: 176px; height: 66px; }
.etx-hp-logo--roar { width: 198px; height: 70px; }
.etx-hp-logo--nullifire { width: 202px; height: 70px; }

.etx-hp-wordmark {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 34px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
}

.etx-hp-wordmark--roar {
  color: #e96a16;
  text-shadow: 1px 1px 0 #20242b;
}

.etx-hp-wordmark--formeco {
  color: #263244;
  font-size: 30px;
}

.etx-hp-copy > p {
  align-self: start;
  margin: 0 !important;
  color: #263244 !important;
  font-size: 16px !important;
  line-height: 1.55 !important;
}

.etx-hp-media {
  position: relative;
  z-index: 2;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  background: transparent;
}

.etx-hp-card--4 .etx-hp-media {
  align-items: flex-end;
  padding: 0 16px 18px;
}

.etx-hp-octoral::before,
.etx-hp-viton::before,
.etx-hp-gerko::before,
.etx-hp-crs::before,
.etx-hp-iwata::before {
  background-image: url("assets/partners/partner-hover-backgrounds.jpg");
}

.etx-hp-octoral::before { background-size: 174% 196%; background-position: 1.8% 2.7%; }
.etx-hp-viton::before { background-size: 253% 196%; background-position: 98.4% 2.7%; }
.etx-hp-gerko::before { background-size: 313% 219%; background-position: 1.1% 98.7%; }
.etx-hp-crs::before { background-size: 310% 219%; background-position: 49.6% 98.7%; }
.etx-hp-iwata::before { background-size: 308% 219%; background-position: 98.5% 98.7%; }

.etx-hp-viton::before,
.etx-hp-gerko::before,
.etx-hp-crs::before,
.etx-hp-iwata::before {
  inset: -12px;
  border-radius: 0;
}

.etx-hp-ubis::before,
.etx-hp-roar::before,
.etx-hp-rosauto::before,
.etx-hp-spanesi::before {
  background-image: url("assets/partners/partner-hover-backgrounds-secondary.jpg");
  background-size: 212.5% 216%;
}

.etx-hp-ubis::before { background-position: 96.4% 5%; }
.etx-hp-roar::before { background-position: 3.1% 5%; }
.etx-hp-rosauto::before { background-position: 3.1% 95.6%; }
.etx-hp-spanesi::before { background-position: 96.4% 95.6%; }

.etx-hp-nullifire::before {
  background-image: url("assets/partners/nullifire-hover-bg.png");
  inset: -18px;
  border-radius: 0;
  background-size: 116% 116%;
  background-position: center;
}

.etx-hp-media > img {
  position: relative;
  z-index: 2;
  width: 93%;
  height: 87%;
  object-fit: contain;
  filter: drop-shadow(0 8px 7px rgba(16, 24, 40, .16));
  transition: transform 420ms cubic-bezier(.2, .75, .2, 1), filter 420ms ease;
}

.etx-hp-card--4 .etx-hp-media > img {
  width: 92%;
  height: 96%;
}

.etx-hp-viton .etx-hp-media > img {
  width: 98%;
  height: 94%;
  transform: scale(1.24);
}
.etx-hp-nullifire .etx-hp-media > img {
  width: 96%;
  height: 94%;
}
.etx-hp-roar .etx-hp-media > img { width: 92%; height: 94%; }
.etx-hp-spanesi .etx-hp-media > img { width: 88%; height: 90%; }

.etx-hp-card:hover .etx-hp-media > img,
.etx-hp-card:focus-visible .etx-hp-media > img {
  filter: drop-shadow(0 11px 9px rgba(16, 24, 40, .2));
  transform: scale(1.035) translateY(-3px);
}

.etx-hp-viton:hover .etx-hp-media > img,
.etx-hp-viton:focus-visible .etx-hp-media > img {
  transform: scale(1.29) translateY(-3px);
}

.etx-hp-media--pending > span {
  position: relative;
  z-index: 2;
  max-width: 220px;
  color: #98a2b3;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

.etx-hp-card--pending {
  cursor: default;
}

@media (min-width: 981px) {
  .etx-hp-octoral,
  .etx-hp-viton {
    min-height: 430px;
  }

  .etx-hp-octoral .etx-hp-media > img {
    transform: scale(1.15);
  }

  .etx-hp-viton .etx-hp-media > img {
    transform: scale(1.43);
  }

  .etx-hp-octoral:hover .etx-hp-media > img,
  .etx-hp-octoral:focus-visible .etx-hp-media > img {
    transform: scale(1.19) translateY(-3px);
  }

  .etx-hp-viton:hover .etx-hp-media > img,
  .etx-hp-viton:focus-visible .etx-hp-media > img {
    transform: scale(1.48) translateY(-3px);
  }
}

@media (max-width: 980px) {
  .etx-hp-heading {
    width: 100%;
    max-width: 760px;
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .etx-hp-grid {
    width: 100%;
    max-width: 760px;
    grid-template-columns: 1fr;
  }

  .etx-hp-card,
  .etx-hp-card--7,
  .etx-hp-card--6,
  .etx-hp-card--5,
  .etx-hp-card--4 {
    min-height: 0;
    grid-column: span 1;
    grid-template-columns: 1fr;
    grid-template-rows: auto 250px;
    grid-template-areas: "copy" "media";
  }

  .etx-hp-media { grid-area: media; }
  .etx-hp-copy {
    grid-area: copy;
    min-height: 0;
  }

  .etx-hp-logo--viton { width: 126px; height: 64px; }
  .etx-hp-logo--ubis { width: 190px; }
  .etx-hp-logo--roar { width: 204px; }
  .etx-hp-logo--nullifire { width: 208px; }
  .etx-hp-octoral { order: 1; }
  .etx-hp-viton { order: 2; }
  .etx-hp-nullifire { order: 3; }
  .etx-hp-gerko { order: 4; }
  .etx-hp-crs { order: 5; }
  .etx-hp-ubis { order: 6; }
  .etx-hp-roar { order: 7; }
  .etx-hp-iwata { order: 8; }
  .etx-hp-rosauto { order: 9; }
  .etx-hp-spanesi { order: 10; }
  .etx-hp-viton .etx-hp-media > img { transform: scale(1.14); }
}

@media (max-width: 600px) {
  .etx-home-partners {
    padding: 48px 16px 64px;
  }

  .etx-hp-heading {
    margin-bottom: 26px;
  }

  .etx-hp-heading h2 {
    font-size: 36px !important;
  }

  .etx-hp-heading > p {
    font-size: 16px !important;
  }

  .etx-hp-grid { gap: 18px; }

  .etx-hp-card,
  .etx-hp-card--7,
  .etx-hp-card--6,
  .etx-hp-card--5,
  .etx-hp-card--4 {
    grid-template-rows: auto 220px;
  }

  .etx-hp-copy {
    min-height: 0;
    padding: 24px 22px;
    gap: 12px;
  }

  .etx-hp-media > img {
    width: 92%;
    height: 210px;
  }
}

@media (hover: none) {
  .etx-hp-card:hover::before {
    opacity: 0;
  }
}

@media (max-width: 980px) {
  .etx-hp-card::before,
  .etx-hp-card:hover::before,
  .etx-hp-card:focus-visible::before {
    opacity: 0;
  }

  .etx-hp-card,
  .etx-hp-card:hover,
  .etx-hp-card:focus-visible {
    background: #fff;
    box-shadow: 0 0 0 1px #bbc8e3, 0 16px 34px rgba(16, 24, 40, .105);
  }

  .etx-hp-copy {
    background: #fff;
  }

  .etx-hp-media {
    overflow: hidden;
    background: #fff;
    border-radius: 0 0 7px 7px;
  }

  .etx-hp-media::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 18px 0 0;
    opacity: 1;
    background-color: #fff;
    background-repeat: no-repeat;
    pointer-events: none;
  }

  .etx-hp-media::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    height: 54px;
    background: linear-gradient(180deg, #fff 0%, #fff 42%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
  }

  .etx-hp-octoral .etx-hp-media::before,
  .etx-hp-viton .etx-hp-media::before,
  .etx-hp-gerko .etx-hp-media::before,
  .etx-hp-crs .etx-hp-media::before,
  .etx-hp-iwata .etx-hp-media::before {
    background-image: url("assets/partners/partner-hover-backgrounds.jpg");
  }

  .etx-hp-octoral .etx-hp-media::before { background-size: 174% 196%; background-position: 1.8% 2.7%; }
  .etx-hp-viton .etx-hp-media::before { inset: 18px -10px 0 0; background-size: 253% 196%; background-position: 98.4% 2.7%; }
  .etx-hp-gerko .etx-hp-media::before { background-size: 313% 219%; background-position: 1.1% 98.7%; }
  .etx-hp-crs .etx-hp-media::before { inset: 18px -10px 0 0; background-size: 310% 219%; background-position: 49.6% 98.7%; }
  .etx-hp-iwata .etx-hp-media::before { inset: 18px -10px 0 0; background-size: 308% 219%; background-position: 98.5% 98.7%; }

  .etx-hp-ubis .etx-hp-media::before,
  .etx-hp-roar .etx-hp-media::before,
  .etx-hp-rosauto .etx-hp-media::before,
  .etx-hp-spanesi .etx-hp-media::before {
    background-image: url("assets/partners/partner-hover-backgrounds-secondary.jpg");
    background-size: 212.5% 216%;
  }

  .etx-hp-ubis .etx-hp-media::before { background-position: 96.4% 5%; }
  .etx-hp-roar .etx-hp-media::before { background-position: 3.1% 5%; }
  .etx-hp-rosauto .etx-hp-media::before { background-position: 3.1% 95.6%; }
  .etx-hp-spanesi .etx-hp-media::before { background-position: 96.4% 95.6%; }

  .etx-hp-nullifire .etx-hp-media::before {
    inset: -10px -12px -14px -12px;
    background-image: url("assets/partners/nullifire-hover-bg.png");
    background-size: 116% 116%;
    background-position: center;
  }

  .etx-hp-card .etx-hp-media > img,
  .etx-hp-card:hover .etx-hp-media > img,
  .etx-hp-card:focus-visible .etx-hp-media > img {
    filter: drop-shadow(0 11px 9px rgba(16, 24, 40, .2));
    transform: scale(1.035) translateY(-3px);
  }

  .etx-hp-viton .etx-hp-media > img,
  .etx-hp-viton:hover .etx-hp-media > img,
  .etx-hp-viton:focus-visible .etx-hp-media > img {
    transform: scale(1.18) translateY(-3px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .etx-home-partners * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

@media (max-width: 900px) {
  body.home .entry-content.wp-block-post-content {
    display: flex !important;
    flex-direction: column !important;
  }

  body.home #videoBox {
    order: 1 !important;
  }

  body.home .etx-home-partners {
    order: 2 !important;
  }

  body.home #istaknutiProizvodi {
    order: 3 !important;
  }

  body.home .etx-home-all-products-cta,
  body.home .groupAfterIstaknuti {
    order: 4 !important;
  }

  body.home .entry-content.wp-block-post-content > .wp-block-cover:has(iframe),
  body.home .entry-content.wp-block-post-content > .wp-block-group:has(iframe),
  body.home .entry-content.wp-block-post-content > section:has(iframe) {
    order: 5 !important;
  }
}