.site-header{padding:0;position:relative;background:var(--bg)}
.brand-panel{height:172px;position:sticky;top:0;z-index:5;background:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #2d737218;transition:height .32s ease,padding .32s ease}
.brand-logo{display:block;width:min(78%,330px);height:auto;max-height:92px;object-fit:contain;transition:width .32s ease,max-height .32s ease}
.brand-contact{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:10px;font-size:14px;font-weight:700;transition:opacity .2s ease,transform .28s ease,max-height .28s ease;margin-bottom:0;max-height:60px;overflow:hidden}
.brand-contact a{color:#fff;text-decoration:none}
.catalog-headline{padding:16px 16px 14px;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(14px);transition:padding .28s ease}
.catalog-headline h1{margin-top:4px}
.offer-note{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.35;font-weight:500}
.site-header.is-compact .brand-panel{height:58px;align-items:flex-start;padding:0 16px}
.site-header.is-compact .brand-logo{width:150px;max-height:42px}
.site-header.is-compact .brand-contact{opacity:0;transform:translateY(-8px);max-height:0;margin:0}
.site-header.is-compact .catalog-headline{padding-top:10px}
@media(max-width:420px){.brand-panel{height:164px}.brand-logo{width:82%;max-height:88px}.brand-contact{font-size:13px;gap:9px}.site-header.is-compact .brand-logo{width:140px}}
.site-banner{background:var(--bg);padding:0 16px}.site-banner img{display:block;width:100%;max-height:140px;object-fit:cover;border-radius:0 0 10px 10px}