.elementor-582 .elementor-element.elementor-element-a10477f:not(.elementor-motion-effects-element-type-background), .elementor-582 .elementor-element.elementor-element-a10477f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5F1;}.elementor-582 .elementor-element.elementor-element-a10477f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-582 .elementor-element.elementor-element-a10477f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}:root{--page-title-display:none;}/* Start custom CSS for section, class: .elementor-element-a10477f *//* =========================
   MIA HISZPAŃSKI - CENNIK FINAL
========================= */

.mia-pricing-page,
.mia-pricing-page * {
    font-family: 'Montserrat', sans-serif !important;
    box-sizing: border-box;
}

.mia-pricing-page {
    background: #F8F5F1 !important;
    overflow: hidden;
}

.mia-pricing-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

/* HERO */

.mia-pricing-hero {
    background: #F8F5F1 !important;
    padding: 70px 50px 45px 50px !important;
    position: relative !important;
    overflow: hidden !important;
}

.mia-pricing-hero .mia-pricing-inner {
    min-height: 430px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    background-image: url("https://miahiszpanski.pl/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-29-at-14.26.04.jpeg") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(78, 58, 44, 0.10) !important;
    border-radius: 30px !important;
    padding: 92px 72px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 26px 78px rgba(78, 58, 44, 0.12) !important;
    isolation: isolate !important;
}

.mia-pricing-hero .mia-pricing-inner::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            90deg,
            rgba(47, 36, 28, 0.78) 0%,
            rgba(78, 58, 44, 0.62) 38%,
            rgba(155, 0, 40, 0.34) 100%
        ),
        radial-gradient(
            circle at 78% 20%,
            rgba(255, 201, 0, 0.22) 0%,
            rgba(255, 201, 0, 0.08) 30%,
            rgba(255, 201, 0, 0) 62%
        ) !important;
}

.mia-pricing-hero .mia-pricing-inner::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 44% !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
        0deg,
        rgba(47, 36, 28, 0.28) 0%,
        rgba(47, 36, 28, 0) 100%
    ) !important;
}

.mia-pricing-hero .mia-pricing-inner > * {
    position: relative !important;
    z-index: 2 !important;
}

.mia-pricing-eyebrow {
    color: #8F6F50;
    font-size: 15px;
    font-weight: 800;
    letter-spacing: 2.6px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.mia-pricing-hero .mia-pricing-eyebrow {
    color: #FFC900 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

.mia-pricing-hero h1 {
    max-width: 760px !important;
    color: #FFFFFF !important;
    font-size: 58px !important;
    line-height: 1.08em !important;
    font-weight: 800 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.42) !important;
}

.mia-pricing-hero p {
    max-width: 690px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 19px !important;
    line-height: 1.72em !important;
    font-weight: 500 !important;
    margin: 0 0 34px 0 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.38) !important;
}

