/*
 * ZUPPCODE GENERATED HEADER SETTINGS
 * Ne szerkeszd kézzel.
 * Forrás: ZP Admin -> Frontend beállítások
 */

:root {
    --zp-managed-header-accent: #f5a623;
    --zp-managed-header-height: 82px;
    --zp-managed-header-compact-height: 64px;
}

.zp-site-header.zp-header-managed {
    transition:
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        backdrop-filter .22s ease;
}

.zp-site-header.zp-header-managed
.zp-site-header__inner {
    min-height:
        var(--zp-managed-header-height) !important;

    transition:
        min-height .22s ease;
}

.zp-site-header.zp-header-managed.zp-header-is-compact
.zp-site-header__inner {
    min-height:
        var(--zp-managed-header-compact-height) !important;
}

.zp-site-header.zp-header-managed--glass {
    background:
        rgba(5, 7, 8, .86) !important;

    backdrop-filter:
        blur(1rem) saturate(1.12) !important;

    -webkit-backdrop-filter:
        blur(1rem) saturate(1.12) !important;
}

.zp-site-header.zp-header-managed--solid {
    background:
        #050708 !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}

.zp-site-header.zp-header-managed--transparent {
    background:
        rgba(5, 7, 8, .08) !important;

    backdrop-filter:
        none !important;

    -webkit-backdrop-filter:
        none !important;
}

.zp-site-header.zp-header-managed--transparent.zp-header-is-compact {
    background:
        rgba(5, 7, 8, .94) !important;

    backdrop-filter:
        blur(1rem) !important;

    -webkit-backdrop-filter:
        blur(1rem) !important;
}

.zp-site-header.zp-header-managed--non-sticky {
    position:
        relative !important;

    top:
        auto !important;
}

.zp-site-header.zp-header-managed
.zp-brand {
    position:
        relative;

    align-items:
        center;
}

.zp-header-managed__brand-copy {
    display:
        grid;

    gap:
        .12rem;

    line-height:
        1;
}

.zp-header-managed__subtitle {
    color:
        rgba(255,255,255,.54);

    font-size:
        .58rem;

    font-weight:
        650;

    letter-spacing:
        .025em;
}

.zp-header-managed__trust {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        .3rem;

    color:
        rgba(255,255,255,.48);

    font-size:
        .52rem;

    font-weight:
        650;
}

.zp-header-managed__trust::before {
    width:
        .3rem;

    height:
        .3rem;

    border-radius:
        999rem;

    content:
        "";

    background:
        var(--zp-managed-header-accent);

    box-shadow:
        0 0 .75rem
        var(--zp-managed-header-accent);
}

.zp-site-header.zp-header-managed
.zp-brand__mark,

.zp-site-header.zp-header-managed
.zp-main-nav__list a:hover,

.zp-site-header.zp-header-managed
.zp-main-nav__list a.is-active {
    color:
        var(--zp-managed-header-accent) !important;
}

.zp-site-header.zp-header-managed
.zp-main-nav__badge {
    background:
        var(--zp-managed-header-accent) !important;
}

.zp-site-header.zp-header-managed
.zp-header-cta {
    border-color:
        var(--zp-managed-header-accent) !important;

    background:
        var(--zp-managed-header-accent) !important;

    color:
        #08090a !important;

    box-shadow:
        0 .75rem 2rem
        color-mix(
            in srgb,
            var(--zp-managed-header-accent) 20%,
            transparent
        ) !important;
}

.zp-site-header.zp-header-managed
[hidden] {
    display:
        none !important;
}

.zp-main-nav__cart-label {
    display:
        inline;
}

@media (max-width: 760px) {

    .zp-header-managed__subtitle,
    .zp-header-managed__trust {
        display:
            none;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zp-site-header.zp-header-managed,
    .zp-site-header.zp-header-managed
    .zp-site-header__inner {
        transition:
            none !important;
    }

}