.test_container {
  display: flex;
  min-height: 100vh;
}

.test_container .left-column {
  width: 200px;
  background-color: #f0f0f0;
  padding: 20px;
}

.test_container .right-column {
  flex: 1;
  padding: 0;
}


.test_container .right-column iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.pin.pin_person {
  transition: none;
  transform-origin: center center;
  background: url("../images/map/map_person.png") no-repeat center center;
  width: 100px;
  height: 100px;
  border: none;
  box-shadow: none;
  background-size: contain;
  border-radius: unset;
  transition: transform 0.3s ease;
  display: block;
  z-index: 10;
  pointer-events: none
}

/*.pin.pin_person::after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 37px solid rgba(255, 0, 0, 0.7);
  bottom: -28px;
  left: 50%;
  transform-origin: center bottom;
  transform: translateX(-50%);
  pointer-events: none;
}*/

.window_view_btn{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.ui_filter.window_view_btn .view-button {
  width: auto;
  margin-bottom:20px;
}

/*
.pnlm-render-container canvas{
  filter: brightness(1.2) contrast(1.1);
}*/

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
  /* Пины основной панорамы: касания доходят до div-hotspot (обработчик в Pannellum на нём) */
  #panorama .pnlm-hotspot-base .btn.circle,
  #panorama .custom-hotspot .btn.circle {
    pointer-events: none;
  }
  #panorama .pnlm-hotspot-base,
  #panorama .custom-hotspot {
    pointer-events: auto !important;
    touch-action: manipulation;
    cursor: pointer;
    /* Минимальная зона нажатия 44px для удобства на touch-устройствах */
    min-width: 44px;
    min-height: 44px;
    z-index: 10;
  }

  /* Основное меню (страницы) */
  .ui_menu.pages {
    bottom: var(--ui-edge);
    left: var(--ui-edge);
    width: var(--ui-menu-width);
    max-width: calc(100vw - var(--ui-edge) * 2);
  }
  .ui_menu.pages .dropdown-toggle .btn,
  .ui_menu.pages .dropdown .btn {
    padding: calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    min-height: var(--ui-menu-btn-min-height);
    border-radius: 36px;
  }
  .ui_menu.pages .icon {
    width: var(--ui-menu-icon);
    height: var(--ui-menu-icon);
    min-width: var(--ui-menu-icon);
    min-height: var(--ui-menu-icon);
    margin: 0 calc(6px * var(--ui-scale)) 0 calc(2px * var(--ui-scale));
    border-radius: 8px;
  }
  .ui_menu.pages .icon i {
    width: var(--ui-menu-icon-inner);
    height: var(--ui-menu-icon-inner);
  }
  .ui_menu.pages .icon_arrow {
    width: calc(10px * var(--ui-scale));
    height: calc(10px * var(--ui-scale));
    margin-right: calc(6px * var(--ui-scale));
  }
  .ui .ui_menu.pages .btn span {
    font-size: var(--ui-font-sm);
  }
  /* Меню категорий (инфраструктура) */
  .ui_menu.categories {
    left: var(--ui-edge);
    bottom: calc(var(--ui-edge) * 2 + var(--ui-menu-btn-min-height));
    width: var(--ui-menu-width);
    max-width: calc(100vw - var(--ui-edge) * 2);
  }
  .ui_menu.categories .dropdown-toggle .btn,
  .ui_menu.categories .dropdown .btn {
    padding: calc(6px * var(--ui-scale)) calc(8px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    min-height: var(--ui-menu-btn-min-height);
  }
  .ui_menu.categories .icon {
    width: var(--ui-menu-icon);
    height: var(--ui-menu-icon);
    margin: 0 calc(6px * var(--ui-scale)) 0 calc(2px * var(--ui-scale));
  }
  .ui_menu.categories .icon i {
    width: var(--ui-menu-icon-inner);
    height: var(--ui-menu-icon-inner);
  }
  /* Кнопка «Назад» в блоке вид из окна */
  .ui_apart_mini_info .btn_back {
    padding: 0 calc(12px * var(--ui-scale));
    height: calc(32px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    margin-left: calc(10px * var(--ui-scale));
  }
  /* Миникарта: размеры кнопки — через --ui-round-btn */
  .btn.circle.ui_map__open .icon,
  .btn.circle.ui_map__open .icon i {
    width: var(--ui-round-btn-icon);
    height: var(--ui-round-btn-icon);
  }

  .pnlm-orientation-button{
    margin-top: var(--ui-edge);
    margin-left: var(--ui-edge);
  }

  /* Zoom-меню круговой панорамы */
  .house-viewer-zoom-controls {
    right: calc(var(--ui-edge) / 3);
    gap: calc(4px * var(--ui-scale));
  }
  #house-viewer-zoom-out,
  #house-viewer-zoom-in,
  #house-viewer-zoom-reset {
    min-width: var(--ui-zoom-btn-min);
    min-height: var(--ui-zoom-btn-min);
    padding: 0 calc(10px * var(--ui-scale));
    font-size: var(--ui-zoom-btn-font);
    border-radius: 40px;
  }
  #house-viewer-zoom-reset {
    font-size: var(--ui-font-sm);
    padding: 0 calc(8px * var(--ui-scale));
  }

  /* Список «вид из окон» */
  .ui_apart_mini_info,
  .ui.simple_window_view .ui_apart_mini_info{
    left: var(--ui-edge);
    right: auto;
    bottom: var(--ui-edge);
    padding: calc(8px * var(--ui-scale)) calc(12px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    flex-wrap: wrap;
    gap: calc(6px * var(--ui-scale));
    border-radius: 8px;
    max-width: calc(100vw - var(--ui-edge) * 2);
  }
  .ui_apart_mini_info window_view_label,
  .ui_apart_mini_info .window_view_label {
    margin-right: calc(6px * var(--ui-scale));
    font-size: var(--ui-font-sm);
  }
  .ui_apart_mini_info .windows_list {
    flex-wrap: wrap;
    gap: calc(4px * var(--ui-scale));
  }
  .ui_apart_mini_info .window_item,
  .ui_windows_views .window_item {
    width: calc(30px * var(--ui-scale));
    height: calc(30px * var(--ui-scale));
    min-width: calc(30px * var(--ui-scale));
    min-height: calc(30px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    margin-left0: 0;
  }
  .ui_windows_views {
    left: var(--ui-edge);
    width: auto;
    padding: calc(6px * var(--ui-scale)) calc(10px * var(--ui-scale));
    border-radius: 8px;
  }
  .ui_apart_mini_info .windows_list,
  .ui_windows_views .windows_list,
  .windows_list {
    flex-wrap: wrap;
    gap: calc(4px * var(--ui-scale));
  }
}

/* Планшеты: панель «вид из окон» */
@media (max-width: 1024px) and (min-width: 769px) {
  .ui_apart_mini_info {
    left: var(--ui-edge);
    bottom: var(--ui-edge);
    padding: calc(12px * var(--ui-scale)) calc(16px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    border-radius: 8px;
  }
  .ui_apart_mini_info .window_view_label {
    font-size: var(--ui-font-sm);
    margin-right: calc(8px * var(--ui-scale));
  }
  .ui_apart_mini_info .window_item,
  .ui_windows_views .window_item {
    width: calc(34px * var(--ui-scale));
    height: calc(34px * var(--ui-scale));
    font-size: var(--ui-font-sm);
  }
  .ui_apart_mini_info .btn_back {
    height: calc(34px * var(--ui-scale));
    padding: 0 calc(14px * var(--ui-scale));
    font-size: var(--ui-font-sm);
    margin-left: calc(12px * var(--ui-scale));
  }
  .ui_windows_views {
    left: var(--ui-edge);
    padding: calc(10px * var(--ui-scale)) calc(12px * var(--ui-scale));
  }
}