.baza-card-grid {
    background-color: transparent;
}

.baza-card-grid--background-default {
    background-color: transparent;
}

.baza-card-grid--background-muted {
    background-color: transparent;
}

.baza-card-grid--background-surface {
    background-color: transparent;
}

.baza-card-grid--surface-default.baza-card-grid--background-default {
    background-color: transparent;
}

.baza-card-grid--surface-default.baza-card-grid--background-muted {
    background-color: transparent;
}

.baza-card-grid--surface-default.baza-card-grid--background-surface {
    background-color: transparent;
}

.baza-card-grid--surface-transparent {
    background-color: transparent;
}

.baza-card-grid__inner {
    width: min(100% - (var(--baza-layout-page-gutter) * 2), var(--baza-layout-container-lg));
    margin-right: auto;
    margin-left: auto;
    padding-top: var(--baza-space-section-y, var(--baza-spacing-section-md));
    padding-bottom: var(--baza-space-section-y, var(--baza-spacing-section-md));
}

.baza-card-grid--columns-4 .baza-card-grid__inner {
    width: min(100% - (var(--baza-layout-page-gutter) * 0.9), 94rem);
}

.baza-card-grid__header {
    display: grid;
    gap: var(--baza-card-grid-gap, var(--baza-spacing-md));
    min-width: 0;
    max-width: var(--baza-layout-container-sm);
    margin-bottom: var(--baza-card-grid-header-gap, var(--baza-spacing-xl));
}

.baza-card-grid__heading {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--baza-color-text-primary);
    font-family: var(--baza-font-family-heading);
    font-size: var(--baza-card-grid-heading-size, clamp(1.9rem, 4vw, var(--baza-font-size-heading-lg)));
    line-height: var(--baza-line-height-heading);
    overflow-wrap: anywhere;
}

.baza-card-grid__lead {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--baza-color-text-muted);
    font-size: clamp(1.04rem, 0.45vw + 0.95rem, 1.18rem);
    line-height: 1.62;
    overflow-wrap: anywhere;
}

.baza-card-grid__grid {
    display: grid;
    gap: var(--baza-card-grid-gap, var(--baza-spacing-lg));
}

.baza-card-grid__card {
    display: grid;
    gap: var(--baza-card-grid-gap, var(--baza-spacing-md));
    min-width: 0;
    padding: var(--baza-card-padding, var(--baza-spacing-xl));
    border: 1px solid var(--baza-color-border-default);
    border-radius: var(--baza-radius-card);
    background-color: var(--baza-color-surface-default);
    box-shadow: var(--baza-shadow-card);
}

.baza-card-grid__card-title {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--baza-color-text-primary);
    font-family: var(--baza-font-family-heading);
    font-size: var(--baza-card-grid-card-title-size, clamp(1.1rem, 2vw, 1.35rem));
    line-height: var(--baza-line-height-heading);
    overflow-wrap: anywhere;
}

.baza-card-grid__card-text {
    max-width: 100%;
    min-width: 0;
    margin: 0;
    color: var(--baza-color-text-muted);
    font-size: clamp(0.98rem, 0.32vw + 0.9rem, 1.08rem);
    line-height: 1.58;
    overflow-wrap: anywhere;
}

.baza-card-grid__features {
    display: grid;
    gap: var(--baza-spacing-xs);
    margin: var(--baza-spacing-sm) 0 0;
    padding: 0;
    list-style: none;
}

