/* ============================================================
   PROSPEKT PARTS — PUBLIC HEADER V2 (Figma-inspired)
   Scope: .pp-header only, excluding the mobile page offset
   ============================================================ */
.pp-header, .pp-header * { box-sizing: border-box; }
.pp-header {
    --pp-header-bg: #121926;
    --pp-header-top: #0d1420;
    --pp-header-border: #364152;
    --pp-header-blue: #155eef;
    --pp-header-blue-hover: #124bcc;
    --pp-header-white: #fff;
    --pp-header-muted: #aeb8c8;
    position: relative;
    z-index: 1040;
    width: 100%;
    color: var(--pp-header-white);
    background: var(--pp-header-bg);
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.pp-header a { color: inherit; text-decoration: none; }
.pp-header a:hover { color: #fff; }
.pp-header button, .pp-header input { font: inherit; }
.pp-header button { cursor: pointer; }
.pp-header__container { width: calc(100% - 160px); max-width: 1280px; margin: 0 auto; }
.pp-header__topbar { background: var(--pp-header-top); border-bottom: 1px solid rgba(255,255,255,.035); }
.pp-header__topbar-inner {
    height: 40px; display: flex; align-items: center; justify-content: space-between;
    gap: 20px; font-size: 12px; line-height: 1.3; color: #f1f4f9;
}
.pp-header__topbar a { white-space: nowrap; }
.pp-header__main { background: var(--pp-header-bg); }
.pp-header__main-inner { min-height: 74px; display: flex; align-items: center; gap: 20px; }
.pp-header__logo { flex: 0 0 155px; display: flex; align-items: center; gap: 9px; min-width: 0; }
.pp-header__logo-image {
    display: block; flex: 0 0 auto; width: 42px; height: 42px;
    object-fit: contain; filter: brightness(0) invert(1);
}
.pp-header__logo-name { display: flex; flex-direction: column; justify-content: center; line-height: 1.04; font-size: 17px; font-weight: 620; letter-spacing: -.035em; }
.pp-header__catalog { position: relative; flex: 0 0 auto; }
.pp-header__catalog-button {
    height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 7px;
    padding: 0 18px; border: 1px solid var(--pp-header-blue); border-radius: 5px;
    background: var(--pp-header-blue); color: #fff; font-size: 14px; font-weight: 500;
    transition: background .15s, border-color .15s;
}
.pp-header__catalog-button:hover, .pp-header__catalog-button[aria-expanded="true"] { background: var(--pp-header-blue-hover); border-color: var(--pp-header-blue-hover); }
.pp-header__catalog-button .material-symbols-outlined { font-size: 18px; }
.pp-header__catalog-dropdown {
    position: absolute; top: calc(100% + 12px); left: 0; z-index: 1100;
    width: min(640px, calc(100vw - 40px)); padding: 20px;
    border: 1px solid #d8dfe9; border-radius: 11px;
    background: #fff; box-shadow: 0 20px 45px rgba(0,0,0,.25);
    color: #121926; opacity: 0; visibility: hidden; pointer-events: none;
    transform: translateY(-6px); transition: opacity .18s, transform .18s, visibility .18s;
}
.pp-header__catalog[open] .pp-header__catalog-dropdown { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
.pp-header__catalog-title { margin: 0 0 12px; font-size: 14px; font-weight: 500; }
.pp-header__catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; }
.pp-header__catalog-grid a { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding: 11px; border-radius: 6px; color: #121926; }
.pp-header__catalog-grid a:hover { background: #eef2f6; color: #155eef; }
.pp-header__catalog-grid strong { font-size: 13px; }
.pp-header__catalog-grid span { color: #697586; font-size: 11px; }
.pp-header__search { min-width: 180px; flex: 1 1 auto; margin: 0; }
.pp-header__search-box {
    height: 42px; display: flex; align-items: stretch; overflow: hidden;
    border: 1px solid var(--pp-header-blue); border-radius: 5px; background: #fff;
}
.pp-header__search-input {
    display: block; flex: 1 1 auto; min-width: 0; width: 100%; height: 100%;
    border: 0; padding: 0 14px; outline: 0; background: #fff; color: #121926; font-size: 13px;
}
.pp-header__search-input::placeholder { color: #697586; opacity: 1; }
.pp-header__search-submit {
    width: 44px; min-width: 44px; display: grid; place-items: center;
    padding: 0; border: 0; border-left: 1px solid var(--pp-header-blue);
    border-radius: 0; background: var(--pp-header-blue); color: #fff;
}
.pp-header__search-submit:hover { background: var(--pp-header-blue-hover); }
.pp-header__search-submit .material-symbols-outlined { font-size: 23px; }
.pp-header__actions { flex: 0 0 auto; display: flex; align-items: center; gap: 18px; }
.pp-header__action {
    position: relative; min-width: 42px; display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 3px;
    padding: 0; border: 0; background: none; color: #fff;
    white-space: nowrap; font-size: 11px; line-height: 1.25;
}
.pp-header__action > .material-symbols-outlined { font-size: 25px; font-weight: 300; }
.pp-header__action:hover, .pp-header__links a:hover { color: #b9d0ff; }
.pp-header__cart-count {
    position: absolute; top: -4px; right: 4px; display: grid; place-items: center;
    min-width: 18px; height: 18px; padding: 0 4px; border-radius: 999px;
    background: #155eef; color: #fff; font-size: 10px; font-weight: 600;
}
.pp-header__phone-mobile { display: none; }
.pp-header__mobile-row { display: none; }
.pp-header__nav-wrapper {
    border-top: 1px solid var(--pp-header-border); border-bottom: 1px solid var(--pp-header-border);
    background: var(--pp-header-bg);
}
.pp-header__links { min-height: 52px; display: flex; align-items: center; gap: 32px; overflow-x: auto; scrollbar-width: none; }
.pp-header__links::-webkit-scrollbar { display: none; }
.pp-header__links a { flex: 0 0 auto; display: inline-flex; align-items: center; align-self: stretch; position: relative; white-space: nowrap; font-size: 13px; font-weight: 500; color: #f4f6f9; }
.pp-header__links a.is-active::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: #4e8bff; }
.pp-header__mobile-drawer, .pp-header__mobile-backdrop, .pp-header__mobile-bottom { display: none; }
.pp-header-menu-open { overflow: hidden; }
@media (max-width: 1399px) {
    .pp-header__container { width: calc(100% - 96px); }
    .pp-header__main-inner { gap: 16px; }
    .pp-header__logo { flex-basis: 150px; }
    .pp-header__actions { gap: 13px; }
    .pp-header__links { gap: 26px; }
}
@media (max-width: 1199px) {
    .pp-header__container { width: calc(100% - 48px); }
    .pp-header__logo { flex-basis: 125px; }
    .pp-header__logo-image { width: 36px; height: 36px; }
    .pp-header__logo-name { font-size: 15px; }
    .pp-header__action--secondary { display: none; }
    .pp-header__main-inner { gap: 12px; }
    .pp-header__catalog-button { padding: 0 14px; }
    .pp-header__topbar-inner { font-size: 11px; }
    .pp-header__links { gap: 20px; }
    .pp-header__links a { font-size: 12px; }
}
@media (max-width: 767px) {
    .pp-header { position: relative; }
    .pp-header__container { width: calc(100% - 24px); }
    .pp-header__topbar { display: none; }
    .pp-header__main-inner { min-height: 57px; justify-content: space-between; gap: 12px; }
    .pp-header__logo { flex-basis: auto; gap: 7px; }
    .pp-header__logo-image { width: 37px; height: 37px; }
    .pp-header__logo-name { font-size: 15px; }
    .pp-header__catalog, .pp-header__search, .pp-header__action { display: none; }
    .pp-header__phone-mobile { display: grid; place-items: center; color: #fff; width: 42px; height: 42px; }
    .pp-header__phone-mobile .material-symbols-outlined { font-size: 25px; }
    .pp-header__mobile-row { display: flex; align-items: stretch; gap: 6px; padding-bottom: 9px; }
    .pp-header__burger { width: 43px; min-width: 43px; display: grid; place-items: center; border: 0; border-radius: 5px; background: #155eef; color: #fff; }
    .pp-header__burger .material-symbols-outlined { font-size: 24px; }
    .pp-header__mobile-search { flex: 1; min-width: 0; height: 43px; display: flex; border: 1px solid #155eef; border-radius: 5px; overflow: hidden; background: #fff; margin: 0; }
    .pp-header__mobile-search input { flex: 1 1 auto; width: 100%; min-width: 0; border: 0; padding: 0 11px; outline: none; font-size: 13px; background: #fff; color: #121926; }
    .pp-header__mobile-search input::placeholder { color: #697586; }
    .pp-header__mobile-search button { width: 43px; min-width: 43px; display: grid; place-items: center; border: 0; background: #155eef; color: #fff; }
    .pp-header__nav-wrapper { border-top-color: #283344; }
    .pp-header__links { min-height: 42px; gap: 23px; }
    .pp-header__links a { font-size: 12px; }
    .pp-header__mobile-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1199; background: rgba(7, 14, 26, .58); }
    .pp-header__mobile-drawer { display: flex; flex-direction: column; position: fixed; z-index: 1200; top: 0; bottom: 0; left: 0; width: min(335px, 88vw); background: #fff; color: #121926; box-shadow: 10px 0 40px rgba(0,0,0,.18); transform: translateX(-105%); transition: transform .22s; visibility: hidden; }
    .pp-header.is-menu-open .pp-header__mobile-drawer { transform: translateX(0); visibility: visible; }
    .pp-header__mobile-drawer-header { flex: 0 0 auto; padding: 17px 19px; display: flex; align-items: center; justify-content: space-between; background: #eef2f6; font-size: 18px; }
    .pp-header__mobile-drawer-header button { border: 0; background: none; color: #64748b; display: grid; place-items: center; }
    .pp-header__mobile-drawer-links { overflow-y: auto; padding: 8px 16px 80px; }
    .pp-header__mobile-drawer-links a { display: block; color: #121926; padding: 13px 4px; border-bottom: 1px solid #edf1f5; font-size: 14px; }
    .pp-header__mobile-drawer-links a:hover { color: #155eef; }
    .pp-header__mobile-bottom { display: grid; position: fixed; bottom: 0; left: 0; right: 0; z-index: 1035; grid-template-columns: repeat(4, minmax(0,1fr)); min-height: 65px; padding-bottom: env(safe-area-inset-bottom, 0px); background: #121926; border-top: 1px solid #364152; }
    .pp-header__mobile-bottom a, .pp-header__mobile-bottom button { min-width: 0; padding: 7px 0 5px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; color: #fff; background: none; border: 0; font-size: 11px; text-decoration: none; }
    .pp-header__mobile-bottom .material-symbols-outlined { font-size: 23px; }
    body:has(#ppHeader) { padding-bottom: calc(65px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 365px) {
    .pp-header__mobile-search input { font-size: 12px; }
    .pp-header__logo-name { font-size: 13px; }
}
@media print { .pp-header { display: none !important; } }

/* HEADER V3 — typography, outline controls and native menu */
.pp-header.pp-header-v3 { font-weight:400; -webkit-font-smoothing:antialiased; }
.pp-header.pp-header-v3 .pp-header__logo-name { font-weight:600; letter-spacing:-.025em; }
.pp-header.pp-header-v3 .pp-header__links a,
.pp-header.pp-header-v3 .pp-header__action,
.pp-header.pp-header-v3 .pp-header__topbar-inner {font-weight:400;}
.pp-header.pp-header-v3 .pp-header__catalog-button { font-weight:500; user-select:none; list-style:none; }
.pp-header.pp-header-v3 .pp-header__catalog-button::-webkit-details-marker {display:none;}
.pp-header.pp-header-v3 .pp-header__catalog-button::marker {content:'';}
.pp-header.pp-header-v3 .pp-header__catalog { z-index:1101; }
.pp-header.pp-header-v3 .pp-header__catalog[open] .pp-header__catalog-button {background:#0e51d9;}
.pp-header.pp-header-v3 .pp-header__catalog-dropdown {z-index:1102;}
.pp-header.pp-header-v3 .pp-header__container,
.pp-header.pp-header-v3 .pp-header__main,
.pp-header.pp-header-v3 .pp-header__main-inner { overflow:visible; }
.pp-header.pp-header-v3 .pp-header__icon { width:22px; height:22px; flex:0 0 auto; display:block; }
.pp-header.pp-header-v3 .pp-header__icon--menu { width:18px; height:18px; }
.pp-header.pp-header-v3 .pp-header__action .pp-header__icon { width:23px; height:23px; }
.pp-header.pp-header-v3 .pp-header__phone-mobile .pp-header__icon { width:24px; height:24px; }
.pp-header.pp-header-v3 .pp-header__search-submit .pp-header__icon,
.pp-header.pp-header-v3 .pp-header__mobile-search button .pp-header__icon { width:21px; height:21px; }
.pp-header.pp-header-v3 .pp-header__burger .pp-header__icon { width:21px; height:21px; }
.pp-header.pp-header-v3 .pp-header__mobile-bottom .pp-header__icon { width:22px; height:22px; }
.pp-header.pp-header-v3 .pp-header__catalog-grid strong {font-weight:600;}
.pp-header.pp-header-v3 .pp-header__mobile-drawer-header strong {font-weight:500;}
.pp-header.pp-header-v3 .pp-header__action,
.pp-header.pp-header-v3 .pp-header__mobile-bottom a,
.pp-header.pp-header-v3 .pp-header__mobile-bottom button {font-weight:400;}
.pp-header.pp-header-v3 .pp-header__catalog-button:focus-visible,
.pp-header.pp-header-v3 .pp-header__burger:focus-visible,
.pp-header.pp-header-v3 .pp-header__mobile-bottom button:focus-visible { outline:2px solid #c3d8ff; outline-offset:3px; }
@media (max-width:767px){
 .pp-header.pp-header-v3 .pp-header__logo-name {font-weight:600; font-size:14px;}
 .pp-header.pp-header-v3 .pp-header__links a {font-size:12px;font-weight:400;}
 .pp-header.pp-header-v3 .pp-header__mobile-bottom {min-height:65px;}
 .pp-header.pp-header-v3 .pp-header__mobile-bottom a,
 .pp-header.pp-header-v3 .pp-header__mobile-bottom button {font-size:11px;gap:4px;}
}