.astra-shop-toolkit-comparison {
    --astc-heading: var(--astrashoptoolkit-astra-color-2);
    --astc-text: var(--astrashoptoolkit-astra-color-3);
    --astc-accent: var(--astrashoptoolkit-astra-color-0);
    --astc-ours-surface: var(--astrashoptoolkit-astra-color-4);
    --astc-others-surface: var(--astrashoptoolkit-astra-color-5);
    --astc-green: var(--astrashoptoolkit-success-color);
    --astc-green-soft: var(--astrashoptoolkit-success-background);
    --astc-error: var(--astrashoptoolkit-danger-color);
    --astc-error-soft: var(--astrashoptoolkit-danger-background);
    color: var(--astc-text);
    font-family: inherit;
}

.astra-shop-toolkit-comparison p { margin: 4px 0 0; color: var(--astc-text); font-size: 13px; line-height: 1.45; }
.astra-shop-toolkit-comparison__table { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(260px, 1.15fr) minmax(260px, 1.15fr); align-items: stretch; gap: 16px; padding: 24px 0; border-radius: 0; background: transparent; }
.astra-shop-toolkit-comparison--without-criteria .astra-shop-toolkit-comparison__table { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.astra-shop-toolkit-comparison__column { display: flex; flex-direction: column; gap: 12px; box-sizing: border-box; }
.astra-shop-toolkit-comparison__column header { padding: 14px; }
.astra-shop-toolkit-comparison__column h3 { margin: 8px 0 0; color: var(--astc-heading); font-size: 20px; line-height: 1.2; }
.astra-shop-toolkit-comparison__column strong { display: block; color: var(--astc-heading); font-size: 14px; line-height: 1.4; }
.astra-shop-toolkit-comparison__column article { position: relative; display: flex; gap: 10px; padding: 14px; border-radius: var(--astrashoptoolkit-radius); background: var(--astc-others-surface); }
.astra-shop-toolkit-comparison__status-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 50%; color: var(--astc-green); background: var(--astc-green-soft); font-size: 17px; line-height: 24px; }
.astra-shop-toolkit-comparison__column--labels { padding-top: 14px; }

.astra-shop-toolkit-comparison__column--ours,
.astra-shop-toolkit-comparison__column--others { align-self: stretch; height: 100%; padding: 18px; border-radius: var(--astrashoptoolkit-radius); }
.astra-shop-toolkit-comparison__column--ours { position: relative; background: var(--astc-ours-surface); box-shadow: var(--astrashoptoolkit-shadow-lg); }
.astra-shop-toolkit-comparison__column--others { background: var(--astc-others-surface); box-shadow: var(--astrashoptoolkit-shadow); }
.astra-shop-toolkit-comparison__column--ours article { background: var(--astc-others-surface); }
.astra-shop-toolkit-comparison__column--others article { background: var(--astc-ours-surface); }
.astra-shop-toolkit-comparison__column--others .astra-shop-toolkit-comparison__status-icon { color: var(--astc-error); background: var(--astc-error-soft); }

/* Kształt znaczka: assets/Styles/badges.css; tu tylko kolory i położenie widgetu. */
.astra-shop-toolkit-comparison__column--ours .astra-shop-toolkit-comparison__badge { position: absolute; top: -15px; left: 50%; color: var(--astc-others-surface); background: var(--astc-accent); white-space: nowrap; transform: translateX(-50%); }
.astra-shop-toolkit-comparison__badge .dashicons { width: 16px; height: 16px; color: currentColor; font-size: 16px; line-height: 16px; }
.astra-shop-toolkit-comparison__heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.astra-shop-toolkit-comparison__heading > div { min-width: 0; }
.astra-shop-toolkit-comparison__heading-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; color: var(--astc-green); background: var(--astc-green-soft); font-size: 24px; }
.astra-shop-toolkit-comparison__heading-icon--negative { color: var(--astc-error); background: var(--astc-error-soft); }