.mia-pricing-hero-buttons {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

/* BUTTONS */

.mia-pricing-btn-primary,
.mia-pricing-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 16px 30px;
    font-size: 15.5px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.mia-pricing-btn-primary {
    background: #FFC900;
    color: #2F241C !important;
    border: 1px solid #FFC900;
    box-shadow: 0 16px 34px rgba(255, 201, 0, 0.30);
}

.mia-pricing-btn-primary:hover {
    background: #FFB300;
    color: #2F241C !important;
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(255, 179, 0, 0.36);
}

.mia-pricing-btn-secondary {
    background: rgba(255, 255, 255, 0.96);
    color: #4E3A2C !important;
    border: 1px solid rgba(255, 255, 255, 0.55);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}

.mia-pricing-btn-secondary:hover {
    background: #FFFFFF;
    color: #4E3A2C !important;
    transform: translateY(-2px);
}

/* SECTION HEADERS */

.mia-pricing-section-header {
    max-width: 820px;
    text-align: center;
    margin: 0 auto 52px auto;
}

.mia-pricing-section-header h2 {
    color: #4E3A2C;
    font-size: 44px;
    line-height: 1.14em;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.mia-pricing-section-header p {
    color: #8F7A6B;
    font-size: 18px;
    line-height: 1.65em;
    margin: 0;
}

/* MAIN PRICING PANEL */

.mia-pricing-main {
    background: #F8F5F1 !important;
    padding: 45px 50px !important;
}

.mia-pricing-main > .mia-pricing-inner {
    background: #FFFFFF !important;
    border: 1px solid rgba(78, 58, 44, 0.08) !important;
    border-radius: 30px !important;
    padding: 90px 72px !important;
    box-shadow: 0 22px 64px rgba(78, 58, 44, 0.055) !important;
}

.mia-pricing-grid {
    display: grid;
    gap: 28px;
}

.mia-pricing-grid-main {
    grid-template-columns: repeat(3, 1fr);
}

.mia-pricing-card {
    background: #FFFFFF;
    border: 1px solid rgba(78, 58, 44, 0.12);
    border-radius: 24px;
    padding: 38px 34px 34px 34px;
    box-shadow: 0 18px 48px rgba(78, 58, 44, 0.055);
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
}

.mia-pricing-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 28px 70px rgba(78, 58, 44, 0.10);
    border-color: rgba(155, 0, 40, 0.18);
}

.mia-pricing-card-featured {
    background: #F8F5F1;
    border-color: rgba(155, 0, 40, 0.16);
}

.mia-pricing-card-top span {
    display: inline-flex;
    color: #9B0028;
    background: #F3E1E4;
    border-radius: 999px;
    padding: 8px 13px;
    font-size: 12.5px;
    font-weight: 800;
    letter-spacing: 0.5px;
    margin-bottom: 22px;
}

.mia-pricing-card h3 {
    color: #4E3A2C;
    font-size: 28px;
    line-height: 1.16em;
    font-weight: 700;
    margin: 0 0 16px 0;
}

.mia-pricing-card p {
    color: #806B5C;
    font-size: 16px;
    line-height: 1.68em;
    margin: 0 0 26px 0;
}

.mia-pricing-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin: 0 0 28px 0;
    padding: 22px 0;
    border-top: 1px solid rgba(78, 58, 44, 0.10);
    border-bottom: 1px solid rgba(78, 58, 44, 0.10);
}

.mia-pricing-price strong {
    color: #9B0028;
    font-size: 44px;
    line-height: 1;
    font-weight: 800;
}

.mia-pricing-price span {
    color: #8F7A6B;
    font-size: 15px;
    font-weight: 700;
}

.mia-pricing-card ul {
    padding: 0;
    margin: 0 0 30px 0;
    list-style: none;
}

.mia-pricing-card li {
    position: relative;
    color: #806B5C;
    font-size: 15.5px;
    line-height: 1.55em;
    margin-bottom: 12px;
    padding-left: 26px;
}

.mia-pricing-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #9B0028;
    font-weight: 900;
}

.mia-pricing-card-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    width: fit-content;
    background: #FFC900;
    color: #2F241C !important;
    border-radius: 12px;
    padding: 14px 24px;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.mia-pricing-card-btn:hover {
    background: #FFB300;
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(255, 201, 0, 0.28);
}

/* EXTRA PRICING */

.mia-pricing-extra {
    background: #F8F5F1 !important;
    padding: 70px 50px 55px 50px !important;
}

.mia-pricing-grid-extra {
    grid-template-columns: repeat(3, 1fr);
}

.mia-pricing-small-card {
    background: #FFFFFF;
    border: 1px solid rgba(78, 58, 44, 0.10);
    border-radius: 22px;
    padding: 34px 30px;
    box-shadow: 0 16px 40px rgba(78, 58, 44, 0.045);
    transition: all 0.25s ease;
}

.mia-pricing-small-card:hover {
    transform: translateY(-5px);
    border-color: rgba(155, 0, 40, 0.18);
    box-shadow: 0 24px 54px rgba(78, 58, 44, 0.09);
}

