/* home-chat.css — главная в виде чата */

html:has(body.page-home-app),
body.page-home-app {
    height: 100%;
    min-height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    overscroll-behavior: none;
    width: 100%;
    background: #ffffff;
    background-color: #ffffff;
}

body.page-home-app {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    background: #ffffff;
    color: #161b2d;
}

body.page-home-app .home-app {
    flex: 1;
    min-height: 0;
    overflow: hidden;
}

body.page-home-app > header,
body.page-home-app .home-mobile-hero,
body.page-home-app .main-content {
    display: none !important;
}

body.page-home-app .catalog-container {
    display: none !important;
}

.home-tab[hidden] {
    display: none !important;
}

.home-tab:not(.is-active) {
    display: none !important;
}

.home-app {
    position: relative;
    z-index: 10;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
    box-sizing: border-box;
    background: none;
}

.home-app-header {
    flex-shrink: 0;
    padding: 14px 16px 8px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: #1a8fd4;
}

.home-app-header span {
    color: #0d5f9a;
}

.home-app[data-home-tab="search"] .home-app-header,
.home-app[data-home-tab="catalog"] .home-app-header {
    display: none;
}

@media (max-width: 867px) {
    .home-app-header,
    .home-catalog-top,
    .home-mobile-hero {
        display: none !important;
    }
}

.home-tab {
    flex: 1;
    min-height: 0;
    display: none;
    flex-direction: column;
    overflow: hidden;
}

.home-tab--search {
    position: relative;
    min-height: 0;
    background: none;
    overflow: visible;
}

.home-tab.is-active {
    display: flex !important;
}

.home-chat-thread {
    position: relative;
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    /* прозрачный — ambient снизу виден под полем ввода */
    background: transparent;
}

/* Gemini-style empty hero */
.home-chat-welcome {
    position: absolute;
    inset: 0 0 calc(var(--feal-mobile-bottom-nav, 90px) + 110px) 0;
    z-index: 6;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 24px 20px;
    pointer-events: none;
    text-align: center;
}

body.home-chat--welcome .home-chat-welcome {
    display: flex !important;
}

body.home-chat--welcome .home-chat-messages {
    opacity: 0;
    pointer-events: none;
}

.home-chat-welcome__logo {
    display: block;
    width: auto;
    height: 28px;
    max-width: min(180px, 55vw);
    object-fit: contain;
    margin: 0 0 6px;
}

.home-chat-welcome__logo span {
    display: none;
}

.home-chat-welcome__greet {
    margin: 0;
    font-size: clamp(28px, 7.5vw, 40px);
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #161b2d;
}

.home-chat-welcome__title {
    margin: 2px 0 0;
    font-size: clamp(15px, 4vw, 18px);
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.35;
    color: #5d667a;
}

/* Ambient: низ — только в пустом новом чате; верх — пока ИИ думает */
.home-chat-ambient {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
}

body.page-home-app:has(.home-app[data-home-tab="catalog"]) .home-chat-ambient {
    display: none !important;
}

.home-chat-ambient__layer {
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    will-change: transform, opacity;
}

.home-chat-ambient__layer--bottom {
    bottom: 0;
    height: min(78vh, 640px);
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition:
        transform 0.42s cubic-bezier(0.33, 1, 0.68, 1),
        opacity 0.36s ease;
}

/* Скрыт атрибутом/JS, когда в чате уже есть сообщения */
.home-chat-ambient__layer--bottom[hidden],
#homeChatAmbientBottom[hidden] {
    display: none !important;
}

.home-chat-ambient__layer--top {
    top: 0;
    height: min(48vh, 420px);
    opacity: 0;
    transform: translate3d(0, -18%, 0);
    transition:
        transform 0.48s cubic-bezier(0.33, 1, 0.68, 1),
        opacity 0.4s ease;
}

