@media (min-width: 769px) {
    .mentor-grid .mentor-image-block .cropped-image,
    .mentor-grid .mentor-image-block [data-image-node-element="true"] {
        aspect-ratio: auto !important;
        height: auto !important;
        max-height: none !important;
    }

    .mentor-grid .mentor-image-block img,
    .mentor-grid .mentor-image-block .chakra-image {
        clip-path: none !important;
        -webkit-clip-path: none !important;
        transform: none !important;
        max-height: none !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
    }
}

@media (max-width: 768px) {

    .css-2g6b06 {
        --card-inner-padding-x: 1.5em !important;
        --card-inner-padding-y: 1.5em !important;
        --card-outer-padding-x: 0.5em !important;
        --card-outer-padding-y: 1em !important;
    }

    .card-content.is-full-width .block.is-full-width {
        width: 100% !important;
        left: 0 !important;
        transform: none !important;
    }

    .card-layout-cell-bg.css-1gnhw0o {
        justify-content: flex-start !important;
    }

    .card-content > [data-node-view-content-inner="card"] {
        grid-template-rows: auto !important;
    }


    .ProseMirror [style*="display:grid"],
    .ProseMirror [style*="display: grid"] {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
    }

    .css-z1fkfg,
    .css-13xxg83,
    .css-mmgi6e,
    .css-3ucpgn,
    .css-7o6zho,
    .css-1azkfln,
    .css-luv9ey,
    .css-7ur3hc {
        grid-template-columns: 1fr !important;
        grid-auto-flow: row !important;
        grid-template-rows: auto !important;
        grid-column-gap: 1em !important;
        grid-row-gap: 1em !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-body.css-qpmvh4,
    .react-renderer.node-card.block.block-card.first-block .card-layout.css-q3acjc,
    .react-renderer.node-card.block.block-card.first-block .card-layout.css-q3acjc>.card-content>[data-node-view-content-inner="card"],
    .react-renderer.node-card.block.block-card.first-block [data-layout-item-id="accent"],
    .react-renderer.node-card.block.block-card.first-block [data-layout-item-id="body"] {
        min-height: 42.75rem !important;
        height: auto !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-wrapper.card-expanded {
        --card-outer-padding-x: 0 !important;
        --card-outer-padding-y: 0 !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-body.css-qpmvh4,
    .react-renderer.node-card.block.block-card.first-block .card-layout.css-q3acjc {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
        border-radius: 0 !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-body-background.css-gk749a {
        display: none !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-layout.css-q3acjc>.card-content>[data-node-view-content-inner="card"] {
        grid-template-rows: minmax(100svh, auto) !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-layout-cell-bg.css-sl53lk {
        position: absolute !important;
        inset: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        transform: none !important;
    }

    .react-renderer.node-card.block.block-card.first-block .css-a496uo {
        background-position: center center !important;
        background-size: cover !important;
        filter: brightness(0.88) saturate(1.02) contrast(1.04) !important;
    }

    .react-renderer.node-card.block.block-card.first-block .card-layout-cell-bg.css-1gnhw0o {
        justify-content: flex-end !important;
    }

    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .layout-content,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e [data-node-view-content-inner="gridLayout"],
    .react-renderer.node-card.block.block-card.first-block .node-gridLayout.block.block-gridLayout.first-block.first-block-in-card,
    .react-renderer.node-card.block.block-card.first-block .node-gridLayout.block.block-gridLayout.first-block.first-block-in-card>[data-node-view-wrapper] {
        width: calc(100% - 1rem) !important;
        max-width: calc(100% - 1rem) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        grid-row-gap: 0 !important;
    }

    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e [data-node-view-content-inner="gridLayout"]>.react-renderer.node-gridCell:first-child,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e [data-node-view-content-inner="gridLayout"]>.react-renderer.node-gridCell:last-child {
        display: none !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-gridCell,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .grid-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        left: 0 !important;
    }

    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .image.cropped-image,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .image.cropped-image img,
    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .chakra-image {
        width: min(50vw, 196px) !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        margin-top: 0.5rem !important;
        margin-left: auto !important;
        margin-right: auto !important;
        aspect-ratio: auto !important;
        clip-path: none !important;
        transform: none !important;
        filter: drop-shadow(0 0.5rem 1.25rem rgba(27, 14, 62, 0.28)) !important;
    }

    .react-renderer.node-card.block.block-card.first-block .grid-col-controls.css-mmgi6e .image.cropped-image {
        display: block !important;
        overflow: visible !important;
    }

    .react-renderer.node-card.block.block-card.first-block .heading,
    .react-renderer.node-card.block.block-card.first-block .block-paragraph,
    .react-renderer.node-card.block.block-card.first-block .block-buttonGroup {
        max-width: 100% !important;
        text-align: center !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-heading.block.block-heading {
        margin-top: 2.3rem !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-paragraph.block.block-paragraph {
        margin-top: 0.15rem !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-buttonGroup.block.block-buttonGroup {
        margin-top: 0.55rem !important;
        width: 100% !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-button,
    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-button .chakra-link.chakra-button {
        width: 100% !important;
        max-width: 100% !important;
    }

    .react-renderer.node-card.block.block-card.first-block .react-renderer.node-button .chakra-link.chakra-button {
        min-height: 2.75rem !important;
        padding-top: 0.65rem !important;
        padding-bottom: 0.65rem !important;
    }

    .react-renderer.node-card.block.block-card.first-block .block-buttonGroup [data-node-view-content-inner="buttonGroup"] {
        justify-content: center !important;
    }

    .react-renderer.node-card.block.block-card.first-block [data-node-view-wrapper],
    .react-renderer.node-card.block.block-card.first-block [data-node-view-content],
    .react-renderer.node-card.block.block-card.first-block [data-node-view-content-inner] {
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .card-body.css-qpmvh4,
    .card-layout.css-q3acjc {
        max-width: 100vw !important;
    }

    .block-image,
    .block-image .moveable-wrapper,
    .block-image .image,
    .block-image img,
    .block-image .chakra-image,
    .react-renderer.node-gridCell,
    .react-renderer.node-gridCell>.grid-cell {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .block-image .moveable-wrapper,
    .block-image .image,
    .block-image img,
    .block-image .chakra-image {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        transform: none !important;
    }

    .add-column.css-1yob2lz {
        display: none !important;
    }

    .css-gxfw3c {
        grid-auto-flow: row !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        grid-auto-columns: auto !important;
        padding-left: 2em !important;
        gap: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .css-gxfw3c::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 1.2em;
        width: 2px;
        background: rgba(109, 83, 171, 0.28);
        pointer-events: none;
        z-index: 1;
        display: block !important;
    }

    .css-gxfw3c .css-q6hj78 {
        display: none !important;
    }

    .css-gxfw3c .css-s2o0ze {
        display: block !important;
        position: relative !important;
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
        padding-left: 2.5em !important;
        padding-top: 0.2em !important;
        padding-bottom: 0.2em !important;
        margin: 0 !important;
    }

    .css-gxfw3c .css-s2o0ze [data-grid-item="true"] {
        width: 100% !important;
        text-align: left !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        --flex-align: flex-start !important;
    }

    .css-gxfw3c .css-s2o0ze .css-1vv52j3 {
        position: absolute !important;
        left: -1em !important;
        top: 2em !important;
        width: 3em !important;
        display: block !important;
        transform: translateY(-50%) !important;
    }
    
    .css-gxfw3c .css-s2o0ze .css-1vv52j3 .themed-html-shape-fill {
        margin: 0 !important;
        position: absolute !important;
        left: 0 !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    .css-gxfw3c .css-s2o0ze .css-1vv52j3 .themed-line {
        width: 1.5em !important;
        height: 2px !important;
        position: absolute !important;
        left: 14px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        display: block !important;
        background: rgba(109, 83, 171, 0.28) !important;
    }


    .ProseMirror [class*="css-"][style*="grid-column:span"],
    .ProseMirror [style*="grid-column:span"],
    .ProseMirror [style*="grid-column: span"] {
        grid-column: 1 / -1 !important;
    }

    .css-1xexl9k,
    .css-16fgfqz,
    .css-tzg4z7,
    .css-1jr302m,
    .css-3ofg4p,
    .css-1jtj7sn,
    .css-cpw5g3,
    .css-rm65qe,
    .css-kiu2z7,
    .css-q6hj78 {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    [data-node-view-content-inner="gallery"] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    [data-node-view-content-inner="gallery"] .block {
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    [data-node-view-content-inner="gallery"] .block img {
        width: 100% !important;
        height: auto !important;
        max-height: 75vh !important;
        object-fit: contain !important;
    }

    .ProseMirror img,
    .chakra-image,
    .block img {
        max-width: 100% !important;
        height: auto !important;
    }

    .block-buttonGroup [data-node-view-content-inner="buttonGroup"] {
        flex-wrap: wrap !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 0.6em !important;
    }

    .react-renderer.node-card.block.block-card.last-block .block-buttonGroup [data-node-view-content-inner="buttonGroup"] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        gap: 0.85rem !important;
    }

    .react-renderer.node-card.block.block-card.last-block .react-renderer.node-button {
        width: 100% !important;
    }

    .react-renderer.node-card.block.block-card.last-block .chakra-link.chakra-button {
        width: 100% !important;
        justify-content: center !important;
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    .react-renderer.node-card.block.block-card.last-block .block-buttonGroup:first-of-type .react-renderer.node-button:first-child .chakra-link.chakra-button {
        background: #d9dbe8 !important;
        color: #535061 !important;
    }

    .react-renderer.node-card.block.block-card.last-block .block-buttonGroup:first-of-type .react-renderer.node-button:first-child .chakra-text {
        color: #535061 !important;
    }

    .react-renderer.node-card.block.block-card.last-block .block-buttonGroup:first-of-type .react-renderer.node-button:last-child .chakra-link.chakra-button {
        background: #6b61a7 !important;
        color: #ffffff !important;
    }

    .react-renderer.node-card.block.block-card.last-block .block-buttonGroup:first-of-type .react-renderer.node-button:last-child .chakra-text {
        color: #ffffff !important;
    }

    .chakra-link.chakra-button {
        max-width: 100% !important;
        white-space: normal !important;
        text-align: center !important;
        padding: 0.7em 1.25em !important;
        height: auto !important;
        min-height: 2.5em !important;
    }

    .chakra-link.chakra-button [aria-label="Telegram"] svg,
    .chakra-link.chakra-button [aria-label="Instagram"] svg,
    .chakra-link.chakra-button [aria-label="WhatsApp"] svg {
        display: block;
        width: 1.4em;
        height: 1.4em;
    }

    body,
    #__next,
    .ProseMirror {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    .heading,
    .themed-heading {
        word-break: break-word !important;
        overflow-wrap: break-word !important;
        hyphens: auto !important;
    }

    .grid-cell,
    .styled-grid-cell {
        padding: 1.5em !important;
    }

    /* "Если ВЫ" icons */
    .css-1azkfln .image {
        width: 3rem !important;
        height: 3rem !important;
        aspect-ratio: 1/1 !important;
        flex-shrink: 0 !important;
        opacity: 0.85 !important;
    }

    .css-1azkfln .styled-grid-cell {
        align-items: center !important;
    }


    [data-grid-item="true"] {
        width: 100% !important;
        min-width: 0 !important;
    }

    .grid-item,
    [class*="grid-item"] {
        min-width: 0 !important;
        width: 100% !important;
    }

    /* Nikita's feedback fix */
    .react-renderer.node-gridCell [data-node-view-content-inner="gridCell"] > .react-renderer.node-image {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .react-renderer.node-image img.chakra-image {
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        transform: none !important;
        clip-path: none !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .react-renderer.node-image .cropped-image,
    .react-renderer.node-image .image {
        aspect-ratio: auto !important;
    }

    /* Gap reduction */
    .block {
        margin-top: 0.15em !important;
        margin-bottom: 0.15em !important;
    }

    .react-renderer.node-gridCell .grid-cell {
        display: flex;
        flex-direction: column;
    }

    .react-renderer.node-heading {
        margin-top: 0 !important;
    }

    .block-paragraph:empty {
        display: none !important;
    }

    .react-renderer.node-paragraph:has([data-node-view-content-inner="paragraph"]:empty) {
        display: none !important;
    }

    .landing-game-card .react-renderer.node-heading:not(.first-block):not(.first-block-in-card),
    .landing-offer-card .react-renderer.node-heading:not(.first-block):not(.first-block-in-card) {
        margin-top: 1rem !important;
    }

    .landing-game-card .react-renderer.node-divider,
    .landing-offer-card .react-renderer.node-divider {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .landing-hero-card .react-renderer.node-heading.block.block-heading {
        margin-top: 1.15rem !important;
    }

    .landing-hero-card .hero-logo-block {
        margin-top: 0.25rem !important;
        margin-bottom: 0.25rem !important;
    }

    .landing-hero-card .hero-logo-block .image,
    .landing-hero-card .hero-logo-block img,
    .landing-hero-card .hero-logo-block .chakra-image {
        margin-top: 0.2rem !important;
        margin-bottom: 0.2rem !important;
    }

    .landing-hero-card .hero-subtitle-block {
        margin-bottom: 1rem !important;
    }

    .landing-hero-card .hero-cta-block {
        margin-top: 0.65rem !important;
        margin-bottom: 1rem !important;
    }

    .heading-more-than-game,
    .heading-what-makes-master,
    .heading-for-whom,
    .heading-mentors,
    .heading-student-path,
    .heading-how-learning,
    .heading-course-complements,
    .heading-first-step,
    .heading-contacts {
        margin-bottom: 0.7rem !important;
    }

    .heading-during-training {
        margin-top: 0.5rem !important;
        margin-bottom: 0.6rem !important;
    }

    .for-whom-grid .for-whom-psychologists {
        margin-top: 0.7rem !important;
    }

    .mentor-grid {
        row-gap: 1rem !important;
    }

    .mentor-grid .mentor-card {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mentor-grid .mentor-image-block {
        margin-bottom: 0.7rem !important;
    }

    .mentor-grid .mentor-button-block {
        margin-top: 0.7rem !important;
    }

    .landing-game-card .styled-grid-cell,
    .landing-game-card .grid-cell,
    .landing-game-card .css-19n3ju2,
    .landing-game-card .css-t4x3co,
    .landing-game-card .css-1olomqv {
        padding: 0.85rem !important;
    }

    .landing-game-card [level="2"],
    .landing-offer-card [level="2"] {
        font-size: 1.38em !important;
        line-height: 1.18 !important;
    }

    .student-path-layout {
        grid-row-gap: 0.95rem !important;
    }

    .student-path-layout .css-1jtj7sn {
        padding-inline-start: 2.7em !important;
    }

    .student-path-layout .css-19238jr,
    .student-path-layout .css-1o3h3ow {
        left: 0.45em !important;
        margin-inline-start: 0 !important;
    }

    .student-path-layout .css-1dp4xzw {
        width: 0.8em !important;
    }

    .student-path-layout .css-1t1day8,
    .student-path-layout .styled-grid-cell {
        max-width: none !important;
    }

    .student-path-layout .student-path-item {
        margin-bottom: 0.1rem !important;
    }

    .how-learning-layout {
        grid-row-gap: 1rem !important;
    }

    .how-learning-layout .css-os5uxk,
    .if-you-grid .css-os5uxk,
    .payment-content-layout .css-os5uxk,
    .payment-content-layout .css-1ocqpeg {
        gap: 0.65em !important;
    }

    .if-you-grid {
        grid-row-gap: 0.65rem !important;
    }

    .if-you-grid .styled-grid-cell,
    .if-you-grid .grid-cell {
        padding: 0.85rem !important;
    }

    .payment-content-layout [data-grid-item="true"],
    .payment-content-layout .styled-grid-cell,
    .payment-content-layout .css-pqbupq,
    .payment-content-layout .css-1lusiyk {
        max-width: none !important;
        width: 100% !important;
    }

    .payment-content-layout .styled-grid-cell,
    .payment-content-layout .grid-cell {
        padding: 0.85rem !important;
    }

    .payment-content-layout .css-15fn4pg,
    .payment-content-layout .css-17es90n {
        width: 2.2rem !important;
        max-width: 2.2rem !important;
        flex: 0 0 2.2rem !important;
    }

    .payment-button-block {
        margin-top: 0.8rem !important;
    }

    .heading-contacts {
        margin-bottom: 0.9rem !important;
    }

    .contacts-final-buttons [data-node-view-content-inner="buttonGroup"],
    .landing-contacts-card .react-renderer.node-buttonGroup:last-of-type [data-node-view-content-inner="buttonGroup"] {
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: 0.85rem !important;
    }

    .contacts-final-buttons .react-renderer.node-button,
    .contacts-final-buttons .chakra-link.chakra-button,
    .contacts-social-buttons .react-renderer.node-button,
    .contacts-social-buttons .chakra-link.chakra-button,
    .landing-contacts-card .react-renderer.node-buttonGroup:last-of-type .react-renderer.node-button,
    .landing-contacts-card .react-renderer.node-buttonGroup:last-of-type .chakra-link.chakra-button {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .landing-offer-card .block-buttonGroup [data-node-view-content-inner="buttonGroup"],
    .landing-contacts-card .block-buttonGroup [data-node-view-content-inner="buttonGroup"] {
        gap: 0.75rem !important;
    }

    .landing-offer-card .chakra-link.chakra-button .chakra-text,
    .landing-offer-card .chakra-link.chakra-button .css-tvj5s7,
    .landing-offer-card .chakra-link.chakra-button [data-node-view-content-inner="button"],
    .landing-contacts-card .chakra-link.chakra-button .chakra-text,
    .landing-contacts-card .chakra-link.chakra-button .css-tvj5s7,
    .landing-contacts-card .chakra-link.chakra-button [data-node-view-content-inner="button"] {
        display: block !important;
        width: 100% !important;
        -webkit-line-clamp: unset !important;
        word-break: normal !important;
        text-overflow: clip !important;
        overflow: visible !important;
        white-space: normal !important;
    }

    .landing-contacts-card,
    .landing-contacts-card .card,
    .landing-contacts-card .card-content,
    .landing-contacts-card [data-node-view-content-inner="card"] {
        min-height: auto !important;
        height: auto !important;
    }

    .landing-contacts-card {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .landing-contacts-card .block-paragraph.last-block,
    .landing-contacts-card .react-renderer.node-paragraph:last-child,
    .landing-contacts-card .react-renderer.node-paragraph:has([data-node-view-content-inner="paragraph"]:empty) {
        display: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .landing-contacts-card .react-renderer.node-buttonGroup:last-of-type {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

@media (max-width: 480px) {

    .css-2g6b06 {
        --card-inner-padding-x: 1em !important;
        --card-inner-padding-y: 1.25em !important;
    }

    .heading h1,
    [level="1"] {
        font-size: 2.2em !important;
        line-height: 1.1 !important;
    }

    [level="2"] {
        font-size: 1.6em !important;
        line-height: 1.15 !important;
    }

    [level="3"] {
        font-size: 1.25em !important;
    }
}