.mia-pricing-small-card h3 {
    color: #4E3A2C;
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    margin: 0 0 14px 0;
}

.mia-pricing-small-card p {
    color: #806B5C;
    font-size: 15.8px;
    line-height: 1.65em;
    margin: 0 0 22px 0;
}

.mia-pricing-small-price {
    color: #9B0028;
    font-size: 24px;
    font-weight: 800;
    margin-bottom: 22px;
}

.mia-pricing-small-card a {
    display: inline-flex;
    color: #4E3A2C !important;
    font-size: 15px;
    font-weight: 800;
    text-decoration: none !important;
    transition: all 0.25s ease;
}

.mia-pricing-small-card a:hover {
    color: #9B0028 !important;
}

.mia-pricing-consult-card {
    background: #FFF7D8;
    border-color: rgba(255, 201, 0, 0.35);
}

/* INCLUDED PANEL */

.mia-pricing-included {
    background: #F8F5F1 !important;
    padding: 45px 50px !important;
}

.mia-pricing-included > .mia-pricing-inner {
    background: #FFFFFF !important;
    border: 1px solid rgba(78, 58, 44, 0.08) !important;
    border-radius: 30px !important;
    padding: 90px 72px !important;
    box-shadow: 0 22px 64px rgba(78, 58, 44, 0.055) !important;
}

