/* FlyHigh — PC va noutbuk ekranlariga moslashuv */
@media (min-width: 701px) {
  #site {
    --pc-u: min(calc(100vw / 1920), calc(100svh / 950));

    width: 100%;
    height: 100svh;
    min-height: 0;
    grid-template-rows: auto minmax(0, 1fr);
  }

  /* Yuqori panel */
  #site .header {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: calc(24 * var(--pc-u));
    padding: calc(28 * var(--pc-u)) calc(58 * var(--pc-u));
    min-width: 0;
  }

  #site .brand-row {
    gap: calc(13 * var(--pc-u));
  }

  #site .brand-logo {
    width: calc(74 * var(--pc-u));
    height: calc(49 * var(--pc-u));
  }

  #site .brand-divider {
    height: calc(31 * var(--pc-u));
  }

  #site .brand-name {
    font-size: calc(31 * var(--pc-u));
  }

  #site .brand-slogan {
    font-size: calc(15 * var(--pc-u));
    margin-top: calc(8 * var(--pc-u));
    letter-spacing: calc(1.3 * var(--pc-u));
  }

  /* Menyu bir qatorda qoladi */
  #site .navigation {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
    flex-wrap: nowrap;
    width: max-content;
    max-width: none;
    gap: calc(3 * var(--pc-u));
    padding: calc(7 * var(--pc-u));
    border-radius: 999px;
  }

  #site .nav-item {
    font-size: calc(20 * var(--pc-u));
    padding: calc(11 * var(--pc-u)) calc(17 * var(--pc-u));
    white-space: nowrap;
  }

  #site .header-actions {
    grid-column: 3;
    grid-row: 1;
    flex-wrap: nowrap;
    gap: calc(10 * var(--pc-u));
  }

  #site .language-toggle,
  #site .login,
  #site .register {
    min-height: calc(46 * var(--pc-u));
    padding: calc(11 * var(--pc-u)) calc(18 * var(--pc-u));
    gap: calc(8 * var(--pc-u));
    font-size: calc(19 * var(--pc-u));
    white-space: nowrap;
  }

  #site .header-actions .icon {
    width: calc(20 * var(--pc-u));
    height: calc(20 * var(--pc-u));
  }

  #site .language-flag {
    width: calc(25 * var(--pc-u));
    height: calc(18 * var(--pc-u));
  }

  /* Asosiy sahna */
  #site .hero {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
    height: 100%;
    gap: calc(58 * var(--pc-u));
    padding:
      calc(24 * var(--pc-u))
      calc(96 * var(--pc-u))
      calc(140 * var(--pc-u));
    align-items: center;
    text-align: left;
  }

  #site .hero-copy {
    min-width: 0;
  }

  #site .hero-intro {
    font-size: calc(66 * var(--pc-u));
    margin: 0 0 calc(15 * var(--pc-u));
  }

  #site .hero-description {
    font-size: calc(58 * var(--pc-u));
    max-width: calc(680 * var(--pc-u));
    margin: calc(25 * var(--pc-u)) 0 0;
  }

  #site .hero h1 {
    font-size: calc(106 * var(--pc-u));
  }

  #site .hero[data-subject="huquq"] h1 {
    font-size: calc(82 * var(--pc-u));
  }

  #site .hero[data-subject="boshlangich"] h1 {
    font-size: calc(76 * var(--pc-u));
  }

  #site .hero[data-subject="prezident"] h1 {
    font-size: calc(72 * var(--pc-u));
  }

  #site .title-stage {
    padding: calc(12 * var(--pc-u)) 0;
    margin-inline: 0;
  }

  #site .hero[data-subject="boshlangich"] .title-stage,
  #site .hero[data-subject="prezident"] .title-stage {
    padding:
      calc(24 * var(--pc-u))
      calc(22 * var(--pc-u)) !important;
  }

  /* Fanlar almashganda matnlar joyi siljimaydi */
  #site .layout-locked > .hero-intro,
  #site .layout-locked > .hero-description,
  #site .layout-locked > .start-button,
  #site .layout-locked > .title-stage {
    margin: 0;
  }

  /* Obyektlar */
  #site .hero-art {
    height: calc(608 * var(--pc-u));
    min-height: 0;
    min-width: 0;
  }

  #site .subject-object {
    height: 100%;
    max-height: none;
    max-width: calc(650 * var(--pc-u));
    object-fit: contain;
  }

  #site .hero[data-subject="musiqa"] .subject-object,
  #site .hero[data-subject="huquq"] .subject-object,
  #site .hero[data-subject="geografiya"] .subject-object,
  #site .hero[data-subject="prezident"] .subject-object {
    height: calc(608 * var(--pc-u)) !important;
  }

  /* Bepul boshlash */
  #site .start-button {
    font-size: calc(23 * var(--pc-u));
    gap: calc(24 * var(--pc-u));
    margin-top: calc(48 * var(--pc-u));
    padding:
      calc(10 * var(--pc-u))
      calc(10 * var(--pc-u))
      calc(10 * var(--pc-u))
      calc(27 * var(--pc-u));
  }

  #site .start-arrow {
    width: calc(41 * var(--pc-u));
    height: calc(41 * var(--pc-u));
  }

  #site .start-arrow .icon {
    width: calc(23 * var(--pc-u));
    height: calc(23 * var(--pc-u));
  }

  /* Pastki to‘lqin va Telegram */
  #site .bottom-wave {
    height: calc(215 * var(--pc-u));
  }

  #site .telegram-link {
    right: calc(58 * var(--pc-u));
    bottom: calc(34 * var(--pc-u));
    width: calc(54 * var(--pc-u));
    height: calc(54 * var(--pc-u));
  }

  #site .telegram-link svg {
    width: calc(25 * var(--pc-u));
    height: calc(25 * var(--pc-u));
  }
}