.site-header .wrap { max-width: none; padding-left: 1.5rem; padding-right: 1.5rem; flex-wrap: nowrap; }
.site-header .logo { order: 0; flex: none; }
.site-header .ts-search { order: 1; }
.site-header .nav-desktop { order: 2; margin-left: 0; flex: none; }
.site-header .quote-count { order: 3; flex: none; }
.site-header .head-contact { order: 4; }
.site-header .nav-mobile { order: 5; }


.ts-search { position: relative; display: flex; flex: 1 1 18rem; max-width: 26rem; min-width: 9rem; margin: 0 auto 0 1.25rem; }
.ts-search input { flex: 1; min-width: 0; height: 2.25rem; padding: 0 .75rem; border: 1px solid rgb(245 240 230 / .3); border-right: 0; border-radius: 3px 0 0 3px;
  background: #262626; color: #f5f0e6; font: inherit; font-size: .9rem; }
.ts-search input::placeholder { color: #a8a294; opacity: 1; }
.ts-search input:focus { outline: 2px solid #c9a45c; outline-offset: -1px; }
.ts-search input::-webkit-search-cancel-button { filter: invert(1); }
.ts-go { flex: none; width: 2.5rem; height: 2.25rem; display: grid; place-items: center; border: 1px solid #c9a45c; border-radius: 0 3px 3px 0; background: #c9a45c; color: #111; cursor: pointer; }
.ts-go:hover { background: #d8b673; }
.ts-go:focus-visible { outline: 2px solid #f5f0e6; outline-offset: 2px; }
.ts-res { position: absolute; top: calc(100% + .45rem); left: 0; z-index: 60; width: max(100%, 22rem); max-width: calc(100vw - 2rem); max-height: 70vh; overflow-y: auto;
  margin: 0; padding: .35rem 0; list-style: none; background: #fff; color: #2b3a33; border: 1px solid #d0d0d0; border-radius: 6px; box-shadow: 0 14px 32px rgb(0 0 0 / .25); font-size: 1rem; }
.ts-res[hidden] { display: none; }
.ts-res a { display: grid; grid-template-columns: 3rem 1fr; align-items: center; gap: .75rem; padding: .45rem .8rem; color: inherit; text-decoration: none; }
.ts-res li[aria-selected="true"] a, .ts-res a:hover { background: #f2efe8; }
.ts-res img, .ts-res .ts-ph { width: 3rem; height: 3rem; object-fit: contain; background: #fff; border-radius: 3px; }
.ts-res .ts-ph { display: grid; place-items: center; background: #f2f2f2; color: #55635b; font-size: .7rem; }
.ts-res .ts-t { display: block; font-weight: 600; font-size: .95rem; line-height: 1.25; }
.ts-res .ts-m { display: block; color: #55635b; font-size: .8rem; }
.ts-res .ts-none { padding: .7rem .9rem; color: #55635b; }


.head-contact { display: flex; gap: .4rem; margin: 0 0 0 .5rem; flex: none; }
.hc-btn { width: 2.25rem; height: 2.25rem; display: grid; place-items: center; border: 1px solid rgb(245 240 230 / .35); border-radius: 50%; color: #c9a45c; text-decoration: none; }
a.hc-btn:hover, a.hc-btn:focus-visible { background: #c9a45c; color: #111; border-color: #c9a45c; }
.hc-tbc { opacity: .55; cursor: help; }


@media (max-width: 63.999rem) {
  .site-header .wrap { flex-wrap: wrap; padding-left: 1rem; padding-right: 1rem; row-gap: .5rem; }
  .site-header .logo { margin-right: auto; }
  .site-header .quote-count { order: 1; }
  .site-header .nav-mobile { order: 2; }
  .site-header .ts-search { order: 3; flex: 1 1 auto; max-width: none; margin: 0 0 .6rem; }
  .site-header .head-contact { order: 4; margin: 0 0 .6rem .4rem; }
  .ts-res { width: auto; right: 0; }
}


@media (min-width: 64rem) {
  .site-header .wrap { max-width: none; margin-left: 0; margin-right: 0;
    padding-left: clamp(1.5rem, calc((100vw - 1100px) / 2), 124px); padding-right: clamp(1.5rem, calc((100vw - 1090px) / 2), 138px); }
  .ts-search { margin-left: 1rem; min-width: 8rem; }
}