/* --- LAPTOPY 1536PX --- */

@media (max-width: 1600px) {

    /* --- BAZA I KONTENER --- */

    html {
        font-size: 54%;
    }

    .container,
    .hero-container,
    .header-container {
        padding-left: 7.8rem;
        padding-right: 7.8rem;
    }

    /* --- TYPOGRAFIA I INTERFEJS --- */

    .text-body-sm,
    .pricing-disclaimers,
    .footer-copy,
    .footer-links a,
    .footer-links li,
    .footer-col--credits p,
    .bonus-card__badge,
    .pricing-card__subtitle,
    .pricing-card__lessons {
        font-size: 1.7rem;
    }

    .btn-play-rect,
    .manifest-video-capsule .manifest-video-btn {
        font-size: 1.7rem;
    }
	
	.btn-play-rect svg {
    	transform: translateY(0.015rem) !important;
	}

    /* --- NAWIGACJA --- */

    .site-header.is-scrolled .header-left {
        margin-left: 0;
        /*padding: 1.5rem;*/
    }

    .header-left {
        gap: 7.8rem;
        padding-left: 0;
    }

    .nav-menu {
        gap: 7.8rem;
    }

    /* --- SEKCJA HERO --- */

    .hero-image-wrapper {
        margin-right: -7.8rem;
    }

    .icon-star--hero-orbit-left {
        top: 32.25rem;
    }

    .hero-bg-shape--bottom-left {
        top: 37.5rem;
    }

    /* --- SEKCJA DLACZEGO --- */

    .why-hero__photo-wrapper {
        right: 0;
    }

    .why-shape-arc {
        left: -43.9rem;
    }

    .why-contrast__solution {
        max-width: calc(50% - 7.8rem);
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-photo-wrapper {
        top: calc(-30.3rem + 7.8rem);
    }

    .magic-star-top-left {
        left: 7.8rem;
    }

    .magic-text-blocks > p:first-of-type {
        padding-right: 27rem;
    }

    /* --- SEKCJA OFERTA I BONUSY --- */

    .bonuses-row {
        row-gap: 0;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-star-1 {
        left: -3.9rem;
    }

    .program-deco-spaceman {
        left: -7.8rem;
        bottom: -19.5rem;
    }

    .program-deco-ufo-cat {
        left: 16%;
    }

    .program-deco-ufo-blurred {
        right: -52rem;
    }

    /* --- SEKCJA CTA --- */

    .cta-deco-ufo-blurred {
        bottom: -36rem;
        left: calc(-91.8rem + 19.5rem);
    }
}


/* --- LAPTOPY 1440PX --- */

@media (max-width: 1450px) {

    /* --- BAZA I KONTENER --- */

    html {
        font-size: 52%;
    }

    .container,
    .hero-container,
    .header-container {
        padding-left: 5.85rem;
        padding-right: 5.85rem;
    }

    .circle-shape-714 {
        width: 60.6rem;
        height: 60.6rem;
    }

    /* --- SIATKI I ODSTĘPY KOLUMN --- */

    .manifest-wrapper,
    .why-contrast,
    .magic-ingredient-grid,
    .offer-core-grid,
    .offer-transition,
    .about-grid,
    .guarantee-grid,
    .cta-grid,
    .program-hero-grid,
    .program-accordion__header,
    .faq-item__header,
    .bonuses-row,
    .pricing-grid,
    .pricing-header {
        column-gap: 5.85rem;
    }

    /* --- SEKCJA HERO --- */

    .hero-section {
        padding-top: calc(19.5rem + 6.95rem);
    }

    .site-branding .logo-handwriting {
        left: 0.5rem;
    }

    .heading-hero {
        margin-bottom: 7.8rem;
    }

    .hero-text {
        line-height: 1.5;
    }

    .hero-text p:not(:last-child) {
        margin-bottom: 2.8rem;
    }

    .hero-orbit-shape {
        width: 73.3rem;
        height: 60.6rem;
    }

    .hero-image-wrapper {
        flex: 0 0 73.3rem;
        margin-right: 0;
    }

    .hero-bottom-arc {
        width: 90.9rem;
        height: 68.9rem;
        top: calc(60.6rem - 11.2rem);
    }

    .hero-bg-shape--top-right {
        top: calc(-60.6rem + 11.7rem);
        left: auto;
        right: calc(-60.6rem - 3.075rem + 30.3rem);
    }

    .hero-bg-shape--bottom-left {
        left: -30.3rem;
    }

    .hero-bg-waves img {
        left: -7.9rem;
    }

    .icon-star--hero-orbit-top-right {
        right: 11.7rem;
    }

    .icon-star--hero-orbit-left {
        left: 1.4rem;
        top: 27.7rem;
        width: 1.4rem;
    }

    .icon-star--hero-left {
        bottom: -7.8rem;
        left: 1.3rem;
    }

    /* --- SEKCJA MANIFEST --- */

    .star-manifest-bottom {
        left: 5.85rem;
    }

    .manifest-video-wrapper {
        width: calc(100% - 5.85rem);
        max-width: 100%;
        justify-self: end;
        margin-left: auto;
        margin-right: 0;
    }

    /* --- SEKCJA OPINIE --- */

    .testimonials-glow-right {
        top: 23.4rem;
    }

    /* --- SEKCJA DLACZEGO --- */

    .why-hero__photo-wrapper {
        width: 71.4rem;
        height: 71.4rem;
    }

    .why-hero__solid-bottom {
        right: calc(7.4rem * 2);
    }

    .why-contrast__solution {
        width: 100%;
        max-width: calc(50% - 5.85rem / 2);
        justify-self: end;
        margin-left: auto;
        margin-right: 0;
    }

    .why-contrast__divider {
        right: -11.7rem;
        width: 11.7rem;
    }

    .why-arc-background {
        right: -98rem;
        width: 196rem;
    }

    .why-shape-arc {
        width: 90.9rem;
        height: 68.9rem;
        top: 2.5rem;
        left: -31rem;
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-ingredient__shape {
        width: 100%;
        max-width: 71.4rem;
        justify-self: start;
        margin-left: 0;
        margin-right: auto;
    }

    /* --- SEKCJA OFERTA I BONUSY --- */

    .offer-media {
        justify-content: flex-start;
    }

    .offer-photo-wrapper {
        width: 100%;
        max-width: 71.4rem;
        justify-self: start;
        margin-left: 0;
        margin-right: auto;
    }

    .offer-transition {
        margin-top: 27.2rem;
    }

    .bonus-card {
        max-width: 71.4rem;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-hero-media {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    .program-laptop-wrapper {
        width: 71.4rem;
        margin-left: auto;
        margin-right: calc(71.4rem * (294 / 2448));
    }

    .program-deco-cat {
        right: 5.85rem;
    }

    .program-play-btn {
        width: 37%;
    }

    .program-play-svg {
        width: 100%;
    }

    .program-accordion__header {
        grid-template-columns: 1fr 1fr;
    }

    .program-deco-ufo-cat {
        top: 19.75rem;
    }

    /* --- SEKCJA O MNIE I GWARANCJA --- */

    .about-photo-wrapper {
        width: 100%;
        max-width: 71.4rem;
        justify-self: start;
        margin-left: 0;
        margin-right: auto;
    }

    .guarantee-media {
        width: 100%;
        max-width: 71.4rem;
        justify-self: start;
        margin-left: 0;
        margin-right: auto;
    }

    /* --- SEKCJA CTA --- */

    .cta-content {
        max-width: 70rem;
    }

    .cta-media {
        width: 100%;
        max-width: 71.4rem;
        justify-self: end;
        margin-left: auto;
        margin-right: 0;
    }
}


/* --- LAPTOPY 1366PX --- */

@media (max-width: 1380px) {

    /* --- BAZA I KONTENER --- */
    
    html {
        font-size: 50%; 
    }

    /* --- SEKCJA HERO --- */

    .hero-bg-shape--bottom-left {
        display: none;
    }

    /* --- SEKCJE OGÓLNE --- */

    .features-bg-circle {
        top: -4.9rem;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-hero-grid {
        grid-template-columns: 1fr 1fr;
    }

    .program-laptop-wrapper {
        width: 100%;
        max-width: 71.4rem;
        margin-left: auto;
        margin-right: 0;
    }

    .program-laptop {
        width: 100%;
        margin-left: 0;
    }

    .program-deco-ufo-blurred {
        bottom: -58rem;
    }

    /* --- SEKCJA CTA --- */

    .cta-deco-ufo-blurred {
        bottom: -37rem;
        left: calc(-91.8rem + 18.5rem);
    }
}


/* --- LAPTOPY 1280PX --- */

@media (max-width: 1300px) {

    /* --- BAZA I KONTENER --- */

    html {
        font-size: 49%;
    }

    /* --- TYPOGRAFIA I ELEMENTY --- */

    .heading-outline {
        width: calc(100% - 11.7rem);
        margin-right: auto;
        margin-left: auto;
    }

    /* --- SEKCJE OGÓLNE --- */

    .features-grid,
    .levels-grid {
        column-gap: 7.8rem;
    }

    .features-bg-circle {
        top: -5.4rem;
    }

    /* --- SEKCJA DLACZEGO --- */

    .why-arc-background {
        right: -92rem;
        width: 184rem;
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-text-blocks > p:first-of-type {
        padding-right: 32rem;
    }

    .magic-photo-wrapper {
        top: calc(-30.3rem + 11.7rem);
    }

    /* --- SEKCJA PROGRAM --- */

    .program-deco-cat {
        top: -24.5rem;
        right: -3.9rem;
        width: 58rem;
    }

    .program-deco-spaceman {
        left: -9.75rem;
        bottom: -27.3rem;
    }
}

/* --- TABLETY POZIOMO / MAŁE LAPTOPY 1024PX --- */

@media (max-width: 1279px) {

    /* --- BAZA I KONTENER --- */

    html {
        font-size: 45%;
    }

    .why-section,
    .testimonials-section,
    .cta-section,
    .site-bottom-wrapper {
        overflow-x: clip;
    }

    .container,
    .hero-container,
    .header-container {
        padding-left: 3.9rem;
        padding-right: 3.9rem;
    }

    /* --- TYPOGRAFIA I INTERFEJS --- */

    .text-body,
    .btn {
        font-size: 2.25rem;
    }

    .nav-menu a,
    .btn--menu,
    .text-body-sm,
    .pricing-disclaimers,
    .footer-copy,
    .footer-links a,
    .footer-links li,
    .footer-col--credits p,
    .bonus-card__badge,
    .pricing-card__subtitle,
    .pricing-card__lessons {
        font-size: 1.95rem;
    }

    .heading-hero__main {
        font-size: 9.8rem;
    }

    .heading-hero__subtitle,
    .heading-section {
        font-size: 5.6rem;
    }

    .offer-section .text-unbreakable-lines {
        font-size: 4rem;
        line-height: 1.3;
    }

    /* --- NAWIGACJA --- */

    .nav-menu,
    .header-left {
        gap: 5.85rem;
    }

    /* --- ELEMENTY UKRYTE NA TABLETACH --- */

    .hero-orbit-shape,
    .why-contrast__heading br,
    .magic-photo-wrapper,
    .why-shape-arc,
    .why-contrast__solution br,
    .why-hero__star-bottom,
    .program-star-1,
    .program-deco-spaceman,
    .why-contrast__divider {
        display: none;
    }

    /* --- GRAFIKI W UKŁADACH DWUKOLUMNOWYCH --- */

    .manifest-video-wrapper,
    .magic-ingredient__shape,
    .offer-photo-wrapper,
    .about-photo-wrapper,
    .guarantee-media,
    .cta-media {
        width: 100%;
        max-width: 60.6rem;
    }

    /* --- SEKCJA HERO --- */

    .hero-container {
        align-items: flex-start;
    }

    .hero-image-wrapper {
        flex: 0 0 54.6rem;
        margin-right: 0;
        transform: translateY(-11.7rem);
    }

    .hero-bottom-arc {
        top: calc(54rem - 19.5rem);
        left: 0;
    }

    .hero-image-shape.circle-shape-714 {
        width: 54.6rem;
        height: 54.6rem;
    }

    .hero-bg-shape--top-right {
        width: 54.6rem;
        height: 54.6rem;
        top: calc(-54rem + 5.85rem);
        right: calc(-3.9rem - 27.3rem);
    }

    .icon-star--hero-orbit-right {
        bottom: -4.9rem;
    }

    /* --- SEKCJA FEATURES --- */

    .features-bg-circle {
        top: -6rem;
    }

    .heading-outline {
        width: calc(100% - 7.8rem);
    }

    .features-grid {
        column-gap: 11.7rem;
    }

    .feature-card__title {
        font-size: 4rem;
        line-height: 1.3;
    }

    /* --- SEKCJA MANIFEST --- */

    .manifest-content {
        flex: 0 0 50%;
        width: 50%;
    }

    .star-manifest-middle {
        right: -3.9rem;
        top: 20rem;
    }

    /* --- SEKCJA OPINIE --- */

    .testimonials-header .heading-section {
        max-width: 85rem;
        margin-right: auto;
        margin-left: auto;
    }

    /* --- SEKCJA DLACZEGO --- */

    .why-hero {
        align-items: start;
    }

    .why-hero__title {
        font-size: 9.8rem;
        line-height: 1.04;
    }

    .why-hero__media {
        width: calc(100% - 2.925rem);
    }

    .why-hero__photo-wrapper {
        width: 54.6rem;
        height: 54.6rem;
        top: -7.8rem;
        bottom: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .why-hero__solid-bottom {
        bottom: -54.6rem;
    }

    .why-hero__glow-top {
        top: -11.7rem;
        right: -3.9rem;
    }

    .why-contrast__problem {
        max-width: 56rem;
    }

    .why-methods-list {
        gap: 4rem;
    }

    .why-arc-background {
        top: 19.5rem;
        right: -80rem;
        width: 160rem;
    }

    .why-shape-wrapper {
        max-width: 133rem;
    }

    .why-shape-star {
        right: calc(50% - 31.2rem);
        left: auto;
    }

    .why-contrast__solution-wrapper {
        justify-content: flex-start;
    }

    .why-contrast__solution {
        max-width: 80rem;
        margin-right: 0;
        margin-left: 0;
    }

    .why-contrast__heading span:first-of-type {
        display: none;
    }

    .why-contrast__heading span:last-of-type {
        position: absolute;
        transform: rotate(-90deg);
        display: inline-block;
        margin-left: 1.2rem;
        margin-top: 0.9rem;
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-text-blocks > p:first-of-type {
        padding-right: 0;
    }

    /* --- SEKCJA OFERTA I BONUSY --- */

    .offer-transition {
        align-items: flex-end;
        margin-top: 11.7rem;
    }

    .offer-transition__pattern {
        height: 33.7rem;
        width: calc(100% + 0.3rem);
        overflow: hidden;
    }

    .bonus-card {
        max-width: 62.5rem;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-hero-grid {
        align-items: flex-end;
    }

    .program-deco-ufo-cat {
        top: 20.5rem;
        left: 17%;
    }

    .program-deco-cat {
        right: -5.6rem;
        width: 42.5rem;
    }

    .program-star-2 {
        left: auto;
        right: 31.2rem;
    }

    .program-star-3 {
        top: calc(-18.2rem - 7.8rem);
    }

    /* --- SEKCJA O MNIE I GWARANCJA --- */

    .about-section {
        padding-top: 15.6rem;
        padding-bottom: 15.6rem;
    }

    .guarantee-star-bottom-right {
        bottom: 7.8rem;
        right: 7.8rem;
    }

    /* --- STOPKA --- */

    .footer-col--credits:last-of-type p:first-of-type a {
        display: block;
    }
	
	/* */
	
	.btn-play-rect svg {
        transform: translateY(0rem) !important;
    }
}

/* --- TABLETY PIONOWO I SMARTFONY (800PX I MNIEJ) --- */

@media (max-width: 800px) {

    /* --- BAZA I KONTENERY --- */

    html {
        font-size: 45%;
    }

    .container,
    .hero-container,
    .header-container,
    .hero-branding-container {
        padding-left: 2.6rem;
        padding-right: 2.6rem;
    }

    .custom-list li::before {
        top: 1.15rem;
    }

    .btn-back-to-top {
        right: 2.6rem;
        bottom: 2.6rem;
    }

    /* --- PRZYCISKI CTA --- */

    .btn--primary:not(.btn--menu),
    .btn--cta,
    .btn--outline {
        width: auto;
        min-width: 31.2rem;
        padding: 2.4rem 3.9rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        white-space: nowrap;
    }

    /* --- TYPOGRAFIA PŁYNNA --- */

    .heading-hero__main,
    .program-main-title,
    .why-hero__title {
        font-size: clamp(4.8rem, 7.5vw, 7.6rem);
    }

    .heading-hero__subtitle,
    .heading-section {
        font-size: clamp(3.2rem, 5vw, 5rem);
        line-height: 1.2;
    }

    .bonus-highlight {
        letter-spacing: normal;
    }

    /* --- GLOBALNE ŁAMANIE SIATEK NA 1 KOLUMNĘ --- */

    .program-hero-grid,
    .why-hero,
    .why-contrast,
    .magic-ingredient-grid,
    .offer-transition,
    .bonuses-row,
    .about-grid,
    .guarantee-grid,
    .pricing-header,
    .cta-grid,
    .footer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 7.8rem;
    }

    .offer-core-grid {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 11.7rem;
    }

    .why-contrast {
        align-items: flex-start;
    }

    /* --- GLOBALNE ZWALNIANIE BLOKAD SZEROKOŚCI GRAFIK --- */

    .manifest-video-wrapper,
    .magic-ingredient__shape,
    .about-photo-wrapper,
    .cta-media,
    .program-laptop-wrapper {
        width: 100%;
        max-width: 54.6rem;
        margin-left: auto;
        margin-right: auto;
        justify-self: center;
        transform: none;
    }

    .offer-photo-wrapper {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        justify-self: center;
        transform: none;
    }

    .why-hero__photo-wrapper {
        width: 100%;
        max-width: 54.6rem;
        height: auto;
        aspect-ratio: 1;
    }

    /* --- UKRYWANIE ELEMENTÓW DESKTOPOWYCH --- */

    .hero-orbit-shape,
    .hero-bottom-arc,
    .hero-bg-shape--top-right,
    .hero-bg-shape--bottom-left,
    .why-shape-spacer,
    .why-shape-center,
    .why-arc-background,
    .why-shape-arc,
    .why-contrast__divider,
    .why-hero__solid-bottom,
    .why-hero__star-bottom,
    .magic-photo-wrapper,
    .manifest-video-orbit,
    .offer-transition__pattern,
    .program-deco-cat,
    .program-deco-ufo-cat,
    .program-deco-spaceman,
    .program-star-1,
    .pricing-divider,
    .program-deco-ufo-blurred {
        display: none !important;
    }

    /* --- NAWIGACJA MOBILNA --- */

    .site-header,
    .site-header.is-scrolled {
        padding-top: 0;
    }

    .header-container {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        pointer-events: none;
    }

    .site-header.is-scrolled .header-container {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    .site-header.is-scrolled .header-left {
        gap: 0;
        margin-left: 0;
        padding: 1.5rem;
    }

    .header-left {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 0;
        pointer-events: auto;
        border-radius: 3.4rem;
        padding: 1.5rem;
        background-color: rgba(81, 62, 117, 0.5);
        backdrop-filter: blur(2rem);
        -webkit-backdrop-filter: blur(2rem);
        box-shadow: 
            0 0.6rem 2rem rgba(24, 11, 44, 0.28),
            0 0.2rem 0.8rem rgba(81, 62, 117, 0.2),
            inset 0 0.1rem 0.1rem rgba(241, 236, 230, 0.15);
        transition: box-shadow 0.35s ease;
    }

    .site-header.is-menu-open .header-left {
        box-shadow: 
            0 1.2rem 3.6rem rgba(24, 11, 44, 0.38),
            0 0.4rem 1.2rem rgba(81, 62, 117, 0.25),
            inset 0 0.1rem 0.1rem rgba(241, 236, 230, 0.2);
    }

    .menu-toggle {
        order: 1;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0.6rem;
        width: 4.4rem;
        height: 4.4rem;
        background: transparent;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .menu-toggle__line {
        display: block;
        width: 2.4rem;
        height: 0.25rem;
        background-color: var(--color-lody-smietankowe);
        border-radius: 0.2rem;
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
        transform-origin: center;
    }

    .site-header.is-menu-open .menu-toggle__line:nth-child(1) {
        transform: translateY(0.85rem) rotate(45deg);
    }

    .site-header.is-menu-open .menu-toggle__line:nth-child(2) {
        opacity: 0;
        transform: scaleX(0);
    }

    .site-header.is-menu-open .menu-toggle__line:nth-child(3) {
        transform: translateY(-0.85rem) rotate(-45deg);
    }

    .header-left .btn--menu {
        order: 2;
    }

    .main-navigation {
        order: 3;
        width: 100%;
        position: static;
        background: transparent;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        border: none;
        box-shadow: none;
        padding: 0;
        display: grid;
        grid-template-rows: 0fr;
        opacity: 0;
        transition: grid-template-rows 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.25s ease;
        pointer-events: none;
    }

    .site-header.is-menu-open .main-navigation {
        grid-template-rows: 1fr;
        opacity: 1;
        pointer-events: auto;
    }

    .nav-menu {
        min-height: 0;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 1.5rem;
        list-style: none;
        padding: 0;
        margin: 0;
        width: 100%;
    }

    .site-header.is-scrolled .nav-menu {
        gap: 1.5rem;
    }

    .nav-menu li:first-child {
        margin-top: 3rem;
    }

    .nav-menu li:last-child {
        margin-bottom: 1.6rem;
    }

    .nav-menu a {
        font-size: 3.6rem;
        font-weight: 400;
        text-transform: uppercase;
        color: var(--color-lody-smietankowe);
        display: block;
        padding: 0.6rem 1.6rem;
        transition: none;
    }

    /* --- ANIMACJE --- */

    @keyframes planetOrbitMobile {
        0% { transform: translate(0, 0) rotate(0deg); }
        25% { transform: translate(1.5rem, -2rem) rotate(1deg); }
        50% { transform: translate(-0.5rem, 1.5rem) rotate(-1deg); }
        75% { transform: translate(-1.5rem, -1rem) rotate(-0.5deg); }
        100% { transform: translate(0, 0) rotate(0deg); }
    }

    @keyframes starFloatMobile {
        0%, 100% { transform: translate(0, 0); }
        50% { transform: translate(0.8rem, -1.5rem); }
    }

    @keyframes planetPulseMobile {
        0%, 100% {
            scale: 1;
            opacity: 0.92;
        }
        50% {
            scale: 1.04;
            opacity: 1;
        }
    }

    @keyframes starFloatDrift1 {
        0%, 100% { transform: translate(0, 0) rotate(0deg); }
        33% { transform: translate(1.5rem, -2rem) rotate(5deg); }
        66% { transform: translate(-0.5rem, -1rem) rotate(-2deg); }
    }

    @keyframes starFloatDrift2 {
        0%, 100% { transform: translate(0, 0) rotate(0deg); }
        50% { transform: translate(-2rem, 1.5rem) rotate(-8deg); }
    }

    @keyframes starFloatDrift3 {
        0%, 100% { transform: translate(0, 0); scale: 1; }
        50% { transform: translate(1.2rem, 2rem); scale: 0.8; }
    }

    /* --- SEKCJA HERO --- */

    .hero-section {
        padding-top: calc(9.25rem + 5.85rem);
        padding-bottom: 9.75rem;
    }

    .hero-branding-container {
        display: none;
    }

    .hero-container {
        display: flex;
        flex-direction: column;
        position: relative;
        margin-top: 0;
        margin-bottom: 9.75rem;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-width: 100%;
        position: relative;
        z-index: 2;
    }

    .icon-star--hero-left {
        display: none;
    }

    .heading-hero {
        width: calc(100% - clamp(24rem, 40vw, 35.1rem) - 2.6rem);
        min-height: clamp(24rem, 40vw, 35.1rem);
        margin-bottom: 3.9rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .hero-image-wrapper {
        position: absolute;
        top: 0;
        right: 2.6rem; 
        width: clamp(24rem, 40vw, 35.1rem);
        max-width: 35.1rem;
        height: auto;
        aspect-ratio: 1;
        margin: 0;
        flex: none;
        z-index: 1;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
        will-change: transform, scale, opacity;
    }

    .hero-image-wrapper .icon-star {
        position: absolute;
        z-index: 20;
        will-change: transform, opacity;
    }

    .icon-star--hero-orbit-top-right {
        right: 1.95rem;
        top: 2rem;
        animation: starTwinkle 4.2s ease-in-out infinite, starFloatDrift1 10s ease-in-out infinite;
        animation-delay: 0.5s;
    }

    .icon-star--hero-orbit-left {
        left: -1rem;
        top: 31.2rem;
        animation: starTwinkle 3.2s ease-in-out infinite, starFloatDrift2 8s ease-in-out infinite;
        animation-delay: 1.4s;
    }

    .icon-star--hero-orbit-right {
        right: -1.3rem;
        bottom: 2rem;
        animation: starTwinkle 2.8s ease-in-out infinite, starFloatDrift3 11s ease-in-out infinite;
        animation-delay: 0.2s;
    }

    .hero-image-shape.circle-shape-714 {
        width: 100%;
        height: 100%;
        max-width: 100%;
        aspect-ratio: 1;
        border-radius: 50%;
        overflow: hidden;
    }

    .hero-text {
        grid-column: 1 / -1;
        grid-row: 2;
        max-width: 100%;
        margin-bottom: 0;
        font-size: 2.25rem;
    }

    .hero-text p:not(:last-child) {
        margin-bottom: 3.375rem;
    }

    .hero-buttons {
        grid-column: 1 / -1;
        grid-row: 3;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 2.6rem;
        margin-top: 5.85rem;
        margin-bottom: 0;
    }

    .hero-glow-position {
        display: none;
    }

    /* --- SEKCJA FEATURES --- */

    .features-section {
        padding: 11.7rem 0;
        background: linear-gradient(135deg, var(--color-pomidorowa-czerwien) 0%, #7d3358 50%, var(--color-fiolet-kursowy) 100%);
    }

    .features-bg-circle {
        display: none;
    }

    .heading-outline {
        width: calc(100% - 5.2rem);
        margin-bottom: 9.75rem;
    }

    .features-container {
        margin-bottom: 0;
        padding-bottom: 11.7rem;
    }

    .features-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3.9rem;
        align-items: start;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    .feature-card {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        width: 100%;
        border: none;
        padding: 0;
    }

    .feature-card__title {
        order: 1;
        margin-bottom: 3.9rem;
        text-align: left;
        font-size: 2.25rem;
        line-height: 1.5;
        font-weight: 600;
    }

    .feature-card__star {
        order: 2;
        position: static;
        margin-top: 0;
        margin-bottom: 3.9rem;
        align-self: flex-start;
        display: block !important;
        animation: starTwinkle 3.6s ease-in-out infinite;
        will-change: transform, opacity;
    }

    .feature-card:nth-child(2) .feature-card__star {
        animation-duration: 4.4s;
        animation-delay: 1.4s;
    }

    .feature-card:nth-child(3) .feature-card__star {
        animation-duration: 3.8s;
        animation-delay: 0.7s;
    }

    .feature-card__text {
        order: 3;
        text-align: left;
    }

    /* --- SEKCJA MANIFEST --- */

    .manifest-container {
        padding-top: 0;
        padding-bottom: 0;
    }

    .manifest-planet {
        position: relative;
        top: 0;
        left: -15.6rem;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: -1.95rem;
    }

    .manifest-wrapper {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
        padding-top: 0;
    }

    .manifest-content {
        flex: 1 1 56%;
        max-width: none;
        padding-bottom: 0;
        gap: 3.9rem;
    }

    .manifest-video-wrapper {
        flex: 0 0 42%;
        width: 100%;
        height: auto;
        aspect-ratio: 606 / 1077;
        margin: 0;
    }

    .manifest-video-capsule {
        width: 100%;
        height: 100%;
    }

    .btn-play {
        width: 25%;
    }

    .manifest-video-orbit,
    .manifest-video-glow-position,
    .star-manifest-bottom {
        display: none;
    }

    .star-manifest-middle {
        right: -5.85rem;
        top: auto;
        bottom: -3.9rem;
    }

    /* --- SEKCJA POZIOMY --- */

    .levels-section {
        padding-top: 11.7rem;
        padding-bottom: 11.7rem;
    }

    #levels-title {
        margin-bottom: 5.2rem;
    }

    .levels-grid {
        column-gap: 3.9rem;
        row-gap: 5.2rem;
    }

    .level-card__graphic {
        width: calc(100% - 5.85rem);
        margin: 0 auto 3.9rem;
    }

    .level-card__badge {
        font-size: 5rem;
        line-height: 1.2;
    }

    .mt-auto {
        margin-top: 0;
    }

    /* --- SEKCJA OPINIE --- */

    .testimonials-section {
        padding: 11.7rem 0 13.65rem;
    }

    .testimonials-glow-left {
        top: -15.6rem;
        left: auto;
        right: -4.8rem;
    }

    .testimonials-glow-right {
        right: auto;
        left: calc(-30.3rem - 2.6rem);
        transform: scaleX(-1);
    }

    .testimonials-header .heading-section {
        max-width: 80rem;
    }

    .testimonials-masonry {
        column-count: 2;
        column-gap: 2.6rem;
        display: block;
        width: 100%;
    }

    .testimonial-card,
    .testimonials-masonry > * {
        break-inside: avoid;
        margin-bottom: 2.6rem;
        width: 100%;
    }

    /* --- SEKCJA DLACZEGO (MOBILE) --- */

    .why-section {
        padding-top: 11.7rem;
        padding-bottom: 0;
    }

    .why-hero {
        align-items: flex-start;
        margin-bottom: 7.8rem;
    }

    .why-hero .why-hero__media {
        display: none !important;
    }

    .why-hero__glow-top {
        right: auto;
        left: 54%;
        top: -7.8rem;
        width: 54.6rem;
        height: 54.6rem;
        transform: none;
        background: url(assets/images/magic-ingredient-photo.webp) no-repeat;
        background-size: 120%;
        background-position: left top;
        z-index: -1;
        animation: planetOrbitMobile 15s ease-in-out infinite reverse;
        filter: none;
    }

    .why-hero__star-top {
        top: auto;
        bottom: -3.9rem;
        right: 7.8rem;
    }

    .why-shape-star {
        right: 1.3rem;
        top: 15.6rem;
    }

    .why-contrast__problem,
    .why-contrast__lead,
    .why-contrast__heading,
    .why-contrast__methods {
        width: 100%;
        max-width: 100%;
    }

    .why-contrast__heading span:first-of-type {
        display: inline-block;
    }

    .why-contrast__heading span:last-of-type {
        display: none;
    }

    .why-methods-list,
    .why-shape-wrapper {
        display: flex;
        flex-direction: column;
        gap: 5.6rem;
        width: 100%;
        margin-top: 7.8rem;
        padding: 0;
        list-style: none;
    }

    .why-methods-list {
        margin-top: 0;
    }

    .why-methods-list li,
    .why-shape-col--left,
    .why-shape-col--right,
    .why-shape-block {
        display: flex;
        flex-direction: column;
        gap: 2rem;
        text-align: left;
        margin: 0 !important;
        padding: 0;
        border: none;
        background: none;
    }

    .why-shape-col--left,
    .why-shape-col--right {
        gap: 5.6rem;
    }

    .why-methods-list li::before {
        display: none;
        content: none;
    }

    .why-methods-list__title,
    .why-shape-block__title {
        position: relative;
        padding-left: 3.1rem;
        font-size: 2.8rem;
        font-weight: 600 !important;
        line-height: 1.3;
        margin: 0;
        text-align: left !important;
    }

    .why-shape-block__title.first-child {
        padding-top: 0;
    }

    .why-methods-list__title::before,
    .why-shape-block__title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 1.35rem;
        width: 1.1rem;
        height: 1.1rem;
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2985 0.000218265L10.8015 0C10.8015 6.45944 6.3046 10.9987 0 10.9987L0 15.1013C6.3046 15.1013 10.8015 19.6403 10.8015 26.0998L15.2985 26.1C15.2985 19.6406 19.7954 15.1013 26.1 15.1013V10.9987C19.7954 10.9987 15.2985 6.45966 15.2985 0.000218265Z' fill='%23D93232'/%3E%3C/svg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

    .why-methods-list__desc,
    .why-shape-block p {
        position: relative;
        padding-left: 3.1rem;
        font-size: 2.25rem;
        line-height: 1.5;
        font-weight: 400;
        margin: 0;
        text-align: left !important;
    }

    .why-methods-list__desc::before,
    .why-shape-block p::before {
        display: none;
        content: none;
    }

    .why-mobile-split {
        width: 100%;
        margin-top: 35.1rem;
        padding-bottom: 11.7rem;
        display: flow-root;
    }

    .why-planet-mobile {
        position: relative;
        width: 100%;
        max-width: 54.6rem;
        aspect-ratio: 1;
        margin: -27.3rem auto 7.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .why-planet-mobile__photo-wrapper {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
    }

    .why-planet-mobile__photo {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .why-planet-mobile__star {
        display: block !important;
        position: absolute;
        top: -2.6rem;
        right: 2.6rem;
        z-index: 3;
        animation: starTwinkle 3.6s ease-in-out infinite, starFloatMobile 9s ease-in-out infinite;
    }

    .why-contrast__solution {
        max-width: 100%;
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-ingredient-section {
        padding-top: 11.7rem;
        padding-bottom: 11.7rem;
        overflow: hidden;
    }

    .magic-ingredient__shape {
        display: block !important;
        position: relative;
        width: 100%;
        max-width: 54.6rem;
        height: auto;
        margin: 0 auto;
        opacity: 1 !important;
        visibility: visible !important;
        overflow: visible;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
    }

    .magic-ingredient__media {
        position: relative;
        width: 100%;
        max-width: 54.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .guarantee-media-wrapper {
        display: block !important;
        position: relative;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .guarantee-media {
        position: relative;
        width: 100%;
        max-width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .magic-text-shape {
        width: 100%;
        height: auto;
        display: block;
    }

    .magic-text-blocks {
        gap: 5.85rem;
    }

    .magic-star-bottom-right {
        bottom: 3.9rem;
        right: 15.6rem;
    }

    /* --- SEKCJA OFERTA --- */

    .offer-section {
        padding: 11.7rem 0;
    }

    .offer-content {
        order: 1;
        width: 100%;
    }

    .offer-media {
        order: 2;
    }

    .offer-title {
        font-size: 7.6rem;
        line-height: 1.04;
        font-weight: 800;
        margin-bottom: 2.4rem;
        text-align: center;
    }

    .offer-transition {
        width: 100%;
        align-items: flex-start;
        margin-bottom: 7.8rem;
    }

    .offer-transition__content {
        width: 100%;
        max-width: 100%;
    }

    .offer-section .text-unbreakable-lines {
        width: 100%;
        max-width: 100%;
        white-space: normal;
        font-size: 5rem;
        line-height: 1.2;
    }

    .offer-section .text-unbreakable-lines br {
        display: none;
    }

    .bonus-card {
        max-width: 100%;
    }

    .bonuses-wrapper {
        gap: 7.8rem;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-section {
        padding: 11.7rem 0 13.65rem;
    }

    .program-main-title {
        font-size: 7.6rem;
        line-height: 1.04;
        font-weight: 800;
        margin-bottom: 0;
        max-width: 76rem;
    }

    .program-main-title br {
        display: none;
    }

    .program-container {
        gap: 7.8rem;
    }

    .program-hero-grid {
        margin-top: 0;
    }

    .program-laptop-wrapper {
        max-width: 100%;
    }

    .program-tabs {
        display: flex;
        justify-content: center;
        gap: 1.3rem;
        width: 100%;
        margin-top: 5.85rem;
    }

    .program-tab-btn {
        min-width: 0 !important;
        width: auto;
        flex: 1;
        padding: 1.6rem 1.2rem;
        font-size: 2.25rem;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
    }

    .program-accordion {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .program-accordion__item {
        border-bottom: 1px solid var(--color-pomidorowa-czerwien);
    }

    .program-accordion__item:first-child {
        border-top: 1px solid var(--color-pomidorowa-czerwien);
    }

    .program-accordion__header {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        gap: 0;
        align-items: center;
        padding: 3.9rem 0;
    }

    .program-accordion__item:not(.is-active) .program-accordion__header {
        padding: 3.9rem 0;
    }

    .program-accordion__item.is-active .program-accordion__header {
        padding: 3.9rem 0 4.8rem;
    }

    .program-accordion__title {
        grid-column: 1;
        grid-row: 1;
        font-size: 4.8rem;
        line-height: 1.1;
    }

    .program-accordion__icon {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        font-size: 4.8rem;
        line-height: 1;
    }

    .program-accordion__content-preview {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
    }

    .program-accordion__item.is-active .program-accordion__content-preview {
        margin-top: 3.25rem;
    }

    .program-lessons {
        padding-left: 3.2rem;
        margin-left: 0;
        padding-right: 0;
        width: 100%;
        gap: 1.8rem;
    }

    .program-lessons li {
        font-size: 2.25rem;
        line-height: 1.5;
        font-weight: 400;
    }

    .program-lessons li::before {
        left: -3.2rem;
    }

    .program-star-2 {
        top: 7.8rem;
        right: 11.7rem;
    }

    .program-star-4,
    .program-star-5,
    .program-star-6 {
        display: none;
    }

    /* --- SEKCJE O MNIE I GWARANCJA --- */

    .about-section,
    .guarantee-section {
        padding-top: 13.65rem;
        padding-bottom: 11.7rem;
    }

    .about-content {
        margin-top: 1.95rem;
    }

    .about-media {
        position: relative;
        width: 100%;
        max-width: 54.6rem;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .about-photo-wrapper {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        overflow: hidden;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
        aspect-ratio: 1 / 1;
    }

    .about-content h2 {
        text-wrap: wrap;
        width: 100%;
        text-align: center;
    }

    /* --- SEKCJA CENNIK --- */

    .pricing-section {
        padding: 11.7rem 0;
    }

    .pricing-header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 11.7rem;
        margin-bottom: 0;
    }

    .pricing-tabs {
        display: flex;
        width: 100%;
        gap: 1.3rem;
    }

    .pricing-grid.is-active-tab {
        display: flex !important;
        flex-direction: column;
        gap: 2.6rem;
    }

    .pricing-grid[style*="display: none"] {
        display: none !important;
    }

    .pricing-card {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: 4.875rem 4.875rem 5.85rem;
        background: linear-gradient(135deg, rgba(241, 236, 230, 0.06) 0%, rgba(241, 236, 230, 0.01) 100%);
    }

    .pricing-card__body {
        display: flex;
        flex-direction: column;
    }

    .pricing-divider {
        display: none !important;
    }

    .pricing-card__price:not(.pricing-card__price--old) {
        font-size: 7.6rem;
        line-height: 1.04;
        font-weight: 800;
    }

    .pricing-card__price-wrapper {
        display: flex;
        gap: 3.9rem;
    }

    .pricing-card__price--old {
        position: static;
        margin-top: 0.35rem;
    }

    .pricing-card__installment {
        font-size: 1.95rem;
        line-height: 1.5;
    }

    .pricing-card__subtitle,
    .pricing-card__price {
        margin-bottom: 2.925rem;
    }

    .pricing-card__header,
    .pricing-card__lessons {
        margin-bottom: 4.875rem;
    }

    .pricing-list {
        margin-bottom: 5.85rem;
    }

    .pricing-btn {
        width: 100%;
    }

    /* --- SEKCJA FAQ --- */

    .faq-section {
        padding: 11.7rem 0;
    }

    .faq-title {
        margin-bottom: 7.8rem;
    }

    .faq-tabs {
        display: flex;
        width: 100%;
        gap: 1.3rem;
        margin-bottom: 5.85rem;
    }

    .faq-tab-btn {
        min-width: 0 !important;
        width: auto;
        flex: 1;
        padding: 1.6rem 1.2rem;
        font-size: 2.25rem;
        line-height: 1.2;
        text-align: center;
        white-space: nowrap;
    }

    .faq-item__header {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        column-gap: 2.6rem;
        row-gap: 0;
        padding: 3.25rem 0;
    }

    .faq-item__question {
        grid-column: 1;
        grid-row: 1;
        font-size: 2.25rem;
        line-height: 1.4;
    }

    .faq-item__icon {
        position: static;
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        margin-top: 0.2rem;
        font-size: 2.4rem;
        line-height: 1;
    }

    .faq-item__answer-col {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100%;
        padding-right: 0;
    }

    .faq-item.is-active .faq-item__answer-col {
        margin-top: 2rem;
        padding-right: 3.9rem;
    }

    .faq-item__answer {
        font-size: 2.25rem;
        line-height: 1.5;
    }

    .faq-footer {
        margin-top: 5.85rem;
    }

    .faq-footer__text {
        font-size: 2.25rem;
        line-height: 1.5;
    }

    /* --- SEKCJA CTA I FOOTER --- */

    .site-bottom-wrapper {
        overflow: visible;
    }

    .cta-section {
        padding: 11.7rem 0 13.65rem;
        background: linear-gradient(135deg, var(--color-fiolet-kursowy) 0%, #7d3358 50%, var(--color-pomidorowa-czerwien) 100%);
    }

    .cta-media {
        display: none;
    }

    .cta-content {
        max-width: 54.6rem;
    }

    .cta-astronaut {
        left: auto;
        right: -7rem;
    }

    .cta-deco-ufo-blurred {
        width: 60.6rem;
        bottom: 11.7rem;
        left: calc(-60.6rem + 19.5rem);
        z-index: 2;
        transform: none;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
    }

    .footer {
        background: none;
    }

    .footer-container,
    .footer-col {
        text-align: left;
    }

    .footer-col {
        width: 100%;
        max-width: 54.6rem;
    }

    .footer-col--credits {
        align-items: flex-start;
    }

    .footer-col--credits:last-of-type p:first-of-type a {
        display: inline;
    }
}

/* --- SMARTFONY (580PX I MNIEJ) --- */

@media (max-width: 580px) {

    /* --- BAZA I KONTENERY --- */

    html {
        font-size: 42%;
    }
    
    .button-group {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 1.95rem; 
    }

    .btn--primary:not(.btn--menu),
    .btn--outline,
    .btn--cta,
    .btn--white,
    .btn--outline-white {
        width: 100% !important;
        min-width: 0 !important; 
        white-space: normal !important; 
    }

    /* --- TYPOGRAFIA PŁYNNA --- */

    .heading-hero__main,
    .program-main-title,
    .why-hero__title,
    .pricing-card__price:not(.pricing-card__price--old) {
        font-size: clamp(4.4rem, 11vw, 6.8rem);
    }

    /*.heading-hero__subtitle,*/
    .heading-section,
    .heading-outline {
        font-size: clamp(3rem, 7.4vw, 4.4rem);
    }

    .heading-hero__subtitle {
        font-size: clamp(4.625rem, 7.55vw, 4.4rem);
    }

    .heading-md {
        line-height: 1.3;
    }

    .feature-card__title {
        font-size: clamp(2.4rem, 6vw, 3.2rem);
    }

    /* --- SEKCJA HERO --- */

    .hero-container {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto auto;
        row-gap: 4.85rem;
    }

    .hero-content {
        display: contents;
    }

    .heading-hero {
        grid-column: 1;
        grid-row: 1;
        width: 100%;
        min-height: auto;
        margin-bottom: 0;
        display: block;
    }

    .hero-image-wrapper {
        grid-column: 1;
        grid-row: 2;
        position: relative;
        top: auto;
        right: auto;
        width: 100%;
        max-width: 31.2rem;
        height: auto;
        aspect-ratio: 1;
        margin: 0 auto;
    }

    .hero-text {
        grid-column: 1;
        grid-row: 3;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .hero-text p:not(:last-child) {
        margin-bottom: 1.95rem;
    }

    .hero-buttons {
        grid-column: 1;
        grid-row: 4;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 1.95rem;
        margin-top: 0;
    }

    .hero-buttons .btn {
        width: 100%;
        min-width: 0;
        white-space: normal;
    }

    .marquee-content {
        animation-duration: 35s;
    }

    .marquee-item {
        padding: 0 3.9rem;
    }

    .marquee-item {
        font-size: 2.25rem;
        font-weight: 400;
    }

    /* --- SEKCJA FEATURES --- */

    .features-section {
        padding-bottom: 13.65rem;
    }

    .features-grid {
        grid-template-columns: 1fr;
        gap: 5.85rem;
    }

    .feature-card__title {
        font-size: 2.8rem;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 2.925rem;
    }

    .feature-card__title strong {
        font-weight: 500;
    }

    .feature-card__star {
        margin-bottom: 2.925rem;
    }

    /* --- SEKCJA MANIFEST --- */

    .manifest-planet {
        left: 0;
        margin-bottom: 11.7rem;
        animation: planetOrbitMobile 24s cubic-bezier(0.45, 0, 0.55, 1) infinite, planetPulseMobile 7.2s ease-in-out infinite;
        will-change: transform, scale, opacity;
    }

    .star-planet {
        will-change: transform, opacity;
        animation: starTwinkle 4.2s ease-in-out infinite, starFloatDrift1 10s ease-in-out infinite;
        animation-delay: 0.5s;
    }

    .manifest-wrapper {
        flex-direction: column;
        align-items: center;
        gap: 11.7rem;
    }

    .manifest-content {
        width: 100%;
        flex: auto;
    }

    .manifest-video-wrapper {
        width: 100%;
        max-width: 100%;
        flex: auto;
    }

    /* --- SEKCJA DLACZEGO --- */

    .why-hero__glow-top {
        right: -7.8rem;
        left: auto;
        top: 7.8rem;
        width: 31.2rem;
        height: 31.2rem;
    }

    .why-shape-star {
        right: 2.6rem;
        top: 19.5rem;
    }

    /* --- SEKCJA MAGICZNY SKŁADNIK --- */

    .magic-star-top-left {
        top: 7.8rem;
    }

    .magic-star-bottom-right {
        right: 3.9rem;
    }

    /* --- SEKCJA OFERTA --- */

    .offer-title {
        font-size: clamp(5.5rem, 10vw, 11.5rem);
        text-align: left;
    }

    .offer-section .text-unbreakable-lines {
        font-size: clamp(3rem, 7.4vw, 4.4rem);
    }

    /* --- SEKCJA POZIOMY --- */

    .levels-container {
        gap: 7.8rem;
    }

    #levels-title {
        margin-bottom: 0;
        text-align: center;
    }

    .levels-grid {
        grid-template-columns: 1fr;
        row-gap: 7.8rem;
    }

    .level-card__graphic {
        width: 100%;
    }

    .level-card:nth-child(1) .level-card__graphic,
    .level-card:nth-child(2) .level-card__graphic {
        aspect-ratio: 1/.725;
    }

    /* --- SEKCJA PROGRAM --- */

    .program-tabs {
        flex-direction: column;
    }

    .program-tab-btn {
        width: 100%;
        padding: 1.8rem 2.4rem;
        font-size: 2.2rem;
        white-space: normal;
    }

    .program-star-2 {
        top: -3.9rem;
        right: 15.6rem;
    }

    .program-star-3 {
        display: none;
    }

    .program-hero-text {
        font-size: 2.8rem;
        font-weight: 400;
        line-height: 1.3;
    }

    /* --- SEKCJA OPINIE --- */

    .testimonials-masonry-wrapper {
        max-height: 240rem;
    }

    .testimonials-masonry {
        column-count: auto; 
        display: flex;
        flex-direction: column;
        gap: 2.6rem;
    }

    .testimonials-masonry > .testimonials-col:nth-child(2) {
        order: -1;
    }

    .testimonials-glow-left {
        display: none;
    }

    .testimonials-glow-right {
        top: 3.9rem;
    }

    .testimonial-card__author {
        font-size: 3.6rem;
    }

    .testimonial-card__content {
        font-size: 2.25rem;
    }

    .testimonials-action {
        display: block;
    }

    /* --- SEKCJE O MNIE I GWARANCJA --- */

    .about-content {
        gap: 5.85rem;
    }

    .guarantee-heading {
        font-size: clamp(3rem, 7.4vw, 4.4rem);
    }

    .guarantee-disclaimer {
        display: none;
    }

    /* --- SEKCJA CTA I FOOTER --- */

    .cta-content,
    .footer-col {
        max-width: 100%;
    }

    .cta-heading {
        font-size: clamp(3rem, 7.4vw, 4.4rem);
    }

    .cta-deco-ufo-blurred {
        display: none;
    }

    .cta-astronaut {
        right: calc(-7rem - 2.6rem);
        bottom: -19.5rem;
    }
}

@media (max-width: 479px) {
    .heading-hero__subtitle {
        font-size: clamp(3rem, 7.4vw, 4.4rem);
    }

    .about-content h2 {
        text-align: left;
    }
}

@media (max-width: 390px) {
    html {
        font-size: 40%;
    }

    .testimonials-header .heading-section {
        font-size: clamp(5.5rem, 10vw, 11.5rem);
    }
}