.elementor-7926 .elementor-element.elementor-element-0e46af7{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--overflow:hidden;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:900;}.elementor-7926 .elementor-element.elementor-element-0e46af7:not(.elementor-motion-effects-element-type-background), .elementor-7926 .elementor-element.elementor-element-0e46af7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-7926 .elementor-element.elementor-element-0e46af7.e-con{--align-self:center;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7926 .elementor-element.elementor-element-0e46af7{--width:200vw;}}/* Start custom CSS for container, class: .elementor-element-0e46af7 */body {
  overscroll-behavior-x: none; /* spriječi back-swipe */
  overflow: hidden;
}

.mwg_effect026 .container {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* 2×2 mreža */
  width: max-content;
  will-change: transform;
}

.mwg_effect026 .content {
  display: grid;
  width: max-content;
  grid-template-columns: repeat(5, 1fr); /* 5 itema po redu */
  gap: 10vw;
  padding: 5vw; /* pola gap-a kao u PDF-u */
}

.mwg_effect026 .media img {
  display: block;
  max-width: 300px;
  height: auto;
}

/* zabrani selekciju teksta/slika i “plavljenje” */ .mwg_effect026, .mwg_effect026 * { user-select: none; } /* makni plavi tap-highlight na mobitelu */ .mwg_effect026 a { -webkit-tap-highlight-color: transparent; } /* spriječi povlačenje slika */ .mwg_effect026 img { -webkit-user-drag: none; user-drag: none; pointer-events: auto; /* važno: linkovi ostaju klikabilni */ }

/* === MOBITEL: do 768px === */
@media (max-width: 768px) {
  .mwg_effect026 .content {
    gap: 6vw;
    padding: 3vw;
  }

  .mwg_effect026 .media img {
    max-width: 288px; /* povećano još 20% (240px → 288px) */
  }
}

/* === VRLO MALI MOBITEL: do 480px === */
@media (max-width: 480px) {
  .mwg_effect026 .content {
    gap: 4vw;
    padding: 2vw;
  }

  .mwg_effect026 .media img {
    max-width: 216px; /* povećano još 20% (180px → 216px) */
  }
}/* End custom CSS */