.mia-pricing-benefits-grid {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

.mia-pricing-benefit {
    background: #F8F5F1;
    border: 1px solid rgba(78, 58, 44, 0.10);
    border-radius: 22px;
    padding: 36px 32px;
    box-shadow: 0 16px 38px rgba(78, 58, 44, 0.045);
}

.mia-pricing-icon {
    width: 52px;
    height: 52px;
    border-radius: 14px;
    background: #F3E1E4;
    color: #9B0028;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 26px;
}

.mia-pricing-benefit h3 {
    color: #4E3A2C;
    font-size: 23px;
    line-height: 1.22em;
    font-weight: 700;
    margin: 0 0 14px 0;
}

.mia-pricing-benefit p {
    color: #806B5C;
    font-size: 15.8px;
    line-height: 1.65em;
    margin: 0;
}

/* CTA */

.mia-pricing-cta {
    background: #F8F5F1 !important;
    padding: 55px 50px 95px 50px !important;
}

.mia-pricing-cta-card {
    max-width: 900px;
    margin: 0 auto;
    background: #FFFFFF;
    border: 1px solid rgba(78, 58, 44, 0.10);
    border-radius: 26px;
    padding: 58px 60px;
    text-align: center;
    box-shadow: 0 24px 70px rgba(78, 58, 44, 0.09);
}

.mia-pricing-cta-card h2 {
    color: #4E3A2C;
    font-size: 42px;
    line-height: 1.16em;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.mia-pricing-cta-card p {
    color: #806B5C;
    font-size: 18px;
    line-height: 1.65em;
    max-width: 680px;
    margin: 0 auto 30px auto;
}

/* LINKS RESET */

.mia-pricing-page a,
.mia-pricing-page a:hover,
.mia-pricing-page a:focus,
.mia-pricing-page a:visited {
    text-decoration: none !important;
}

/* RESPONSIVE */

@media (max-width: 1024px) {
    .mia-pricing-hero,
    .mia-pricing-main,
    .mia-pricing-extra,
    .mia-pricing-included,
    .mia-pricing-cta {
        padding-left: 32px !important;
        padding-right: 32px !important;
    }

    .mia-pricing-hero .mia-pricing-inner,
    .mia-pricing-main > .mia-pricing-inner,
    .mia-pricing-included > .mia-pricing-inner {
        padding: 70px 42px !important;
        border-radius: 26px !important;
    }

    .mia-pricing-hero .mia-pricing-inner {
        min-height: 390px !important;
        background-position: center center !important;
    }

    .mia-pricing-hero h1 {
        font-size: 46px !important;
        max-width: 680px !important;
    }

    .mia-pricing-hero p {
        max-width: 620px !important;
    }

    .mia-pricing-grid-main,
    .mia-pricing-grid-extra,
    .mia-pricing-benefits-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767px) {
    .mia-pricing-hero {
        padding: 42px 20px 28px 20px !important;
    }

    .mia-pricing-main,
    .mia-pricing-included {
        padding: 28px 20px !important;
    }

    .mia-pricing-extra {
        padding: 55px 20px 35px 20px !important;
    }

    .mia-pricing-cta {
        padding: 35px 20px 70px 20px !important;
    }

    .mia-pricing-hero .mia-pricing-inner,
    .mia-pricing-main > .mia-pricing-inner,
    .mia-pricing-included > .mia-pricing-inner {
        padding: 46px 24px !important;
        border-radius: 22px !important;
    }

    .mia-pricing-hero .mia-pricing-inner {
        min-height: 440px !important;
        background-position: center center !important;
    }

    .mia-pricing-hero .mia-pricing-inner::before {
        background:
            linear-gradient(
                90deg,
                rgba(47, 36, 28, 0.84) 0%,
                rgba(78, 58, 44, 0.70) 46%,
                rgba(155, 0, 40, 0.42) 100%
            ) !important;
    }

    .mia-pricing-hero h1 {
        font-size: 35px !important;
        line-height: 1.12em !important;
    }

    .mia-pricing-hero p,
    .mia-pricing-section-header p,
    .mia-pricing-cta-card p {
        font-size: 16px !important;
        line-height: 1.65em !important;
    }

    .mia-pricing-section-header {
        margin-bottom: 38px;
    }

    .mia-pricing-section-header h2,
    .mia-pricing-cta-card h2 {
        font-size: 31px;
    }

    .mia-pricing-grid-main,
    .mia-pricing-grid-extra,
    .mia-pricing-benefits-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .mia-pricing-card,
    .mia-pricing-small-card,
    .mia-pricing-benefit {
        border-radius: 18px;
        padding: 30px 24px;
    }

    .mia-pricing-price strong {
        font-size: 38px;
    }

    .mia-pricing-card-btn {
        width: 100%;
    }

    .mia-pricing-hero-buttons {
        flex-direction: column !important;
    }

    .mia-pricing-hero .mia-pricing-btn-primary,
    .mia-pricing-hero .mia-pricing-btn-secondary {
        width: 100% !important;
    }

    .mia-pricing-cta-card {
        padding: 42px 24px;
        border-radius: 22px;
    }
}
/* =========================
   CENNIK - HERO FULL WIDTH FOTO FINAL
   Zdjęcie na całe tło jak Valencia, bez ramki
========================= */

.mia-pricing-hero {
    background:
        linear-gradient(
            90deg,
            rgba(47, 36, 28, 0.62) 0%,
            rgba(78, 58, 44, 0.46) 38%,
            rgba(155, 0, 40, 0.20) 100%
        ),
        linear-gradient(
            0deg,
            rgba(47, 36, 28, 0.14) 0%,
            rgba(47, 36, 28, 0.00) 48%
        ),
        url("https://miahiszpanski.pl/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-29-at-14.26.04.jpeg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    padding: 130px 50px 125px 50px !important;
    margin: 0 !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Delikatna jasna poświata, ale bez robienia mlecznego tła */
.mia-pricing-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            circle at 78% 22%,
            rgba(255, 201, 0, 0.18) 0%,
            rgba(255, 201, 0, 0.07) 28%,
            rgba(255, 201, 0, 0) 60%
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.08) 0%,
            rgba(255, 255, 255, 0.03) 48%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;
}

/* Usuwamy całkowicie efekt ramki ze środka */
.mia-pricing-hero .mia-pricing-inner {
    max-width: 1280px !important;
    min-height: unset !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    padding: 0 !important;
    margin: 0 auto !important;
    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
    isolation: auto !important;
}

/* Wyłączamy stare overlaye z wewnętrznego panelu */
.mia-pricing-hero .mia-pricing-inner::before,
.mia-pricing-hero .mia-pricing-inner::after {
    display: none !important;
}

/* Teksty jak na hero kursowych */
.mia-pricing-hero .mia-pricing-eyebrow {
    color: #FFC900 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
}

.mia-pricing-hero h1 {
    max-width: 760px !important;
    color: #FFFFFF !important;
    font-size: 58px !important;
    line-height: 1.08em !important;
    font-weight: 800 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.34) !important;
}

.mia-pricing-hero p {
    max-width: 690px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 19px !important;
    line-height: 1.72em !important;
    font-weight: 500 !important;
    margin: 0 0 34px 0 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.26) !important;
}

