.global-search-area {
   background: #f2f3f6;
   padding: 18px 0;
   border-bottom: 1px solid #e7e8ec;
}

.global-search-wrap {
   max-width: 640px;
   margin: 0 auto;
   position: relative;
}

.global-search-input-wrap {
   display: flex;
   align-items: center;
   background: #f8f9fb;
   border: 1px solid #d7dbe3;
   border-radius: 10px;
   padding: 0 10px 0 16px;
}

.global-search-input {
   flex: 1;
   border: 0;
   background: transparent;
   height: 48px;
   font-size: 20px;
   color: #24304a;
}

.global-search-input::placeholder {
   color: #94a3b8;
   opacity: 0.8;
}

.global-search-input:focus {
   outline: none;
}

.global-search-btn {
   border: 0;
   background: transparent;
   color: #1f2a44;
   font-size: 18px;
   width: 38px;
   height: 38px;
}

.global-search-results {
   position: absolute;
   top: calc(100% + 6px);
   left: 0;
   right: 0;
   background: #fff;
   border: 1px solid #d8dce4;
   border-radius: 10px;
   box-shadow: 0 10px 30px rgba(17, 24, 39, 0.08);
   z-index: 30;
   display: none;
   max-height: 340px;
   overflow-y: auto;
}

.global-search-results.is-open {
   display: block;
}

.global-search-item {
   display: flex;
   justify-content: space-between;
   gap: 12px;
   padding: 10px 14px;
   border-bottom: 1px solid #eceff4;
   color: #202a40;
}

.global-search-item:last-child {
   border-bottom: 0;
}

.global-search-item:hover {
   background: #f7f9fc;
}

.global-search-type {
   font-size: 12px;
   color: #667085;
   text-transform: uppercase;
}

.header-nav-row {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 22px;
   min-height: 76px;
}

.header-logo-slot {
   position: relative;
   display: block;
   width: 180px;
   height: 46px;
   flex: 0 0 180px;
   overflow: visible;
}

.header-logo-slot img {
   position: absolute;
   top: 50%;
   left: 0;
   height: 130px;
   width: auto;
   max-width: none;
   transform: translateY(-50%);
}

.header-center-nav {
   flex: 1 1 auto;
   min-width: 0;
   display: flex;
   justify-content: center;
}

.header-center-nav .main-menu nav ul {
   display: flex;
   align-items: center;
   gap: 20px;
   margin: 0;
   padding: 0;
   list-style: none;
}

.header-center-nav .main-menu nav ul li a {
   white-space: nowrap;
   font-size: 15px !important;
}

.menu-contact {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 10px;
   flex: 0 0 auto;
}

.menu-contact a,
.menu-contact span {
   white-space: nowrap;
   margin: 0;
}

.menu-contact form {
   margin: 0;
}

@media (max-width: 768px) {
   .global-search-input {
      font-size: 16px;
      height: 44px;
   }
}
