/* Palm mobile — Atlas densify trees 2026-09-14 v2 */
@media (max-width: 860px) {
  a.skip-link {
    min-height: 44px !important;
    padding: 0.7rem 1rem !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  header.site-header a.lockup {
    min-height: 44px !important;
    padding-block: 0.4rem !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  header.site-header nav a,
  header.site-header a:not(.lockup) {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0.55rem 0.65rem !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  /* flyer door links — were ~16px despite min-height on inline anchors */
  ul.doors a,
  section.flyer a,
  aside#interest a,
  main a {
    min-height: 44px !important;
    padding: 0.55rem 0.5rem !important;
    display: inline-flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  footer a,
  .site-footer a {
    min-height: 44px !important;
    padding: 0.5rem 0.4rem !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  #taba-cookie-banner a,
  #cookie-consent-banner a {
    min-height: 44px !important;
    padding: 0.45rem 0.35rem !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  button,
  [role="button"],
  .btn {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}

/* Palm soft-lean plot-from-live 2026-09-15 — short nav + suite-card min-width; rail overflow */
@media (max-width: 860px) {
  html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .nav-desktop a,
  .nav-desktop summary,
  .nav-drop__menu a,
  .nav-mobile > summary,
  header.site-header > .header-bar > details.nav-mobile > summary {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0.55rem 0.65rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .nav-mobile__sheet a,
  .nav-mobile__sheet summary,
  .nav-mobile__sheet .nav-mobile__group {
    min-height: 44px !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 0.2rem 0.55rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }
  a.suite-card,
  .suite-card,
  main a.suite-card,
  .suite-rail a,
  .shop-rail a,
  .magnet-door a,
  .magnet-door__grid a,
  .shop-door a,
  main a {
    min-height: 44px !important;
    min-width: 44px !important;
    box-sizing: border-box !important;
  }
  a.suite-card,
  .suite-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  .suite-rail,
  .shop-rail,
  ul.suite,
  .magnet-door__grid,
  .family-grid,
  .shop-door {
    max-width: 100% !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }
  img, svg, video {
    max-width: 100% !important;
    height: auto !important;
  }
}

/* Palm soft-lean plot-from-live 2026-09-15 v8 — footer-nav short labels + bed rail overflow */
@media (max-width: 860px) {
  footer a,
  .site-footer a,
  nav.footer-nav a,
  .footer-nav a,
  .footer-inner a,
  .legal-assoc a,
  .legal-mail a,
  .inline-links a {
    min-height: 44px !important;
    min-width: 44px !important;
    padding: 0.5rem 0.55rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
  }
  .footer-nav,
  nav.footer-nav,
  .footer-inner,
  .inline-links {
    flex-wrap: wrap !important;
    max-width: 100% !important;
  }
  /* bed suite rail was ~43–72px over */
  .suite,
  ul.suite,
  .suite-rail,
  .shop-rail,
  .magnet-door,
  .magnet-door__grid,
  .panel,
  .panel__media,
  .hero,
  .hero__overlay,
  .slot-photo,
  .band-souvenir,
  .wrist-ruler {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .suite-card img,
  .slot-photo img,
  .panel__media img,
  .hero__media img,
  .hero img:not(.slot-photo--mascot) {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
  }
  .hero__mascot img,
  .hero img.slot-photo--mascot {
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: contain !important;
  }
}

/* Palm soft-lean plot-from-live 2026-09-15 v9 — bed lockup width shoved Menu past 390 */
@media (max-width: 860px) {
  header.site-header {
    gap: 0.45rem !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  header.site-header > a.lockup,
  header.site-header .header-bar > a.lockup {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    max-width: calc(100% - 9.25rem) !important;
    overflow: hidden !important;
  }
  header.site-header .lockup__text {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  header.site-header .lockup__text-primary,
  header.site-header .lockup__text-secondary {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  details.nav-mobile {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
  details.nav-mobile > summary {
    min-width: 44px !important;
    max-width: 5.25rem !important;
    padding-inline: 0.55rem !important;
    box-sizing: border-box !important;
  }
  .nav-mobile__sheet {
    left: 0 !important;
    right: 0 !important;
    top: 100% !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
  }
}

/* Palm AUDIT merch Sean FAIL 2026-09-16 — soft-lean; exclusive-nav JS stays */
@media (max-width: 860px) {
  header.site-header,
  header.site-header .header-bar {
    overflow: visible !important;
    max-height: none !important;
    flex-wrap: nowrap !important;
  }
  header.site-header .header-bar {
    display: flex !important;
    align-items: center !important;
    width: min(var(--container), calc(100% - 2 * var(--pad-inline))) !important;
  }
  header.site-header .header-bar > a.lockup {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    max-width: calc(100% - 9.25rem) !important;
  }
  details.nav-mobile {
    position: static !important;
    flex: 0 0 auto !important;
    margin-left: auto !important;
    display: block !important;
  }
  .nav-mobile__sheet {
    display: none;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    padding: 0.3rem 0.4rem !important;
    text-align: left !important;
    z-index: 40 !important;
  }
  details.nav-mobile[open] > .nav-mobile__sheet {
    display: flex !important;
  }
  .nav-mobile__sheet a,
  .nav-mobile__sheet summary,
  .nav-mobile__sheet .nav-mobile__group {
    justify-content: flex-start !important;
    text-align: left !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0.15rem 0.55rem !important;
  }

  .hero,
  .hero--plaque,
  .hero--studio,
  .hero--finder {
    overflow: visible !important;
    max-height: none !important;
  }
  .hero__media {
    overflow: hidden !important;
    border-radius: inherit;
  }
  .hero__overlay {
    width: min(18rem, calc(100% - 7.5rem)) !important;
    margin-right: 6.5rem !important;
  }
  .hero__mascot,
  .hero--plaque .hero__mascot {
    overflow: visible !important;
    height: min(var(--mascot-max-height), 46vw) !important;
    max-height: 14rem !important;
  }
  .hero__mascot img,
  .hero img.slot-photo--mascot {
    width: auto !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: contain !important;
  }

  .home-story .suite-kicker,
  .home-story .kicker,
  .topic-card .suite-kicker,
  .topic-card__kicker,
  .topic-card__icon,
  .topic-door .suite-kicker {
    position: static !important;
    font-size: 0.68rem !important;
    line-height: 1.25 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
  }
  .home-story h2,
  .topic-card__title,
  .topic-door__title {
    position: static !important;
    font-size: 1.08rem !important;
    line-height: 1.25 !important;
  }
  .home-story p,
  .topic-card__text,
  .topic-door__text,
  .home-story .suite-pitch,
  .topic-card .suite-pitch {
    position: static !important;
    display: block !important;
    font-size: 0.95rem !important;
    line-height: 1.4 !important;
  }
}

@media (max-width: 860px) {
  /* Palm re-Crit 2026-09-15 merch-rack — hero overlay×mascot clip=0 (.hero + .hero--plaque) */
  .hero,
  .hero--plaque {
    min-height: 15.25rem !important;
    max-height: none !important;
  }
  .hero .hero__overlay,
  .hero--plaque .hero__overlay {
    z-index: 3 !important;
    width: min(13.75rem, calc(100% - 7.5rem)) !important;
    max-width: calc(100% - 7.5rem) !important;
    padding-right: 0.85rem !important;
    box-sizing: border-box !important;
  }
  .hero .hero__mascot,
  .hero--plaque .hero__mascot {
    left: auto !important;
    right: 0.35rem !important;
    bottom: 0.3rem !important;
    transform: none !important;
    height: auto !important;
    max-height: 6.15rem !important;
    width: auto !important;
    max-width: 6.4rem !important;
    z-index: 2 !important;
  }
  .hero .hero__mascot img,
  .hero .hero__mascot svg,
  .hero--plaque .hero__mascot img,
  .hero--plaque .hero__mascot svg {
    height: auto !important;
    max-height: 6.15rem !important;
    width: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
  }
}