.mia-pricing-hero-buttons {
    display: flex !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
    position: relative !important;
    z-index: 3 !important;
}

/* Przyciski na tle zdjęcia */
.mia-pricing-hero .mia-pricing-btn-primary {
    background: #FFC900 !important;
    color: #2F241C !important;
    border: 1px solid #FFC900 !important;
    box-shadow: 0 16px 34px rgba(255, 201, 0, 0.28) !important;
}

.mia-pricing-hero .mia-pricing-btn-primary:hover {
    background: #FFB300 !important;
    color: #2F241C !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 20px 42px rgba(255, 179, 0, 0.34) !important;
}

.mia-pricing-hero .mia-pricing-btn-secondary {
    background: rgba(255, 255, 255, 0.94) !important;
    color: #4E3A2C !important;
    border: 1px solid rgba(255, 255, 255, 0.55) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
}

.mia-pricing-hero .mia-pricing-btn-secondary:hover {
    background: #FFFFFF !important;
    color: #4E3A2C !important;
    transform: translateY(-2px) !important;
}

/* Tablet */
@media (max-width: 1024px) {
    .mia-pricing-hero {
        padding: 105px 32px 100px 32px !important;
        background-position: center center !important;
    }

    .mia-pricing-hero h1 {
        font-size: 46px !important;
        max-width: 680px !important;
    }

    .mia-pricing-hero p {
        max-width: 620px !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .mia-pricing-hero {
        padding: 85px 20px 80px 20px !important;

        background:
            linear-gradient(
                90deg,
                rgba(47, 36, 28, 0.72) 0%,
                rgba(78, 58, 44, 0.58) 48%,
                rgba(155, 0, 40, 0.28) 100%
            ),
            url("https://miahiszpanski.pl/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-29-at-14.26.04.jpeg") !important;

        background-size: cover !important;
        background-position: center center !important;
    }

    .mia-pricing-hero h1 {
        font-size: 35px !important;
        line-height: 1.12em !important;
    }

    .mia-pricing-hero p {
        font-size: 16px !important;
        line-height: 1.65em !important;
    }

    .mia-pricing-hero-buttons {
        flex-direction: column !important;
    }

    .mia-pricing-hero .mia-pricing-btn-primary,
    .mia-pricing-hero .mia-pricing-btn-secondary {
        width: 100% !important;
    }
}
/* =========================
   CENNIK - ZERO OUTER GAPS FINAL
   usuwa odstępy z boków, góry i dołu + hero na pełną szerokość
========================= */

/* Reset wrappera Elementora, który trzyma HTML */
.pricing-zero-wrap,
.pricing-zero-wrap > .elementor-container,
.pricing-zero-wrap > .e-con-inner,
.pricing-zero-wrap .elementor-column,
.pricing-zero-wrap .elementor-widget-wrap,
.pricing-zero-wrap .elementor-widget,
.pricing-zero-wrap .elementor-widget-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Dodatkowy reset dla motywu / content area */
html body .site-content,
html body .ast-container,
html body .content-area,
html body .site-main,
html body .entry-content,
html body .ast-article-single {
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
}

/* Cała strona cennika wychodzi na pełną szerokość viewportu */
html body .mia-pricing-page {
    width: 100vw !important;
    max-width: 100vw !important;
    margin: 0 !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 0 !important;
    background: #F8F5F1 !important;
    overflow-x: hidden !important;
}

/* HERO pełna szerokość, bez ramki, bez bocznych odstępów */
html body .mia-pricing-page .mia-pricing-hero {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 130px 0 125px 0 !important;
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            90deg,
            rgba(47, 36, 28, 0.58) 0%,
            rgba(78, 58, 44, 0.42) 38%,
            rgba(155, 0, 40, 0.18) 100%
        ),
        linear-gradient(
            0deg,
            rgba(47, 36, 28, 0.10) 0%,
            rgba(47, 36, 28, 0.00) 50%
        ),
        url("https://miahiszpanski.pl/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-29-at-14.26.04.jpeg") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Jasna poświata na hero */
html body .mia-pricing-page .mia-pricing-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;

    background:
        radial-gradient(
            circle at 78% 22%,
            rgba(255, 201, 0, 0.17) 0%,
            rgba(255, 201, 0, 0.07) 28%,
            rgba(255, 201, 0, 0) 60%
        ),
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.07) 0%,
            rgba(255, 255, 255, 0.02) 50%,
            rgba(255, 255, 255, 0.00) 100%
        ) !important;
}

