/* Arrival stays in the scene; reading the full profile is a separate action. */
.booth-peek-actions { display: none; }

@media (max-width: 700px), (pointer: coarse) and (max-width: 1100px), (max-width: 1000px) and (max-height: 560px) {
  body:has(#detail.booth-drawer:not([hidden])) #browse-nav { display: flex; }
  body.has-browse-nav #detail.booth-drawer:not(.booth-peek) {
    --drawer-scene-strip: 24px;
    bottom: var(--browse-nav-height);
    height: calc(100dvh - var(--header-height) - var(--drawer-scene-strip) - var(--browse-nav-height));
    padding-bottom: 0;
  }
  body.has-browse-nav #detail.booth-drawer.booth-peek {
    inset: auto 12px calc(var(--browse-nav-height) + 4px);
    width: auto;
    height: auto;
    max-height: min(210px, 42dvh);
    grid-template-rows: auto auto;
    padding: 0;
    border: 1px solid var(--ui-line);
    border-radius: 18px;
    box-shadow: 0 4px 24px #2634201c;
    backdrop-filter: none;
  }
  body.has-browse-nav #detail.booth-drawer.booth-peek .booth-drawer-header { padding: 12px 14px 4px; }
  body.has-browse-nav #detail.booth-drawer.booth-peek :is(.company-logo, .booth-company-name, .sheet-grip, .profile-tabs, .booth-drawer-body, .booth-drawer-footer) { display: none; }
  body.has-browse-nav #detail.booth-drawer.booth-peek .booth-brand-row { grid-template-columns: minmax(0, 1fr) 36px; gap: 8px; }
  body.has-browse-nav #detail.booth-drawer.booth-peek #detail-title { font-size: 18px; line-height: 1.4; }
  #detail.booth-drawer.booth-peek #detail-close { width: 36px; height: 36px; font-size: 24px; }
  body.has-browse-nav #detail.booth-drawer.booth-peek .booth-meta { display: flex; margin: -1px 44px 0 0; }
  #detail.booth-drawer.booth-peek .booth-meta > :not(.booth-code) { display: none; }
  body.has-browse-nav #detail.booth-drawer.booth-peek .booth-code { padding: 0; background: transparent; font-size: 12px; }
  #detail.booth-drawer.booth-peek .booth-peek-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 8px 14px 12px; }
  .booth-peek-actions button { min-height: 42px; padding: 8px 10px; border: 1px solid var(--ui-line); border-radius: 10px; background: var(--ui-soft); color: var(--ui-ink); font-size: 14px; line-height: 1.5; }
  .booth-peek-actions #detail-view-profile { border-color: var(--ui-accent); background: var(--ui-accent); color: var(--ui-on-accent); }
  .booth-peek-actions button:focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
}

@media (max-height: 560px) and (max-width: 1000px), (max-height: 560px) and (pointer: coarse) and (max-width: 1100px) {
  body.has-browse-nav #detail.booth-drawer.booth-peek { left: 50%; right: 12px; bottom: 12px; max-height: calc(100dvh - var(--header-height) - 24px); }
  body:has(#detail.booth-peek:not([hidden])) #browse-nav { left: 25%; bottom: 12px; }
  body:has(#detail.booth-peek:not([hidden])) #browse-nav > button { min-width: 88px; padding-inline: 12px; }
}