.header{display:grid;position:sticky;top:0;z-index:20;background-color:#fff}@media(min-width:768px){.header{display:flex;flex-direction:column}}.header__top{background-color:#1e3a8a}.header__info{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.header__contacts{display:flex;gap:22px}.header__phone-link{display:flex;align-items:center;gap:8px;color:#fff;--icon-filter: var(--icon-filter-white);font-size:14px}.header__phone-link:hover{color:#bedbff}.header__phone-icon{width:20px;height:20px;fill:#fff}.header__phone-number{display:none}@media(min-width:640px){.header__phone-number{display:block}}.header__schedule{display:none}@media(min-width:640px){.header__schedule{display:block;color:#fff;font-size:14px}}.header__callback-btn{background-color:#fff;color:#1e3a8a;padding:4px 16px;border-radius:4px;font-size:14px;line-height:1.5;font-weight:600}.header__main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "search search";align-items:center;gap:12px;padding:16px 0}.header__brand{grid-area:brand}.header__brand-subtitle{display:none}.header__search{position:relative;margin:0;grid-area:search;grid-column:1/-1}.header__search:after{display:block;content:"";background:var(--header-search-icon, url(https://raw.sourcecraft.tech/raw/info-smartstroy39-ru/smartstroy/91fd00d671aded8fbe1a4a2fbdeded2358098132/access/icon/search.svg)) no-repeat center;width:36px;height:36px;background-color:#1e3a8a;border-radius:8px;position:absolute;right:10px;top:10px}.header__search-input{width:100%;padding:16px 58px 16px 16px;border:2px solid #d1d5dc;border-radius:10px;outline:none}.header__search-input:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px}.header__search-input::placeholder{color:#a1a1a1}.header__search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #d8dde8;border-radius:8px;box-shadow:0 8px 24px #0000001f;overflow:hidden}.header__search-result{display:block;padding:12px 16px;color:#17213c;text-decoration:none;background:#fff}.header__search-result:hover{background:#f4f6fa}.header__search-result+.header__search-result{border-top:1px solid #edf0f5}.header__search-message{padding:12px 16px;color:#667085}.header__actions{grid-area:actions;display:flex;align-items:center;gap:12px}.header__burger-btn{display:inline-flex;flex-direction:column;gap:4px;padding:6px}.header__burger-line{width:18px;height:2px;background-color:#1e3a8a;display:block}.header__action-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:#364153;--icon-filter: var(--icon-filter-text-strong);font-weight:500}.header__action-btn:hover{color:#1e3a8a;--icon-filter: var(--icon-filter-primary)}.header__action-icon{width:24px;height:24px}.header__action-text{display:none}.header__badge{position:absolute;top:-4px;right:4px;background-color:#1e3a8a;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.header__badge--favorites{background-color:#1e3a8a;color:#fff}.header__badge--cart{background-color:#fb2c36;color:#fff}.header__brand-title{text-transform:uppercase;color:#1e3a8a;font-size:20px;font-weight:700}@media(min-width:768px){.header__main{display:flex;align-items:center;justify-content:space-between}.header__brand{display:flex;flex-direction:column}.header__brand-subtitle{display:block;color:#6a7282;font-size:12px;font-weight:500}.header__brand-title{font-size:24px}.header__search{flex:1;max-width:50%}.header__badge{width:20px;height:20px}.header__burger-btn{display:none}.header__action-text{display:block}}@media(min-width:768px)and (orientation:landscape)and (max-height:500px){.header{display:grid}.header__main{display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand actions" "search search";align-items:center;gap:12px}.header__brand{display:block}.header__brand-subtitle{display:none}.header__search{flex:initial;max-width:none;grid-area:search;grid-column:1/-1}.header__burger-btn{display:inline-flex}.header__action-text{display:none}}.header__overlay{position:fixed;inset:0;background:#10182866;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.header--menu-open .header__overlay{opacity:1;visibility:visible;pointer-events:auto}.header__mobile-menu{position:fixed;top:0;bottom:0;left:0;width:280px;height:auto;max-height:100vh;max-height:100dvh;overflow:hidden;background-color:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:100}.header--menu-open .header__mobile-menu{transform:translate(0)}.header__mobile-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;background-color:#1e3a8a;--icon-filter: var(--icon-filter-white);padding:20px 16px}.header__mobile-nav{height:100%;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.header__mobile-title{margin:0;display:flex;flex-direction:column;gap:4px;text-transform:uppercase;color:#fff;font-size:18px;letter-spacing:1px;font-weight:600}.header__mobile-title span{display:block;text-transform:none;color:#fff;font-size:14px;font-weight:500}.header__mobile-close-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;padding:0;font-size:18px;color:#fff;cursor:pointer}.header__mobile-close-icon{display:block;width:30px;height:30px;flex-shrink:0}.header__mobile-list{display:grid;gap:4px;padding:16px;border-bottom:1px solid #e5e7eb}.header__mobile-item--has-submenu{border-bottom:1px solid #e5e7eb}.header__mobile-link,.header__mobile-trigger,.header__mobile-submenu-link{text-align:left;text-decoration:none}.header__mobile-link,.header__mobile-trigger{display:block;width:100%;padding:12px 16px;border-radius:8px;color:#101828;--icon-filter: var(--icon-filter-text-primary);font-size:16px;font-weight:600;transition:color .2s ease,background-color .2s ease}.header__mobile-link:hover,.header__mobile-trigger:hover{color:#1e3a8a;--icon-filter: var(--icon-filter-primary);background-color:#f3f4f6}.header__mobile-trigger{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header__mobile-trigger-icon{flex-shrink:0;display:block;transition:transform .2s ease}.header__mobile-submenu{display:none}.header__mobile-trigger-text{font-size:18px}.header__mobile-submenu-link{display:block;padding:10px 12px;border-radius:8px;border-left:2px solid transparent;color:#4a5565;--icon-filter: var(--icon-filter-text-secondary);font-size:16px;font-weight:600;text-decoration:none;transition:color .2s ease,background-color .2s ease}.header__mobile-submenu-link:hover{color:#1e3a8a;--icon-filter: var(--icon-filter-primary);background-color:#f3f4f6;border-left:2px solid #1e3a8a}.header__mobile-item--open .header__mobile-submenu{display:block}.header__mobile-item--open .header__mobile-trigger-icon{transform:rotate(180deg)}.header__mobile-callback-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:12px;width:calc(100% - 32px);margin:auto 16px 16px;background-color:#1e3a8a;color:#fff;--icon-filter: var(--icon-filter-white);padding:12px 16px;border-radius:8px;line-height:1.3;font-size:16px;font-weight:600;text-align:center}.header__mobile-callback-btn:hover{background-color:#274cb4}.header__mobile-callback-icon{color:#fff;fill:transparent;width:20px;height:20px}@media(orientation:landscape)and (max-height:500px){.header__mobile-header{padding:12px 16px}.header__mobile-list{padding-top:12px;padding-bottom:12px}.header__mobile-link,.header__mobile-trigger{padding:10px 14px}.header__mobile-callback-btn{margin-top:12px;padding:10px 14px;font-size:14px}}