.main-navbar {
  z-index: 9999;
  position: sticky;
  top: 0px;
}

   /* === TRANSFORM pristup - jači od margin === */
  @media (max-width: 767px) {

    /* Featured area na nulu */
    .featured_area,
    .featured-area {
      padding: 0 !important;
      margin: 0 !important;
      transform: translateY(0) !important;
    }

    /* Slider - pomera se GORE sa transform */
    #slider {
      transform: translateY(-20px) !important; /* Umesto margin-top */
      width: 100vw !important;
      max-width: 100vw !important;
      position: relative;
      left: 50%;
      right: 50%;
      margin-left: -50vw !important;
      margin-right: -50vw !important;
      margin-bottom: 20px !important;
      padding: 0 !important;
    }

    /* Navigacija */
    .main-navbar,
    .site-header {
      margin-bottom: 0 !important;
      padding-bottom: 0 !important;
    }

    /* Inner elementi */
    #slider *,
    #slider .container,
    #slider .container-fluid {
      margin-left: 0 !important;
      margin-right: 0 !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    #slider img,
    #slider .slides,
    #slider .slides li {
      width: 100% !important;
    }
  }
  

  /* === TACKICE INDIKATORI - ISPOD SLIDERA === */
  @media (max-width: 767px) {
    /* Slider - mora biti relative i overflow visible */
    #slider {
      position: relative !important;
      overflow: visible !important;
    }

    /* Kontejner tackica - absolute positioning van slidera */
    #slider-dots {
      position: absolute !important;
      top: 100% !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      text-align: center !important;
      z-index: 100 !important;
      display: flex !important;
      justify-content: center !important;
      gap: 8px !important;
      padding: 8px 0 !important;
      margin: 0 !important;
      background: transparent !important;
    }

    /* Tackice - neaktivne (transparentne, bez bordera) */
    #slider-dots span {
      display: inline-block !important;
      width: 8px !important;
      height: 8px !important;
      background: rgba(70, 79, 217, 0.3) !important;
      border-radius: 50% !important;
      transition: background 0.3s !important;
      border: none !important;
    }

    /* Aktivna tackica - samo puna boja */
    #slider-dots span.active {
      background: rgba(70, 79, 217, 1) !important;
    }
  }

  /* === STICKY NAVBAR - JavaScript rešenje === */
  .main-navbar.stuck {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    width: 100% !important;
  }

  /* Placeholder da spreči "skok" kada navbar postane fixed */
  .main-navbar-placeholder {
    display: none;
  }

  .main-navbar-placeholder.active {
    display: block;
  }

/* === CAT-LINKS PILLS u slideru - OVERRIDE === */
  #slider.slide-blue .slides li .slide-header .cat-links a {
      font-size: 10px !important;
      padding: 3px 8px !important;
      border-radius: 50px !important;
      background-color: #464fd9 !important;
      color: #ffffff !important;
      font-weight: 600 !important;
      letter-spacing: 0.8px !important;
      text-decoration: none !important;
  }

  #slider.slide-blue .slides li .slide-header .cat-links a:hover {
      background-color: #373FB2 !important;
      color: #ffffff !important;
  }