.elementor-41 .elementor-element.elementor-element-2461a5c{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-41 .elementor-element.elementor-element-765ef54{--grid-columns:3;--load-more-button-align:center;}:root{--page-title-display:none;}body.elementor-page-41{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-41 .elementor-element.elementor-element-765ef54{--grid-columns:2;}}@media(max-width:767px){.elementor-41 .elementor-element.elementor-element-765ef54{--grid-columns:1;}}/* Start custom CSS for html, class: .elementor-element-168c476 */.rgm-prod-hero {
      --rgm-photo: url('https://rgm.mostarski.ba/wp-content/uploads/2026/07/radio-tast.webp');
      --rgm-surface: rgba(10, 14, 24, .55);
      --rgm-border: rgba(255, 255, 255, .12);
      --rgm-text: #f4f7fb;
      --rgm-muted: rgba(244, 247, 251, .72);
      --rgm-cyan: #4ec3e7;
      --rgm-green: #54b84c;
      position: relative;
      font-family: 'Space Grotesk', system-ui, sans-serif;
      color: var(--rgm-text);
      text-align: center;
      padding: clamp(24px, 4vh, 48px) clamp(20px, 4vw, 56px) clamp(20px, 3vh, 36px);
      box-sizing: border-box;
      isolation: isolate;
      overflow: hidden;
    }

    .rgm-prod-hero::before {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -2;
      background: var(--rgm-photo) center/cover no-repeat;
    }

    .rgm-prod-hero::after {
      content: "";
      position: fixed;
      inset: 0;
      z-index: -1;
      background:
        radial-gradient(1100px 560px at 50% -8%, rgba(84, 184, 76, .08), transparent 60%),
        linear-gradient(180deg, rgba(5, 8, 15, .84) 0%, rgba(5, 8, 15, .74) 45%, rgba(5, 8, 15, .9) 100%);
    }

    .rgm-prod-hero *,
    .rgm-prod-hero *::before,
    .rgm-prod-hero *::after {
      box-sizing: inherit;
      margin: 0;
      padding: 0
    }

    /* ─── Logo navigacija (4 kućice) ────────────────────────────── */
    .rgm-nav {
      display: flex;
      justify-content: center;
      gap: clamp(14px, 2vw, 26px);
      margin-bottom: clamp(20px, 3.5vh, 36px);
    }

    .rgm-nav a {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 8px;
      text-decoration: none;
      color: var(--rgm-text);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .14em;
      text-transform: uppercase;
      transition: transform .3s cubic-bezier(.2, .7, .3, 1), opacity .3s ease;
      opacity: .85;
    }

    .rgm-nav a:hover,
    .rgm-nav a:focus-visible {
      transform: translateY(-4px);
      opacity: 1;
    }

    .rgm-nav img {
      width: clamp(56px, 6vh, 72px);
      aspect-ratio: 1/1;
      object-fit: cover;
      border-radius: 12px;
      border: 2px solid transparent;
      box-shadow: 0 8px 26px -10px rgba(0, 0, 0, .6);
    }

    .rgm-nav a[aria-current="page"] {
      opacity: 1
    }

    .rgm-nav a[aria-current="page"] img {
      border-color: var(--rgm-green); /* zelena — boja Produkcije */
      box-shadow: 0 0 0 3px rgba(84, 184, 76, .25), 0 8px 26px -10px rgba(0, 0, 0, .6);
    }

    /* ─── Naslov ────────────────────────────────────────────────── */
    .rgm-title {
      font-size: clamp(30px, 4.6vw, 54px);
      font-weight: 700;
      line-height: 1.08;
      letter-spacing: -.015em;
      text-shadow: 0 4px 30px rgba(0, 0, 0, .55);
    }

    .rgm-sub {
      margin-top: 10px;
      font-size: clamp(15px, 1.7vw, 18px);
      color: var(--rgm-muted);
      letter-spacing: .04em;
      text-shadow: 0 2px 14px rgba(0, 0, 0, .6);
    }

    .rgm-sub a {
      color: var(--rgm-green);
      font-weight: 600;
      text-decoration: none;
    }

    .rgm-sub a:hover {
      text-decoration: underline
    }

    @media(max-width:560px) {
      .rgm-nav {
        flex-wrap: wrap
      }
    }

    @media(prefers-reduced-motion:reduce) {
      .rgm-nav a {
        transition: none
      }
    }/* End custom CSS */