:root {

      --nav-bg: #7d0000;
      --nav-hover: #9f0000;
      --nav-text: #ffffff;
      --nav-dropdown: #5d0000;
      --nav-shadow: 0 10px 25px rgba(0, 0, 0, .15);
      --nav-bg1:#575756;
    }
     .cecyd-navbar {

      width: 100%;
      background: var(--nav-bg1);
      position: sticky;
      top: 0;
      z-index: 999;
      box-shadow: var(--nav-shadow);

    }

    .cecyd-navbar-container {

      max-width: 1400px;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 20px;
      min-height: 75px;

    }
    

    /* =========================
    LOGO
    ========================= */

    .cecyd-navbar-logo {

      display: flex;
      align-items: center;
      gap: 12px;
      text-decoration: none;
      color: #fff;
      font-size: 1.1rem;
      font-weight: 800;

    }

    .cecyd-navbar-logo img {

      width: 45px;
      height: 45px;
      object-fit: contain;
        border-radius: 50%;
    }

    /* =========================
    MENU DESKTOP
    ========================= */

    .cecyd-navbar-menu {

      display: flex;
      align-items: center;
      gap: 4px;

    }

    .cecyd-nav-item {

      position: relative;

    }

    .cecyd-nav-link {

      height: 75px;
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 0 18px;
      color: var(--nav-text);
      text-decoration: none;
      font-size: 14px;
      font-weight: 700;
      cursor: pointer;
      transition: .3s;
      white-space: nowrap;

    }

    .cecyd-nav-link:hover {

      background: rgba(255, 255, 255, .08);

    }
    .search-result-empty {
    padding: 1rem;
    text-align: center;
    color: var(--text-muted);
    font-size: 0.9rem;
}.search-result {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 0.5rem;
    background: var(--bg-dark);
    border: 1px solid var(--glass-border);
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    transition: opacity 0.3s ease, transform 0.3s ease;
    opacity: 1;
    transform: translateY(0);
    overflow: hidden;
}

.search-result.hidden {
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
}

.search-result-link {
    display: block;
    width: 100%;
    height: auto;
    text-decoration: none;
    overflow: hidden;
}

.search-result-full-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.search-result-link:hover .search-result-full-img {
    transform: scale(1.05);
}

.search-result-empty {
    padding: 1rem;
    text-align: center;
    font-size: 1.2rem !important;
    color: var(--nav-dropdown);
    font-size: 0.9rem;
    background: #fff;
}


    /* =========================
    DROPDOWN
    ========================= */

    .cecyd-dropdown {

      position: absolute;
      top: 100%;
      left: 0;
      min-width: 320px;
      background: var(--nav-dropdown);
      display: none;
      flex-direction: column;
      border-radius: 0 0 14px 14px;
      overflow: hidden;
      box-shadow: var(--nav-shadow);

    }

    .cecyd-nav-item:hover .cecyd-dropdown {

      display: flex;

    }

    .cecyd-dropdown a {

      padding: 16px 20px;
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid rgba(255, 255, 255, .08);
      transition: .3s;

    }

    .cecyd-dropdown a:hover {

      background: rgba(255, 255, 255, .08);

    }

    /* =========================
    SEARCH
    ========================= */

    .cecyd-navbar-search {

      margin-left: 20px;
      position: relative;

    }

    .cecyd-navbar-search input {

      width: 260px;
      padding: 12px 18px;
      border-radius: 50px;
      border: none;
      outline: none;
      font-size: 14px;

    }

    /* =========================
    MOBILE BUTTON
    ========================= */

    .cecyd-mobile-btn {

      display: none;
      color: #fff;
      font-size: 2rem;
      cursor: pointer;

    }

    /* =========================
    MOBILE MENU
    ========================= */

    .cecyd-mobile-menu {

      display: none;
      flex-direction: column;
      background: var(--nav-bg);
      padding: 20px;

    }

    .cecyd-mobile-menu.cecyd-active {

      display: flex;

    }

    .cecyd-mobile-menu a {

      color: #fff;
      text-decoration: none;
      padding: 14px 0;
      border-bottom: 1px solid rgba(255, 255, 255, .08);

    }

    .cecyd-mobile-sub {

      padding-left: 20px !important;
      opacity: .9;

    }

    /* =========================
    DEMO
    ========================= */

    .cecyd-demo {

      max-width: 1200px;
      margin: 50px auto;
      background: white;
      border-radius: 20px;
      padding: 40px;
      box-shadow: 0 10px 30px rgba(0,0,0,.08);

    }

    .cecyd-demo h1 {

      color: #7d0000;
      margin-bottom: 20px;

    }

    .cecyd-demo p {

      line-height: 1.8;
      color: #555;

    }

    /* =========================
    RESPONSIVE
    ========================= */

    @media(max-width:1100px) {

      .cecyd-navbar-menu,
      .cecyd-navbar-search {

        display: none;

      }

      .cecyd-mobile-btn {

        display: block;

      }

    }