.header {position: sticky;top: 0;width: 100%; z-index: 1000;background-color: var(--color-white);box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.1), 0px 2px 2px rgba(0, 0, 0, 0.1);}
.header__top-bar {background: linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-footer-social-bg) 100%);height: 44px;}
.header__top-bar-inner {display: flex;justify-content: space-between;align-items: center;height: 44px;}
.header__social {display: flex;align-items: center;gap: 36px;}
.header__social-link {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;transition: all var(--transition-fast);}
.header__social-link img{width: 100%;height: 100%;object-fit: contain;}
.header__social-link:hover {transform: translateY(-2px);}
.header__contact {display: flex;align-items: center;gap: 24px;}
.header__contact-item {display: flex;align-items: center;gap: 8px;color: var(--color-white);font-size: var(--font-size-14);font-weight: 500;}
.header__contact-item .header__icon {font-size: 16px;color: rgba(255, 255, 255, 0.85);}
.header__lang {position: relative;z-index: 50;}
.header__lang-current {display: flex;align-items: center;gap: 6px;padding: 6px 12px;color: var(--color-white);font-size: var(--font-size-14);font-weight: 500;border-radius: 4px;cursor: pointer;transition: all var(--transition-fast);white-space: nowrap;}
.header__lang-current:hover {background-color: rgba(255, 255, 255, 0.1);}
.header__lang-arrow {font-size: 12px;transition: transform 0.25s ease;}
.header__lang:hover .header__lang-arrow {transform: rotate(180deg);}
.header__lang:hover .header__lang-current {background-color: rgba(255, 255, 255, 0.15);}
.header__lang-dropdown {position: absolute;top: 100%;right: 0;margin-top: 4px;min-width: 160px;background-color: var(--color-white);border-radius: 8px;box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.15);padding: 6px;list-style: none;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: all 0.25s ease;}
.header__lang:hover .header__lang-dropdown {opacity: 1;visibility: visible;transform: translateY(0);}
.header__lang-option {display: flex;align-items: center;justify-content: space-between;padding: 10px 14px;border-radius: 6px;font-size: 14px;color: var(--color-body-text);cursor: pointer;transition: all var(--transition-fast);}
.header__lang-option:hover {background-color: #f4f5f7;color: var(--color-title-dark);}
.header__lang-option--active {color: var(--color-accent);font-weight: 600;}
.header__nav-bar {background-color: var(--color-white);height: 96px;border-bottom: 1px solid var(--color-nav-border);}
.header__nav-inner {display: flex;align-items: center;justify-content: space-between;height: 96px;}
.header__logo {display: flex;align-items: center;flex-shrink: 0;}
.header__logo-img {height: 96px;width: auto;max-width: 285px;object-fit: contain;}
.header__nav {display: flex;align-items: center;}
.header__nav-list {display: flex;align-items: center;gap: 40px;}
.header__nav-item {position: relative;height: 40px;display: flex;align-items: center;}
.header__nav-link {font-size: 16px;font-weight: 600;color: var(--color-nav-inactive);letter-spacing: -0.3125px;line-height: 24px;white-space: nowrap;transition: color var(--transition-fast);}
.header__nav-link:hover {color: var(--color-accent);}
.header__nav-item--active .header__nav-link {color: var(--color-accent);}
.header__nav-indicator {display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 4px;background-color: var(--color-accent);border-radius: 9999px;}
.header__nav-item:not(.header__nav-item--active) .header__nav-indicator {display: none;}
.header__actions {display: flex;align-items: center;gap: 8px;}
.header__search-btn {display: flex;align-items: center;justify-content: center;width: 52px;height: 50px;border-radius: 50%;background: none;cursor: pointer;font-size: var(--font-size-18);padding: 12px;transition: all var(--transition-fast);border:0;}
.header__search-btn:hover {transform: translateY(-3px);}
.header__mobile-toggle {display: none;flex-direction: column;gap: 5px;padding: 8px;background: none;border: none;cursor: pointer;z-index: 1001;}
.header__mobile-toggle span {display: block;width: 24px;height: 2px;background-color: var(--color-title-dark);border-radius: 2px;transition: all 0.3s ease;transform-origin: center;}
.header--mobile-open .header__mobile-toggle span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.header--mobile-open .header__mobile-toggle span:nth-child(2) {opacity: 0;transform: scaleX(0);}
.header--mobile-open .header__mobile-toggle span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.header__nav-arrow {margin-left: 4px;transition: transform var(--transition-fast);}
.header__nav-arrow img{filter: invert(1);}ty
.header__nav-item--dropdown:hover .header__nav-arrow {transform: rotate(180deg);}
.header__dropdown {position: absolute;top: 100%;left: 50%;transform: translateX(-50%);padding-top: 16px;opacity: 0;visibility: hidden;transition: opacity 0.25s ease, visibility 0.25s ease;z-index: 100;}
.header__nav-item--dropdown:hover .header__dropdown,
.header__dropdown--show {opacity: 1;visibility: visible;}
.header__dropdown-inner {background-color: var(--color-white);border-radius: 12px;box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.12), 0px 4px 12px rgba(0, 0, 0, 0.08);padding: 12px 8px;min-width: 240px;}
.header__dropdown-item {display: flex;align-items: center;padding: 12px 18px;border-radius: 8px;font-size: 15px;font-weight: 500;color: var(--color-body-text);transition: all var(--transition-fast);white-space: nowrap;text-decoration: none;}
.header__dropdown-item:hover {background-color: #fff7ed;color: var(--color-accent);}
.search-overlay {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;display: flex;align-items: flex-start;justify-content: center;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;}
.search-overlay--open {opacity: 1;visibility: visible;}
.search-overlay__bg {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);backdrop-filter: blur(4px);}
.search-overlay__panel {position: relative;margin-top: 20vh;width: 100%;max-width: 720px;background-color: var(--color-white);border-radius: 16px;box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.2);overflow: hidden;transform: translateY(-20px);transition: transform 0.3s ease;}
.search-overlay--open .search-overlay__panel {transform: translateY(0);}
.search-overlay__header {display: flex;align-items: center;justify-content: space-between;padding: 16px 24px;border-bottom: 1px solid var(--color-nav-border);}
.search-overlay__logo img {height: 48px;width: auto;}
.search-overlay__close {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;transition: all var(--transition-fast);}
.search-overlay__close:hover {transform: scale(1.03);}
.search-overlay__body {padding: 32px 24px 40px;}
.search-overlay__input-wrap {position: relative;display: flex;align-items: center;}
.search-overlay__input-icon {position: absolute;left: 20px;font-size: 22px;color: var(--color-light-text);pointer-events: none;}
.search-overlay__input {width: 100%;height: 60px;padding: 0 56px 0 56px;border: 2px solid var(--color-nav-border);border-radius: 12px;font-size: 18px;font-family: var(--font-primary);color: var(--color-title-dark);outline: none;transition: border-color var(--transition-fast);}
.search-overlay__input:focus {border-color: var(--color-accent);}
.search-overlay__input::placeholder {color: var(--color-light-text);}
@media (max-width: 1200px) {
  .header__top-bar {display: none;}
  .header__nav-bar {height: 72px;}
  .header__nav-inner {height: 72px;}
  .header__logo-img {height: 60px;max-width: 200px;}
  .header__nav {display: none;}
  .header__mobile-toggle {display: flex;}
  .header--mobile-open .header__nav {display: block;position: fixed;top: 72px;left: 0;right: 0;bottom: 0;background-color: var(--color-white);padding: 16px 20px;border-top: 1px solid var(--color-nav-border);box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);overflow-y: auto;z-index: 999;}
  .header--mobile-open .header__nav-list {flex-direction: column;gap: 0;align-items: stretch;}
  .header--mobile-open .header__nav-item {padding: 0;height: auto;flex-direction: column;align-items: stretch;}
  .header--mobile-open .header__nav-link {position: static;display: flex;align-items: center;justify-content: space-between;padding: 14px 16px;border-bottom: 1px solid var(--color-nav-border);font-size: var(--font-size-16);font-weight: 600;}
  .header--mobile-open .header__nav-indicator {display: none !important;}
  .header--mobile-open .header__nav-arrow {display: inline-block;transition: transform 0.3s ease;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
  .header--mobile-open .header__nav-arrow--open {transform:rotate(180deg) translateY(0);top:18px;}
  .header--mobile-open .header__dropdown {position: static;transform: none;padding-top: 0;opacity: 1;visibility: visible;max-height: 0;overflow: hidden;transition: max-height 0.35s ease;}
  .header--mobile-open .header__dropdown--show {max-height: 300px;}
  .header--mobile-open .header__dropdown-inner {box-shadow: none;border-radius: 0;padding: 4px 0 8px 0;min-width: auto;background-color: #f9fafb;}
  .header--mobile-open .header__dropdown-item {padding: 12px 32px;font-size: 14px;border-bottom: 1px solid #f3f4f6;}
  .search-overlay__panel {margin: 10vh 16px 0;max-width: none;border-radius: 14px;}
  .search-overlay__body {padding: 24px 20px 32px;}
  .search-overlay__input {height: 52px;font-size: 16px;padding: 0 48px 0 48px;}
}
@media (max-width: 767.98px) {
  .header{position: fixed;}
  .header__nav-bar {height: 64px;}
  .header__nav-inner {height: 64px;}
  .header__logo-img {height: 44px;max-width: 150px;}
  .header--mobile-open .header__nav {top: 64px;}
  .header__search-btn {width: 40px;height: 40px;padding: 8px;}
}
@media (max-width: 575.98px) {
  .header__nav-bar {height: 56px;}
  .header__nav-inner {height: 56px;}
  .header__logo-img {height: 38px;max-width: 130px;}
  .header--mobile-open .header__nav {top: 56px;}
  .header__search-btn {width: 36px;height: 36px;}
  .header__mobile-toggle {padding: 6px;}
  .header__mobile-toggle span {width: 22px;height: 2px;}
  .search-overlay__panel {margin: 6vh 12px 0;max-width: none;border-radius: 12px;}
  .search-overlay__body {padding: 20px 16px 24px;}
  .search-overlay__input {height: 48px;font-size: 15px;padding: 0 44px 0 44px;}
}