/* Elementor adds an inner container around its HTML widgets. Keep the
   production pricing section full bleed and let its own .sg-wrap set width. */
.sg-production-cenik.e-con {
    --row-gap: 0px;
    --column-gap: 0px;
    gap: 0;
    /* Production wraps this page in #privacy, which adds 80px above and below. */
    padding: 80px 0 !important;
}

.sg-production-cenik.e-con > .e-con-inner {
    display: block;
    width: 100%;
    max-width: none;
    padding: 0;
}

.sg-production-cenik > .e-con-inner > .elementor-element {
    width: 100%;
    max-width: none;
}

.sg-production-cenik .elementor-widget-html,
.sg-production-cenik .elementor-widget-html > .elementor-widget-container {
    width: 100%;
    max-width: none;
}

/* Hello Elementor paints odd table rows grey. The live pricing page uses
   the clean white feature rows from the original Astra layout. Keep the
   pricing table independent of the staging theme's generic table styling. */
.sg-production-cenik .sg-cenik tbody tr:not(.sg-band) td,
.sg-production-cenik .sg-cenik tbody tr:not(.sg-band) th {
    background-color: #fff;
}

.sg-production-cenik .sg-cenik tbody tr:not(.sg-band):hover td,
.sg-production-cenik .sg-cenik tbody tr:not(.sg-band):hover th {
    background-color: #faf8ff;
}