/* Meniu mobil — animatie slide */
    #mobile-menu {
      overflow: hidden;
      max-height: calc(100vh - var(--ic-header-height, 64px) - var(--ic-header-offset, 0px));
      max-height: calc(100dvh - var(--ic-header-height, 64px) - var(--ic-header-offset, 0px));
    }
    #mobile-menu.is-open {
      overflow-y: auto;
      overscroll-behavior: contain;
      padding-bottom: env(safe-area-inset-bottom);
    }

    /* Hamburger → X */
    #mobile-menu-toggle .bar {
      display: block;
      width: 22px; height: 2px;
      background: white;
      border-radius: 2px;
      transition: transform 0.3s ease, opacity 0.3s ease;
      transform-origin: center;
    }
    #mobile-menu-toggle .bar-top    { margin-bottom: 5px; }
    #mobile-menu-toggle .bar-bottom { margin-top: 5px; }
    #mobile-menu-toggle.is-open .bar-top    { transform: translateY(7px) rotate(45deg); }
    #mobile-menu-toggle.is-open .bar-mid    { opacity: 0; transform: scaleX(0); }
    #mobile-menu-toggle.is-open .bar-bottom { transform: translateY(-7px) rotate(-45deg); }

    /* Submeniu mobil */
    .mobile-sub { display: none; }
    .mobile-sub.is-open { display: block; }

    /* Header hide-on-scroll */
    #site-header { transition: transform 0.3s ease; }
    #site-header.header-hidden { transform: translateY(-100%); }

    /* Mega meniu full-width */
    .mega-panel-wrap {
      position: absolute;
      top: 100%;
      left: 0;
      width: 100%;
      background: #1e2228;
      border-top: 1px solid rgba(255,255,255,0.06);
      box-shadow: 0 20px 50px rgba(0,0,0,0.5);
      z-index: 50;
    }
    @media (max-width: 1023px) { .mega-panel-wrap { display: none !important; } }
    .mega-panel-inner {
      max-width: 80rem;
      margin: 0 auto;
      padding: 1.25rem 2rem 1.5rem;
    }
    .mega-panel-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 1rem;
      padding-bottom: 0.6rem;
      border-bottom: 1px solid rgba(255,255,255,0.05);
    }
    .mega-panel-label {
      font-size: 0.6rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.14em;
      color: #6b7280;
    }
    .mega-panel-all {
      font-size: 0.72rem;
      color: #F0831A;
      text-decoration: none;
      transition: opacity 0.15s;
    }
    .mega-panel-all:hover { opacity: 0.75; text-decoration: underline; }
    .mega-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
      gap: 2px;
    }
    .mega-item {
      display: flex;
      align-items: center;
      gap: 0.45rem;
      padding: 0.5rem 0.75rem;
      border-radius: 0.45rem;
      font-size: 0.8125rem;
      color: #d1d5db;
      text-decoration: none;
      transition: background 0.12s, color 0.12s;
      white-space: nowrap;
    }
    .mega-item:hover { background: rgba(255,255,255,0.06); color: #fff; }
    .mega-item.is-active { color: #F0831A; }
    .mega-item svg { flex-shrink: 0; color: #F0831A; opacity: 0.6; }
    .nav-chevron { display: inline-block; margin-left: 3px; vertical-align: middle; transition: transform 0.2s ease; }

    /* Mega meniu — layout subnavigare (două coloane: categorie → subcategorii) */
    .mega-subnav-wrap { display: flex; }
    .mega-subnav-left {
      flex-shrink: 0;
      min-width: 200px;
      padding-right: 1rem;
      margin-right: 0.5rem;
      border-right: 1px solid rgba(255,255,255,0.06);
    }
    .mega-subnav-right { flex: 1; padding-left: 0.75rem; min-width: 0; }
    .mega-subnav-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 0.5rem 0.75rem;
      border-radius: 0.4rem;
      font-size: 0.875rem;
      color: #d1d5db;
      text-decoration: none;
      background: none;
      border: none;
      cursor: pointer;
      text-align: left;
      gap: 0.5rem;
      transition: background 0.12s, color 0.12s;
    }
    .mega-subnav-btn:hover { background: rgba(255,255,255,0.06); color: #fff; }
    .mega-subnav-btn.is-sel { background: rgba(255,255,255,0.09); color: #fff; }
    .mega-subnav-btn.is-active { color: #F0831A; }
    .mega-subnav-btn svg { flex-shrink: 0; opacity: 0.45; }
    .mega-subnav-overview {
      display: inline-flex;
      align-items: center;
      gap: 0.4rem;
      padding: 0.4rem 0.6rem;
      margin-bottom: 0.6rem;
      border-radius: 0.35rem;
      font-size: 0.8rem;
      font-weight: 600;
      color: #F0831A;
      text-decoration: none;
      transition: background 0.12s;
    }
    .mega-subnav-overview:hover { background: rgba(240,131,26,0.08); }

    #site-header { top: var(--ic-header-offset, 0px); }
    #mobile-menu { position: absolute; top: 100%; left: 0; right: 0; }
    #mobile-menu[hidden], .mobile-sub[hidden] { display: none !important; }
    body.iconcert-menu-open { overflow: hidden; }
    .mobile-acc-toggle { display: flex; align-items: center; justify-content: space-between; width: 100%; min-height: 44px; padding: 10px 0; text-align: left; }
    .mobile-nav-link { display: block; padding: 12px 0; min-height: 44px; }
    .mobile-sub { margin-left: 12px; padding-left: 12px; border-left: 1px solid #4b5563; }
    .desktop-nav-item { display: flex; align-items: center; }
    .desktop-sub-toggle { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; min-height: 44px; }
    #site-header a:focus-visible, #site-header button:focus-visible, #site-header select:focus-visible { outline: 2px solid #F0831A; outline-offset: 3px; }
    .mega-panel-wrap { max-height: calc(100dvh - var(--ic-header-height, 64px) - var(--ic-header-offset, 0px)); overflow-y: auto; overscroll-behavior: contain; }
    @media (max-width: 1023px) { #site-header button, #site-header > div a { min-width: 44px; min-height: 44px; } }
    @media (max-width: 1023px) {
      #site-header [data-header-theme-toggle], #iconcert-header-account-link, #iconcert-account-menu-wrap { display: none; }
      #site-header .custom-logo { max-width: min(160px, calc(100vw - 190px)); object-fit: contain; }
    }
    @media (prefers-reduced-motion: reduce) { #site-header, #site-header *, #site-header *::before, #site-header *::after { transition: none !important; animation: none !important; } }