/* Bono owns links, icon contours and counts; this slot uses the same control grid. */
.site-header-inner > .catalog-header-messages,
.site-header-inner > .header-html-1:has(.catalog-messages-link),
.site-header-inner > .header-html-2:has(.catalog-messages-link),
.site-header-inner:has(.catalog-messages-link) > .header-favorite.header-favorite--vis,
.site-header-inner:has(.catalog-messages-link) > .header-cart {
    display: flex; align-items: center; justify-content: center; box-sizing: border-box;
    flex: 0 0 36px; width: 36px; height: 40px; margin: 0 0 0 4px; padding: 0;
}
.catalog-messages-link,
.site-header-inner:has(.catalog-messages-link) > .header-favorite.header-favorite--vis,
.site-header-inner:has(.catalog-messages-link) > .header-cart > .header-cart__link {
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    box-sizing: border-box; width: 36px; height: 40px; padding: 0; line-height: 1;
}
.catalog-messages-link { color: inherit; text-decoration: none; }
.catalog-messages-link svg { display: block; width: 22px; height: 22px; flex-shrink: 0; }
.site-header-inner:has(.catalog-messages-link) > .header-favorite::before,
.site-header-inner:has(.catalog-messages-link) .header-cart__link-ico::after {
    display: block; width: 20px; height: 20px; font-size: 20px; line-height: 20px; vertical-align: initial;
}
.site-header-inner:has(.catalog-messages-link) .header-cart__link-ico { display: block; width: 20px; height: 20px; line-height: 20px; }
.catalog-messages-link:focus-visible { outline: 2px solid #2456f7; outline-offset: 2px; border-radius: 5px; }
.catalog-messages-link > .catalog-messages-count,
.site-header-inner:has(.catalog-messages-link) > .header-favorite > sup,
.site-header-inner:has(.catalog-messages-link) > .header-cart > .header-cart__link > sup {
    position: absolute; top: 0; right: -2px; margin: 0; min-width: 17px; height: 17px;
    padding: 0 4px; border-radius: 999px; background: #f43c33; color: #fff;
    font-size: 11.4px; font-weight: 400; line-height: 17px; text-align: center;
}
.catalog-messages-link > .catalog-messages-count[hidden] { display: none; }
body.catalog-messages-page #primary { width: 100%; max-width: 100%; float: none; }
body.catalog-messages-page #secondary { display: none; }
body.catalog-messages-page .entry-content { max-width: 100%; }
.catalog-messages-panel { max-width: 960px; margin: 0 auto 36px; }
.catalog-messages-panel > p { color: #667085; font-size: 14px; line-height: 1.5; }
.catalog-messages-context { display: grid; gap: 5px; margin: 0 0 18px; padding: 16px 20px; border: 1px solid #e0e6ef; border-radius: 10px; background: #f8faff; }
.catalog-messages-context > span, .catalog-messages-context > small { font-size: 12px; color: #667085; }
.catalog-messages-context > a { font-size: 16px; font-weight: 600; text-decoration: none; }
.catalog-messages-page .scot-chat.positionInitial { position: static; width: 100%; margin: 0; }
.catalog-messages-page .scot-chat.positionInitial .scot-chat__messages { position: static; width: 100%; max-width: 100%; padding: 16px; filter: none; border: 1px solid #e0e6ef; border-radius: 12px; }
.catalog-messages-page .scot-chat.positionInitial .scot-chat__messages__header { padding: 13px 15px; }
.catalog-messages-page .scot-chat.positionInitial .scot-chat__messages__messages { height: clamp(280px, 50vh, 540px); max-height: none; min-height: 240px; padding: 18px 0; gap: 14px; }
.catalog-messages-page .scot-chat.positionInitial .single-message { max-width: min(80%, 660px); padding: 10px 14px; }
.catalog-messages-page .scot-chat.positionInitial .scot-chat__messages__input { max-height: none; }
.catalog-messages-page .scot-chat.positionInitial .textarea-wrapper,
.catalog-messages-page .scot-chat.positionInitial .textarea-wrapper textarea,
.catalog-messages-page .scot-chat.positionInitial .textarea-wrapper::after { max-height: 160px; }
.catalog-messages-page .scot-chat.positionInitial .textarea-wrapper textarea { overflow-y: auto; }

/* Compact utility-page heading keeps the conversation within the first screen. */
body.catalog-messages-page .site-content { padding-top: 24px; }
body.catalog-messages-page .entry-header { margin-bottom: 14px; }
body.catalog-messages-page .entry-title, body.catalog-messages-page .page-title { font-size: 30px; line-height: 1.25; margin: 0 0 16px; text-align: left; }
.catalog-messages-panel > p { margin: 0 0 16px; }

@media (max-width: 767px) {
    .site-header-inner:has(.catalog-messages-link) { display: grid; grid-template-columns: 32px minmax(0, 1fr) 36px 36px 36px; column-gap: 4px; align-items: center; }
    .site-header-inner:has(.catalog-messages-link) > .humburger { position: relative; left: auto; top: auto; right: auto; bottom: auto; grid-column: 1; grid-row: 1; margin: 0; transform: none; }
    .site-header-inner:has(.catalog-messages-link) > .site-branding { position: static; grid-column: 2; grid-row: 1; min-width: 0; max-width: 100%; width: auto; margin: 0; padding: 0; transform: none; left: auto; right: auto; top: auto; }
    .site-header-inner:has(.catalog-messages-link) .site-logotype { max-width: 100%; width: 100%; }
    .site-header-inner:has(.catalog-messages-link) .site-logotype img { width: auto; max-width: 100%; max-height: 44px; height: auto; }
    .site-header-inner > .catalog-header-messages,
    .site-header-inner > .header-html-1:has(.catalog-messages-link),
    .site-header-inner > .header-html-2:has(.catalog-messages-link),
    .site-header-inner:has(.catalog-messages-link) > .header-favorite.header-favorite--vis,
    .site-header-inner:has(.catalog-messages-link) > .header-cart { height: 44px; margin: 0; }
    .catalog-messages-link,
    .site-header-inner:has(.catalog-messages-link) > .header-cart > .header-cart__link { height: 44px; }
    .site-header-inner > .catalog-header-messages { grid-column: 3; grid-row: 1; }
    .site-header-inner:has(.catalog-messages-link) > .header-favorite { grid-column: 4; grid-row: 1; }
    .site-header-inner:has(.catalog-messages-link) > .header-cart { position: static; grid-column: 5; grid-row: 1; transform: none; }
    .catalog-messages-panel { margin-bottom: 24px; }
    .catalog-messages-context { padding: 12px; }
    .catalog-messages-page .scot-chat.positionInitial .scot-chat__messages { padding: 10px; }
    .catalog-messages-page .scot-chat.positionInitial .scot-chat__messages__messages { height: 45vh; min-height: 240px; }
    .catalog-messages-page .scot-chat.positionInitial .single-message { max-width: 92%; }
}