.astra-shop-toolkit-comparison__criteria-badge { align-self: flex-start; margin: 0 14px; color: var(--astc-text); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.astra-shop-toolkit-comparison__criteria-content { display: flex; flex: 1; flex-direction: column; gap: 24px; }
.astra-shop-toolkit-comparison__criteria-intro { padding: 0 14px; }
.astra-shop-toolkit-comparison__criteria-intro h3 { margin: 0; font-size: 20px; line-height: 1.35; }
.astra-shop-toolkit-comparison__criteria-intro p { margin-top: 6px; }
.astra-shop-toolkit-comparison__criteria-list { display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.astra-shop-toolkit-comparison__criterion { display: flex; align-items: center; gap: 10px; padding: 0 14px; }
.astra-shop-toolkit-comparison__criterion-icon { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 20px; width: 20px; height: 20px; color: var(--astc-text); font-size: 20px; }
.astra-shop-toolkit-comparison__criterion-icon i,
.astra-shop-toolkit-comparison__criterion-icon svg,
.astra-shop-toolkit-comparison__criterion-icon .dashicons { width: 20px; height: 20px; font-size: 20px; }
.astra-shop-toolkit-comparison__criteria-footer { display: flex; align-items: center; gap: 7px; padding: 14px; color: var(--astc-green); }
.astra-shop-toolkit-comparison__criteria-footer .dashicons { flex: 0 0 18px; width: 18px; height: 18px; font-size: 18px; }
.astra-shop-toolkit-comparison__criteria-footer strong { color: inherit; font-size: 13px; }
.astra-shop-toolkit-comparison__summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding: 12px 14px; border-radius: var(--astrashoptoolkit-radius); font-size: 13px; }
.astra-shop-toolkit-comparison__summary strong { font-size: 16px; }
.astra-shop-toolkit-comparison__summary--positive { color: var(--astc-green); background: color-mix(in srgb, var(--astc-green-soft) 55%, transparent); }
.astra-shop-toolkit-comparison__summary--negative { color: var(--astc-error); background: var(--astc-error-soft); }
.astra-shop-toolkit-comparison__summary--negative strong { color: inherit; }
.astra-shop-toolkit-comparison__summary--positive strong { color: inherit; }
.astra-shop-toolkit-comparison__row-label { display: none; }
.astra-shop-toolkit-comparison__tabs { display: none; }

@media (max-width: 767px) {
    .astra-shop-toolkit-comparison__tabs {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 16px;
        padding: 4px;
        border-radius: var(--astrashoptoolkit-radius-pill);
        background: var(--astc-ours-surface);
        box-shadow: var(--astrashoptoolkit-shadow-sm);
    }
    .astra-shop-toolkit-comparison__tab {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 1 1 50%;
        gap: 6px;
        min-width: 0;
        min-height: 42px;
        padding: 9px 12px;
        border: 0;
        border-radius: var(--astrashoptoolkit-radius-pill);
        color: var(--astc-text);
        background: transparent;
        font: inherit;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.25;
        text-align: center;
        cursor: pointer;
        transition: color .2s ease, background-color .2s ease, box-shadow .2s ease;
    }
    .astra-shop-toolkit-comparison__tab.is-active {
        color: var(--astc-others-surface);
        background: var(--astc-accent);
        box-shadow: var(--astrashoptoolkit-shadow-sm);
    }
    .astra-shop-toolkit-comparison__tab:focus-visible { outline: 2px solid var(--astc-green); outline-offset: 2px; }
    .astra-shop-toolkit-comparison__tab .dashicons { width: 17px; height: 17px; font-size: 17px; line-height: 17px; }
    .astra-shop-toolkit-comparison__table { display: block; padding: 18px 0; }
    .astra-shop-toolkit-comparison__column--labels { display: none; }
    .astra-shop-toolkit-comparison__column--ours,
    .astra-shop-toolkit-comparison__column--others {
        display: none;
        height: auto;
        padding: 16px;
        border-radius: var(--astrashoptoolkit-radius-lg);
    }
    .astra-shop-toolkit-comparison__column--ours.is-active,
    .astra-shop-toolkit-comparison__column--others.is-active { display: flex; }
    .astra-shop-toolkit-comparison__column header { padding: 0 0 4px; }
    .astra-shop-toolkit-comparison__column--ours .astra-shop-toolkit-comparison__badge {
        position: static;
        align-self: flex-start;
        color: var(--astc-green);
        background: var(--astc-green-soft);
        transform: none;
    }
    .astra-shop-toolkit-comparison__column--ours .astra-shop-toolkit-comparison__badge .dashicons { color: currentColor; }
    .astra-shop-toolkit-comparison__heading { display: none; }
    .astra-shop-toolkit-comparison__column article {
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 12px;
        row-gap: 2px;
        padding: 11px;
        border-radius: var(--astrashoptoolkit-radius);
    }
    .astra-shop-toolkit-comparison__column article > div { grid-column: 2; grid-row: 2; min-width: 0; }
    .astra-shop-toolkit-comparison__column article strong { font-size: 14px; line-height: 1.4; }
    .astra-shop-toolkit-comparison__column article p { font-size: 12px; line-height: 1.4; }
    .astra-shop-toolkit-comparison__row-label { display: block; grid-column: 2; grid-row: 1; color: var(--astc-text); font-size: 10px; font-weight: 700; letter-spacing: .06em; line-height: 1.35; text-transform: uppercase; }
    .astra-shop-toolkit-comparison__status-icon { grid-column: 1; grid-row: 1 / span 2; margin-top: 2px; }
    .astra-shop-toolkit-comparison__summary { margin-top: 4px; border-radius: var(--astrashoptoolkit-radius); }
}