/* Unified Svetobukva desktop header. One physical header, compact dropdowns, fixed CTA group. */
@media only screen and (min-width: 861px) {
    .unified-header {
        position: relative;
        z-index: 500;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0;
        padding: 0 !important;
        overflow: visible !important;
        color: #dcecf2;
        background: linear-gradient(180deg, #081017 0%, #0d1820 100%);
        border-bottom: 1px solid rgba(105, 215, 255, .12);
        isolation: auto;
    }

    .unified-header__main {
        position: relative;
        z-index: 2;
        display: block !important;
        float: none !important;
        width: 100% !important;
        min-height: 104px;
        overflow: visible !important;
    }

    .unified-header__inner {
        display: grid !important;
        float: none !important;
        grid-template-columns: 220px minmax(430px, 1fr) minmax(270px, 310px);
        align-items: center;
        gap: 22px;
        box-sizing: border-box;
        width: min(1510px, calc(100% - 40px)) !important;
        min-height: 104px;
        margin: 0 auto !important;
        padding-right: 205px;
        overflow: visible !important;
    }

    .unified-header__logo {
        display: block;
        width: 210px;
    }

    .unified-header__logo img {
        display: block;
        width: 210px;
        height: auto;
    }

    .unified-header__nav {
        position: relative;
        z-index: 510;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: clamp(14px, 1.55vw, 30px);
        min-width: 0;
        overflow: visible !important;
    }

    .unified-header__nav-item {
        position: relative;
        z-index: 511;
        overflow: visible !important;
    }

    .unified-header__nav > a,
    .unified-header__trigger {
        display: inline-flex;
        align-items: center;
        margin: 0;
        padding: 10px 0;
        color: #dcecf2;
        font: 700 15px/1.1 Arial, sans-serif;
        text-decoration: none;
        white-space: nowrap;
        border: 0;
        background: transparent;
        box-shadow: none;
        cursor: pointer;
    }

    .unified-header__nav > a:hover,
    .unified-header__nav > a:focus,
    .unified-header__trigger:hover,
    .unified-header__trigger:focus,
    .unified-header__trigger[aria-expanded="true"] {
        color: #69d7ff;
        outline: none;
    }

    .unified-header__dropdown {
        position: absolute;
        z-index: 520;
        top: 100%;
        left: -14px;
        display: none;
        width: max-content;
        min-width: 320px;
        max-width: min(430px, calc(100vw - 32px));
        max-height: min(70vh, 620px);
        overflow-x: hidden;
        overflow-y: auto;
        color: #afc2cb;
        background: #030608;
        border: 1px solid rgba(105, 215, 255, .14);
        border-radius: 0 0 10px 10px;
        box-shadow: 0 18px 40px rgba(0, 0, 0, .55);
    }

    .unified-header__dropdown.is-active {
        display: block;
    }

    .unified-header__dropdown-list {
        display: block;
        margin: 0;
        padding: 5px 14px 7px;
        list-style: none;
    }

    .unified-header__dropdown-list li {
        display: block;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid rgba(105, 215, 255, .09);
    }

    .unified-header__dropdown-list li:last-child {
        border-bottom: 0;
    }

    .unified-header__dropdown-list a {
        display: block;
        padding: 8px 0;
        overflow: visible;
        color: #afc2cb;
        font: 500 14px/1.15 Arial, sans-serif;
        text-decoration: none;
        text-overflow: clip;
        white-space: nowrap;
        background: transparent;
    }

    .unified-header__dropdown-list a:hover,
    .unified-header__dropdown-list a:focus,
    .unified-header__dropdown-list a[aria-current="page"] {
        color: #69d7ff;
        outline: none;
    }

    .unified-header__contacts {
        display: grid;
        gap: 5px;
        justify-items: start;
        min-width: 0;
        font: 700 14px/1.15 Arial, sans-serif;
    }

    .unified-header__contacts > a,
    .unified-header__contacts > span {
        display: flex;
        align-items: center;
        gap: 8px;
        max-width: 100%;
        color: #dcecf2;
        text-decoration: none;
        white-space: nowrap;
    }

    .unified-header__contacts i {
        width: 15px;
        color: #f2a21b;
        text-align: center;
    }

    .unified-header__contacts a:hover,
    .unified-header__contacts a:focus {
        color: #69d7ff;
    }

    .unified-header__phone {
        color: #f7fcff !important;
        font-size: 16px;
    }

    .unified-header__actions {
        position: fixed;
        z-index: 650;
        top: 22px;
        right: 20px;
        display: grid;
        gap: 8px;
        width: 188px;
        margin: 0;
        transform: translateX(0);
        transition: transform .24s ease;
    }

    .unified-header__action {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        align-items: center;
        gap: 9px;
        box-sizing: border-box;
        width: 188px;
        min-height: 48px;
        padding: 6px 10px 6px 7px;
        overflow: hidden;
        color: #ecfbff;
        text-decoration: none;
        border: 1px solid rgba(105, 215, 255, .26);
        border-radius: 14px;
        background: linear-gradient(135deg, rgba(10, 22, 30, .97), rgba(15, 35, 45, .94));
        box-shadow: 0 10px 25px rgba(0, 0, 0, .3), 0 0 18px rgba(105, 215, 255, .08);
        transform: scale(1);
        transform-origin: right center;
        transition: width .24s ease, padding .24s ease, gap .24s ease, transform .2s ease, border-color .2s ease, box-shadow .2s ease;
    }

    .unified-header__action:hover,
    .unified-header__action:focus-visible {
        color: #fff;
        border-color: rgba(105, 215, 255, .68);
        box-shadow: 0 12px 30px rgba(0, 0, 0, .36), 0 0 24px rgba(105, 215, 255, .28);
        outline: none;
        transform: scale(1.045);
    }

    .unified-header__action i {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        color: #071016;
        border-radius: 11px;
        background: #69d7ff;
        box-shadow: 0 0 18px rgba(105, 215, 255, .36);
        transform-origin: center;
    }

    .unified-header__action--call i {
        animation: sbCtaPhonePulse 10s ease-in-out 1.2s infinite;
    }

    .unified-header__action--order i {
        background: #c9ff63;
        box-shadow: 0 0 18px rgba(201, 255, 99, .3);
        animation: sbCtaOrderPulse 10s ease-in-out 6.2s infinite;
    }

    .unified-header__action span {
        display: block;
        width: 120px;
        overflow: hidden;
        opacity: 1;
        font: 800 10px/1.15 Arial, sans-serif;
        letter-spacing: .035em;
        text-transform: uppercase;
        white-space: nowrap;
        transition: width .22s ease, opacity .16s ease;
    }

    .unified-header__actions.is-cta-compact {
        right: 16px;
        width: 48px;
        transform: translateX(0);
    }

    .unified-header__actions.is-cta-compact .unified-header__action {
        grid-template-columns: 34px 0;
        gap: 0;
        width: 48px;
        padding-right: 6px;
        padding-left: 7px;
    }

    .unified-header__actions.is-cta-compact .unified-header__action span {
        width: 0;
        opacity: 0;
    }

    .unified-header__promo {
        position: relative;
        z-index: 1;
        display: block !important;
        float: none !important;
        clear: both;
        width: min(1510px, calc(100% - 40px));
        min-height: 40px;
        margin: 0 auto 16px;
        overflow: hidden;
        border: 1px solid rgba(105, 215, 255, .11);
        border-radius: 13px;
        background: rgba(5, 11, 16, .45);
    }

    .unified-header__promo .header-promo-track,
    .unified-header__promo .header-promo-item {
        min-height: 40px;
    }

    .unified-header__promo .header-promo-track {
        position: relative;
        left: auto;
        right: auto;
        display: block;
        float: none;
        width: 100% !important;
    }

    .unified-header__promo .header-promo-item {
        display: none;
        align-items: center;
        gap: 14px;
        width: 100% !important;
        box-sizing: border-box;
        padding: 0 14px;
        color: #dcecf2;
        text-decoration: none;
    }

    .unified-header__promo .header-promo-item.is-active {
        display: flex;
    }

    .unified-header__promo .header-promo-label {
        flex: 0 0 auto;
        color: #f2a21b;
        font: 800 11px/1 Arial, sans-serif;
        letter-spacing: .08em;
    }

    .unified-header__promo .header-promo-text {
        min-width: 0;
        overflow: hidden;
        font: 600 12px/1.2 Arial, sans-serif;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .unified-header__promo .header-promo-arrow {
        flex: 0 0 auto;
        margin-left: auto;
        color: #69d7ff;
        font-size: 20px;
    }

    .desktop-glow-actions {
        display: none !important;
    }

    .contact-arctic-actions a,
    .contact-arctic-actions a:visited,
    .contact-arctic-actions small,
    .contact-arctic-actions b {
        color: #dcecf2;
        opacity: 1;
    }

    .contact-arctic-actions a:hover,
    .contact-arctic-actions a:focus {
        color: #fff;
    }

    .articles-arctic-page .article-hero-slider {
        position: relative;
        min-height: 500px;
        overflow: hidden;
    }

    .articles-arctic-page .article-hero-slide {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        margin: 0;
    }

    .articles-arctic-page .article-hero-slide img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

@keyframes sbCtaPhonePulse {
    0%, 7%, 100% {
        transform: rotate(0) scale(1);
        box-shadow: 0 0 18px rgba(105, 215, 255, .36);
    }
    1.5% {
        transform: rotate(-7deg) scale(1.06);
    }
    3% {
        transform: rotate(7deg) scale(1.07);
        box-shadow: 0 0 26px rgba(105, 215, 255, .64);
    }
    4.5% {
        transform: rotate(-4deg) scale(1.05);
    }
    6% {
        transform: rotate(0) scale(1);
    }
}

@keyframes sbCtaOrderPulse {
    0%, 7%, 100% {
        transform: scale(1);
        box-shadow: 0 0 18px rgba(201, 255, 99, .3);
    }
    3.5% {
        transform: scale(1.075);
        box-shadow: 0 0 28px rgba(201, 255, 99, .62);
    }
    7% {
        transform: scale(1);
    }
}

@media only screen and (min-width: 861px) and (max-width: 1390px) {
    .unified-header__inner {
        grid-template-columns: 180px minmax(390px, 1fr) minmax(235px, 270px);
        gap: 14px;
        padding-right: 190px;
    }

    .unified-header__logo,
    .unified-header__logo img {
        width: 175px;
    }

    .unified-header__nav {
        gap: 14px;
    }

    .unified-header__nav > a,
    .unified-header__trigger {
        font-size: 14px;
    }

    .unified-header__contacts {
        font-size: 12px;
    }

    .unified-header__phone {
        font-size: 14px;
    }

    .unified-header__actions {
        top: 18px;
        right: 16px;
        width: 170px;
    }

    .unified-header__action {
        width: 170px;
    }
}

@media only screen and (max-width: 860px) {
    .unified-header {
        display: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .unified-header__actions,
    .unified-header__action,
    .unified-header__action span {
        transition-duration: .01ms !important;
    }

    .unified-header__action--call i,
    .unified-header__action--order i {
        animation: none !important;
    }
}
    