.mobile-button-show {
    opacity: 1;
}

.cell-no-show {
    border: var(--color-2);
}

.cell-no-show div,
.cell-no-show p {
    color: var(--color-2);
}

.page-title {
    margin-bottom: var(--plans-page-title-m);
}

.andalso {
    padding: 0;
}

.grid-also {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
    gap: 0.5rem;
    width: 100%;
}

.grid-also-one {
    grid-template-areas:
        "aa bb"
        "cc dd";
}

.grid-also-one .rates-asterix {
    grid-area: cc;
}

.cell-left {
    justify-content: space-between;
}

.cell-left_also {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.pricetag_also {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    margin-top: 0.75rem;
}

.pricetag_also div {
    font-size: var(--cell-subtitle-f);
    line-height: var(--cell-subtitle-lh);
    /* margin-bottom: var(--cell-subtitle-m); */
    font-weight: 600;
}

.pricetag_also span {
    font-size: var(--cell-p-f);
    line-height: var(--cell-p-lh);
    text-align: left;
    /* margin-bottom: var(--cell-p-m); */
    font-weight: 600;
}

.rates-asterix {
    font-size: var(--plans-asterix-f);
    line-height: var(--plans-asterix-lh);
    font-weight: 600;
    width: 100%;
    text-align: right;
    margin-top: var(--plans-rates-asterix-m);
}

.closure .grid {
    grid-template-columns: 1fr;
    row-gap: var(--closure-row-g);
    width: 100%;
}

.closure .cell-subtitle {
    margin-bottom: 0;
}

/*ANIMATION*/
section.show~section .revealRight {
    opacity: 1;
    transform: translate(0, 0);
}

.message .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.message .grid .asterix {
    transition-delay: 450ms;
}

.reading .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.reading .grid .reveal-left:nth-child(2) {
    transition-delay: 450ms;
}

.reading .grid .asterix {
    transition-delay: 600ms;
}

.energetic .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.energetic .grid .reveal-left:nth-child(2) {
    transition-delay: 450ms;
}

.energetic .grid .asterix {
    transition-delay: 600ms;
}

.contract .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.contract .grid .reveal-left:nth-child(2) {
    transition-delay: 450ms;
}

.contract .grid .asterix {
    transition-delay: 600ms;
}

.business .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.business .grid .asterix {
    transition-delay: 450ms;
}

.feng .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.feng .grid .asterix {
    transition-delay: 450ms;
}

.diet .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.diet .grid .asterix {
    transition-delay: 450ms;
}

.guidance .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.guidance .grid .asterix {
    transition-delay: 450ms;
}

.trust .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.trust .grid .asterix {
    transition-delay: 450ms;
}

.coaching .grid .reveal-left:nth-child(1) {
    transition-delay: 300ms;
}

.coaching .grid .reveal-left:nth-child(2) {
    transition-delay: 450ms;
}

.coaching .grid .reveal-left:nth-child(3) {
    transition-delay: 600ms;
}

.coaching .grid .reveal-left:nth-child(4) {
    transition-delay: 750ms;
}

.coaching .grid .reveal-left:nth-child(5) {
    transition-delay: 900ms;
}

.coaching .grid .reveal-left:nth-child(6) {
    transition-delay: 1050ms;
}

.coaching .grid .reveal-left:nth-child(7) {
    transition-delay: 1200ms;
}

.coaching .grid .asterix {
    transition-delay: 1350ms;
}

.closure .reveal-left {
    transition-delay: 300ms;
}

.closure .reveal-right {
    transition-delay: 1000ms;
}

@media only screen and (min-width: 500px) {
    .grid-also {
        grid-template-columns: repeat(auto-fit, minmax(250px, 500px));
        gap: 0.75rem;
    }

    .grid-also-img {
        border-radius: 10px;
    }

}

@media only screen and (min-width: 700px) {
    .grid-also {
        grid-template-columns: repeat(auto-fit, minmax(300px, 500px));
        gap: 0.75rem;
    }

    .grid-also-img {
        border-radius: 12px;
    }


    .closure .grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "a b"
            "a c";
    }

    .closure .grid .text {
        grid-area: a;
    }
}

@media only screen and (min-width: 900px) {
    .grid-also {
        grid-template-columns: repeat(auto-fit, minmax(400px, 500px));
        gap: 0.75rem;
    }

    .grid-also-img {
        border-radius: 14px;
    }
}

@media only screen and (min-width: 1000px) {
    .grid-also {
        grid-template-columns: repeat(auto-fit, minmax(350px, 500px));
        gap: 0.75rem;
    }

    .grid-also-two {
        grid-template-areas:
            "aa bb"
            "cc dd";
    }

    .grid-also-seven {
        grid-template-areas:
            "aa bb"
            "cc dd"
            "ee ff"
            "gg hh"
            "ii jj";
    }

    .grid-also-two .rates-asterix {
        grid-area: dd;
    }

    .grid-also-seven .rates-asterix {
        grid-area: ii;
    }
}

@media only screen and (min-width: 1100px) {}

@media only screen and (min-width: 1300px) {
    .grid-also {
        grid-template-columns: repeat(auto-fit, minmax(500px, 600px));
        /* gap: 0.75rem; */
    }
}