.bm60 {
    --bm60-height: 31px;
    --bm60-gold: #d2b173;

    display: block;
    width: 100%;
    height: var(--bm60-height);
    max-height: var(--bm60-height);
    min-height: var(--bm60-height);

    margin: 0;
    padding: 0;
    box-sizing: border-box;

    overflow: hidden;

    color: #fff;
    font-family: "Nunito Sans", sans-serif;
    line-height: 1;

    background: #0b0b0b;
    opacity: 1;

    /* Crucial: no position / z-index / transforms.
       The bar stays in normal flow so it never sits on top of
       the logo or cart drawer. */
    transition:
        height .34s ease,
        max-height .34s ease,
        min-height .34s ease,
        opacity .28s ease;
}

.bm60--home {
    background: rgba(0, 0, 0, .46);
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
}


.bm60--hidden {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.bm60__inner {
    width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0 20px;
    box-sizing: border-box;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.bm60__left,
.bm60__right {
    display: flex;
    align-items: center;
    height: 100%;
    white-space: nowrap;
}

.bm60__left {
    gap: 10px;
    flex: 0 0 auto;
}

.bm60__right {
    gap: 12px;
    margin-left: auto;
    flex: 0 0 auto;
    justify-content: flex-end;
}

.bm60__item,
.bm60__right a {
    display: inline-flex;
    align-items: center;
    gap: 8px;

    color: #fff !important;
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 10.25px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: .065em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    white-space: nowrap;
}

.bm60__link:hover,
.bm60__right a:hover,
.bm60__link:focus-visible,
.bm60__right a:focus-visible {
    color: var(--bm60-gold) !important;
}

.bm60__separator {
    color: rgba(255,255,255,.48);
    font-size: 10px;
    line-height: 1;
    user-select: none;
}

.bm60-flag {
    width: 17px;
    height: 11px;
    flex: 0 0 17px;
    display: block;

    border-radius: 2px;
    background: linear-gradient(to bottom, #fff 0 50%, #dc143c 50% 100%);
    box-shadow: 0 0 0 1px rgba(255,255,255,.14);

    animation: bm60-flag 4.8s ease-in-out infinite;
    transform-origin: left center;
}

.bm60-truck {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.bm60-truck svg {
    width: 15px;
    height: 15px;
    fill: none;
    stroke: #fff;
    stroke-width: 1.55;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes bm60-flag {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(2deg); }
}

/* Ukryj pasek na telefonach */
@media (max-width: 767px) {
    .bm60 {
        display: none !important;
    }
}

@media (max-width: 900px) {
    .bm60__inner {
        padding: 0 12px;
        gap: 12px;
    }

    .bm60__left,
    .bm60__right {
        gap: 8px;
    }

    .bm60__item,
    .bm60__right a {
        font-size: 9.5px !important;
    }
}

@media (max-width: 680px) {
    .bm60 {
        --bm60-height: 29px;
    }

    .bm60__inner {
        padding: 0 10px;
        gap: 8px;
    }

    .bm60__left,
    .bm60__right {
        gap: 6px;
    }
}