.header{width:100%;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:#fff;border-bottom:1px solid #ececec;position:sticky;top:0;z-index:1000;box-sizing:border-box}.header__menu-btn,.header__search-btn,.header__user-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:10px;cursor:pointer}.header__menu-btn:hover,.header__search-btn:hover,.header__user-btn:hover{background:#f5f7fa}.header__menu-btn img,.header__search-btn img,.header__user-btn img{width:24px;height:24px}.header__actions{display:flex;align-items:center;gap:6px}.header__logo{font-size:1.4rem;font-weight:800;color:#111827;text-decoration:none;letter-spacing:.08em}.mobile-menu{position:fixed;top:0;right:-360px;width:min(360px,88vw);height:100dvh;background:#fff;transition:right .3s ease;z-index:1200;display:flex;flex-direction:column;padding:20px;box-shadow:-8px 0 30px rgba(0,0,0,.16);box-sizing:border-box;overflow-y:auto}.mobile-menu.active{right:0}.close-menu{align-self:flex-start;width:40px;height:40px;border:0;background:#f3f4f6;border-radius:50%;font-size:20px;cursor:pointer}.menu-logo{text-align:center;margin:18px 0 24px}.menu-logo h2{font-size:1.5rem;margin:0}.menu-logo p{color:#666;margin:6px 0 0}.mobile-menu ul{flex:1;list-style:none;padding:0;margin:0}.mobile-menu li{border-bottom:1px solid #eee}.mobile-menu li a{display:block;padding:15px 4px;color:#111827;text-decoration:none;font-weight:600}.mobile-menu li a:hover{color:#0b63ce}.menu-contact{border-top:1px solid #eee;padding-top:18px}.menu-contact h4{margin:0 0 10px}.social-link{display:flex;align-items:center;gap:12px;padding:10px 4px;color:#334155;text-decoration:none}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.48);opacity:0;visibility:hidden;transition:.25s;z-index:9998}.overlay.active{opacity:1;visibility:visible}.drawer-open{overflow:hidden}.search-drawer{position:fixed;inset:0;z-index:1300;display:none}.search-drawer.active{display:block}.search-drawer__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}.search-drawer__panel{position:absolute;top:0;right:0;left:0;background:#fff;padding:30px max(20px,5vw) 25px;box-shadow:0 12px 35px rgba(0,0,0,.15)}.search-drawer__close{position:absolute;left:25px;top:20px;border:0;background:#f1f1f1;width:40px;height:40px;border-radius:50%;cursor:pointer}.search-drawer__panel h3{margin:0 0 18px}.header-search-form{display:flex;gap:10px;max-width:900px;margin:auto}.search-input-wrap{position:relative;flex:1}.header-search-form input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #d7dce4;border-radius:12px;font:inherit;outline:none}.header-search-form input:focus{border-color:#0b63ce;box-shadow:0 0 0 3px rgba(11,99,206,.08)}.header-search-form button{border:0;background:#111827;color:#fff;padding:0 25px;border-radius:12px;font:inherit;cursor:pointer}.search-hint{max-width:900px;margin:10px auto 0;color:#64748b;font-size:12px}.search-suggestions{position:absolute;top:calc(100% + 7px);right:0;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 15px 35px rgba(15,23,42,.12);overflow:hidden;display:none;z-index:2}.search-suggestions.active{display:block}.search-suggestion{display:block;width:100%;border:0;background:#fff;text-align:right;padding:12px 15px;font:inherit;cursor:pointer}.search-suggestion:hover{background:#f8fafc;color:#0b63ce}@media(max-width:600px){.header{height:62px;padding:0 12px}.header__logo{font-size:1.15rem}.header-search-form{display:grid;grid-template-columns:1fr}.header-search-form button{min-height:46px}.search-drawer__panel{padding:72px 14px 18px}.search-drawer__close{left:14px;top:15px}.search-hint{font-size:11px}.mobile-menu{width:min(330px,88vw)}}

.header__menu-btn,.header__search-btn,.header__user-btn{position:relative;z-index:1001;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.mobile-menu,.search-drawer,.overlay{overscroll-behavior:contain}

.mobile-menu .close-menu{position:relative;z-index:1202;flex:0 0 auto;}
.mobile-menu.active{pointer-events:auto}.overlay.active{pointer-events:auto}

/* Stable drawer stacking: no visibility toggling; transform + pointer-events only. */
.header{padding-inline:24px;z-index:2000}
.mobile-menu{right:0;transform:translateX(105%);z-index:3100;visibility:visible;pointer-events:none;transition:transform .28s ease}
.mobile-menu.active{right:0;transform:translateX(0);pointer-events:auto}
.mobile-menu .close-menu{z-index:3200;position:relative;visibility:visible;opacity:1}
.overlay{z-index:3000;visibility:visible;pointer-events:none;opacity:0}
.overlay.active{visibility:visible;pointer-events:auto;opacity:1}
.search-drawer{z-index:3300}
.search-drawer__panel,.search-drawer__close{z-index:3310}
@media(max-width:600px){.header{padding-inline:12px}}