body {
    background: center center / cover no-repeat url(../images/background.png);
    margin: 0;
    min-height: 100vh;
    font-family: "Bubble Bobble", sans-serif;
    color: var(--text-color);
}
.modal-content {
    color: #777777;
}
.store-header {
    position: absolute;
    top: 0px;
    width: 100%;
}
.sticky {
    position: fixed !important;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 900;
    background-color: #152166;
    border-top: 0;
}
.store__cart {
    z-index: 900;
    position: fixed;
    top: 45px;
    right: 10px;
    background-color: #fff;
    color: #000;
    width: 55vw;
    height: auto;
    border-radius: 7px;
    border: 0.5px solid #333;
}
.store__cart_arrow {
    position: absolute;
    transform: rotate(45deg);
    z-index: -1;
    top: 38px;
    right: 25px;
    width: 15px;
    height: 15px;
    background-color: #fff;
}
.store__cart_header,
.store__cart_main,
.store__cart_footer {
    display: flex;
    padding: 8px 12px;
}
.link__checkout__cart {
    margin-right: 15px;
    font-size: 12px;
    color: rgb(253, 255, 119);
}
.link__checkout.link__checkout__cart > .link__checkout_arrow.link__checkout_arrow__cart {
    width: 10px;
    top: 0;
    right: -15px;
}
.store__cart_header {
    justify-content: space-between;
    font-size: 12px;
}
.store__cart_main {
    font-size: 12px;
    border-bottom: 1px solid rgb(212, 206, 206);
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 0;
}
.store__cart_main__row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.store__cart_main__product {
    display: flex;
    justify-content: center;
}
.store__cart_main__row_product_info {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    margin-right: 5px;
}
.store__cart_product__title {
    font-size: 12px;
}
.store__cart_product__subtitle {
    font-size: 10px;
}

.store__cart_main__product_img {
    margin-top: 5px;
    height: 25px;
}
.store__cart_footer {
    position: relative;
    justify-content: flex-end;
}

.store__badge {
    position: absolute;
    border-radius: 50%;
    right: 15px;
    top: 25px;
    width: 14px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(226, 76, 17);
}
.store__badge_active {
    display: block;
}
.store__badge_inactive {
    display: none;
}
.store__total {
    z-index: 800;
    background-color: #152166;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100vw;
    /* height: 10vh; */
}
.store__total_active {
    display: block;
}
.store__total_inactive {
    display: none;
}
.store__total__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 60px;
}
.store__total__price {
    display: flex;
    flex-direction: column;
}
.link__checkout {
    position: relative;
    color: rgb(226, 187, 11) !important;
    text-decoration: none;
}
.link__checkout_arrow {
    position: absolute;
    right: -20px;
    top: -2px;
    width: 15px;
}

.store_catalog__container {
    padding: 20px;
}
.store_catalog__title {
    margin-bottom: 3vw;
    font-size: 16px;
}
.store_catalog__section {
    display: flex;
    flex-wrap: wrap;
}