body.home-chat--thinking .home-chat-ambient__layer--top {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.home-chat-ambient__dots,
.home-chat-ambient__glow,
.home-chat-ambient__caustic {
    position: absolute;
    inset: 0;
}

.home-chat-ambient__dots {
    background-image: radial-gradient(
        circle,
        rgba(26, 143, 212, 0.58) 0.55px,
        transparent 0.75px
    );
    background-size: 5px 5px;
    background-position: 0 0;
    opacity: 0;
    -webkit-mask-image: radial-gradient(
        ellipse 120% 95% at 50% 100%,
        #000 10%,
        rgba(0, 0, 0, 0.7) 42%,
        transparent 78%
    );
    mask-image: radial-gradient(
        ellipse 120% 95% at 50% 100%,
        #000 10%,
        rgba(0, 0, 0, 0.7) 42%,
        transparent 78%
    );
}

body.home-chat--ambient-bottom:not(.home-chat--settled) .home-chat-ambient__dots {
    opacity: 0.95;
    animation:
        home-ambient-drift 9s ease-in-out infinite,
        home-ambient-dots-settle 4.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

.home-chat-ambient__glow--bottom {
    background:
        radial-gradient(
            ellipse 110% 90% at 50% 108%,
            rgba(18, 128, 208, 0.48) 0%,
            rgba(26, 143, 212, 0.28) 34%,
            rgba(13, 95, 154, 0.14) 58%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 70% 55% at 28% 100%,
            rgba(26, 143, 212, 0.22) 0%,
            transparent 70%
        ),
        radial-gradient(
            ellipse 60% 45% at 78% 100%,
            rgba(13, 95, 154, 0.2) 0%,
            transparent 68%
        );
    opacity: 0.2;
    filter: blur(2px);
}

body.home-chat--ambient-bottom:not(.home-chat--settled) .home-chat-ambient__glow--bottom {
    animation: home-ambient-glow-settle 4.2s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}

/* После пикселей — медленная волна снизу */
body.home-chat--ambient-bottom.home-chat--settled .home-chat-ambient__glow--bottom {
    opacity: 0.9;
    animation: home-wave-bottom-glow-slow 12s ease-in-out infinite;
}

.home-chat-ambient__glow--top {
    background:
        radial-gradient(
            ellipse 110% 90% at 50% -8%,
            rgba(18, 128, 208, 0.5) 0%,
            rgba(26, 143, 212, 0.3) 36%,
            rgba(13, 95, 154, 0.14) 58%,
            transparent 78%
        ),
        radial-gradient(
            ellipse 70% 55% at 30% 0%,
            rgba(80, 180, 255, 0.28) 0%,
            transparent 70%
        ),
        radial-gradient(
            ellipse 60% 45% at 75% 0%,
            rgba(13, 95, 154, 0.22) 0%,
            transparent 68%
        );
    opacity: 0.82;
    filter: blur(2px);
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 40%, transparent 100%);
    animation: home-wave-top-glow 5.8s ease-in-out infinite;
}

.home-chat-ambient__caustic {
    filter: blur(24px) saturate(1.12);
    opacity: 0;
    mix-blend-mode: normal;
}

.home-chat-ambient__caustic--bottom,
.home-chat-ambient__caustic--bottom-b {
    background:
        radial-gradient(ellipse 46% 38% at 18% 100%, rgba(90, 190, 255, 0.55) 0%, transparent 70%),
        radial-gradient(ellipse 52% 42% at 55% 100%, rgba(26, 143, 212, 0.45) 0%, transparent 68%),
        radial-gradient(ellipse 42% 36% at 88% 100%, rgba(18, 128, 208, 0.4) 0%, transparent 70%),
        radial-gradient(ellipse 95% 52% at 50% 112%, rgba(13, 95, 154, 0.26) 0%, transparent 72%);
    -webkit-mask-image: linear-gradient(to top, #000 0%, #000 48%, transparent 100%);
    mask-image: linear-gradient(to top, #000 0%, #000 48%, transparent 100%);
}

.home-chat-ambient__caustic--bottom-b {
    background:
        radial-gradient(ellipse 50% 40% at 70% 100%, rgba(120, 205, 255, 0.42) 0%, transparent 68%),
        radial-gradient(ellipse 44% 36% at 30% 100%, rgba(18, 128, 208, 0.38) 0%, transparent 70%),
        radial-gradient(ellipse 88% 48% at 48% 115%, rgba(26, 143, 212, 0.22) 0%, transparent 74%);
}

body.home-chat--ambient-bottom.home-chat--settled .home-chat-ambient__caustic--bottom {
    opacity: 0.88;
    animation: home-wave-lap-slow-a 12.5s ease-in-out infinite;
}

body.home-chat--ambient-bottom.home-chat--settled .home-chat-ambient__caustic--bottom-b {
    opacity: 0.7;
    animation: home-wave-lap-slow-b 15s ease-in-out infinite;
}

.home-chat-ambient__caustic--top,
.home-chat-ambient__caustic--top-b {
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 44%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 44%, transparent 100%);
}

.home-chat-ambient__caustic--top {
    background:
        radial-gradient(ellipse 48% 40% at 12% 0%, rgba(120, 205, 255, 0.55) 0%, transparent 70%),
        radial-gradient(ellipse 56% 44% at 48% 0%, rgba(26, 143, 212, 0.5) 0%, transparent 68%),
        radial-gradient(ellipse 44% 38% at 86% 0%, rgba(80, 170, 240, 0.42) 0%, transparent 70%),
        radial-gradient(ellipse 100% 58% at 50% -14%, rgba(18, 128, 208, 0.3) 0%, transparent 74%);
}

.home-chat-ambient__caustic--top-b {
    background:
        radial-gradient(ellipse 50% 42% at 78% 0%, rgba(140, 215, 255, 0.48) 0%, transparent 68%),
        radial-gradient(ellipse 46% 38% at 28% 0%, rgba(18, 128, 208, 0.4) 0%, transparent 70%),
        radial-gradient(ellipse 90% 50% at 55% -10%, rgba(26, 143, 212, 0.26) 0%, transparent 72%);
}

body.home-chat--thinking .home-chat-ambient__caustic--top {
    opacity: 0.92;
    animation: home-wave-lap-a 5.6s ease-in-out infinite;
}

body.home-chat--thinking .home-chat-ambient__caustic--top-b {
    opacity: 0.75;
    animation: home-wave-lap-b 6.8s ease-in-out infinite;
}

@keyframes home-ambient-drift {
    0%,
    100% {
        background-position: 0 0;
        transform: translate3d(0, 0, 0);
    }
    50% {
        background-position: 4px -6px;
        transform: translate3d(0, -6px, 0);
    }
}

@keyframes home-ambient-dots-settle {
    0% {
        opacity: 0.9;
    }
    55% {
        opacity: 0.65;
    }
    100% {
        opacity: 0;
    }
}

@keyframes home-ambient-glow-settle {
    0% {
        opacity: 0.15;
    }
    45% {
        opacity: 0.45;
    }
    100% {
        opacity: 0.92;
    }
}

/* Медленный захлёст снизу (после пикселей) */
@keyframes home-wave-lap-slow-a {
    0% {
        transform: translate3d(-7%, 2%, 0) scale(1.02);
        opacity: 0.62;
    }
    50% {
        transform: translate3d(6%, -1%, 0) scale(1.06);
        opacity: 0.95;
    }
    100% {
        transform: translate3d(-7%, 2%, 0) scale(1.02);
        opacity: 0.62;
    }
}

@keyframes home-wave-lap-slow-b {
    0% {
        transform: translate3d(8%, 0, 0) scale(1.04);
        opacity: 0.78;
    }
    50% {
        transform: translate3d(-5%, 2%, 0) scale(1.01);
        opacity: 0.5;
    }
    100% {
        transform: translate3d(8%, 0, 0) scale(1.04);
        opacity: 0.78;
    }
}

@keyframes home-wave-bottom-glow-slow {
    0%,
    100% {
        opacity: 0.82;
        transform: translate3d(0, 0, 0) scale(1);
    }
    50% {
        opacity: 0.96;
        transform: translate3d(0, -1.5%, 0) scale(1.03);
    }
}

/* Верх: волна-захлёст, средняя скорость */
@keyframes home-wave-lap-a {
    0% {
        transform: translate3d(-10%, 0, 0) scaleX(1.06) scaleY(1);
        opacity: 0.55;
    }
    40% {
        transform: translate3d(4%, 3%, 0) scaleX(1.12) scaleY(1.04);
        opacity: 0.98;
    }
    70% {
        transform: translate3d(9%, 1%, 0) scaleX(1.04) scaleY(1.02);
        opacity: 0.7;
    }
    100% {
        transform: translate3d(-10%, 0, 0) scaleX(1.06) scaleY(1);
        opacity: 0.55;
    }
}

@keyframes home-wave-lap-b {
    0% {
        transform: translate3d(11%, 2%, 0) scaleX(1.08);
        opacity: 0.8;
    }
    45% {
        transform: translate3d(-7%, 0, 0) scaleX(1.02);
        opacity: 0.48;
    }
    100% {
        transform: translate3d(11%, 2%, 0) scaleX(1.08);
        opacity: 0.8;
    }
}

@keyframes home-wave-top-glow {
    0%,
    100% {
        opacity: 0.72;
        transform: translate3d(0, 0, 0);
    }
    50% {
        opacity: 0.92;
        transform: translate3d(0, 2%, 0);
    }
}

.home-chat-messages {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 8px 14px;
    /* лента на всю высоту, контролы парят сверху */
    padding-bottom: calc(
        var(--feal-home-chat-float, 168px) + var(--feal-mobile-bottom-nav, 90px) +
            env(safe-area-inset-bottom, 0px)
    );
    box-sizing: border-box;
}

.home-chat-bubble {
    max-width: 92%;
    border-radius: 16px;
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    animation: home-msg-in 0.22s cubic-bezier(0.33, 1, 0.68, 1) both;
}

@keyframes home-msg-in {
    from {
        opacity: 0;
        transform: translateY(6px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.home-chat-assistant-block {
    align-self: flex-start;
    max-width: 88%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.home-chat-bubble--assistant {
    align-self: stretch;
    max-width: 100%;
    color: #161b2d;
    border-radius: 18px;
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.52);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow:
        0 10px 30px rgba(22, 27, 45, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(22px) saturate(170%);
    -webkit-backdrop-filter: blur(22px) saturate(170%);
}

.home-chat-bubble--assistant.home-chat-bubble--typing {
    color: #5d667a;
    font-style: italic;
    font-size: 12px;
}

.home-chat-bubble--assistant.home-chat-bubble--typing-catalog {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: rgba(22, 27, 45, 0.45);
    -webkit-text-fill-color: rgba(22, 27, 45, 0.45);
}

.home-chat-typing-label {
    line-height: 1.2;
}

.home-chat-search-spinner {
    width: 11px;
    height: 11px;
    flex-shrink: 0;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1.5px solid rgba(22, 27, 45, 0.45);
    border-top-color: #161B2D;
    animation: home-chat-search-spin 0.7s linear infinite;
}

@keyframes home-chat-search-spin {
    to {
        transform: rotate(360deg);
    }
}

.home-chat-assistant-block .home-chat-suggestions {
    align-self: stretch;
    max-width: 100%;
    padding: 0;
}

.home-chat-assistant-block .home-chat-bubble {
    animation: none;
}

.home-chat-bubble--user {
    align-self: flex-end;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    border-radius: 18px;
    background: rgba(27, 43, 75, 0.68);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
        0 10px 28px rgba(22, 27, 45, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(22px) saturate(160%);
    -webkit-backdrop-filter: blur(22px) saturate(160%);
}

.home-chat-bubble--error {
    align-self: center;
    color: #b42318;
    font-size: 13px;
    background: rgba(255, 244, 244, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    box-shadow: 0 8px 24px rgba(180, 35, 24, 0.08);
}

.home-chat-auth-prompt {
    align-self: stretch;
    max-width: 100%;
}

.home-chat-auth-prompt .home-chat-bubble {
    margin-bottom: 0;
}

.home-chat-auth-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 12px 18px;
    border-radius: 15px;
    background: #1280D0;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    transition: background 0.15s, opacity 0.15s;
}

.home-chat-auth-btn:hover,
.home-chat-auth-btn:focus-visible {
    background: #005fa3;
    color: #fff;
}

.home-chat-suggestions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-self: flex-start;
    max-width: 100%;
    padding: 2px 2px 10px;
}

.home-chat-suggestion-chip {
    width: auto !important;
    min-height: 36px !important;
    height: auto !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    line-height: 1.25;
    white-space: normal;
    text-align: left;
}

.home-chat-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    flex-shrink: 0;
    margin: 0;
    z-index: auto;
    isolation: auto;
    overflow: visible !important;
    border: none !important;
    border-radius: 0 !important;
    outline: none !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    transform: none !important;
    will-change: auto;
    contain: none;
    padding: 0 0 calc(var(--feal-mobile-bottom-nav, 90px) + env(safe-area-inset-bottom, 0px));
    pointer-events: none;
}

.home-chat-garage-zone,
.home-chat-composer-wrap,
.home-chat-action-btns {
    pointer-events: auto;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border-radius: 0;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    isolation: auto;
    transform: none;
}

.home-chat-garage-zone {
    position: relative;
    z-index: 2;
    padding: 6px 14px 8px;
}

.home-chat-action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    background: transparent !important;
}

/* Выбор ИИ скрыт: основной MWS, Алиса — запасной на сервере */
.home-chat-agent-switch,
.home-chat-agent-btn {
    display: none !important;
}

.home-chat-garage-btn {
    display: inline-flex;
    align-items: center;
    width: auto;
    max-width: 100%;
    margin: 0;
}

.home-chat-garage-btn[hidden],
.home-history-picker__empty[hidden],
.home-chat-car-badge[hidden],
.home-garage-picker[hidden]:not(.is-open) {
    display: none !important;
}

.home-garage-picker {
    margin-bottom: 0;
    border-radius: 16px;
    background: transparent;
    box-shadow: none;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(10px);
    pointer-events: none;
    transition:
        max-height 0.32s cubic-bezier(0.33, 1, 0.68, 1),
        opacity 0.22s ease,
        transform 0.32s cubic-bezier(0.33, 1, 0.68, 1),
        margin-bottom 0.32s ease;
}

.home-garage-picker:not(.is-open) {
    margin-bottom: 0;
    background: transparent;
    box-shadow: none;
}

.home-garage-picker.is-open {
    max-height: min(42vh, 300px);
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
    margin-bottom: 8px;
    background: #fff;
    box-shadow:
        0 8px 28px rgba(15, 23, 42, 0.12),
        0 1px 0 rgba(255, 255, 255, 0.6) inset;
}

.home-garage-picker__list {
    display: flex;
    flex-direction: column;
    max-height: min(42vh, 300px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.home-garage-picker__item {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 14px;
    border: none;
    border-bottom: 1px solid #eceff5;
    background: #fff;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    margin: 0;
    border-radius: 0;
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
}

.home-garage-picker__item:last-child {
    border-bottom: none;
}

.home-garage-picker__item:active {
    background: #f4f6fa;
}

.home-garage-picker__photo {
    flex-shrink: 0;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    background: #e8ecf3;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #8b93a7;
    font-size: 10px;
    line-height: 1.2;
    text-align: center;
    padding: 4px;
    box-sizing: border-box;
}

.home-garage-picker__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-garage-picker__info {
    min-width: 0;
    flex: 1;
}

.home-garage-picker__name {
    font-size: 14px;
    font-weight: 400;
    color: #161b2d;
    margin: 0 0 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-garage-picker__vin {
    font-size: 11px;
    color: #6b7280;
    margin: 0;
}

.home-history-picker__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    width: 100%;
    padding: 12px 14px;
    border: none;
    border-bottom: 1px solid #eceff5;
    background: #fff;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    margin: 0;
    border-radius: 0;
    min-width: 0;
}

.home-history-picker__item.is-active {
    background: #f0f7fc;
}

.home-history-picker__item--new {
    font-size: 14px;
    font-weight: 400;
    color: #1a8fd4;
}

.home-history-picker__title {
    font-size: 14px;
    font-weight: 400;
    color: #161b2d;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-history-picker__sub {
    font-size: 12px;
    color: #6b7280;
}

.home-history-picker__item:last-child {
    border-bottom: none;
}

.home-history-picker__item:active {
    background: #f4f6fa;
}

.home-history-picker__empty {
    margin: 0;
    padding: 14px;
    font-size: 13px;
    color: #6b7280;
    text-align: center;
}

/* Перебиваем глобальные стили button из style.css */
.home-chat-footer .home-chat-chip,
.home-chat-footer .home-chat-garage-btn {
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin-right: 0;
    font-size: 13px;
    padding: 10px 16px;
}

.home-chat-car-badge__clear {
    width: 22px !important;
    min-width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
    min-height: 22px !important;
    font-size: 16px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.home-chat-composer .home-chat-send {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
    border-radius: 50%;
    flex-shrink: 0;
    box-sizing: border-box;
}

.home-chat-car-badge {
    position: relative;
    z-index: 2;
    left: auto;
    bottom: auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    max-width: calc(100% - 8px);
    padding: 4px 6px 4px 12px;
    border-radius: 999px;
    border: 1px solid #e2e6ee;
    background: #fff;
    color: #161b2d;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.2;
    box-shadow: 0 1px 4px rgba(22, 27, 45, 0.08);
    pointer-events: auto;
}

.home-chat-car-badge__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-chat-car-badge__clear {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: #f0f2f6;
    color: #5d667a;
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    font-family: inherit;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-chat-car-badge__clear:active {
    background: #e2e6ee;
    color: #161b2d;
}

.home-chat-composer:has(.home-chat-car-badge:not([hidden])) {
    padding-bottom: 8px;
    padding-left: 12px;
}

/* Тёмное liquid glass — #161B2D */
.home-chat-chip {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.01em;
    padding: 10px 16px;
    cursor: pointer;
    font-family: inherit;
    animation: home-msg-in 0.22s cubic-bezier(0.33, 1, 0.68, 1) both;
    background-color: #161b2d;
    background-image: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 4px 14px rgba(22, 27, 45, 0.22);
    transition:
        transform 0.12s ease,
        box-shadow 0.15s ease,
        border-color 0.15s ease,
        background-color 0.15s ease;
}

.home-chat-chip::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.1) 0%,
        transparent 48%
    );
}

.home-chat-chip:hover {
    border-color: rgba(255, 255, 255, 0.18);
    background-color: rgba(22, 27, 45, 0.9);
    box-shadow:
        0 6px 18px rgba(22, 27, 45, 0.38),
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        inset 0 -1px 0 rgba(0, 0, 0, 0.24);
}

.home-chat-chip:active {
    transform: scale(0.98);
    background-color: #161b2d;
    box-shadow:
        0 2px 8px rgba(22, 27, 45, 0.35),
        0 1px 0 rgba(255, 255, 255, 0.1) inset;
}

/* Поле ввода — белая капсула без стекла, чтобы iOS не рисовал подложку */
.home-chat-composer {
    position: relative;
    display: flex;
    flex-direction: row;
    /* рост высоты вниз: иконки остаются у первой строки */
    align-items: flex-start;
    gap: 8px;
    border: 1px solid rgba(22, 27, 45, 0.08);
    border-radius: 28px;
    background-color: #ffffff;
    background-image: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.1);
    overflow: visible;
    padding: 8px 8px 8px 10px;
    min-height: 56px;
    box-sizing: border-box;
}

.home-chat-composer > input[type='file'] {
    display: none !important;
}

.home-chat-composer .home-chat-attach-wrap {
    order: 1;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    flex-shrink: 0;
    align-self: flex-start;
}

.home-chat-composer textarea {
    order: 2;
}

.home-chat-composer .home-chat-send {
    order: 3;
}

.home-chat-composer::before,
.home-chat-composer::after {
    content: none;
    display: none;
}

.home-chat-composer-wrap {
    flex-shrink: 0;
    overflow: visible;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 4px 14px 10px;
    margin-bottom: 0;
    background: none !important;
    background-color: transparent !important;
    position: relative;
    z-index: 1;
    isolation: auto;
}

.home-chat-composer textarea {
    position: relative;
    z-index: 1;
    display: block;
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    border: none;
    resize: none;
    box-sizing: border-box;
    /* одна строка = 40px как у кнопок; плейсхолдер по центру строки */
    height: 40px;
    min-height: 40px;
    max-height: 120px;
    font-family: inherit;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 4px;
    margin: 0;
    background: transparent;
    outline: none;
    color: #161b2d;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: height 0.24s cubic-bezier(0.33, 1, 0.68, 1);
}

.home-chat-composer textarea.is-multiline {
    overflow-y: auto;
}

.home-chat-composer textarea::placeholder {
    color: #b8bec8;
    font-size: 13px;
    line-height: 20px;
    position: relative;
    top: 0;
}

.home-chat-attach-preview-wrap {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    margin: 0 0 2px 4px;
}

.home-chat-attach-preview {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    object-fit: cover;
    display: block;
    border: 1px solid rgba(22, 27, 45, 0.12);
    background: #f4f6fa;
}

.home-chat-attach-clear {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 50%;
    background: #161b2d;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.home-chat-car-hint {
    position: relative;
    z-index: 1;
    margin: 0 4px;
    padding: 0;
    font-size: 12px;
    line-height: 1.35;
    color: #8a5a00;
}

.home-chat-composer:has(.home-chat-attach-preview-wrap:not([hidden])) {
    /* preview moved outside */
}

.home-chat-composer:has(.home-chat-attach-preview-wrap:not([hidden])) textarea {
    min-height: 24px;
}

.home-chat-attach-wrap {
    position: relative;
    z-index: 3;
    right: auto;
    bottom: auto;
    flex-shrink: 0;
    align-self: center;
}

.home-chat-attach-menu {
    position: absolute;
    right: 0;
    bottom: calc(100% + 8px);
    width: 168px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid rgba(22, 27, 45, 0.1);
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.14);
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.home-chat-attach-menu[hidden] {
    display: none !important;
}

.home-chat-attach-menu__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: #161b2d;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    padding: 10px 12px;
    cursor: pointer;
}

.home-chat-attach-menu__label {
    flex: 1;
    text-align: right;
    white-space: nowrap;
}

.home-chat-attach-menu__icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #5d667a;
}

.home-chat-attach-menu__icon svg {
    display: block;
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
}

.home-chat-attach-menu__item:active {
    background: rgba(22, 27, 45, 0.08);
}

.home-chat-attach {
    position: relative;
    right: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #5d667a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    -webkit-tap-highlight-color: transparent;
}

.home-chat-attach:hover,
.home-chat-attach:active:not(:disabled),
.home-chat-attach:focus,
.home-chat-attach:focus-visible {
    background: transparent;
    outline: none;
}

.home-chat-attach:active:not(:disabled) {
    opacity: 0.72;
}

.home-chat-attach:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.home-chat-attach svg {
    width: 22px;
    height: 22px;
    display: block;
}

.home-chat-send {
    position: relative;
    z-index: 2;
    right: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 50%;
    background: #1280d0;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    flex-shrink: 0;
    align-self: flex-start;
    transition: background 0.15s ease, transform 0.12s ease;
    box-shadow: 0 0 18px rgba(18, 128, 208, 0.35);
}

.home-chat-send:active:not(:disabled) {
    transform: scale(0.96);
}

.home-chat-send:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.home-chat-send svg {
    width: 20px;
    height: 20px;
    display: block;
}

.home-chat-user-thumb {
    width: 72px;
    height: 72px;
    border-radius: 10px;
    object-fit: cover;
    display: block;
}

.home-chat-bubble--warning {
    color: #8b2e2e;
    background: rgba(255, 245, 245, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(18px) saturate(150%);
    -webkit-backdrop-filter: blur(18px) saturate(150%);
    box-shadow: 0 8px 24px rgba(139, 46, 46, 0.08);
}

.home-chat-scan-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.home-chat-scan-actions .home-chat-chip {
    margin: 0;
}

.home-chat-part-picker {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
}

.home-chat-part-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px 10px 14px;
    border: 1px solid #fff;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.94);
    cursor: pointer;
    box-sizing: border-box;
}

.home-chat-part-option--checked {
    background: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.home-chat-part-option__text {
    flex: 1;
    color: #1e3a5f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 400;
    text-align: left;
}

.home-chat-part-option__check {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    box-shadow: 0 0 0 1px rgba(30, 58, 95, 0.4);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
}

.home-chat-part-option__input {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    pointer-events: none;
}

.home-chat-part-option--checked .home-chat-part-option__check {
    background: #1e3a5f;
    box-shadow: 0 0 0 1px #fff, inset 0 0 0 4px #fff;
}

.home-chat-part-picker__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.home-chat-part-picker__btn {
    min-height: 40px;
    padding: 10px 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.home-chat-part-picker__btn--primary {
    background: rgba(255, 255, 255, 0.94);
    color: #1e3a5f;
    border-color: #fff;
}

.home-chat-part-picker__btn--all {
    background: #fff;
    color: #1e3a5f;
    border-color: #fff;
}

/* Карточка в чате — колонка, не сжимается во flex-ленте сообщений */
.home-chat-tier-badge {
    display: inline-block;
    align-self: flex-start;
    margin: 0 0 8px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: #1e3a5f;
    background: linear-gradient(135deg, #dbeafe 0%, #e0e7ff 100%);
}

.result-item--catalog-tier .home-chat-tier-badge {
    flex: 0 0 auto;
}

.home-chat-catalog-link-wrap {
    align-self: stretch;
    margin: 4px 0 8px;
}

.home-chat-catalog-link-btn {
    width: 100%;
    min-height: 44px;
    padding: 11px 16px;
    border: 1px solid rgba(30, 58, 95, 0.15);
    border-radius: 12px;
    background: #fff;
    color: #1e3a5f;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.home-chat-catalog-link-btn:active {
    transform: scale(0.99);
    background: #f3f4f6;
}

.home-chat-messages .result-item {
    align-self: stretch;
    flex-shrink: 0;
    display: flex;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 12px 12px 14px;
    box-sizing: border-box;
    overflow: visible;
    animation: home-msg-in 0.22s cubic-bezier(0.33, 1, 0.68, 1) both;
}

.home-chat-messages .result-item .result-image-container {
    flex: 0 0 auto;
    width: 100% !important;
    height: 140px;
    max-width: 100%;
    margin-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.home-chat-messages .result-item .right-info {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: auto;
    max-width: 100%;
}

.home-chat-messages .result-item .result-info {
    flex: 0 0 auto;
    min-width: 0;
    min-height: auto;
    max-width: 100%;
}

.home-chat-messages .result-item .result-card-footer {
    flex: 0 0 auto;
    flex-shrink: 0;
    min-width: 0;
    min-height: auto;
    max-width: 100%;
    margin-top: 8px;
}

.home-chat-messages .result-item .result-brand {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    overflow: visible;
    text-overflow: unset;
    font-size: 15px !important;
    font-weight: 400;
    line-height: 1.35;
    margin: 0 0 6px;
}

.home-chat-messages .result-item .result-brand .result-name {
    display: inline;
    font-size: 13px;
    font-weight: 400;
    color: #6b7280;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    margin: 0;
}

.home-chat-messages .result-item .result-number,
.home-chat-messages .result-item .result-availability {
    display: block;
    line-height: 1.35;
}

.home-chat-messages .result-item .result-price {
    display: block;
    margin: 6px 0 8px;
    font-size: 16px;
    font-weight: 400;
}

.home-chat-messages .result-btns {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
    flex-wrap: nowrap;
    flex-shrink: 0;
}

.home-chat-messages .result-item .add-to-cart,
.home-chat-messages .result-item .about-result {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    box-sizing: border-box;
    font-size: 14px !important;
    line-height: 1.25;
    white-space: normal;
    flex-shrink: 0;
    border-radius: 12px;
}

.home-tab--catalog {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
    background: #f2f3f5;
}

.home-catalog-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    flex-shrink: 0;
    background: #f9f9f9;
    border-radius: 0 0 15px 15px;
    box-sizing: border-box;
}

.home-catalog-top .home-catalog-logo {
    width: 146px;
    height: 30px;
    object-fit: contain;
}

.home-catalog-phone {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: none;
    background: #ffffff;
    color: #161b2d;
    display: grid;
    place-items: center;
    text-decoration: none;
    box-shadow: none;
}

.home-catalog-phone svg {
    width: 20px;
    height: 20px;
    display: block;
}

.home-catalog-body {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    background: #f2f3f5;
    padding: 0 12px calc(var(--feal-mobile-bottom-nav, 90px) + env(safe-area-inset-bottom, 0px) + 16px);
}

.home-catalog-body .catalog-hub {
    margin: 0 auto 24px;
    width: 100%;
    max-width: 1080px;
}

.home-catalog-body .catalog-switcher-wrap {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0 -12px 4px;
    padding: 0 12px 8px;
    background: #f2f3f5;
}

.home-catalog-body .catalog-switcher {
    width: 100%;
    height: 46px;
    padding: 0;
    border: none;
    border-radius: 999px;
    outline: none;
    background: #fff;
}

.home-catalog-body .catalog-switcher-track {
    gap: 2px;
    min-height: 46px;
    padding: 0 4px;
}

.home-catalog-body .catalog-switcher-btn {
    height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 500;
}

/* Перебиваем глобальные стили button из style.css у переключателя категорий */
.home-catalog-body .catalog-switcher-btn:not(.is-active) {
    background: transparent !important;
    color: #161B2D !important;
    -webkit-text-fill-color: #161B2D !important;
}

.home-catalog-body .catalog-switcher-btn.is-active,
.home-catalog-body .catalog-switcher-btn.is-active:hover {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background-color: #161B2D !important;
}

.home-catalog-body .catalog-section {
    margin: 4px 0 16px;
}

.home-catalog-body .catalog-hub.catalog-switcher-ready .catalog-section.is-active {
    animation: hc-cat-in 0.28s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.home-catalog-body .catalog-grid {
    gap: 8px;
}

.home-catalog-body .catalog-card {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    height: 132px;
    padding: 14px;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    border-radius: 20px;
    outline: none;
    background: #fff;
    color: #161B2D;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    transition: background-color 0.2s ease;
}

.home-catalog-body .catalog-card:hover {
    background: #fff;
    color: #161B2D;
}

.home-catalog-body .catalog-card::after {
    content: "";
    position: absolute;
    left: 14px;
    bottom: 14px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #f2f3f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23161B2D' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center / 14px no-repeat;
}

.home-catalog-body .catalog-card__title {
    position: relative;
    z-index: 1;
    order: -1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.01em;
    text-align: left;
    color: #161B2D;
}

.home-catalog-body .catalog-card:hover .catalog-card__title {
    color: #161B2D;
}

.home-catalog-body .catalog-card__img-container {
    top: auto;
    left: auto;
    right: 4px;
    bottom: 4px;
    width: 64%;
    height: 82px;
    justify-content: flex-end;
}

.home-catalog-body .catalog-card-media,
.home-catalog-body .catalog-card:hover .catalog-card-media {
    height: 100%;
    width: auto;
    max-width: 100%;
    transform: none;
    mix-blend-mode: multiply;
}

.home-catalog-body .catalog-card--soon {
    border: 1.5px dashed #d5d8de;
    background: transparent;
    opacity: 1;
}

.home-catalog-body .catalog-card--soon:hover {
    border-color: #d5d8de;
    background: transparent;
}

.home-catalog-body .catalog-card--soon::after {
    display: none;
}

.home-catalog-body .catalog-card--soon .catalog-card__title {
    color: #6b7280;
}

.home-catalog-body .catalog-card-note {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 12px;
    margin: 0;
    font-size: 11px;
    font-weight: 400;
    color: #8b909a;
}

@keyframes hc-cat-in {
    from { opacity: 0; transform: translateY(8px); }
}

.home-chat-typing {
    display: none;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .home-chat-composer {
        background-image: none;
        background-color: rgba(255, 255, 255, 0.94);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: 0 4px 14px rgba(22, 27, 45, 0.12);
    }

    .home-chat-chip {
        background-image: none;
        background-color: #161b2d;
        border-color: rgba(255, 255, 255, 0.1);
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        box-shadow: 0 4px 12px rgba(22, 27, 45, 0.22);
    }

    .home-chat-chip::before {
        opacity: 0.4;
    }

    .home-chat-composer::before,
    .home-chat-composer::after {
        display: none;
    }
}

@media (min-width: 868px) {
    body.page-home-app > header {
        display: flex !important;
    }

    .home-app {
        max-width: 800px;
        padding-top: 8px;
    }

    .home-chat-footer {
        bottom: 0;
    }

    .home-chat-messages {
        padding-bottom: calc(
            var(--feal-home-chat-float, 168px) + var(--feal-mobile-bottom-nav, 90px) +
                env(safe-area-inset-bottom, 0px)
        );
    }
}

/* В чате весь текст одной жирности, включая кнопки (глобальный button — 600) */
.home-tab--search,
.home-tab--search * {
    font-weight: 400;
}