.product_main_parent {
    max-width: 50em;
    flex-grow: 1;
    width: 95%;
}

.product_header {
    width: 100%;
    padding: 2em 0em;
}

.product_img_parent {
    margin: 2em;
    max-width: 15em;
    max-height: 15em;
    position: relative;
    overflow: hidden;
    border-radius: 0.5em;
    box-shadow: 0 1em 2em 0.1em rgba(0, 0, 0, 0.25);
}

.product_img_parent img {
    width: 100%;
    height: 100%;
    object-fit: cover;    
}

.product_text_parent {
    margin: 1em;
}

.product_text_parent h1 {
    margin: 0em;
    margin-bottom: 0.25em;
}

.product_text_parent h4 {
    font-size: 1.5em;
    margin: 0em;
}

.product_text_parent img {
    width: 2em;
    height: 2em;
    object-fit: contain;
    margin: 0em 0.5em;
}

.product_buy_button span {
    white-space: nowrap;
    margin-left: 0.5em;
}

.product_buy_button svg {
    width: 1.5em;
    height: 1.5em;
    fill: var(--White)
}

.product_content_parent {
    padding: 1em;
}

.product_content_parent .product_description_parent p {
    margin: 0em 1em;
}

.product_content_parent .product_buy_parent {
    width: fit-content;
    width: -moz-fit-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 1024px) {
    .product_header {
        flex-direction: column;
    }

    .product_text_parent {
        justify-content: center;
        align-items: center;
    }
    .product_content_parent {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

.nodey_img_my_nodeys {
    width: 2em;
    height: 2em;
    margin-left: 0.5em;
    animation: NodeyJumpingAnimation 3s 0s infinite both;
}

@keyframes NodeyJumpingAnimation {
    0% {transform: scaleX(1) translate(0em, 0em);}
    37% {transform: scaleX(1) translate(0em, 0em);}
    40% {transform: scaleX(1) scale(1, 0.7) translate(0em, 0.5em);}
    45% {transform: scaleX(-1) scale(1, 0.7) translate(0em, -0.5em);}
    50% {transform: scaleX(1) translate(0em, -0.5em);}
    55% {transform: scaleX(-1) translate(0em, -0.5em);}
    60% {transform: scaleX(1) translate(0em, 0em);}
    100% {transform: scaleX(1) translate(0em, 0em);}
}


/* Payment done page */
.blink_red_error {
    animation: blinker_error_red 2s 0.5s linear both;
}

@keyframes blinker_error_red {
    0% {
        color: var(--Black);
    }
  
    16% {
        color: var(--Red);
    }

    32% {
        color: var(--Black);
    }
  
    48% {
        color: var(--Red);
    }

    64% {
        color: var(--Black);
    }

    80% {
        color: var(--Red);
    }

    100% {
        color: var(--Black);
    }
}

.increase_animation_bg {
    background-color: var(--Blue);
    color: var(--White);
    transition: var(--transitionThree);
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    max-height: 100%;
    position: fixed;
    border-radius: 0em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.increase_animation_bg.unactive {
    border-radius: 5em;
    max-width: 0%;
    max-height: 0%;
    min-width: 0%;
    min-height: 0%;
    overflow: hidden;
}

.increase_animation_bg.slide_out {
    top: calc(-100% - 3em);
    transition: 2.5s;
}

.increase_animation_bg_dissolve {
    width: 100%;
    height: 3em;
    position: absolute;
    bottom: -3em;
    background: linear-gradient(#35aae1, #35aae100);
    left: 0em;
    animation: hide_on_first_animation 0.5s 2s both;
}

@keyframes hide_on_first_animation {
    from {
        opacity: 0.00001;
    }
  
    to {
        opacity: 1;
    }
}

.nodey_increase_parent {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
    transition: var(--transitionThree);
    z-index: 2;
}

.nodey_increase_parent.moving_element {
    transition: 1.5s;
    transform: scale(0.5) translate(-100%, -100%);
    animation: remove_increase_parent_opacity 0.5s 1s both;
}

@keyframes remove_increase_parent_opacity {
    from {
        opacity: 1;
    }
  
    to {
        opacity: 0.00001;
    }
}

.nodey_increase_parent.unactive {
    opacity: 0.00001;
}

.nodey_increase_svg {
    width: 4em;
    height: 4em;
    margin: 0em;
}

.nodey_increase_value {
    margin: 0em;
    padding: 0em;
    margin-bottom: -0.15em;
    transition: 0.05s;
}

.nodey_increase_value {
    margin: 0em;
    padding: 0em;
    margin-bottom: -0.15em;
    transition: 0.075s;
}

.nodey_increase_value.zoom_value {
    transform: scale(1.15);
}

.nodey_increase_content {
    transition: 2s;
    position: relative;
    color: var(--White);
}

.nodey_increase_content.zoom_counter {
    transform: scale(1.5);
}

.nodey_increase_value_parent {
    position: relative;
}

.coriandoliContainer {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.coriandoloElement {
    height: 0.5em;
    width: 0.5em;
    position: absolute;
    border-radius: 0.1em;
    transition: 0.35s;
    opacity: 0;
    z-index: 1;
    background-color: var(--White);
}

.corShop1Animation {
    transform: translate(-1.5em, 0.5em) rotate(30deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.1s both;
}

.corShop2Animation {
    transform: translate(-2.4em, -1.4em) rotate(150deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.15s both;
}

.corShop3Animation {
    transform: translate(-1.4em, 2em) rotate(68deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.5s both;
}

.corShop4Animation {
    transform: translate(2em, 2em) rotate(180deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.25s both;
}

.corShop5Animation {
    transform: translate(2.4em, -2em) rotate(270deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.2s both;
}

.corShop6Animation {
    transform: translate(0.4em, -2.4em) rotate(70deg);
    opacity: 1;
    animation: CorShopPop 0.5s 0.3s both;
}

@keyframes CorShopPop {
    0% {height: 0.5em;
        width: 0.5em;
        scale: 1;
        transition: 0.2s;
    }
    50% {height: 1em;
        margin-top: -0.5em;
        width: 1em;
        margin-left: -0.5em;
        border-radius: 0.2em;
        transition: 0.2s;
    }
    100% {height: 0.5em;
        width: 0.5em;
        transition: 0.2s;
    }
}

.message_parent {
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    z-index: 2;
    border-radius: 0.5em;
    transition: var(--transitionThree);
    text-align: center;
}

.message_content {
    margin: 1em;
}

.message_nodey_svg {
    width: 1.5em;
    height: 1.5em;
}

.message_parent.unactive {
    opacity: 0.00001;
    top: 100%;
    scale: 0.5;
}

.message_content h4 {
    margin: 0em;
    padding: 0em;
}

.message_content_quantity {
    margin: 0em;
}

.nodey_jump {
    animation: NodeyJumpingAnimation 3s 0s infinite both;
}

@keyframes NodeyJumpingAnimation {
    0% {transform: scaleX(1) translate(0em, 0em);}
    37% {transform: scaleX(1) translate(0em, 0em);}
    40% {transform: scaleX(1) scale(1, 0.7) translate(0em, 2em);}
    45% {transform: scaleX(-1) scale(1, 0.7) translate(0em, -2em);}
    50% {transform: scaleX(1) translate(0em, -2em);}
    55% {transform: scaleX(-1) translate(0em, -2em);}
    60% {transform: scaleX(1) translate(0em, 0em);}
    100% {transform: scaleX(1) translate(0em, 0em);}
}

.nodey_jump_small {
    animation: NodeyJumpingAnimation_small 3s 0s infinite both;
}

@keyframes NodeyJumpingAnimation_small {
    0% {transform: scaleX(1) translate(0em, 0em);}
    37% {transform: scaleX(1) translate(0em, 0em);}
    40% {transform: scaleX(1) scale(1, 0.7) translate(0em, 1em);}
    45% {transform: scaleX(-1) scale(1, 0.7) translate(0em, -1em);}
    50% {transform: scaleX(1) translate(0em, -1em);}
    55% {transform: scaleX(-1) translate(0em, -1em);}
    60% {transform: scaleX(1) translate(0em, 0em);}
    100% {transform: scaleX(1) translate(0em, 0em);}
}