.pb-new-badge-staging {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    box-shadow: 0 2px 6px rgba(20, 108, 78, .16);
    box-sizing: border-box;
    width: fit-content;
    max-width: 100%;
    padding: 7px 10px;
    border-radius: 8px;
    background: #00dfe1;
    color: #238b3e;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    pointer-events: none;
}
/* Decorative leaf: inherits the label color and requires no image request. */
.pb-new-badge-staging::before,
.pbnb-new-link .pbnb-leaf {
    content: "";
    display: block;
    width: 1.2em;
    height: 1.2em;
    flex: 0 0 1.2em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2022C-1%2013%204%205%2022%202C22%2013%2015%2022%207%2020C8%2016%2012%2011%2016%208C10%2011%205%2017%203%2022Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M3%2022C-1%2013%204%205%2022%202C22%2013%2015%2022%207%2020C8%2016%2012%2011%2016%208C10%2011%205%2017%203%2022Z%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}

/* Homepage shortcut: the approved turquoise/green badge, sized as a button. */
.home .pb-vygoda-knopki {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.pb-vygoda-knopki .pbnb-new-link .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #00dfe1 !important;
    color: #176b32 !important;
    border: 2px solid transparent;
    border-radius: 999px;
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(20, 108, 78, .16);
}
.pb-vygoda-knopki .pbnb-new-link .wp-block-button__link:hover {
    background: #52f1e5 !important;
    color: #12582a !important;
}
.pb-vygoda-knopki .pbnb-new-link .wp-block-button__link:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}
.pbnb-new-page, .pbnb-new-listing {
    width: 100%;
    min-width: 0;
}
.pbnb-new-intro { margin-bottom: 2rem; }
main:has(.pbnb-new-page) .wp-block-post-title {
    max-width: var(--wp--style--global--wide-size);
}
.pbnb-new-back { clear: both; padding-top: 1.5rem; }
.pbnb-new-listing ul.products li.product { min-width: 0; }
.pbnb-badges {
    display: grid;
    grid-template-columns: minmax(max-content, 1fr) auto minmax(0, 1fr);
    align-items: start;
    gap: 7px;
    box-sizing: border-box;
    max-width: 100%;
    min-width: 0;
    text-align: left;
}
/* Center the new label; the sale may widen the left track and shift it right. */
.pbnb-badges > .pb-new-badge-staging {
    grid-column: 2;
    grid-row: 1;
    justify-self: center;
}
/* Before JS runs, keep the new label below the existing sale label. */
.pbnb-badges--loop {
    position: absolute;
    z-index: 3;
    top: 48px;
    left: 10px;
    right: 10px;
}
/* Only badges are moved. Images, links, prices and cart buttons retain their order. */
.pbnb-ready > .pbnb-badges--loop {
    position: static;
    width: 100%;
    margin: 0 0 10px;
    padding: 10px 12px 0;
    align-self: stretch;
}
/* The block template's inline min-height:100% must leave room for the badge row. */
.wc-block-product.pbnb-has-new.pbnb-ready > .wp-block-group {
    min-height: 0 !important;
    flex: 1 1 auto;
}
.pbnb-badges > .pb-metka-akciya {
    grid-column: 1;
    grid-row: 1;
    justify-self: start;
    min-width: 0;
    overflow-wrap: anywhere;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.2 !important;
    white-space: normal !important;
}
.pbnb-gallery {
    min-width: 0;
    width: 100%;
}
.pbnb-badges--gallery {
    margin: 0 0 12px;
}
.pbnb-badges--gallery > .pb-new-badge-staging,
.pbnb-badges--gallery > .pb-metka-akciya {
    font-size: 14px;
    padding: 8px 13px;
}
.pb-new-badge-staging[hidden],
.pbnb-badges > .pb-metka-akciya[hidden],
.pbnb-badges[hidden] {
    display: none !important;
}
@media (max-width: 600px) {
    .pbnb-badges--loop { left: 7px; right: 7px; top: 40px; }
    .pbnb-badges--loop.pbnb-badges { gap: 5px; }
    .pbnb-ready > .pbnb-badges--loop { padding: 8px 10px 0; }
    .pbnb-badges--loop > .pb-new-badge-staging { font-size: 11.5px; padding: 6px 8px; }
    .pbnb-badges--gallery { gap: 6px; }
    .pbnb-badges--gallery > .pb-new-badge-staging,
    .pbnb-badges--gallery > .pb-metka-akciya { font-size: 12px; padding: 7px 10px; }
}