@media (min-width: 769px) and (max-width: 1199px) {
      /* Header: DARK glass + FIXED at top, same as mobile */
      html body.scandi-theme-night header#header,
      html body.scandi-theme-night #header,
      html body header#header.scandi-fenh,
      html body header.scandi-fenh#header,
      html body #header {
        background: #1a1410 !important;
        background-color: #1a1410 !important;
        background-image: none !important;
        border-bottom: 1px solid rgba(193, 154, 91, 0.32) !important;
        box-shadow: 0 4px 24px rgba(0, 0, 0, 0.40), 0 1px 0 rgba(193, 154, 91, 0.45) !important;
        padding: 0 !important;
        min-height: 60px !important;
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        z-index: 2147483647 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        opacity: 1 !important;
      }
      /* Don't break position:fixed potomкаm */
      html body,
      html body #main-wrapper,
      html body #content,
      html body main#content {
        transform: none !important;
        filter: none !important;
        perspective: none !important;
      }
      html body #header::before,
      html body #header::after { display: none !important; }
      /* Spacer so hero isn't hidden under fixed header */
      html body { padding-top: 60px !important; }
      html body::before {
        content: '' !important;
        position: fixed !important;
        top: 0 !important; left: 0 !important; right: 0 !important;
        height: 60px !important;
        background: #1a1410 !important;
        z-index: 1 !important;
        pointer-events: none !important;
      }
      /* Container/in flexbox — give logo more breathing room than mobile */
      html body #header .container {
        position: relative !important;
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
      }
      html body #header .container .in {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;
        gap: 16px !important;
        padding: 8px 64px 8px 24px !important;
        position: relative !important;
        max-width: 100% !important;
        width: 100% !important;
        min-height: 60px !important;
      }
      /* LEFT: deer + "Сканди ЭкоДом" — bigger at intermediate widths */
      html body #header .left {
        flex: 0 0 auto !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
        order: 1 !important;
        position: static !important;
      }
      html body #header .site-logo {
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 10px !important;
      }
      html body #header .site-logo::before {
        width: 44px !important;
        height: 44px !important;
        flex: 0 0 44px !important;
      }
      html body #header .site-logo .b-title,
      html body #header .left .site-logo span.b-title.bt16.bold,
      html body #header .left .site-logo .b-title.bt16.bold,
      html body #header .left .site-logo span.b-title,
      html body #header .left a.site-logo span.b-title.bt16 {
        font-style: normal !important;
        font-family: var(--font-display), Manrope, sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        letter-spacing: -0.01em !important;
        line-height: 1.1 !important;
        text-transform: none !important;
        color: #f3ecdc !important;
        -webkit-text-fill-color: #f3ecdc !important;
        max-width: 110px !important;
        white-space: normal !important;
        text-align: left !important;
        overflow: visible !important;
        display: inline-block !important;
      }
      /* "Эко" inner gold */
      html body #header .site-logo .b-title > span,
      html body #header .site-logo .b-title span[style*="rgb(193"],
      html body #header .site-logo span[style*="color"] {
        color: #c19a5b !important;
        -webkit-text-fill-color: #c19a5b !important;
        font-weight: 700 !important;
      }
      html body #header .left .slogan { display: none !important; }
      /* BURGER pinned far right */
      html body #header button.scandi-burger,
      html body #header .scandi-burger {
        position: absolute !important;
        top: 50% !important;
        right: 16px !important;
        left: auto !important;
        transform: translateY(-50%) !important;
        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
        order: 99 !important;
        flex: 0 0 40px !important;
        z-index: 10 !important;
        background: transparent !important;
        background-image: none !important;
        border: none !important;
        outline: none !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 5px !important;
        cursor: pointer !important;
      }
      /* Span lines — beat parent :nth-child(N) selector (0,3,2) with own :nth-child */
      html body #header button.scandi-burger > span:nth-child(1),
      html body #header button.scandi-burger > span:nth-child(2),
      html body #header button.scandi-burger > span:nth-child(3),
      html body #header .scandi-burger > span:nth-child(1),
      html body #header .scandi-burger > span:nth-child(2),
      html body #header .scandi-burger > span:nth-child(3),
      html body #header button.scandi-burger > span,
      html body #header .scandi-burger > span {
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: 26px !important;
        height: 2px !important;
        max-height: 2px !important;
        background: #f3ecdc !important;
        background-color: #f3ecdc !important;
        border-radius: 1px !important;
        margin: 0 !important;
      }
      /* Kill parent unification.css ::after "Меню" text in intermediate range too */
      html body #header button.scandi-burger::after,
      html body #header .scandi-burger::after,
      html body #header button.scandi-burger::before,
      html body #header .scandi-burger::before {
        content: '' !important;
        display: none !important;
        width: 0 !important;
        height: 0 !important;
      }
      /* Force burger out of "pill with label" mode — round bare-icon button.
         font-size:0 hides any text remnant; color stays cream so currentColor
         children (if any leak through) remain visible. */
      html body #header button.scandi-burger,
      html body #header .scandi-burger {
        min-width: 40px !important;
        max-width: 40px !important;
        width: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border: none !important;
        border-radius: 50% !important;
        background: transparent !important;
        color: #f3ecdc !important;
        font-size: 0 !important;
        line-height: 0 !important;
        letter-spacing: 0 !important;
        gap: 5px !important;
      }
      /* HIDE clutter — same set as mobile + intermediate-only items */
      html body #header .scandi-theme-toggle,
      html body #header .open-menu-icon,
      html body #header .open-menu-icon-wrap,
      html body #header .right .mail,
      html body #header .right .mail-top,
      html body #header .right .messengers,
      html body #header .right .cb-link,
      html body #header .right .top .cb-link,
      html body #header .right .top .phone-wrapper .cb-link,
      html body #header .right .city-buttons,
      html body #header .right .top .city-buttons,
      html body #header .right .phone-wrapper .city-buttons,
      html body #header .right .phone-wrapper .icon,
      html body #header .right .phone-wrapper > style,
      html body #header .right .wrap-search-form,
      html body #header .right .search-but,
      html body #header .right .worktime-lk-wrap,
      html body #header .right .top .worktime-lk-wrap,
      html body #header .right .client-login-hdr,
      html body #header .right .top .client-login-hdr,
      html body #header .right .work-time,
      html body #header .right .top .work-time,
      html body #header .right .bottom,
      html body #header.scrolled .right .bottom,
      html body #header [class*="theme-toggle"],
      html body #header [class*="theme-switch"],
      html body #header [class*="theme-mode"],
      html body #header [class*="night"],
      html body #header [class*="day-night"] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
      }
      /* Beat unification.css gold-pill .telTo.scandi-phone-active (0,5,3) — match same specificity */
      html body #header .right .top .wrap-phones .telTo,
      html body #header .right .top .wrap-phones .telTo.scandi-phone-active,
      html body #header .right .top .wrap-phones .telTo.scandi-phone-inactive,
      html body #header .right .top .wrap-phones .telTo.active,
      html body #header .right .top .wrap-phones .telTo.inactive,
      html body #header .right .top .wrap-phones > div,
      html body #header .right .top .wrap-phones > .b-title {
        background: transparent !important;
        background-image: none !important;
        background-color: transparent !important;
        box-shadow: none !important;
        border: none !important;
        border-radius: 0 !important;
        padding: 0 !important;
        opacity: 1 !important;
        color: #f3ecdc !important;
        -webkit-text-fill-color: #f3ecdc !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
      }
      /* City label ::before — show "СПБ"/"МСК" eyebrow */
      html body #header .right .top .wrap-phones .telTo.phones-0::before,
      html body #header .right .top .wrap-phones > .b-title.phones-0::before {
        content: 'СПБ' !important;
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: rgba(243, 236, 220, 0.55) !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 6px 0 0 !important;
        line-height: 1 !important;
        opacity: 1 !important;
      }
      html body #header .right .top .wrap-phones .telTo.phones-1::before,
      html body #header .right .top .wrap-phones > .b-title.phones-1::before {
        content: 'МСК' !important;
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: rgba(243, 236, 220, 0.55) !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 6px 0 0 !important;
        line-height: 1 !important;
        opacity: 1 !important;
      }
      /* Phone <a> inside .telTo — light cream, no link styles */
      html body #header .right .top .wrap-phones .telTo a,
      html body #header .right .top .wrap-phones > .b-title a {
        display: inline-block !important;
        font-family: var(--font-display, 'Manrope'), sans-serif !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #f3ecdc !important;
        -webkit-text-fill-color: #f3ecdc !important;
        text-decoration: none !important;
        background: transparent !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
      }
      /* RIGHT: phones only */
      html body #header .right {
        display: flex !important;
        flex: 1 1 auto !important;
        order: 2 !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 48px 0 0 !important;
      }
      html body #header .right > .top {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 2px !important;
        flex: 1 !important;
      }
      html body #header .right .phone-wrapper,
      html body #header .right .phone {
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        position: static !important;
      }
      html body #header .right .wrap-phones {
        display: flex !important;
        flex-direction: column !important;
        gap: 2px !important;
        align-items: flex-end !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
      }
      html body #header .wrap-phones > .b-title.phones-0,
      html body #header .wrap-phones > .b-title.phones-1,
      html body #header .wrap-phones > .b-title {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        width: auto !important;
        height: auto !important;
        visibility: visible !important;
      }
      html body #header .wrap-phones > .b-title::before {
        content: attr(data-city) !important;
        display: inline-block !important;
        font-size: 10px !important;
        font-weight: 700 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        color: rgba(243, 236, 220, 0.55) !important;
        margin-right: 6px !important;
        line-height: 1 !important;
      }
      html body #header .wrap-phones > .b-title a {
        display: inline-block !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        color: #f3ecdc !important;
        -webkit-text-fill-color: #f3ecdc !important;
        text-decoration: none !important;
        padding: 0 !important;
        margin: 0 !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
      }
      /* Hide popup widgets in this range too */
      #scandi-widget, .sw-root, .sw-notify, .sw-visible,
      [class*="callbackhunter"], [class*="ch-button"], [class*="ch-widget"],
      [class*="jivo"], [class*="manychat"] {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
      }
    }