.baza-card-grid__feature {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 0.6rem;
    min-width: 0;
    color: var(--baza-color-text-muted);
    font-size: 0.98rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.baza-card-grid__feature::before {
    content: "•";
    color: var(--baza-color-accent-primary);
    font-weight: 800;
    line-height: 1.4;
}

.baza-card-grid--text-tone-light .baza-card-grid__heading {
    color: #ffffff;
    text-shadow: 0 3px 16px rgba(15, 23, 42, 0.24);
}

.baza-card-grid--text-tone-light .baza-card-grid__lead {
    color: rgba(255, 255, 255, 0.84);
}

.baza-card-grid--text-tone-light .baza-card-grid__card {
    border-color: rgba(255, 255, 255, 0.22);
    background-color: rgba(15, 23, 42, 0.34);
    box-shadow: none;
}

.baza-card-grid--text-tone-light .baza-card-grid__card-title {
    color: #ffffff;
}

.baza-card-grid--text-tone-light .baza-card-grid__card-text {
    color: rgba(255, 255, 255, 0.82);
}

.baza-card-grid--text-tone-light .baza-card-grid__feature {
    color: rgba(255, 255, 255, 0.88);
}

.baza-card-grid--text-tone-light .baza-card-grid__feature::before {
    color: rgba(255, 255, 255, 0.92);
}

@media (min-width: 48rem) {
    .baza-card-grid--columns-2 .baza-card-grid__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .baza-card-grid--columns-3 .baza-card-grid__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .baza-card-grid--columns-4 .baza-card-grid__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 72rem) {
    .baza-card-grid--columns-4 {
        --baza-card-grid-gap: var(--baza-spacing-md);
        --baza-card-grid-header-gap: var(--baza-spacing-md);
        --baza-card-padding: var(--baza-spacing-xl);
    }

    .baza-card-grid--columns-4 .baza-card-grid__inner {
        padding-top: clamp(1.5rem, 2vw, 2.75rem);
        padding-bottom: clamp(1.5rem, 2vw, 2.75rem);
    }

    .baza-card-grid--columns-4 .baza-card-grid__header {
        max-width: 74rem;
        margin-bottom: var(--baza-spacing-md);
    }

    .baza-card-grid--columns-4 .baza-card-grid__grid {
        gap: clamp(1rem, 1.2vw, 1.5rem);
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .baza-card-grid--columns-4 .baza-card-grid__card {
        position: relative;
        isolation: isolate;
        display: grid;
        gap: 0.9rem;
        padding: var(--baza-spacing-xl);
        border-color: rgba(37, 99, 235, 0.16);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 248, 252, 0.95)),
            var(--baza-color-surface-default);
        box-shadow:
            0 18px 40px rgba(15, 23, 42, 0.12),
            0 0 0 1px rgba(96, 165, 250, 0.08) inset;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        height: 0.28rem;
        border-top-left-radius: inherit;
        border-top-right-radius: inherit;
        background: linear-gradient(90deg, rgba(59, 130, 246, 0.75), rgba(14, 165, 233, 0.18));
        pointer-events: none;
    }

    .baza-card-grid--columns-4 .baza-card-grid__badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: fit-content;
        margin-bottom: 0.1rem;
        padding: 0.34rem 0.65rem;
        border: 1px solid rgba(37, 99, 235, 0.16);
        border-radius: 999px;
        background: rgba(37, 99, 235, 0.08);
        color: var(--baza-color-accent-primary);
        font-size: 0.7rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        line-height: 1;
        text-transform: uppercase;
    }

    /* Tymczasowe wyróżnienie Signature do czasu pełnego pola featured w danych karty. */
    .baza-card-grid--columns-4 .baza-card-grid__card--featured,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) {
        transform: translateY(-0.22rem);
        border-color: rgba(16, 185, 129, 0.34);
        background:
            linear-gradient(180deg, rgba(236, 253, 245, 0.98), rgba(221, 252, 244, 0.94)),
            var(--baza-color-surface-default);
        box-shadow:
            0 24px 56px rgba(16, 185, 129, 0.2),
            0 0 0 1px rgba(59, 130, 246, 0.12) inset;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured::after,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2)::after {
        background: linear-gradient(90deg, rgba(16, 185, 129, 0.88), rgba(59, 130, 246, 0.45));
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__badge,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__badge {
        border-color: rgba(16, 185, 129, 0.2);
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link {
        border-color: transparent;
        background: linear-gradient(135deg, var(--baza-color-accent-primary), #14b8a6);
        color: #ffffff;
        box-shadow: 0 16px 30px rgba(15, 118, 110, 0.24);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:hover,
    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:focus-visible,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link:hover,
    .baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link:focus-visible {
        transform: translateY(-1px);
        box-shadow: 0 20px 34px rgba(15, 118, 110, 0.3);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-title {
        font-size: clamp(1.08rem, 1vw + 0.72rem, 1.28rem);
        line-height: 1.16;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-text {
        font-size: 0.96rem;
        line-height: 1.5;
    }

    .baza-card-grid--columns-4 .baza-card-grid__features {
        gap: 0.42rem;
        margin-top: 0.55rem;
    }

    .baza-card-grid--columns-4 .baza-card-grid__feature {
        gap: 0.5rem;
        font-size: 0.92rem;
        line-height: 1.42;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-link {
        margin-top: 0.2rem;
        padding: 0.72rem 1rem;
        border-color: rgba(37, 99, 235, 0.42);
        background: rgba(255, 255, 255, 0.76);
        color: var(--baza-color-accent-primary);
        box-shadow: 0 10px 20px rgba(15, 23, 42, 0.08);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-link:hover,
    .baza-card-grid--columns-4 .baza-card-grid__card-link:focus-visible {
        background: rgba(37, 99, 235, 0.1);
        color: var(--baza-color-accent-primary);
        box-shadow: 0 14px 26px rgba(37, 99, 235, 0.18);
    }

    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__card-text,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card:nth-child(2) .baza-card-grid__card-text,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__feature,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card:nth-child(2) .baza-card-grid__feature {
        color: #0f172a;
    }

    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__card-title,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card:nth-child(2) .baza-card-grid__card-title {
        color: #0f172a;
    }
}

@media (max-width: 782px) {
    .baza-card-grid {
        --baza-card-grid-gap-mobile: var(--baza-spacing-md);
        --baza-card-grid-heading-size-mobile: clamp(1.65rem, 6vw, 2.2rem);
        --baza-card-grid-card-title-size-mobile: 1.05rem;
        --baza-card-grid-header-gap-mobile: var(--baza-spacing-lg);
        --baza-card-padding-mobile: var(--baza-spacing-lg);
    }

    .baza-card-grid__inner {
        padding-top: var(--baza-space-section-y-mobile, var(--baza-space-section-y, var(--baza-spacing-lg)));
        padding-bottom: var(--baza-space-section-y-mobile, var(--baza-space-section-y, var(--baza-spacing-lg)));
    }

    .baza-card-grid__header {
        gap: var(--baza-card-grid-gap-mobile, var(--baza-spacing-md));
        margin-bottom: var(--baza-card-grid-header-gap-mobile, var(--baza-spacing-lg));
    }

    .baza-card-grid__heading {
        font-size: var(--baza-card-grid-heading-size-mobile, clamp(1.65rem, 6vw, 2.2rem));
    }

    .baza-card-grid__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: var(--baza-card-grid-gap-mobile, var(--baza-spacing-md));
    }

    .baza-card-grid__card {
        gap: var(--baza-card-grid-gap-mobile, var(--baza-spacing-sm));
        padding: var(--baza-card-padding-mobile, var(--baza-spacing-lg));
    }

    .baza-card-grid__card-title {
        font-size: var(--baza-card-grid-card-title-size-mobile, 1.05rem);
    }

    .baza-card-grid__features {
        gap: var(--baza-spacing-2xs, 0.35rem);
    }

    .baza-card-grid__feature {
        gap: 0.55rem;
        font-size: 0.94rem;
    }

    .baza-mobile-compact-spacing.baza-card-grid {
        --baza-card-grid-gap-mobile: var(--baza-space-card-gap-mobile, var(--baza-spacing-sm));
        --baza-card-grid-header-gap-mobile: var(--baza-space-card-gap-mobile, var(--baza-spacing-sm));
        --baza-card-grid-heading-size-mobile: clamp(1.45rem, 5.4vw, 1.9rem);
        --baza-card-grid-card-title-size-mobile: 1rem;
        --baza-card-padding-mobile: var(--baza-spacing-md);
    }
}

.baza-card-grid__card-link {
    --baza-card-grid-button-hover-transform: translateY(-1px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    min-height: var(--baza-button-min-height, calc(var(--baza-spacing-xl) + var(--baza-spacing-lg)));
    margin-top: var(--baza-spacing-xs);
    padding: var(--baza-button-padding-y, var(--baza-spacing-sm)) var(--baza-button-padding-x, var(--baza-spacing-lg));
    border: 1px solid color-mix(in srgb, var(--baza-color-accent-primary) 28%, transparent);
    border-radius: var(--baza-radius-button);
    background-color: color-mix(in srgb, var(--baza-color-accent-primary) 8%, transparent);
    color: var(--baza-color-accent-primary);
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    box-shadow: 0 0 0 0 transparent;
    transition:
        background-image 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        color 160ms ease,
        box-shadow 160ms ease,
        transform 160ms ease;
}

.baza-card-grid__card-link:hover,
.baza-card-grid__card-link:focus-visible {
    background-color: var(--baza-color-accent-primary);
    color: var(--baza-color-accent-contrast);
    box-shadow:
        0 0 0 3px color-mix(in srgb, var(--baza-color-accent-primary) 12%, transparent),
        0 0 22px color-mix(in srgb, var(--baza-color-accent-primary) 14%, transparent);
    transform: var(--baza-card-grid-button-hover-transform);
}

.baza-card-grid__card-link:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--baza-color-accent-primary) 64%, transparent);
    outline-offset: 3px;
}

.baza-card-grid--text-tone-light .baza-card-grid__card-link {
    border-color: rgba(255, 255, 255, 0.44);
    background-color: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    box-shadow: 0 0 0 0 transparent;
}

.baza-card-grid--text-tone-light .baza-card-grid__card-link:hover,
.baza-card-grid--text-tone-light .baza-card-grid__card-link:focus-visible {
    border-color: #ffffff;
    background-color: #ffffff;
    color: var(--baza-color-text-primary);
    box-shadow:
        0 0 0 3px color-mix(in srgb, #ffffff 14%, transparent),
        0 0 22px color-mix(in srgb, var(--baza-color-accent-primary) 10%, transparent);
}

.baza-card-grid--text-tone-light .baza-card-grid__card-link:focus-visible {
    outline-color: color-mix(in srgb, #ffffff 70%, transparent);
}

.baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link,
.baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link {
    border-color: color-mix(in srgb, var(--baza-color-accent-soft) 40%, transparent);
    background-color: var(--baza-color-accent-primary);
    background-image: linear-gradient(
        135deg,
        var(--baza-color-accent-primary) 0%,
        color-mix(in srgb, var(--baza-color-accent-soft) 86%, var(--baza-color-accent-primary) 14%) 54%,
        color-mix(in srgb, var(--baza-color-accent-muted) 84%, var(--baza-color-accent-soft) 16%) 100%
    );
    color: var(--baza-color-accent-contrast);
    box-shadow:
        0 12px 28px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
        0 0 0 1px color-mix(in srgb, var(--baza-color-accent-primary) 12%, transparent) inset;
}

.baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:hover,
.baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:focus-visible,
.baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link:hover,
.baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link:focus-visible {
    box-shadow:
        0 12px 28px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
        0 0 0 3px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
        0 0 22px color-mix(in srgb, var(--baza-color-accent-primary) 16%, transparent);
}

.baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:focus-visible,
.baza-card-grid--columns-4 .baza-card-grid__card:nth-child(2) .baza-card-grid__card-link:focus-visible {
    outline-color: color-mix(in srgb, var(--baza-color-accent-primary) 64%, transparent);
}

.baza-card-grid--columns-4 .baza-card-grid__card-link:hover,
.baza-card-grid--columns-4 .baza-card-grid__card-link:focus-visible {
    border-color: rgba(37, 99, 235, 0.5);
}

@media (min-width: 72rem) {
    .baza-card-grid--columns-4 .baza-card-grid__header {
        margin-bottom: clamp(1.6rem, 2vw, 2.4rem);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card {
        display: flex;
        flex-direction: column;
        min-height: clamp(28rem, 31vw, 34rem);
        gap: 0.95rem;
        padding: clamp(1.45rem, 1.6vw, 1.85rem);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-title + .baza-card-grid__card-text {
        margin-top: 0.05rem;
    }

    .baza-card-grid--columns-4 .baza-card-grid__features {
        margin-top: 0.9rem;
        padding-top: 0.9rem;
        border-top: 1px solid color-mix(in srgb, var(--baza-color-border-default) 62%, transparent);
        gap: 0.45rem;
    }

    .baza-card-grid--columns-4 .baza-card-grid__feature {
        grid-template-columns: 1rem 1fr;
        gap: 0.6rem;
        font-size: 0.92rem;
        line-height: 1.44;
    }

    .baza-card-grid--columns-4 .baza-card-grid__feature::before {
        content: "";
        width: 0.45rem;
        height: 0.45rem;
        margin-top: 0.55rem;
        border-radius: 999px;
        background: var(--baza-color-accent-primary);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--baza-color-accent-primary) 12%, transparent);
    }

    .baza-card-grid--columns-4 .baza-card-grid__badge {
        align-self: flex-start;
        margin-bottom: 0.2rem;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-link {
        margin-top: auto;
        min-height: var(--baza-button-min-height, calc(var(--baza-spacing-xl) + var(--baza-spacing-lg)));
        padding: var(--baza-button-padding-y, var(--baza-spacing-sm)) var(--baza-button-padding-x, var(--baza-spacing-lg));
        border-color: color-mix(in srgb, var(--baza-color-accent-primary) 28%, transparent);
        background-color: color-mix(in srgb, var(--baza-color-accent-primary) 8%, transparent);
        color: var(--baza-color-accent-primary);
        box-shadow: 0 0 0 0 transparent;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-link:hover,
    .baza-card-grid--columns-4 .baza-card-grid__card-link:focus-visible {
        background-color: var(--baza-color-accent-primary);
        color: var(--baza-color-accent-contrast);
        box-shadow:
            0 0 0 3px color-mix(in srgb, var(--baza-color-accent-primary) 12%, transparent),
            0 0 22px color-mix(in srgb, var(--baza-color-accent-primary) 14%, transparent);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card-link:focus-visible {
        outline: 2px solid color-mix(in srgb, var(--baza-color-accent-primary) 64%, transparent);
        outline-offset: 3px;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured {
        transform: translateY(-0.25rem);
        border-color: rgba(16, 185, 129, 0.42);
        box-shadow:
            0 28px 64px rgba(16, 185, 129, 0.18),
            0 0 0 1px rgba(59, 130, 246, 0.12) inset;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured::after {
        height: 0.32rem;
        background: linear-gradient(90deg, rgba(16, 185, 129, 0.92), rgba(59, 130, 246, 0.42));
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link {
        border-color: color-mix(in srgb, var(--baza-color-accent-soft) 40%, transparent);
        background-color: var(--baza-color-accent-primary);
        background-image: linear-gradient(
            135deg,
            var(--baza-color-accent-primary) 0%,
            color-mix(in srgb, var(--baza-color-accent-soft) 86%, var(--baza-color-accent-primary) 14%) 54%,
            color-mix(in srgb, var(--baza-color-accent-muted) 84%, var(--baza-color-accent-soft) 16%) 100%
        );
        color: var(--baza-color-accent-contrast);
        box-shadow:
            0 12px 28px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
            0 0 0 1px color-mix(in srgb, var(--baza-color-accent-primary) 12%, transparent) inset;
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:hover,
    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__card-link:focus-visible {
        box-shadow:
            0 12px 28px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
            0 0 0 3px color-mix(in srgb, var(--baza-color-accent-primary) 18%, transparent),
            0 0 22px color-mix(in srgb, var(--baza-color-accent-primary) 16%, transparent);
    }

    .baza-card-grid--columns-4 .baza-card-grid__card--featured .baza-card-grid__badge {
        border-color: rgba(16, 185, 129, 0.2);
        background: rgba(16, 185, 129, 0.12);
        color: #047857;
    }

    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__card-title,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__card-text,
    .baza-card-grid--columns-4:not(.baza-card-grid--text-tone-light) .baza-card-grid__card--featured .baza-card-grid__feature {
        color: #0f172a;
    }

    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__features {
        border-top-color: rgba(255, 255, 255, 0.16);
    }

    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__feature {
        color: rgba(255, 255, 255, 0.88);
    }

    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__feature::before {
        color: rgba(255, 255, 255, 0.94);
    }

    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__card--featured {
        border-color: rgba(255, 255, 255, 0.24);
        background:
            linear-gradient(180deg, rgba(7, 10, 14, 0.92), rgba(10, 16, 28, 0.94)),
            rgba(15, 23, 42, 0.34);
        box-shadow:
            0 26px 58px rgba(0, 0, 0, 0.28),
            0 0 0 1px rgba(255, 255, 255, 0.08) inset;
    }

    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__card--featured .baza-card-grid__card-title,
    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__card--featured .baza-card-grid__card-text,
    .baza-card-grid--columns-4.baza-card-grid--text-tone-light .baza-card-grid__card--featured .baza-card-grid__feature {
        color: #ffffff;
    }
}