/* Test-homepage phone layout. Keep the approved desktop split panels. */
@media (max-width: 620px) {
  #homeAdventures {
    scroll-margin-top: max(1rem, env(safe-area-inset-top, 0px));
    padding: 2rem 1rem 3rem;
  }
  #homeAdventures .home-section-heading { margin-bottom: 1.25rem; }
  #homeAdventures .home-adventure-grid { gap: 1rem; }
  #homeAdventures .home-adventure,
  #homeAdventures .home-adventure-christmas { grid-template-rows: auto auto; }
  #homeAdventures .home-card-art,
  #homeAdventures .home-adventure-christmas .home-card-art {
    height: auto; aspect-ratio: 3 / 2;
  }
  /* Each clipped window shows its half of the approved panorama. */
  #homeAdventures .home-card-art .home-card-scene,
  #homeAdventures .home-adventure-christmas .home-card-art .home-card-scene {
    width: 200%; min-width: 200%; height: 100%; object-fit: cover;
    object-position: center; transform: none;
  }
  #homeAdventures .home-adventure:hover .home-card-art .home-card-scene { transform: none; }
  #homeAdventures .home-card-copy,
  #homeAdventures .home-adventure-christmas .home-card-copy {
    min-height: 0; padding: 1.125rem 1.25rem 1.25rem;
  }
  #homeAdventures .home-card-label,
  #homeAdventures .home-adventure-christmas .home-card-label { margin-bottom: .4rem; }
  #homeAdventures .home-card-copy strong { margin-bottom: .4rem; font-size: clamp(1.55rem, 6.5vw, 2rem); }
  #homeAdventures .home-card-description { margin-bottom: .6rem; line-height: 1.4; }
  #homeAdventures .home-card-action,
  #homeAdventures .home-adventure-christmas .home-card-action {
    display: block; width: 100%; margin: 0; padding: 0;
  }
  #homeAdventures .home-card-action-first,
  #homeAdventures .home-card-action-last { display: inline; }
  #homeAdventures .home-card-action-first::after { content: " "; }
  #homeAdventures .home-adventure-christmas .home-card-action-last::before { content: none; }
  #homeAdventures .home-adventure-christmas .home-card-action-last::after {
    content: "→"; display: inline-block; margin-left: .5em;
  }
}

@media (max-width: 620px) {
  .magico-nav.magico-nav {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: .25rem .75rem !important;
    padding: .5rem .875rem .25rem !important;
  }
  .magico-nav .magico-nav-logo { width: 100% !important; }
  .magico-nav .magico-nav-logo img { height: 52px !important; }
  .magico-nav .magico-profile {
    grid-column: 2; grid-row: 1; min-height: 44px; min-width: 0;
  }
  .magico-nav .magico-profile img {
    width: min(100%, 158px) !important; max-width: none !important;
    height: auto !important; max-height: 48px !important; object-fit: contain !important;
  }
  .magico-nav .magico-nav-links {
    grid-column: 1 / -1; grid-row: 2;
    display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: stretch !important; gap: 0 !important;
    border-top: 1px solid rgba(236, 206, 132, .22);
  }
  .magico-nav .magico-nav-link {
    min-width: 0; min-height: 44px !important; justify-content: center;
    padding: 0 .25rem !important; gap: 0 !important;
  }
  .magico-nav .magico-nav-link img {
    height: 35px !important; max-width: 100% !important;
  }
  .magico-nav .magico-profile-menu { right: .875rem; top: 3.75rem; }
}