/* Главная Алтай-Гида: мобильная навигация и компактный первый экран. */
.mobile-site-nav { display: none; }
@media (max-width: 920px) {
  .mobile-site-nav { display: block; margin-left: auto; }
  .mobile-site-nav summary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 76px;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid rgba(222,221,211,.55);
    color: var(--paper);
    font: 700 15px/1.2 var(--din);
    list-style: none;
    cursor: pointer;
  }
  .mobile-site-nav summary::-webkit-details-marker { display: none; }
  .top.stuck .mobile-site-nav summary {
    color: var(--ink);
    border-color: rgba(122,88,50,.4);
  }
  .mobile-site-nav nav {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 61;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 0 18px;
    max-height: calc(100svh - 60px);
    overflow-y: auto;
    padding: 11px 24px 18px;
    background: #DEDDD3;
    box-shadow: 0 14px 30px rgba(15,20,19,.2);
  }
  .mobile-site-nav nav a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 8px 2px;
    border-bottom: 1px solid rgba(122,88,50,.28);
    color: var(--ink);
    font: 700 15px/1.3 var(--sans);
    text-decoration: none;
  }
  .mobile-site-nav nav a:last-child { grid-column: 1 / -1; }
}
@media (max-width: 760px) {
  .hero { min-height: max(620px,75svh); align-items: center; }
  .hero-in { padding-bottom: 30px; }
  .hero h1 { font-size: clamp(42px,11vw,67px); }
  .hero .lead { font-size: 17px; line-height: 1.5; margin-bottom: 20px; }
  .hero .legend { display: none; }
  .hero .quick a { display: inline-flex; align-items: center; min-height: 44px; }
}