/* Shared premium desktop navigation for the Qantova site. */
@media (min-width: 1151px) {
  .cinema-nav,
  .q-site-nav {
    position: sticky;
    top: 14px;
    z-index: 200;
    width: min(1520px, calc(100% - 64px));
    min-height: 92px;
    margin: 22px auto 34px;
    padding: 10px 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 28px;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .cinema-nav::before,
  .q-site-nav::before {
    content: "";
    position: absolute;
    inset: -24px -36px;
    pointer-events: none;
    opacity: .55;
    filter: blur(18px);
    background: linear-gradient(108deg, transparent 16%, rgba(90, 242, 193, .08) 47%, rgba(242, 201, 76, .11) 67%, transparent 82%);
    transform: translateX(-42%);
    animation: qantovaNavSheen 11s ease-in-out infinite;
  }

  .cinema-brand,
  .q-site-nav__brand {
    position: relative;
    z-index: 1;
    grid-column: 1;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #f4f8fa;
    font-family: "Space Grotesk", Inter, sans-serif;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -.055em;
    text-decoration: none;
    white-space: nowrap;
  }

  .cinema-brand > span,
  .q-site-nav__brand img {
    width: 52px;
    height: 52px;
    padding: 4px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .18);
  }

  .cinema-nav nav,
  .q-site-nav__links {
    position: relative;
    z-index: 1;
    left: auto;
    transform: none;
    grid-column: 2;
    justify-self: center;
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .cinema-nav nav a,
  .q-site-nav__links a {
    position: relative;
    padding: 12px 13px;
    border-radius: 10px;
    color: #8fa8b8;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -.012em;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition: color .2s ease, background .2s ease, transform .2s ease;
  }

  .cinema-nav nav a::after,
  .q-site-nav__links a::after {
    content: "";
    position: absolute;
    right: 13px;
    bottom: 6px;
    left: 13px;
    height: 2px;
    border-radius: 99px;
    background: linear-gradient(90deg, #59eec0, #f2c94c);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .2s ease;
  }

  .cinema-nav nav a:hover,
  .q-site-nav__links a:hover,
  .q-site-nav__links a[aria-current="page"] {
    color: #f5fafb;
    background: linear-gradient(135deg, rgba(90, 242, 193, .09), rgba(242, 201, 76, .075));
    transform: translateY(-1px);
  }

  .cinema-nav nav a:hover::after,
  .q-site-nav__links a:hover::after,
  .q-site-nav__links a[aria-current="page"]::after {
    transform: scaleX(1);
  }

  .cinema-nav-right,
  .q-site-nav__cta {
    position: relative;
    z-index: 1;
    grid-column: 3;
    justify-self: end;
  }

  .cinema-buy,
  .q-site-nav__cta {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    gap: 17px;
    padding: 0 22px;
    border: 1px solid rgba(255, 231, 144, .75);
    border-radius: 15px;
    background: linear-gradient(135deg, #ffe17a, #f3c548 60%, #dca52e);
    box-shadow: 0 12px 29px rgba(242, 201, 76, .17), inset 0 1px 0 rgba(255, 255, 255, .35);
    color: #07131b;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: -.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
  }

  .cinema-buy span,
  .q-site-nav__cta span {
    margin: 0;
    font-size: 17px;
  }

  .cinema-buy:hover,
  .q-site-nav__cta:hover {
    filter: brightness(1.06);
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(242, 201, 76, .27), inset 0 1px 0 rgba(255, 255, 255, .4);
  }
}

@keyframes qantovaNavSheen {
  0%, 100% { transform: translateX(-42%); }
  50% { transform: translateX(42%); }
}

@media (prefers-reduced-motion: reduce) {
  .cinema-nav::before,
  .q-site-nav::before { animation: none; }
}