/* Środek hero tylko jako kontener tekstu, bez tła i ramki */
html body .mia-pricing-page .mia-pricing-hero .mia-pricing-inner {
    width: min(1280px, calc(100% - 100px)) !important;
    max-width: 1280px !important;
    min-height: unset !important;
    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    position: relative !important;
    z-index: 2 !important;
    overflow: visible !important;
    isolation: auto !important;
}

/* Wyłączenie starych pseudo-overlayów z ramki */
html body .mia-pricing-page .mia-pricing-hero .mia-pricing-inner::before,
html body .mia-pricing-page .mia-pricing-hero .mia-pricing-inner::after {
    display: none !important;
    content: none !important;
}

/* Teksty hero */
html body .mia-pricing-page .mia-pricing-hero .mia-pricing-eyebrow {
    color: #FFC900 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.28) !important;
}

html body .mia-pricing-page .mia-pricing-hero h1 {
    max-width: 760px !important;
    color: #FFFFFF !important;
    font-size: 58px !important;
    line-height: 1.08em !important;
    font-weight: 800 !important;
    margin: 0 0 24px 0 !important;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.34) !important;
}

html body .mia-pricing-page .mia-pricing-hero p {
    max-width: 690px !important;
    color: rgba(255, 255, 255, 0.94) !important;
    font-size: 19px !important;
    line-height: 1.72em !important;
    font-weight: 500 !important;
    margin: 0 0 34px 0 !important;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.26) !important;
}