.store_catalog__item {
    position: relative;
    width: 25vw;
    height: 28vw;
    margin-bottom: 5vw;
    margin-left: 2vw;
    margin-right: 2vw;
}
.store_catalog__item__blue {
    background: center center / cover no-repeat url(../images/product.svg);
}
.store_catalog__item__pink {
    background: center center / cover no-repeat url(../images/product_pink.svg);
}
.store_catalog__item__green {
    background: center center / cover no-repeat url(../images/product_green.svg);
}
.store_catalog__item__purple {
    background: center center / cover no-repeat url(../images/product_purple.svg);
}
.store_catalog__item__value {
    position: absolute;
    width: 100%;
    top: calc(25vw - 14px);
    text-align: center;
}
.store_catalog__item_image {
    z-index: 700;
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 18vw;
    margin: auto;
    text-align: center;
}
.store_catalog__item__title {
    position: absolute;
    width: 100%;
    top: calc(25vw - 40px);
    font-size: 7px;
    text-align: center;
}
.minicart-wrapper .block-minicart {
    z-index: 900;
}
@media only screen and (max-width: 767px) {
    .mobile-sticky .page-main {
        margin-top: 0 !important;
    }
}
/* underage message */
.cms-underage-message .page-title-wrapper {
    display: none;
}
.underage_wrapper {
    padding: 0 20px;
}
.underage_agree {
    display: flex;
}
.underage_title h2 {
    text-align: center;
    font-size: 26px;
    padding: 15px 0;
}
.underage_button {
    text-align: center;
}
.underage_description a{
    color: rgb(255,165,0);
    text-decoration: underline;
}
.underage_agree label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
}
.underage_agree {
    margin: 15px 0;
}
.underage_agree label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 1px;
    border: 2px solid #7F1C7F;
    background: #5E0A5E;
}
.underage_agree input[type=checkbox] {
    display: none;
}
.underage_agree label:before {
    border-radius: 3px;
}
.underage_agree input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    font-weight: 900;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}
.underage_btn {
    color: rgb(0, 0, 0) !important;
    background: url(../images/Underage_confirm_disable.svg) no-repeat center center !important;
    width: 120px;
    height: 50px !important;
    border: none;
    font-family: "Bubble Bobble";
    font-size: 30px;
    font-weight: 800;
    border: none !important;
    background-color: transparent !important;
}
.underage_btn:hover {
    color: rgb(0, 0, 0) !important;
    background-color: transparent !important;
    border-color: #0088cc;
}
.underage_btn_enabled {
    background: url(../images/Underage_confirm.svg) no-repeat center center !important;
    width: 120px;
    height: 50px !important;
    border: none !important;
    font-family: "Bubble Bobble";
    font-size: 30px;
    font-weight: 800;
    color: #ffffff !important;
    background-color: transparent !important;
}
.underage_btn_enabled:hover {
    color: #ffffff !important;
}

/* Payment page */
.payment_check img {
    height: 60px;
    width: 100%;
    margin-top: 100px;
}
.payment_cancel img {
    height: 60px;
    width: 100%;
    margin-top: 100px;
    fill: red;
}
.payment_title {
    text-align: center;
    font-weight: 800;
    font-size: 26px;
    letter-spacing: 4px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: #56BF56;
}
.payment_title_error{
    text-align: center;
    font-weight: 800;
    font-size: 26px;
    letter-spacing: 4px;
    margin-top: 15px;
    margin-bottom: 10px;
    color: red;
}
.payment_description h4 {
    text-align: center;
    font-size: 18px;
    letter-spacing: 1.5px;
}
.payment_subtitle {
    font-size: 12px;
    letter-spacing: 1.1px;
    margin-top: 25px;
    margin-left: 20px;
}
.payment_subtitle a {
    color: #FFD700;
    cursor: pointer;
}
.payment_start {
    margin-top: 30px;
    background: url(../images/Start_play_button.svg) no-repeat center center;
    width: 100%;
    height: 50px !important;
    border: none;
    font-family: "Bubble Bobble";
    color: #ffffff !important;
    font-size: 18px;
    border: none !important;
    background-color: transparent !important;
}

.payment_start:hover {
    color: #ffffff !important;
    background: url(../images/Start_play_button.svg) no-repeat center center;
}

/* Order History */
.order_title h2 {
    font-size: 25px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 15px;
}
.order_table_title {
    display: flex;
    justify-content: space-between;
}
.order_table_title li {
    list-style-type: none;
    margin-bottom: 15px;
}
.order_item {
    text-align: center;
}
.order_item img {
    height: 16px;
}
.order_title::after {
    content: "";
    width: 100%;
    height: 30px;
    background: #222283;
    position: absolute;
    left: 0;
    z-index: -2;
}
.order_item li {
    list-style-type: none;
    font-size: 14px;
}
.order_item li:nth-child(1) {
    font-size: 20px;
}