/* Matching messenger buttons, with recognisable brand silhouettes. */
header.top .manager-contacts{gap:4px;flex-shrink:0}
header.top .header-contacts.compact-contacts{gap:12px;align-items:center}
header.top .header-chat-icons{display:flex;align-items:center;justify-content:flex-end;gap:6px}
header.top .header-chat-icons>a{box-sizing:border-box;display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #e4ddd2;border-radius:14px;background:#fffdf9;text-decoration:none;transition:background-color .15s,border-color .15s}
header.top .header-chat-icons>a:hover{background:#fff;border-color:#cbbba7}
header.top .header-chat-icons>a:focus-visible{outline:2px solid var(--accent-dark);outline-offset:3px}
header.top .header-chat-icons svg{display:block;width:24px;height:24px;flex:none}
header.top .header-phone{line-height:24px;white-space:nowrap}
@media(max-width:640px){
 header.top .top-row:has(.manager-contacts){height:auto;min-height:84px;padding:4px 12px;gap:8px;align-items:center}
 header.top .top-row .logo{width:clamp(128px,42vw,180px);max-width:calc(100% - 156px);min-width:0;height:44px;flex-shrink:1;align-self:flex-end}
 header.top .manager-contacts{width:148px;gap:0}
 header.top .manager-contact-name{font-size:10px;line-height:12px;white-space:nowrap}
 header.top .header-contacts.compact-contacts{width:148px;flex-direction:column;align-items:flex-end;gap:2px}
 header.top .header-contacts.compact-contacts>.header-phone{padding:0;min-height:18px;font-size:13px;line-height:18px}
 header.top .header-contacts.compact-contacts>.header-chat-icons{gap:4px;width:auto;min-width:0;padding:0}
}
@media(prefers-reduced-motion:reduce){header.top .header-chat-icons>a{transition:none}}

.mobile-catalog-heading{display:none}
@media(max-width:640px){
 header.top .top-row:has(.manager-contacts){display:grid;grid-template-columns:minmax(0,1fr) 148px;grid-template-rows:auto auto;gap:4px 8px;align-items:end}
 header.top .top-row .logo{grid-column:1;grid-row:1;width:100%;max-width:180px;align-self:start}
 header.top .manager-contacts{grid-column:2;grid-row:1 / 3;align-self:end}
 header.top .mobile-catalog-heading{display:block;grid-column:1;grid-row:2;margin:0;font-size:20px;line-height:24px;align-self:end;overflow-wrap:normal}
 .catalog-intro{display:none}
}

/* Messenger columns align with the filter and saved controls below. */
@media(max-width:640px){
 :root{--p27-mobile-control-gap:7px}
 header.top .header-contacts.compact-contacts>.header-chat-icons{gap:var(--p27-mobile-control-gap)}
 .catalog-toolbar{column-gap:var(--p27-mobile-control-gap)}
}