/* Sekcje pod hero — bez zewnętrznych bocznych odstępów */
html body .mia-pricing-page .mia-pricing-main,
html body .mia-pricing-page .mia-pricing-extra,
html body .mia-pricing-page .mia-pricing-included,
html body .mia-pricing-page .mia-pricing-cta {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Zachowujemy elegancką szerokość paneli wewnątrz */
html body .mia-pricing-page .mia-pricing-main > .mia-pricing-inner,
html body .mia-pricing-page .mia-pricing-included > .mia-pricing-inner,
html body .mia-pricing-page .mia-pricing-extra > .mia-pricing-inner {
    width: min(1280px, calc(100% - 100px)) !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Odstępy pionowe pod hero i między sekcjami */
html body .mia-pricing-page .mia-pricing-main {
    padding-top: 55px !important;
    padding-bottom: 45px !important;
}

html body .mia-pricing-page .mia-pricing-extra {
    padding-top: 70px !important;
    padding-bottom: 55px !important;
}

html body .mia-pricing-page .mia-pricing-included {
    padding-top: 45px !important;
    padding-bottom: 45px !important;
}

html body .mia-pricing-page .mia-pricing-cta {
    padding-top: 55px !important;
    padding-bottom: 95px !important;
}

/* Mobile */
@media (max-width: 767px) {
    html body .mia-pricing-page .mia-pricing-hero {
        padding: 85px 0 80px 0 !important;

        background:
            linear-gradient(
                90deg,
                rgba(47, 36, 28, 0.72) 0%,
                rgba(78, 58, 44, 0.58) 48%,
                rgba(155, 0, 40, 0.28) 100%
            ),
            url("https://miahiszpanski.pl/wp-content/uploads/2026/05/WhatsApp-Image-2026-05-29-at-14.26.04.jpeg") !important;

        background-size: cover !important;
        background-position: center center !important;
    }

    html body .mia-pricing-page .mia-pricing-hero .mia-pricing-inner,
    html body .mia-pricing-page .mia-pricing-main > .mia-pricing-inner,
    html body .mia-pricing-page .mia-pricing-included > .mia-pricing-inner,
    html body .mia-pricing-page .mia-pricing-extra > .mia-pricing-inner {
        width: calc(100% - 40px) !important;
    }

    html body .mia-pricing-page .mia-pricing-hero h1 {
        font-size: 35px !important;
        line-height: 1.12em !important;
    }

    html body .mia-pricing-page .mia-pricing-hero p {
        font-size: 16px !important;
        line-height: 1.65em !important;
    }

    html body .mia-pricing-page .mia-pricing-main {
        padding-top: 32px !important;
        padding-bottom: 28px !important;
    }

    html body .mia-pricing-page .mia-pricing-extra {
        padding-top: 55px !important;
        padding-bottom: 35px !important;
    }

    html body .mia-pricing-page .mia-pricing-included {
        padding-top: 28px !important;
        padding-bottom: 28px !important;
    }

    html body .mia-pricing-page .mia-pricing-cta {
        padding-top: 35px !important;
        padding-bottom: 70px !important;
    }
}
/* =========================
   CENNIK - FIX ODSTĘPU OD GÓRY FINAL
========================= */

/* Sekcja z cennikiem ma wejść od razu pod header */
html body .pricing-zero-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Kasujemy ewentualny pusty wrapper nad hero */
html body .pricing-zero-wrap,
html body .pricing-zero-wrap > .elementor-container,
html body .pricing-zero-wrap > .e-con-inner,
html body .pricing-zero-wrap .elementor-widget-wrap,
html body .pricing-zero-wrap .elementor-widget-html,
html body .pricing-zero-wrap .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Sama strona cennika bez żadnego top spacingu */
html body .mia-pricing-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hero zaczyna się od razu, bez szczeliny */
html body .mia-pricing-page .mia-pricing-hero {
    margin-top: -1px !important;
    padding-top: 130px !important;
}

/* Jeżeli Astra/Elementor daje odstęp nad contentem */
html body .site-content,
html body .content-area,
html body .site-main,
html body .entry-content,
html body .ast-container,
html body .ast-article-single,
html body .elementor,
html body .elementor-section-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Jeżeli zostaje cienka linia pod headerem */
html body header,
html body .site-header,
html body .elementor-location-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
/* =========================
   CENNIK - USUNIĘCIE PUSTEGO PASKA NAD HERO
   FINAL HARD FIX
========================= */

html body .pricing-zero-wrap {
    margin-top: -50px !important;
    padding-top: 0 !important;
}

/* Jeżeli klasa jest na kontenerze/sekcji Elementora */
html body .pricing-zero-wrap > .elementor-container,
html body .pricing-zero-wrap > .e-con-inner,
html body .pricing-zero-wrap .elementor-widget-wrap,
html body .pricing-zero-wrap .elementor-widget,
html body .pricing-zero-wrap .elementor-widget-container {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Sam kod cennika bez dodatkowego luzu */
html body .mia-pricing-page {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Hero ma zaczynać się od samej góry wrappera */
html body .mia-pricing-page .mia-pricing-hero {
    margin-top: 0 !important;
}

/* Kompensacja, żeby sekcja po przesunięciu nie robiła dziwnego dołu */
html body .pricing-zero-wrap {
    margin-bottom: 0 !important;
}/* End custom CSS */