/* V9 — interaction states, compact mobile explorer and simplified hero. */
.sr-header { border-bottom: 0; }
.sr-hero__frame,
.sr-scroll-cue { display: none !important; }

.sr-hero__rating {
  top: clamp(118px,14vh,158px);
  right: clamp(28px,5vw,80px);
  bottom: auto;
}

.sr-hut-map:not(.is-engaged) .sr-hut-panorama__base {
  filter: none;
  opacity: 1;
}

@media (min-width: 601px) {
  .sr-hut-profile__image { pointer-events: auto; }
}

@media (max-width: 600px) {
  .sr-hero__rating {
    top: 116px;
    right: 20px;
    width: 92px;
    height: 92px;
    padding: 12px;
  }

  .sr-hero__rating strong { font-size: 30px; }
  .sr-hero__rating span { font-size: 5px; }

  .sr-hut-explorer { padding-bottom: 52px; }

  .sr-hut-map {
    width: calc(100% - 28px);
    height: 80svh;
    min-height: 620px;
    margin: 18px 14px 36px;
  }

  .sr-hut-panorama { border-radius: 10px; }

  .sr-hut-profile__gallery {
    left: 3.5%;
    top: 3.5%;
    width: 93%;
    height: 40%;
    gap: 5px;
  }

  .sr-hut-profile__copy {
    left: 4%;
    right: 4%;
    top: 46%;
    width: auto;
    max-height: 47%;
  }

  .sr-hut-profile__cover { height: 94px; }
  .sr-hut-profile__body { padding: 12px 15px 14px; }
  .sr-hut-profile__body h3 { font-size: 35px; }
  .sr-hut-profile__body .sr-kicker { margin-bottom: 4px; }
  .sr-hut-profile__facts { margin: 6px 0; padding: 6px 0; }
  .sr-hut-profile__facts strong { font-size: 16px; }
  .sr-hut-profile__facts span { font-size: 6px; }
  .sr-hut-profile__body > p:not(.sr-kicker) { display: none; }
  .sr-hut-profile__body ul { margin-bottom: 8px; gap: 4px 8px; }
  .sr-hut-profile__body li { font-size: 6px; }
  .sr-hut-profile__body .sr-button { min-height: 38px; }

  .sr-hut-switcher { bottom: .8%; }
}