:root {--ji-orange: #f78422;}

#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) {width: 100%;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card {background: #f2f2f2;border-radius: 0;box-shadow: none !important;color: unset;flex: 1;padding: 15px;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-title {padding: 0;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-text {padding: 0;font: unset;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-title + .card-text {padding-top: 10px;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-actions .btn {background-color: #292929;border: 1px solid #292929;min-height: 45px;color: #fff;padding: 5px 9px;display: inline-flex;align-items: center;font-weight: 600;line-height: 1;font-size: 14px;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-actions .btn[disabled] {cursor: not-allowed;opacity: 0.5;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-actions .btn:hover {color: #fff;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-text a {color: unset;text-decoration: underline;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) .card-text a:hover {color: unset;text-decoration: none;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) p:last-child {margin-bottom: 0 !important;}
#content :is(.mehub-bonus-product-detail-container,.mehub-bonus-cart-container,.mehub-bonus-checkout-container,.mehub-bonus-profile-container) b {font-size: unset !important;}

#content .mehub-bonus-product-detail-container .card-text {display: flex;align-items: center;}
#content .mehub-bonus-product-detail-container .card-text::before {content: "";display: inline-block;width: 32px;height: 32px;flex: 0 0 32px;background: url(../img/grape-orange.png) no-repeat center / contain;margin-right: 5px;}

#content .mehub-bonus-cart-container .card {display: flex;align-items: center;}
#content .mehub-bonus-cart-container .card::before {content: "";display: inline-block;width: 32px;height: 32px;flex: 0 0 32px;background: url(../img/grape-orange.png) no-repeat center / contain;margin-right: 10px;}
#content .mehub-bonus-cart-container .card-title {display: contents;font: unset;}

@media (max-width: 991px) {
	#content .mehub-bonus-cart-container {padding-inline: 10px;}
}

#content .mehub-bonus-checkout-container h4::before {content: "";display: inline-block;width: 36px;height: 36px;background: url(../img/grape-black.png) no-repeat center / contain;}
#content .mehub-bonus-checkout-container .checkout-info-container {align-items: stretch !important;flex-flow: row wrap;}
#content .mehub-bonus-checkout-container .card:is(.state-1) {padding: 15px;}
#content .mehub-bonus-checkout-container :is(.state-2) .card {padding: 15px;}
#content .mehub-bonus-checkout-container :is(.state-1,.state-2) .card-title {display: contents;font: unset;}
#content .mehub-bonus-checkout-container :is(.state-1,.state-2) .card-title::after {content: " ";}
#content .mehub-bonus-checkout-container :is(.state-1,.state-2) .card-text {display: contents;}

@media (max-width: 991px) {
	#content .mehub-bonus-checkout-inner-container>div {margin-inline: 0 !important;}
}

#content .mehub-bonus-profile-container .vip-tier .tier-progress {background: #fff;border-radius: 0;margin-bottom: 10px;}
#content .mehub-bonus-profile-container .vip-tier .tier-progress>span {background-color: var(--ji-orange);}
#content .mehub-bonus-profile-container thead tr {background: #fff;}
#content .mehub-bonus-profile-container h2~div div:is(:nth-child(1),:nth-child(2),:nth-child(3)) .card-title {font-weight: 400;font-size: 20px;}