/* Shared header layout. Navigation switches before its labels can wrap. */
.site-redesign.stitch-design .header > .container {
 max-width:1600px;
 padding-inline:24px;
}
.site-redesign.stitch-design .header__inner {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:18px;
 min-height:80px;
 padding:0;
}
.site-redesign.stitch-design .header__logo { flex:0 0 auto; }
.site-redesign.stitch-design .header__contacts {
 display:flex;
 align-items:center;
 flex:0 0 auto;
 gap:10px;
}
.site-redesign.stitch-design .header__messengers {
 display:flex;
 flex-direction:row;
 align-items:center;
 gap:4px;
}
.site-redesign.stitch-design .header__messenger {
 width:40px;
 height:44px;
 flex:0 0 40px;
 border:1px solid var(--line);
 border-radius:8px;
 background:#fff;
}
.site-redesign.stitch-design .header__messenger img { width:29px; height:29px; }
.site-redesign.stitch-design .header__phone-block {
 inline-size:174px;
 flex:0 0 174px;
}
.site-redesign.stitch-design .header__phone-block .header__phone {
 inline-size:100%;
 min-inline-size:0;
 font-size:19px;
 font-variant-numeric:tabular-nums;
 white-space:nowrap;
}
.site-redesign.stitch-design .header .nav {
 position:static;
 flex:0 0 auto;
 padding:0;
}
.site-redesign.stitch-design .header .menu {
 flex-direction:row;
 flex-wrap:nowrap;
 gap:16px;
 padding:0;
 margin:0;
 width:auto;
 max-width:none;
}
.site-redesign.stitch-design .header .menu > li { flex:0 0 auto; border:0; }
.site-redesign.stitch-design .header .menu > li > a {
 font-size:12px;
 line-height:1.3;
 white-space:nowrap;
}
.site-redesign.stitch-design .header__cta { display:none; }
.site-redesign.stitch-design .header__region { display:none; }
.site-redesign.stitch-design .header .burger { display:none; }
.site-redesign.stitch-design .header__messenger:focus-visible {
 outline:2px solid #2d6192;
 outline-offset:3px;
}
@media(min-width:1600px) {
 .site-redesign.stitch-design .header__cta { display:flex; }
 .site-redesign.stitch-design .header__region { display:inline; }
}
@media(max-width:1279px) {
 .site-redesign.stitch-design .header__inner { min-height:72px; gap:16px; }
 .site-redesign.stitch-design .header__contacts { margin-left:auto; }
 .site-redesign.stitch-design .header .burger {
  display:grid;
  place-items:center;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border-radius:8px;
  background:var(--orange);
 }
 .site-redesign.stitch-design .header .burger::before,
 .site-redesign.stitch-design .header .burger::after {
  width:14px;
  height:14px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
 }
 .site-redesign.stitch-design .header .burger::before { content:""; background-image:url('../images/icons/burger.svg'); }
 .site-redesign.stitch-design .header .burger::after { content:none; background-image:url('../images/icons/burger-close.svg'); }
 .site-redesign.stitch-design .header .burger.active::before { content:none; }
 .site-redesign.stitch-design .header .burger.active::after { content:""; }
 .site-redesign.stitch-design .header .nav {
  position:absolute;
  inset-inline:0;
  top:100%;
  height:auto;
  max-height:calc(100svh - 72px);
  overflow-y:auto;
  padding:0;
  background:#fff;
  box-shadow:0 12px 24px rgb(0 30 49 / .1);
  opacity:0;
  visibility:hidden;
  transition:opacity .15s ease,visibility .15s ease;
 }
 .site-redesign.stitch-design .header .nav.active { opacity:1; visibility:visible; }
 .site-redesign.stitch-design .header .menu { flex-direction:column; gap:0; padding:12px 24px 20px; width:100%; }
 .site-redesign.stitch-design .header .menu > li:not(:last-child) { border-bottom:1px solid var(--line); }
 .site-redesign.stitch-design .header .menu > li > a { display:block; padding-block:14px; font-size:16px; }
 .site-redesign.stitch-design .hero__backdrop { top:72px; }
 .site-redesign.stitch-design .hero--photo .hero__wrapper { padding-top:112px; }
}
@media(max-width:700px) {
 .site-redesign.stitch-design .header > .container { padding-inline:12px; }
 .site-redesign.stitch-design .header__inner { gap:6px; }
 .site-redesign.stitch-design .header__logo.suhodoma-brand { gap:4px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__mark {
  width:48px; height:48px; flex-basis:48px;
  -webkit-mask-size:108% auto;
  mask-size:108% auto;
 }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__name { font-size:18px; line-height:1.15; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__name > span { display:block; }
 .site-redesign.stitch-design .header__brand-copy { gap:2px; }
 .site-redesign.stitch-design .header__tagline { display:none; }
 .site-redesign.stitch-design .header__contacts { gap:4px; }
 .site-redesign.stitch-design .header__messenger { width:40px; flex-basis:40px; }
 .site-redesign.stitch-design .header__phone-block { inline-size:128px; flex-basis:128px; }
 .site-redesign.stitch-design .header__phone-block .header__phone { font-size:14px; }
 .site-redesign.stitch-design .header__availability { gap:4px; font-size:9px; }
}
@media(max-width:439px) {
 .site-redesign.stitch-design .header > .container { padding-inline:10px; }
 .site-redesign.stitch-design .header__inner { gap:4px; }
 .site-redesign.stitch-design .header__logo.suhodoma-brand { gap:3px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__mark { width:46px; height:46px; flex-basis:46px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__name { font-size:17px; }
 .site-redesign.stitch-design .header__contacts { gap:4px; }
 .site-redesign.stitch-design .header__messenger { width:36px; flex-basis:36px; }
 .site-redesign.stitch-design .header__messenger img { width:28px; height:28px; }
 .site-redesign.stitch-design .header__phone-block { inline-size:118px; flex-basis:118px; }
 .site-redesign.stitch-design .header__phone-block .header__phone { font-size:13px; }
 .site-redesign.stitch-design .header__availability { font-size:8px; }
 .site-redesign.stitch-design .header .burger { width:36px; flex-basis:36px; }
}
@media(max-width:379px) {
 .site-redesign.stitch-design .header > .container { padding-inline:8px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__mark { width:42px; height:42px; flex-basis:42px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__name { font-size:16px; }
 .site-redesign.stitch-design .header__messenger { width:32px; flex-basis:32px; }
 .site-redesign.stitch-design .header__phone-block { inline-size:113px; flex-basis:113px; }
 .site-redesign.stitch-design .header__phone-block .header__phone { font-size:12.5px; }
 .site-redesign.stitch-design .header .burger { width:32px; flex-basis:32px; }
}
@media(max-width:339px) {
 .site-redesign.stitch-design .header__inner { gap:3px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__mark { width:40px; height:40px; flex-basis:40px; }
 .site-redesign.stitch-design .header__logo .suhodoma-brand__name { font-size:14px; }
 .site-redesign.stitch-design .header__phone-block { inline-size:108px; flex-basis:108px; }
 .site-redesign.stitch-design .header__phone-block .header__phone { font-size:12px; }
 .site-redesign.stitch-design .header .burger { width:28px; flex-basis:28px; }
}