/**
 * Mobile / tablet chat: taller panel, keyboard-safe layout.
 */
@media (max-width: 768px) {
  :root {
    --chat-panel-min-h: min(72dvh, 500px);
    --chat-panel-max-h: min(90dvh, calc(100dvh - var(--nav-h, 4rem) - 0.5rem));
    --chat-messages-min-h: 8rem;
    --chat-quick-max-h: min(38dvh, 280px);
  }

  .lcs-nav__chat {
    display: flex;
    flex-direction: column;
    min-height: var(--chat-panel-min-h);
    max-height: var(--chat-panel-max-h);
  }

  .lcs-nav__chat .chatbot__messages {
    flex: 1 1 auto;
    min-height: var(--chat-messages-min-h);
    max-height: none;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .lcs-nav__chat .chatbot__quick {
    grid-template-columns: 1fr;
    max-height: var(--chat-quick-max-h);
    flex-shrink: 0;
    padding: 0.6rem 0.7rem 0.75rem;
  }

  .lcs-nav__chat .chat-quick__btn {
    min-height: 44px;
    padding: 0.7rem 0.75rem;
    font-size: 0.8rem;
  }

  .lcs-nav__chat .chat-quick__btn--skip,
  .lcs-nav__chat .chat-quick__btn--back {
    min-height: 44px;
  }

  .lcs-nav__chat .chatbot__quick.chatbot__quick--hidden {
    display: none !important;
  }

  body.lcs-chat-keyboard .lcs-nav__chat .chatbot__quick:not(.chatbot__quick--hidden) {
    max-height: min(28dvh, 200px);
  }

  body.lcs-chat-focus .lcs-nav__chat,
  body.lcs-chat-keyboard .lcs-nav__chat {
    max-height: calc(100dvh - var(--nav-h, 4rem) - var(--keyboard-inset, 0px) - 0.35rem);
    min-height: min(55dvh, 360px);
  }

  body.lcs-chat-keyboard #main,
  body.lcs-chat-keyboard .catalog-main,
  body.lcs-chat-keyboard .product-detail--shop,
  body.lcs-chat-keyboard .legal-page__main {
    padding-bottom: calc(var(--nav-h) + var(--keyboard-inset, 0px) + 1rem);
  }

  .lcs-nav__chat .chatbot__input {
    flex-shrink: 0;
    position: sticky;
    bottom: 0;
    z-index: 2;
    background: var(--linen, #faf7f2);
    border-top: 1px dashed rgba(26, 26, 26, 0.2);
  }
}

/* Large phones / small tablets in landscape */
@media (min-width: 769px) and (max-width: 1024px) {
  :root {
    --chat-panel-min-h: min(68vh, 540px);
    --chat-panel-max-h: min(84vh, 700px);
    --chat-messages-min-h: 10rem;
    --chat-quick-max-h: min(40vh, 320px);
  }
}

/* Desktop — extra height */
@media (min-width: 1025px) {
  :root {
    --chat-panel-min-h: min(72vh, 580px);
    --chat-panel-max-h: min(88vh, 760px);
    --chat-messages-min-h: 12rem;
    --chat-quick-max-h: min(44vh, 340px);
  }

  .lcs-nav__chat {
    width: min(100%, 26rem);
  }
}