﻿.site-header {position:sticky; top:0; z-index:9000; background:#000; box-shadow:0 2px 20px rgba(0, 0, 0, .08);}
.site-header__inner {display:flex; align-items:center; justify-content:space-between; gap:16px; padding:0 40px; height:80px;}

@media (max-width: 1199px) {
.site-header__inner {padding:0 20px;}
}

.site-header__logo {display:block; flex-shrink:0; line-height:0;}
.site-header__logo img {width:150px; height:auto;}

@media (min-width: 1200px) {
.site-header__nav {flex:1; display:flex !important; align-items:center; justify-content:center; position:static !important; width:auto !important; height:auto !important; transform:none !important; background:transparent !important; box-shadow:none !important; overflow:visible !important; padding:0 !important;}
.site-header__panel-header, .site-header__panel-contact, .nav__toggle {display:none !important;}
.nav__list {display:flex; list-style:none; margin:0; padding:0;}
.nav__item {position:relative;}
.nav__item-row {display:flex; align-items:center;}
.nav__link {display:inline-flex; align-items:center; gap:6px; padding:0 16px; height:80px; font-size:15px; font-weight:500; color:#fff; text-decoration:none; white-space:nowrap; transition:color .2s; position:relative;}
.nav__item:hover > .nav__item-row > .nav__link, .nav__item--active > .nav__item-row > .nav__link {color:var(--clr-theme-1, #f5481d);}
.nav__item:hover > .nav__item-row > .nav__link::after, .nav__item--active > .nav__item-row > .nav__link::after {transform:scaleX(1);}
.nav__arrow {display:inline-block; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .22s; flex-shrink:0; margin-top:2px;}
.nav__item--has-dropdown:hover > .nav__item-row > .nav__link .nav__arrow {transform:rotate(225deg) translateY(2px);}
.nav__dropdown {position:absolute; top:100%; left:16px; list-style:none; margin:0; padding:0; min-width:290px; background:#fff; border-top:3px solid var(--clr-theme-1, #f5481d); border-radius:0 0 10px 10px; box-shadow:0 12px 40px rgba(0, 0, 0, .13); opacity:0; visibility:hidden; transform:translateY(10px); transition:opacity .22s ease, transform .22s ease, visibility 0s .22s; z-index:100;}
.nav__item--has-dropdown:hover > .nav__dropdown {opacity:1; visibility:visible; transform:translateY(0); transition:opacity .22s ease, transform .22s ease;}
.nav__dropdown-item {position:relative; border-bottom:1px solid #eee;}
.nav__dropdown-item:last-child {border-bottom:0;}
.nav__dropdown-row {display:flex; align-items:center;}
.nav__cat-label {display:flex; align-items:center; justify-content:space-between; width:100%; padding:10px 20px; font-size:14px; font-weight:500; color:var(--clr-common-text, #555); cursor:default; transition:color .18s, padding-left .18s, background .18s; line-height:normal;}
.nav__cat-label:last-child {border-bottom:none;}
.nav__cat-label::after {content:"\f054"; font-family:"Font Awesome 5 Pro"; font-weight:400; font-size:11px; flex-shrink:0; transition:transform .2s, color .18s;}
.nav__dropdown-item--has-sub:hover > .nav__dropdown-row > .nav__cat-label {color:var(--clr-theme-1, #f5481d); padding-left:26px; background:rgba(245, 72, 29, .04);}
.nav__dropdown-link {display:block; width:100%; padding:5px 20px; font-size:14px; color:var(--clr-common-text, #555); text-decoration:none; transition:color .18s, padding-left .18s, background .18s;}
.nav__dropdown-link:hover, .nav__dropdown-link--svc:hover {color:var(--clr-theme-1, #f5481d); padding-left:28px; background:rgba(245, 72, 29, .04);}
.nav__dropdown--sub {top:-3px; left:100%; transform:translateX(10px); border-top:3px solid var(--clr-theme-1, #f5481d);}
.nav__dropdown-item--has-sub:hover > .nav__dropdown--sub {opacity:1; visibility:visible; transform:translateX(0); transition:opacity .22s ease, transform .22s ease;}
}

@media (max-width: 1199px) {
.site-header__nav {position:fixed; inset:0 auto 0 0; width:min(360px, 90vw); height:100%; background:#000; z-index:10000; overflow-y:auto; overscroll-behavior:contain; box-shadow:6px 0 40px rgba(0, 0, 0, .18); transform:translateX(-100%); transition:transform .38s cubic-bezier(.4, 0, .2, 1); padding-bottom:24px;}
.site-header__nav.nav--open {transform:translateX(0);}
.site-header__panel-header {display:flex; align-items:center; justify-content:space-between; padding:16px 20px; border-bottom:1px solid #f0f0f0; position:sticky; top:0; background:#000; z-index:1;}
.site-header__panel-logo {display:block; line-height:0;}
.site-header__panel-logo img {width:120px; height:auto;}
.site-header__panel-close {width:36px; height:36px; border:none; border-radius:50%; background:var(--clr-theme-1, #f5481d); cursor:pointer; font-size:15px; display:flex; align-items:center; justify-content:center; color:#fff; transition:background .2s, transform .2s; flex-shrink:0;}
.nav__list {list-style:none; margin:0; padding:4px 0;}
.nav__item-row {display:flex; align-items:stretch; border-bottom:1px solid #f2f2f2;}
.nav__link {flex:1; display:flex; align-items:center; padding:14px 20px; font-size:15px; font-weight:500; color:#fff; text-decoration:none; transition:color .2s;}
.nav__arrow {display:none;}
.nav__toggle {flex-shrink:0; width:46px; display:flex; align-items:center; justify-content:center; background:none; border:none; border-left:1px solid #f2f2f2; cursor:pointer; color:#fff; transition:color .2s, background .2s;}
.nav__toggle:hover {background:rgba(245, 72, 29, .06); color:#fff;}
.nav__toggle i {transition:transform .3s cubic-bezier(.4, 0, .2, 1);}
.nav__item--open > .nav__item-row .nav__toggle i, .nav__dropdown-item--open > .nav__dropdown-row .nav__toggle i {transform:rotate(45deg); color:var(--clr-theme-1, #f5481d);}
.nav__dropdown {list-style:none; margin:0; padding:0; max-height:0; overflow:hidden; background:#000; transition:max-height .38s cubic-bezier(.4, 0, .2, 1);}
.nav__item--open > .nav__dropdown, .nav__dropdown-item--open > .nav__dropdown--sub {max-height:2000px;}
.nav__dropdown-row {display:flex; align-items:stretch; border-bottom:1px solid #ebebeb;}
.nav__cat-label {flex:1; display:flex; align-items:center; padding:11px 20px 11px 28px; font-size:12px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#999;}
.nav__cat-label::after {display:none;}
.nav__toggle--sm {flex-shrink:0; width:44px; display:flex; align-items:center; justify-content:center; background:none; border:none; border-left:1px solid #ebebeb; cursor:pointer; color:#999; transition:color .2s, background .2s;}
.nav__toggle--sm i {font-size:12px; transition:transform .3s cubic-bezier(.4, 0, .2, 1);}
.nav__dropdown-item--open > .nav__dropdown-row .nav__toggle--sm i {transform:rotate(45deg); color:var(--clr-theme-1, #f5481d);}
.nav__dropdown-link {flex:1; display:flex; align-items:center; padding:12px 20px 12px 28px; font-size:14px; color:var(--clr-common-text, #555); text-decoration:none; transition:color .2s;}
.nav__dropdown-link--svc {padding-left:36px; font-size:13px; color:#999;}
.nav__dropdown-link:hover, .nav__dropdown-link--svc:hover {color:var(--clr-theme-1, #f5481d);}
.site-header__panel-contact {padding:20px; margin-top:8px;}
.panel-contact__item {display:flex; gap:12px; align-items:center; margin-bottom:16px;}
.panel-contact__item:last-child {margin-bottom:0;}
.panel-contact__icon {width:38px; height:38px; background:var(--clr-theme-1, #f5481d); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:14px; flex-shrink:0;}
.panel-contact__body p {font-size:11px; color:#aaa; margin:0 0 2px;}
.panel-contact__body a, .panel-contact__body address {font-size:13px; font-weight:500; color:var(--clr-common-heading, #111); text-decoration:none; font-style:normal; color:#fff; word-break:break-word; transition:color .2s;}
.panel-contact__body a:hover {color:var(--clr-theme-1, #f5481d);}
}

.site-header__actions {display:flex; align-items:center; gap:14px; flex-shrink:0;}
.site-header__phone {display:none; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#fff; text-decoration:none; transition:color .2s;}

@media (min-width: 1200px) {
.site-header__phone {display:flex;}
}

.site-header__phone i {color:var(--clr-theme-1, #f5481d);}
.site-header__phone:hover {color:var(--clr-theme-1, #f5481d);}
.site-header__cta {display:none !important;}

@media (min-width: 1200px) {
.site-header__cta {display:inline-flex !important;}
}

.site-header__hamburger {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; width:42px; height:42px; padding:0; background:none; border:none; cursor:pointer; border-radius:6px; transition:background .2s;}
.site-header__hamburger:hover {background:rgba(0, 0, 0, .05);}

@media (min-width: 1200px) {
.site-header__hamburger {display:none;}
}

.hamburger__line {display:block; width:24px; height:2px; background:#fff; border-radius:2px; transform-origin:center; transition:transform .35s cubic-bezier(.4, 0, .2, 1), opacity .2s, width .25s;}

@media (max-width: 1199px) {
body:has(.nav--open) .site-header__hamburger {visibility:hidden; pointer-events:none;}
}

.site-overlay {position:fixed; inset:0; background:rgba(0, 0, 0, .52); z-index:8999; opacity:0; visibility:hidden; transition:opacity .38s ease, visibility 0s .38s; cursor:pointer;}
.site-overlay--visible {opacity:1; visibility:visible; transition:opacity .38s ease;}
body:has(.nav--open) {overflow:hidden;}