/* ═══════════════════════════════════════════════════════════════════
   Header "modern" pass (2026-09-22) — SAME structure and positions as
   before (utility row, nav, quote + order, call bar, schedule tab), only
   the shapes change: square blocks → rounded pills with breathing room.
   Desktop only (≥1024px); the mobile header is untouched.
   ═══════════════════════════════════════════════════════════════════ */
@media (min-width: 1024px) {
  header .header-container { background: #f4f3f0; box-shadow: 0 4px 18px rgba(12, 59, 46, .08); }

  /* utility row: one rounded panel instead of nine gray boxes */
  header .header-nav__top ul { background: #e7e6e2; border-radius: 0 0 0 18px; padding: 0 6px 0 14px; align-items: center; }
  header .header-nav__top li, header .header-nav__top ul li.offline-quota-li { background: transparent !important; padding: 13px 18px !important; }
  header .header-nav__top li a { transition: color .15s ease; }
  header .header-nav__top li a:hover { color: #008752; }
  header .header-nav__top li.offline-quota-li { padding: 0 0 0 8px !important; }
  header .header-nav__top li.offline-quota-li a.offline-quota-btn {
    display: inline-flex; align-items: center; background: #db7100; color: #fff !important; border-radius: 999px;
    padding: 7px 16px; font-size: 16px; line-height: 1; white-space: nowrap; box-shadow: 0 3px 10px rgba(219, 113, 0, .28); transition: background .15s ease, transform .15s ease; }
  header .header-nav__top li.offline-quota-li a.offline-quota-btn:hover { background: #c56500; transform: translateY(-1px); }

  /* main nav: soft rounded hover */
  header .header-nav__bottom > ul > li > a,
  header .header-nav__bottom .header-menu > li > a { border-radius: 10px; transition: background .15s ease, color .15s ease; }
  header .header-nav__bottom > ul > li > a:hover,
  header .header-nav__bottom .header-menu > li > a:hover { background: #e3ebe6; color: #0c3b2e; }

  /* search: round icon button */
  header .header-search__btn { width: 40px !important; height: 40px !important; border-radius: 50%; background: #fff;
    display: inline-flex !important; align-items: center; justify-content: center; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }

  /* quote + order: pills inside the same 60px slot */
  header .online-block-top { display: flex; align-items: center; gap: 8px; padding: 0 16px 0 4px; height: 60px; box-sizing: border-box; }
  header .online-quote.for-pc { width: auto !important; flex: 0 0 auto; }
  header .online-quote.for-pc .online-quote__btn, header .header-cart { white-space: nowrap !important; overflow: visible !important; }
  header .online-block-top > * { flex: 0 0 auto; }
  header .online-quote.for-pc .online-quote__btn {
    display: inline-flex !important; align-items: center; font-size: 19px !important;
    height: 46px !important; line-height: 46px !important; border-radius: 999px; padding: 0 24px !important; width: auto !important;
    box-shadow: 0 4px 12px rgba(0, 135, 82, .28); transition: background .15s ease, transform .15s ease; }
  header .online-quote.for-pc .online-quote__btn:hover { transform: translateY(-1px); }
  header .online-quote.for-pc .online-quote__dropdown { border-radius: 14px; overflow: hidden; top: calc(100% + 6px); box-shadow: 0 12px 30px rgba(0, 0, 0, .15); }
  header .header-cart { height: 46px !important; line-height: 46px !important; border-radius: 999px; background: transparent !important;
    border: 1.5px solid #cfcac3; color: #6b625b !important; padding: 0 18px !important; width: auto !important; min-width: 0 !important; font-size: 17px !important; display: inline-flex !important; align-items: center; gap: 5px; }
  header .header-cart:not(.disabled) { border-color: #6b625b; color: #1f2a30 !important; }

  /* call + schedule: floating pills 8px below the header, still side by side */
  header .online-block-wrap .phone-header { top: calc(100% + 8px) !important; left: 0; right: 16px; width: auto; }
  header .online-block-wrap .phone-header .phone-header-btn { width: 100%; border-radius: 999px; box-shadow: 0 6px 16px rgba(219, 113, 0, .3); }
  header .online-block-wrap .phone-header .phone-header-btn a { color: #fff !important; font-family: 'Roboto Condensed', Roboto, Arial, sans-serif !important; font-weight: 700; letter-spacing: .01em; }
  header .online-block-wrap .schedule-header { top: calc(100% + 8px) !important; right: calc(100% + 8px) !important; border-radius: 999px;
    box-shadow: 0 6px 16px rgba(0, 135, 82, .3); overflow: hidden; }
  header .online-block-wrap .schedule-header a { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 22px; }
  header .online-block-wrap .phone-header .phone-header-btn:hover,
  header .online-block-wrap .schedule-header:hover { filter: brightness(1.06); }
}
@media (prefers-reduced-motion: reduce) {
  header .online-quote__btn, header .offline-quota-btn { transition: none !important; transform: none !important; }
}