/* * DeliveryPerson desktop header v75. * Мобильный хедер и меню не изменяются. */ @media (min-width: 1024px) { header.dp-desktop-header-v75 { --dp-header-purple: #654bff; --dp-header-purple-dark: #5038eb; --dp-header-ink: #0b1020; --dp-header-border: #e2e6f1; } header.dp-desktop-header-v75 .dp-header-brand-v75 { display: inline-flex !important; align-items: center !important; gap: 10px !important; min-width: 0 !important; color: var(--dp-header-ink) !important; text-decoration: none !important; } header.dp-desktop-header-v75 .dp-header-logo-v75 { width: 36px !important; min-width: 36px !important; max-width: 36px !important; height: 36px !important; min-height: 36px !important; max-height: 36px !important; flex: 0 0 36px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; overflow: hidden !important; object-fit: contain !important; } header.dp-desktop-header-v75 .dp-header-logo-v75 img, header.dp-desktop-header-v75 .dp-header-logo-v75 svg, header.dp-desktop-header-v75 img.dp-header-logo-v75, header.dp-desktop-header-v75 svg.dp-header-logo-v75 { width: 100% !important; max-width: 36px !important; height: 100% !important; max-height: 36px !important; object-fit: contain !important; } header.dp-desktop-header-v75 .dp-logo-text-v75 { display: inline-flex !important; align-items: baseline !important; color: var(--dp-header-ink) !important; font-family: "Manrope", sans-serif !important; font-size: 21px !important; line-height: 1 !important; letter-spacing: -0.04em !important; white-space: nowrap !important; } header.dp-desktop-header-v75 .dp-logo-text-v75 strong { font-weight: 800 !important; } header.dp-desktop-header-v75 .dp-logo-text-v75 span { font-weight: 400 !important; } header.dp-desktop-header-v75 .dp-header-actions-v75 { display: flex !important; align-items: center !important; justify-content: flex-end !important; gap: 10px !important; margin-left: auto !important; } header.dp-desktop-header-v75 .dp-header-icon-button-v75 { position: relative !important; width: 46px !important; min-width: 46px !important; max-width: 46px !important; height: 46px !important; min-height: 46px !important; max-height: 46px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 46px !important; margin: 0 !important; padding: 0 !important; border-radius: 14px !important; text-decoration: none !important; cursor: pointer !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease !important; } header.dp-desktop-header-v75 .dp-header-icon-button-v75 svg { width: 21px !important; height: 21px !important; display: block !important; flex: 0 0 21px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.9 !important; stroke-linecap: round !important; stroke-linejoin: round !important; pointer-events: none !important; } header.dp-desktop-header-v75 .dp-header-favorite-v75 { border: 1px solid var(--dp-header-border) !important; background: #fff !important; color: #5d50f2 !important; box-shadow: 0 8px 24px rgba(35, 43, 81, 0.08) !important; } header.dp-desktop-header-v75 .dp-header-favorite-v75:hover, header.dp-desktop-header-v75 .dp-header-favorite-v75:focus-visible { border-color: #cfc8ff !important; background: #faf9ff !important; transform: translateY(-1px) !important; box-shadow: 0 12px 28px rgba(74, 63, 181, 0.13) !important; } header.dp-desktop-header-v75 .dp-header-add-v75 { border: 1px solid transparent !important; background: linear-gradient( 135deg, var(--dp-header-purple) 0%, #833af4 100% ) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(96, 70, 245, 0.25) !important; } header.dp-desktop-header-v75 .dp-header-add-v75:hover, header.dp-desktop-header-v75 .dp-header-add-v75:focus-visible { background: linear-gradient( 135deg, var(--dp-header-purple-dark) 0%, #742fe3 100% ) !important; transform: translateY(-1px) !important; box-shadow: 0 14px 30px rgba(96, 70, 245, 0.31) !important; } header.dp-desktop-header-v75 .dp-header-add-v75::before, header.dp-desktop-header-v75 .dp-header-add-v75::after { position: absolute !important; left: 50% !important; z-index: 1000 !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease !important; } header.dp-desktop-header-v75 .dp-header-add-v75::before { content: "" !important; bottom: -8px !important; width: 10px !important; height: 10px !important; background: #11182c !important; transform: translate(-50%, 4px) rotate(45deg) !important; } header.dp-desktop-header-v75 .dp-header-add-v75::after { content: attr(data-tooltip) !important; top: calc(100% + 13px) !important; width: max-content !important; max-width: 190px !important; padding: 8px 11px !important; border-radius: 9px !important; background: #11182c !important; color: #fff !important; box-shadow: 0 10px 28px rgba(17, 24, 44, 0.22) !important; font-family: "Manrope", sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1.2 !important; letter-spacing: 0 !important; white-space: nowrap !important; transform: translate(-50%, 4px) !important; } header.dp-desktop-header-v75 .dp-header-add-v75:hover::before, header.dp-desktop-header-v75 .dp-header-add-v75:hover::after, header.dp-desktop-header-v75 .dp-header-add-v75:focus-visible::before, header.dp-desktop-header-v75 .dp-header-add-v75:focus-visible::after { opacity: 1 !important; visibility: visible !important; } header.dp-desktop-header-v75 .dp-header-add-v75:hover::before, header.dp-desktop-header-v75 .dp-header-add-v75:focus-visible::before { transform: translate(-50%, 0) rotate(45deg) !important; } header.dp-desktop-header-v75 .dp-header-add-v75:hover::after, header.dp-desktop-header-v75 .dp-header-add-v75:focus-visible::after { transform: translate(-50%, 0) !important; } }