/**
 * vka-museum.ru — адаптация под ноутбуки (100% масштаб браузера)
 * Типичный экран: 1366×768, 1440×900, 1920×1080
 */

/* ─── Ноутбук: ограниченная высота ─── */
@media (min-width: 769px) and (max-height: 950px) {
  html,
  body {
    overflow-x: hidden;
    overflow-y: auto;
  }

  .landing-page {
    height: auto;
    min-height: 100vh;
    padding: 16px 12px 24px;
  }

  .logo-left,
  .logo-right {
    height: 120px !important;
  }

  .logo-left {
    top: 4px;
    left: 4px;
  }

  .logo-right {
    bottom: 4px;
    right: 4px;
  }

  .landing-header h1 {
    font-size: 32px !important;
    letter-spacing: 2px;
  }

  .landing-header h2 {
    font-size: 16px !important;
  }

  .landing-main {
    height: auto;
    min-height: auto;
    max-width: 100%;
    grid-template-columns: 140px 1fr 140px;
    gap: 8px;
    padding: 4px 0;
  }

  .virtual-tour-title {
    font-size: 38px !important;
    letter-spacing: 2px;
    margin-bottom: 4px;
  }

  .virtual-tour-title-underline {
    bottom: -8px;
    height: 2px;
  }

  .museum-slideshow {
    width: 92%;
    max-width: 720px;
    margin: 8px auto 0;
  }

  .museum-slideshow img {
    height: 32vh !important;
    max-height: 280px !important;
  }

  .halls-left,
  .halls-right {
    margin-top: 0 !important;
    gap: 6px;
  }

  .halls-left {
    padding-left: 4px;
  }

  .halls-right {
    padding-right: 4px;
  }

  .hall-card {
    width: 130px !important;
    margin: 8px 0 !important;
  }

  .halls-left .hall-card {
    width: 120px !important;
  }

  .hall-image {
    height: 72px !important;
  }

  .halls-left .hall-image {
    height: 56px !important;
  }

  .hall-name {
    font-size: 18px !important;
  }

  .hall-description {
    font-size: 13px !important;
    margin-top: 4px;
  }

  .hall-image-container {
    margin-bottom: 8px;
    border-width: 3px;
  }

  .map-button-container {
    margin-top: -40px !important;
    margin-bottom: 4px;
  }

  .landing-footer {
    margin-top: 8px !important;
    margin-bottom: 8px;
    gap: 12px;
  }

  .room-descriptions-button,
  .map-button {
    padding: 10px 20px !important;
    font-size: 14px !important;
  }

  .rocket-container {
    transform: scale(0.65);
    transform-origin: top right;
  }
}

/* ─── Ноутбук: средняя ширина ─── */
@media (min-width: 769px) and (max-width: 1440px) {
  .landing-main {
    grid-template-columns: 150px 1fr 150px;
  }

  .virtual-tour-title {
    font-size: 42px !important;
  }

  .museum-slideshow {
    max-width: 800px;
  }

  .hall-card {
    width: 140px !important;
  }

  .halls-left .hall-card {
    width: 125px !important;
  }
}

/* ─── Широкий ноутбук / небольшой монитор ─── */
@media (min-width: 769px) and (max-width: 1600px) and (min-height: 951px) {
  .virtual-tour-title {
    font-size: 52px !important;
  }

  .landing-header h1 {
    font-size: 40px !important;
  }

  .logo-left,
  .logo-right {
    height: 160px !important;
  }

  .museum-slideshow img {
    max-height: 420px !important;
    height: 40vh !important;
  }

  .halls-left,
  .halls-right {
    margin-top: -30px !important;
  }

  .map-button-container {
    margin-top: -100px !important;
  }

  .landing-footer {
    margin-top: -20px !important;
  }
}

/* ─── Виртуальная экскурсия (страницы /tour/*) ─── */
@media (min-width: 769px) and (max-height: 950px) {
  .tour-container,
  .panorama-container,
  #pano,
  .marzipano-container {
    height: 100vh;
    height: 100dvh;
  }

  .tour-halls-bar,
  .tour-navigation,
  .hall-selector {
    transform: scale(0.9);
    transform-origin: bottom center;
  }

  .tour-hall-card {
    width: 120px !important;
    margin: 4px 3px !important;
  }

  .tour-hall-name {
    font-size: 14px !important;
  }

  .tour-hall-description {
    font-size: 11px !important;
  }

  .tour-back-button,
  .tour-button {
    padding: 8px 16px !important;
    font-size: 13px !important;
  }

  .hotspot-tooltip,
  .info-hotspot-content {
    font-size: 13px !important;
    max-width: 280px;
  }
}

/* ─── Компактный режим: очень низкая высота (768px) ─── */
@media (min-width: 769px) and (max-height: 800px) {
  .virtual-tour-title {
    font-size: 30px !important;
  }

  .museum-slideshow img {
    height: 26vh !important;
    max-height: 220px !important;
  }

  .hall-card {
    width: 110px !important;
    margin: 4px 0 !important;
  }

  .hall-image {
    height: 58px !important;
  }

  .hall-name {
    font-size: 15px !important;
  }

  .hall-description {
    font-size: 11px !important;
  }

  .logo-left,
  .logo-right {
    height: 90px !important;
  }
}