/*
    2020 (C) NIKOLOVDZN.COM
*/


:root {
    --spacing: 20px;
    --sidebarWidth: 280px
}

@media (max-width:850px) {
    :root {
        --spacing: 10px
    }
}

@media (max-width:650px) {
    :root {
        --spacing: 5px
    }
}

html {
    height: 100%
}

body {
    margin: 0;
    padding: 0 !important;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.dropdown-backdrop {
    display: none !important
}

.container {
    width: 1170px;
    padding: 0;
    max-width: calc(100% - calc(2 * var(--spacing)))
}

.body .full-width {
    padding: 0
}

.ndzn-body {
    margin-bottom: auto
}

.body {
    margin: 0
}

.body .content:not(.panel-body) {
    padding: 0;
    float: none;
    width: auto
}

.panel {
    margin-bottom: var(--spacing)
}

.panel:last-child {
    margin-bottom: 0
}

.panel .panel-heading {
    word-wrap: break-word
}

#ndzn-page,
.ndzn-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap
}

#ndzn-page .page-sidebar,
.ndzn-page .page-sidebar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 var(--sidebarWidth);
    flex: 0 0 var(--sidebarWidth);
    margin-right: var(--spacing)
}

#ndzn-page .page-main,
.ndzn-page .page-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media (max-width:850px) {

    #ndzn-page,
    .ndzn-page {
        display: block
    }

    #ndzn-page .page-sidebar,
    .ndzn-page .page-sidebar {
        margin: 0 0 var(--spacing)
    }
}

.checkout .redeemed {
    font-size: 12px
}

.checkout .redeemed td {
    padding-top: 10px;
    padding-bottom: 8px
}

.privacyStatement label,
.privacyStatement p {
    cursor: pointer
}

.modal-dialog {
    -webkit-transition: opacity .5s, -webkit-transform .4s;
    transition: opacity .5s, -webkit-transform .4s;
    -o-transition: transform .4s, opacity .5s;
    transition: transform .4s, opacity .5s;
    transition: transform .4s, opacity .5s, -webkit-transform .4s;
    opacity: 0;
    -webkit-transform: translate(0, 15px);
    -ms-transform: translate(0, 15px);
    transform: translate(0, 15px)
}

.modal.in .modal-dialog {
    opacity: 1
}

.modal-footer .row:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal-footer .pull-left {
    padding: 0 !important;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left
}

.btn-gift {
    background: #b768ff;
    color: #fff;
    border-color: rgba(0, 0, 0, .15)
}

.btn-gift:focus,
.btn-gift:hover {
    background: #a058e2
}

.btn-warning {
    background: #de8753;
    border-color: rgba(0, 0, 0, .125)
}

.btn-warning:focus,
.btn-warning:hover {
    background: #d07c49
}

.btn-blank {
    background: 0 0;
    border: none;
    outline: 0
}

.btn.btn-discord,
.variables .input-group-btn:first-child .btn-info {
    color: #fff;
    background: #7289da !important;
    border: 2px solid rgba(0, 0, 0, .125);
    font-weight: 800;
    font-size: 17px
}

.btn.btn-discord:focus,
.btn.btn-discord:hover,
.variables .input-group-btn:first-child .btn-info:focus,
.variables .input-group-btn:first-child .btn-info:hover {
    background: #5e78d5 !important
}

.variables .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0
}

.variables .buttons .back,
.variables .buttons .continue {
    width: auto;
    float: none;
    display: block;
    padding: 0
}

.variables .buttons .btn {
    padding: 0;
    height: 45px;
    line-height: 45px;
    width: 200px;
    margin: 0 5px 10px
}

@media (max-width:500px) {
    .variables .buttons {
        margin: 0 0 2px
    }

    .variables .buttons .back,
    .variables .buttons .continue {
        -webkit-box-flex: calc(50% - 10px);
        -ms-flex: calc(50% - 10px);
        flex: calc(50% - 10px)
    }

    .variables .buttons .back {
        margin-right: 10px
    }

    .variables .buttons .btn {
        width: 100%;
        margin: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.checkout .packages .fa.fa-gift {
    display: block;
    -webkit-animation: ndznGiftPulse .65s infinite linear;
    animation: ndznGiftPulse .65s infinite linear
}

@-webkit-keyframes ndznGiftPulse {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.89);
        transform: scale(.89)
    }

    75% {
        -webkit-transform: scale(1.11);
        transform: scale(1.11)
    }
}

@keyframes ndznGiftPulse {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25% {
        -webkit-transform: scale(.89);
        transform: scale(.89)
    }

    75% {
        -webkit-transform: scale(1.11);
        transform: scale(1.11)
    }
}

.orderstatus td label {
    margin-top: 5px
}

.modal-content button.close {
    font-size: 30px;
    text-shadow: none;
    position: relative;
    z-index: 1;
    outline: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: Arial, sans-serif
}

.zoid-outlet {
    min-width: none !important;
    width: 100% !important
}

.notification .alert {
    margin-bottom: var(--spacing)
}

@media (max-width:767.5px) {
    .modal-footer .row:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .modal-footer .row:first-child .pull-left {
        margin-bottom: 15px
    }

    .modal-footer .row:first-child .btn:first-child {
        margin-bottom: 5px
    }
}

.no-overflow {
    overflow: hidden
}

.ndzn-component-cart:not(.is--open) .cart-dropdown {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: scaleY(.8);
    -ms-transform: scaleY(.8);
    transform: scaleY(.8)
}

.ndzn-component-cart.is--open .cart-dropdown {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.ndzn-component-cart {
    position: relative
}

.ndzn-component-cart .cart-dropdown {
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    text-align: left;
    position: absolute;
    z-index: 100;
    top: calc(100% + 2px);
    right: -5px;
    border: 1px solid #d2cbc8;
    background: #fff7f3;
    border-radius: 3px;
    padding: 12px;
    width: 300px;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15)
}

.ndzn-component-cart .cart-dropdown:after,
.ndzn-component-cart .cart-dropdown:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    right: 22px;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: #fff7f3
}

.ndzn-component-cart .cart-dropdown:before {
    margin-bottom: 1px;
    border-bottom-color: #d2cbc8
}

.ndzn-component-cart .cart-dropdown .cart-controls {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ndzn-component-cart .cart-dropdown .cart-controls .currency .val {
    margin: 0 3px 0 5px
}

.ndzn-component-cart .cart-dropdown .cart-controls .logout {
    text-transform: initial;
    font-size: 13px;
    margin-left: auto
}

.ndzn-component-cart .cart-dropdown .item {
    color: #333;
    padding: 8px 5px;
    border-bottom: 1px solid rgba(0, 0, 0, .075);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-component-cart .cart-dropdown .item .item-info {
    margin-right: auto
}

.ndzn-component-cart .cart-dropdown .item .item-info .item-name {
    font-weight: 700;
    color: #666
}

.ndzn-component-cart .cart-dropdown .item .item-info .item-price {
    color: #777;
    display: block;
    margin-top: -1px;
    font-size: 12px
}

.ndzn-component-cart .cart-dropdown .item .item-remove {
    position: relative;
    top: 1px;
    color: #d9534f
}

.ndzn-component-cart .cart-dropdown .cart-checkout .btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px;
    padding-left: 10px;
    padding-right: 8px
}

.ndzn-component-cart .cart-dropdown .cart-checkout .btn .badge {
    border-radius: 5px;
    position: relative;
    padding: 4px 7px 5px;
    margin-right: -1px;
    font-size: 11px;
    font-weight: 900;
    text-shadow: none;
    background: rgba(0, 0, 0, .2);
    color: rgba(255, 255, 255, .7);
    top: 0
}

.ndzn-component-cart .cart-dropdown .cart-empty {
    color: #555;
    padding: 20px 0 3px;
    text-align: center
}

.ndzn-component-cart .cart-dropdown .cart-empty b {
    display: block;
    margin-bottom: 10px
}

.ndzn-component-cart .cart-dropdown .cart-empty small {
    display: block;
    line-height: 15px
}

@media (min-width:850.5px) {
    #ndzn-sidebar-nav .nav-header {
        display: none !important
    }
}

@media (max-width:850px) {
    #ndzn-sidebar-nav .nav-header {
        display: block
    }
}

#ndzn-sidebar-nav .nav-items {
    display: block
}

@media (max-width:850px) {
    #ndzn-sidebar-nav .nav-items {
        display: none
    }
}

#ndzn-sidebar-nav .nav-header {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-sidebar-nav .nav-header .nav-title {
    display: inline-block;
    font-size: 20px;
    font-weight: 700;
    margin-right: auto
}

#ndzn-sidebar-nav .nav-header .nav-toggle {
    width: 40px;
    height: 40px;
    line-height: 37px;
    outline: 0;
    padding: 0;
    text-align: center;
    font-size: 30px
}

#ndzn-sidebar-nav.is--open .nav-header .nav-toggle .mdi-menu:before {
    content: "\F156"
}

#ndzn-sidebar-nav.is--open .nav-items {
    display: block
}

#ndzn-sidebar-nav .nav-items {
    padding: 10px 0
}

#ndzn-sidebar-nav .nav-items,
#ndzn-sidebar-nav .nav-items>li {
    list-style: none
}

#ndzn-sidebar-nav .nav-items>li>a {
    display: block;
    padding: 7px 18px;
    font-weight: 700;
    color: #333;
    text-decoration: none;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s
}

#ndzn-sidebar-nav .nav-items .nav-dd {
    display: none
}

#ndzn-sidebar-nav .nav-items .nav-dd a {
    display: block;
    text-decoration: none;
    font-weight: 700;
    font-size: 13px;
    color: #666;
    padding: 3px 30px
}

#ndzn-sidebar-nav .nav-items .dropdown.open .nav-dd {
    display: block
}

.ndzn-default-footer {
    margin-top: 30px;
    border-top: 1px solid #ddd
}

.ndzn-default-footer .container {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-default-footer span {
    color: #333
}

.ndzn-default-footer span small {
    display: block;
    color: #666
}

.ndzn-default-footer #tm {
    display: block;
    height: 25px;
    width: 15px;
    background: no-repeat;
    background-size: 100% auto;
    position: relative;
    top: 1px;
    opacity: .4;
    margin-left: auto
}

.ndzn-default-footer #tm:hover {
    opacity: .8
}

.ndzn-default-footer #tm.white {
    background-image: url(https://cdn.mc-blaze.com/ZU3PFO9.png)
}

.ndzn-default-footer #tm.black {
    background-image: url(https://cdn.mc-blaze.com/dtmvXoz.png)
}

@media (max-width:850px) {
    .ndzn-default-footer {
        margin-top: 0
    }
}

@media (max-width:600px) {
    .ndzn-default-footer .container {
        padding-left: 10px;
        padding-right: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .ndzn-default-footer span {
        display: block;
        line-height: 16px
    }

    .ndzn-default-footer span small {
        margin-top: 5px
    }

    .ndzn-default-footer #tm {
        margin: 20px auto -3px
    }
}

.panel.panel-default .panel-body.panel-body--category-images {
    padding: 10px
}

#ndzn-packages-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px -10px
}

#ndzn-packages-images .package {
    margin: 0 5px 10px;
    padding: 12px 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 10px);
    flex: 0 0 calc(25% - 10px);
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 4px;
    text-align: center;
    position: relative
}

@media (max-width:1160px) {
    #ndzn-packages-images .package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33333% - 10px);
        flex: 0 0 calc(33.33333% - 10px)
    }
}

@media (max-width:960px) and (min-width:850.5px),
(max-width:650px) {
    #ndzn-packages-images .package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }
}

@media (max-width:460px) {
    #ndzn-packages-images .package {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 10px);
        flex: 0 0 calc(100% - 10px)
    }
}

#ndzn-packages-images .package .package-image {
    width: 180px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    cursor: pointer
}

#ndzn-packages-images .package .package-image img {
    width: 100%;
    height: auto
}

#ndzn-packages-images .package .package-info {
    margin-top: 10px
}

#ndzn-packages-images .package .package-name {
    font-weight: 700;
    display: block
}

#ndzn-packages-images .package .package-expires {
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: table;
    position: absolute;
    top: 10px;
    right: 10px;
    background: #eee;
    padding: 5px 10px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 12px;
    pointer-events: none
}

#ndzn-packages-images .package .package-price {
    display: block;
    margin: 5px 0;
    font-weight: 700;
    font-size: 13px
}

#ndzn-packages-images .package .package-price .price-discount {
    font-size: .85em;
    text-decoration: line-through
}

#ndzn-packages-images .package .btn {
    font-weight: 700;
    font-size: 12px
}

#ndzn-packages-list .list-item {
    border: 1px solid #eee;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    position: relative
}

#ndzn-packages-list .list-item:not(:last-child) {
    margin-bottom: 10px
}

#ndzn-packages-list .list-item .item-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

#ndzn-packages-list .list-item .item-name {
    font-weight: 700;
    font-size: 15px;
    display: block;
    color: white;
    padding-right: 20px;
}

#ndzn-packages-list .list-item .item-expires {
    position: absolute;
    top: -4px;
    right: -4px;
    display: inline-block;
    pointer-events: none;
    border: 2px solid rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .15);
    background: #eee;
    padding: 2px 6px 3px;
    border-radius: 4px;
    font-weight: 700;
    font-size: 11px
}

#ndzn-packages-list .list-item .item-price {
    margin-left: auto;
    padding-right: 15px;
    white-space: nowrap;
}

#ndzn-packages-list .list-item .item-price .price-discount {
    text-decoration: line-through;
    font-size: .9em
}

#ndzn-packages-list .list-item .price-free {
    white-space: nowrap
}

#ndzn-packages-list .list-item .btn {
    font-weight: 700
}

@media (max-width:600px) {
    #ndzn-packages-list .list-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    #ndzn-packages-list .list-item .item-name {
        max-width: 300px
    }

    #ndzn-packages-list .list-item .item-price {
        margin: 10px 0;
        padding: 0
    }
}

#ndzn-giftcard-modal .stage {
    cursor: default;
    width: 100%;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-giftcard-modal .stage .b,
#ndzn-giftcard-modal .stage .h {
    width: 400px;
    max-width: 100%;
    margin: 0 auto
}

#ndzn-giftcard-modal .stage .h {
    margin-top: -3px;
    margin-bottom: 7px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-giftcard-modal .stage .h b {
    font-weight: 500;
    color: #fff;
    height: 25px;
    line-height: 25px;
    display: block;
    margin-left: 2px
}

#ndzn-giftcard-modal .stage .h button {
    border: none;
    outline: 0;
    background: 0 0;
    width: 25px;
    height: 25px;
    padding: 0;
    font-size: 23px;
    color: rgba(255, 255, 255, .3);
    position: relative;
    top: -1px;
    margin-right: 5px
}

#ndzn-giftcard-modal .stage .h button .mdi {
    float: left;
    position: relative;
    left: 2px;
    display: inline-block;
    height: 0;
    line-height: 0
}

#ndzn-giftcard-modal .stage:not(.active) {
    display: none
}

#ndzn-giftcard-modal pre {
    height: 36px;
    line-height: 32px;
    font-weight: 700;
    padding: 0 12px;
    color: rgba(255, 255, 255, .75);
    background: rgba(255, 255, 255, .03);
    border: 2px solid rgba(255, 255, 255, .05);
    margin: 0
}

#ndzn-giftcard-modal .stage--form {
    margin: 0 auto
}

#ndzn-giftcard-modal .stage--form .b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

#ndzn-giftcard-modal .stage--form .b .form-control {
    height: 48px;
    font-size: 14px;
    border-radius: 4px;
    margin-right: 4px;
    background: #2f313a;
    border-color: rgba(255, 255, 255, .05) !important
}

#ndzn-giftcard-modal .stage--form .b .form-control::-webkit-input-placeholder {
    color: #5b5e6c
}

#ndzn-giftcard-modal .stage--form .b .form-control::-moz-placeholder {
    color: #5b5e6c
}

#ndzn-giftcard-modal .stage--form .b .form-control:-ms-input-placeholder {
    color: #5b5e6c
}

#ndzn-giftcard-modal .stage--form .b .form-control::-ms-input-placeholder {
    color: #5b5e6c
}

#ndzn-giftcard-modal .stage--form .b .form-control::placeholder {
    color: #5b5e6c
}

#ndzn-giftcard-modal .stage--form .b .btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

#ndzn-giftcard-modal .stage--result .h b {
    margin-left: auto
}

.panel.panel-default.ndzn-checkout-packages .panel-body {
    padding: 0
}

.ndzn-checkout-packages .package:not(:last-child) {
    border-bottom: 1px solid #e6e6e6
}

.ndzn-checkout-packages .package-container.main,
.ndzn-checkout-packages .package-left,
.ndzn-checkout-packages .package-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-checkout-packages .package-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 14px
}

.ndzn-checkout-packages .package-name {
    font-weight: 700;
    margin-right: auto;
    width: 100%;
    padding: 10px 0
}

.ndzn-checkout-packages .package-name .mdi-package {
    font-size: 22px;
    display: inline-block;
    height: 0;
    line-height: 0;
    position: relative;
    top: 3px;
    margin-right: 8px;
    color: #ccc
}

.ndzn-checkout-packages .package-price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 20px
}

.ndzn-checkout-packages .package-right {
    text-align: center;
    position: relative;
    padding-left: 15px;
    padding-right: 10px
}

.ndzn-checkout-packages .package-right:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    height: calc(100% - 20px);
    margin: auto 0;
    width: 1px;
    background: #f0f0f0
}

.ndzn-checkout-packages .package-right-qty {
    min-width: 32px;
    height: 50px;
    margin: 5px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative
}

.ndzn-checkout-packages .package-right-qty.disableQuantity button {
    display: none !important
}

.ndzn-checkout-packages .package-right-qty form {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 32px
}

@-webkit-keyframes ndzncheckoutbtn1 {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@keyframes ndzncheckoutbtn1 {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}

@-webkit-keyframes ndzncheckoutbtn2 {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

@keyframes ndzncheckoutbtn2 {

    0%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px)
    }
}

.ndzn-checkout-packages .package-right-qty form:first-child {
    top: -6px
}

.ndzn-checkout-packages .package-right-qty form:first-child button:hover i {
    -webkit-animation: ndzncheckoutbtn1 .4s infinite linear;
    animation: ndzncheckoutbtn1 .4s infinite linear
}

.ndzn-checkout-packages .package-right-qty form:last-child {
    bottom: -5px
}

.ndzn-checkout-packages .package-right-qty form:last-child button:hover i {
    -webkit-animation: ndzncheckoutbtn2 .4s infinite linear;
    animation: ndzncheckoutbtn2 .4s infinite linear
}

.ndzn-checkout-packages .package-right-qty fieldset[disabled] {
    opacity: .4;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ndzn-checkout-packages .package-right-qty button {
    width: 100%;
    height: 30px;
    min-width: 32px;
    cursor: pointer;
    line-height: 30px
}

.ndzn-checkout-packages .package-right-qty span {
    display: block;
    font-weight: 700;
    margin: -9px 0 -9px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ndzn-checkout-packages .package-right-btn {
    display: block;
    width: 32px;
    height: 42px;
    line-height: 42px;
    font-size: 19px;
    text-align: center
}

.ndzn-checkout-packages .package-right-btn .fa-info {
    font-size: 18px
}

.ndzn-checkout-packages .package-right-btn.info {
    color: #7979ea
}

.ndzn-checkout-packages .package-right-btn.remove {
    color: #da3f3f
}

.ndzn-checkout-packages .package-container.options {
    padding: 0 12px 12px 20px
}

.ndzn-checkout-packages .options-box {
    background: #f0f0f0;
    border-radius: 6px;
    padding: 10px 14px;
    position: relative
}

.ndzn-checkout-packages .options-box:before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 25px;
    display: block;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom-color: #f0f0f0
}

.ndzn-checkout-packages .options-box .opt {
    color: #666;
    font-size: 13px;
    padding: 2px 0
}

.ndzn-checkout-packages .options-box .opt:not(:last-child) {
    margin-bottom: 5px
}

@media (max-width:1000px) and (min-width:850.5px),
(max-width:770px) {
    .ndzn-checkout-packages .package-left {
        padding-left: 20px
    }

    .ndzn-checkout-packages .package-name .mdi-package {
        display: none
    }
}

@media (max-width:650px) {
    .ndzn-checkout-packages .package-left {
        display: block;
        padding: 10px 20px 10px 14px
    }

    .ndzn-checkout-packages .package-name {
        padding: 0
    }

    .ndzn-checkout-packages .package-price {
        padding: 0
    }

    .ndzn-checkout-packages .package-container.options {
        padding: 0 10px 10px
    }
}

@media (max-width:400px) {
    .ndzn-checkout-packages .package-container.main {
        display: block;
        text-align: center
    }

    .ndzn-checkout-packages .package-left {
        padding-bottom: 0
    }

    .ndzn-checkout-packages .package-right {
        margin: -6px auto -4px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 0
    }

    .ndzn-checkout-packages .package-right:before {
        display: none
    }

    .ndzn-checkout-packages .options-box:before {
        left: 0;
        right: 0;
        margin: 0 auto
    }
}

.ndzn-currency-dd {
    width: 140px;
    display: none;
    background: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-box-shadow: 0 8px 14px -6px rgba(0, 0, 0, .15);
    box-shadow: 0 8px 14px -6px rgba(0, 0, 0, .15);
    top: 100%;
    margin-top: 5px;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, .15)
}

.ndzn-currency-dd .dd-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: calc(50% - 2px) 4px calc(50% - 2px);
    grid-template-columns: calc(50% - 2px) calc(50% - 2px);
    grid-gap: 4px;
    padding: 8px
}

.ndzn-currency-dd a {
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px 0;
    color: #756d6d;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-weight: 600;
    border-radius: 4px
}

.ndzn-currency-dd a:focus,
.ndzn-currency-dd a:hover {
    background: #eee
}

.ndzn-currency-dd a.active,
.ndzn-currency-dd a.active:focus,
.ndzn-currency-dd a.active:hover {
    background: #666;
    color: #fff
}

.open>.ndzn-currency-dd {
    display: block
}

.dd-left>.ndzn-currency-dd,
.ndzn-currency-dd {
    right: auto;
    left: -8px
}

.dd-center>.ndzn-currency-dd {
    left: 50%;
    margin-left: -70px
}

.dd-right>.ndzn-currency-dd {
    left: auto;
    right: -8px
}

:root {
    --spacing: 20px;
    --br: 6px;
    --sidebarWidth: 330px;
    --mainbarWidth: 550px
}

@media (max-width:1200px) {
    :root {
        --sidebarWidth: 280px
    }
}

@media (max-width:900px) {
    :root {
        --spacing: 15px
    }
}

@media (max-width:650px) {
    :root {
        --spacing: 8px
    }
}

body {
    background: #16181e;
    font-family: Montserrat, sans-serif;
    color: #a4a6ab
}

.ndzn-body {
    margin-top: 35px
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-dummy-header {
    height: 390px;
    margin-bottom: 35px;
    color: #a4a6ab;
    background: rgba(255, 255, 255, .05)
}

.panel-default {
    border: none;
    background: #292b34;
    border-radius: var(--br);
    -webkit-box-shadow: 0 4px 7px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 4px 7px -2px rgba(0, 0, 0, .2)
}

.panel-default .panel-heading {
    border-radius: 6px 6px 0 0;
    background: 0 0;
    border: none;
    padding: 40px 40px 30px;
    font-size: 24px;
    font-weight: 700;
    color: #fff
}

.panel-default .panel-body {
    padding: 0 40px 40px
}

.panel-default .panel-body p {
    color: #a4a6ab
}

@media (max-width:900px) {
    .panel-default .panel-heading {
        padding: 25px 25px 20px
    }

    .panel-default .panel-body {
        padding: 0 25px 25px
    }
}

@media (max-width:650px) {
    .panel-default .panel-heading {
        padding: 20px 20px 15px;
        text-align: center
    }

    .panel-default .panel-body {
        padding: 0 20px 20px;
        text-align: center
    }

    .panel-default .panel-body p {
        text-align: center
    }
}

@media (max-width:450px) {
    .panel-default .panel-heading {
        padding: 15px 15px 10px
    }

    .panel-default .panel-body {
        padding: 0 15px 15px
    }
}

.panel-default.panel--ndzn-checkout-main .panel-body {
    padding-top: 30px
}

.page-header {
    color: #fe871e;
    border-bottom: 2px solid #30323a
}

.page-header h4 {
    font-weight: 700;
    margin-bottom: 15px
}

.header {
    margin-left: unset;
    margin-right: unset
}

#ndzn-sidebar-nav .nav-items {
    padding: 0
}

#ndzn-sidebar-nav .nav-items>li {
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

#ndzn-sidebar-nav .nav-items>li>a {
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 90px;
    position: relative;
    border-top: 1px solid #30323a;
    color: #fff;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-size: 16px
}

#ndzn-sidebar-nav .nav-items>li>a .mdi {
    margin-left: 7px
}

#ndzn-sidebar-nav .nav-items>li>a:focus,
#ndzn-sidebar-nav .nav-items>li>a:hover {
    background: rgba(0, 0, 0, .05)
}

#ndzn-sidebar-nav .nav-items>li:first-child>a {
    border-top: none
}

#ndzn-sidebar-nav .nav-items>li.active>a {
    color: #fe871e;
    background: 0 0 !important
}

#ndzn-sidebar-nav .nav-items>li.active>a:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto 0;
    width: 2px;
    height: 70%;
    background: #fe871e;
    border-radius: 10px
}

#ndzn-sidebar-nav .nav-items>li.open {
    background: #25272f
}

#ndzn-sidebar-nav .nav-items>li.open>a {
    background: 0 0 !important
}

#ndzn-sidebar-nav .nav-items .nav-dd {
    margin-top: -10px;
    padding-bottom: 15px
}

#ndzn-sidebar-nav .nav-items .nav-dd a {
    text-align: center;
    padding: 10px;
    font-size: 15px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    color: #8b8d99
}

#ndzn-sidebar-nav .nav-items .nav-dd a .mdi {
    font-size: 20px;
    display: inline-block;
    height: 0;
    line-height: 0;
    position: relative;
    top: 2px;
    margin-right: 5px
}

#ndzn-sidebar-nav .nav-items .nav-dd a:focus,
#ndzn-sidebar-nav .nav-items .nav-dd a:hover {
    background: rgba(0, 0, 0, .1);
    color: #c1c2c9
}

.btn {
    background: #fe871e;
    color: #643515;
    border-bottom: 4px solid #c26928;
    border-radius: var(--br);
    border-width: 0 0 4px 0;
    font-size: 12px;
    font-weight: 700;
    padding: 13px 20px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.btn:focus,
.btn:hover {
    background: #ff9b50;
    border-bottom-color: #cf702b;
    color: #643515
}

.btn.btn-danger {
    color: #7c1414;
    background: #fe4a4a;
    border-bottom-color: rgba(0, 0, 0, .15)
}

.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background: #e93030
}

.btn.btn-success {
    background: #47cc45;
    color: #135512;
    border-bottom: 4px solid rgba(0, 0, 0, .15)
}

.btn.btn-success:focus,
.btn.btn-success:hover {
    background: #33b231
}

.ndzn-currency-dd {
    position: absolute;
    bottom: -1px;
    left: -27px;
    border: unset
}

.ndzn-currency-dd,
.ndzn-currency-dd .dd-grid {
    border-radius: var(--br);
    background: #32343d
}

.ndzn-currency-dd .dd-grid {
    border: 1px solid #3b3d48;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15)
}

.ndzn-currency-dd .dd-grid:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #3b3d48
}

.ndzn-currency-dd a {
    color: #fff
}

.ndzn-currency-dd a:focus,
.ndzn-currency-dd a:hover {
    background: #343640
}

.ndzn-currency-dd a.active {
    background: #3f424f
}

#ndzn-user .panel-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    margin-bottom: var(--spacing)
}

#ndzn-user .panel-user .btn-home {
    margin-right: 10px;
    width: 55px;
    padding: 0
}

#ndzn-user .panel-user .btn-home .mdi {
    height: 0;
    line-height: 0;
    margin: 0 auto;
    font-size: 28px
}

#ndzn-user .user-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-user .user-right {
    margin-left: auto
}

#ndzn-user .btn-user {
    height: 55px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important
}

#ndzn-user .profile-container .dropdown-menu {
    display: none
}

#ndzn-user .profile-container.open .dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    top: calc(100% + 4px);
    background: #32343d;
    border: 1px solid #3b3d48
}

#ndzn-user .profile-container.open .dropdown-menu .btn-logout {
    margin-left: 10px
}

#ndzn-user .profile-container.open .dropdown-menu:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    left: 20px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom-color: #3b3d48
}

#ndzn-user .btn-user {
    padding: 0 20px;
    background: #1e2028;
    border: unset;
    color: #b4bde0;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-size: 16px;
    border-radius: 5px;
    outline: unset;
    font-weight: 700
}

#ndzn-user .btn-user:not(:first-child) {
    margin-left: 15px
}

#ndzn-user .btn-user:focus,
#ndzn-user .btn-user:hover {
    background: #191b21
}

#ndzn-user .currency-container {
    margin-left: 10px;
    position: relative
}

#ndzn-user .btn-profile {
    margin-left: 0 !important
}

#ndzn-user .user-img {
    margin-right: 15px;
    height: 28px;
    width: 28px;
    border-radius: 50%
}

#ndzn-user .btn-currency .fa {
    margin-left: 10px;
    font-size: 12px
}

a {
    color: #ebebeb;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    text-decoration: none
}

a:focus,
a:hover {
    color: #fff
}

.ndzn-component-cart .cart-toggle {
    font-weight: 700;
    background: #fff;
    color: #3a3c45;
    border-radius: 5px;
    cursor: pointer;
    -webkit-box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, .2);
    height: 55px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ndzn-component-cart .cart-left {
    padding: 0 22px
}

.ndzn-component-cart .cart-left span {
    display: block;
    text-align: center
}

.ndzn-component-cart .items {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}

.ndzn-component-cart .currency {
    font-size: 10px;
    line-height: 16px
}

.ndzn-component-cart .mdi-cart {
    font-size: 30px;
    margin-right: 15px
}

.ndzn-component-cart .cart-empty b {
    color: #fe871e
}

.ndzn-component-cart .cart-empty small {
    color: rgba(255, 255, 255, .75)
}

.ndzn-component-cart .cart-dropdown {
    background: #32343d;
    border: 1px solid #3b3d48;
    right: -1px
}

.ndzn-component-cart .cart-dropdown button {
    outline: 0
}

.ndzn-component-cart .cart-dropdown:after,
.ndzn-component-cart .cart-dropdown:before {
    border-width: 8px
}

.ndzn-component-cart .cart-dropdown .item,
.ndzn-component-cart .cart-dropdown:after,
.ndzn-component-cart .cart-dropdown:before {
    border-bottom-color: #3b3d48;
    opacity: 1
}

.ndzn-component-cart .cart-dropdown .cart-controls {
    border-bottom: 1px solid #3b3d48
}

.ndzn-component-cart .cart-dropdown .item {
    padding: 10px 5px
}

.ndzn-component-cart .cart-dropdown .item .item-info .item-name {
    color: #fe871e
}

.ndzn-component-cart .cart-dropdown .item .item-info .item-price {
    color: rgba(255, 255, 255, .75)
}

.ndzn-component-cart .cart-dropdown .item .fa-times {
    font-size: 18px
}

.ndzn-component-cart .cart-checkout .btn {
    padding-left: 20px;
    padding-right: 20px
}

.ndzn-component-cart .cart-checkout .badge {
    padding: 5px 8px;
    font-size: 13px;
    margin: -3px -8px -3px 0;
    background: rgba(0, 0, 0, .4);
    color: #fff;
    font-weight: 700
}

.ndzn-component-cart .guest {
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    line-height: 55px;
    margin-right: 20px;
    opacity: .4
}

.panel-default .panel-body {
    padding-top: 0
}

.panel-default .panel-body p {
    line-height: 26px
}

.panel-default .panel-body p:last-child {
    margin-bottom: 0
}

.panel-default .panel-body p a {
    color: #ebebeb;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-weight: 600
}

.panel-default .panel-body p a:focus,
.panel-default .panel-body p a:hover {
    color: #fff
}

.form-control {
    background: #2c2f3c;
    color: #fff;
    opacity: 1;
    outline: unset;
    font-size: 16px;
    border: 1px solid #1f2025;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    font-weight: 700
}

.form-control::-webkit-input-placeholder {
    color: #4c5268
}

.form-control::-moz-placeholder {
    color: #4c5268
}

.form-control:-ms-input-placeholder {
    color: #4c5268
}

.form-control::-ms-input-placeholder {
    color: #4c5268
}

.form-control::placeholder {
    color: #4c5268
}

.form-control:focus {
    background: #323645;
    outline: unset;
    border-color: #1f2025
}

.input-lg {
    height: 53px
}

.input-group-addon {
    background: #272933;
    color: #555a6f;
    border-color: #1c1d24;
    font-weight: 700
}

#ndzn-packages-images .package {
    background: #25272f
}

#ndzn-packages-images .package .package-name {
    color: #fff
}

#ndzn-packages-images .package .package-price {
    margin: 10px 0 15px;
    font-weight: 600
}

#ndzn-packages-images .package .package-price .price-free {
    color: #a3f195
}

#ndzn-packages-images .package .package-price .price-actual {
    color: #a4a6ab
}

#ndzn-packages-images .package .package-price .price-custom {
    color: #dbbc6f;
    font-style: italic
}

#ndzn-packages-images .package .package-price .price-discount {
    color: #d04a4a
}

#ndzn-packages-images .package .package-expires {
    background: #fff;
    color: #3a3c45
}

#ndzn-packages-list .list-item {
    border: 1px solid rgba(0, 0, 0, .1);
    background: #25272f;
    padding: 10px 10px 10px 25px
}

#ndzn-packages-list .list-item .price-free {
    color: #a3f195
}

#ndzn-packages-list .list-item .price-actual {
    color: #fff
}

#ndzn-packages-list .list-item .price-custom {
    color: #b8fff5
}

#ndzn-packages-list .list-item .price-discount {
    color: #d04a4a
}

#ndzn-packages-list .item-main {
    text-align: left
}

#ndzn-packages-list .item-expires {
    background: #fff;
    color: #3a3c45;
    border: none
}

#ndzn-packages-list .item-name {
    color: #0000
}

.checkout .redeem .form-control {
    height: 47px;
    padding: 6px 15px
}

.checkout .redeem .form-control::-webkit-input-placeholder {
    font-size: 14px
}

.checkout .redeem .form-control::-moz-placeholder {
    font-size: 14px
}

.checkout .redeem .form-control:-ms-input-placeholder {
    font-size: 14px
}

.checkout .redeem .form-control::-ms-input-placeholder {
    font-size: 14px
}

.checkout .redeem .form-control::placeholder {
    font-size: 14px
}

.checkout .coupons .redeemed {
    padding: 0
}

.checkout .coupons .redeemed table {
    border: 1px solid #30323a
}

.checkout .coupons .redeemed table .btn-danger {
    padding: 0;
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center
}

.checkout .coupons .redeemed td {
    padding-bottom: 10px
}

.checkout .coupons .redeemed tr {
    color: #a4a6ab
}

.checkout .details .form-control {
    font-size: 13px
}

.orderstatus .well {
    background: unset;
    border: 1px solid #30323a
}

.orderstatus .well:last-child {
    margin-bottom: 0
}

.orderstatus .well thead {
    background: #1e2028
}

.orderstatus .well>thead>tr>td {
    color: #fff
}

.orderstatus .well>tbody>tr>td,
.orderstatus .well>thead>tr>td {
    padding: 15px 18px
}

.orderstatus .well>tbody>tr>td:nth-child(2) {
    color: #fff
}

.orderstatus .form-group td {
    color: #fff
}

.panel--ndzn-login .input-lg {
    height: 47px
}

.panel--ndzn-login .username {
    margin-bottom: 0
}

hr {
    border-top: 2px solid #30323a
}

.table-striped>tbody>tr:nth-child(odd)>td,
.table>tbody>tr>td {
    border-top: 1px solid #30323a
}

.table-striped>tbody>tr:nth-child(odd)>td td:first-child,
.table>tbody>tr td:first-child {
    text-align: left
}

.table-striped>tbody>tr:nth-child(odd)>td td:nth-child(2),
.table>tbody>tr td:nth-child(2) {
    text-align: right
}

.table-striped>tbody>tr:nth-child(odd)>td {
    border-top: 1px solid #30323a;
    background: #25272f
}

.table-striped>tbody>tr:nth-child(even)>td {
    background: #1e2027
}

.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
    margin-left: unset
}

.table>tbody>tr>td {
    padding: 15px 10px
}

.ndzn-checkout-packages .package-left {
    padding-left: 20px;
    text-align: left
}

.ndzn-checkout-packages .package-name,
.ndzn-checkout-packages .package-name .mdi-package {
    color: #fff;
    opacity: 1
}

.ndzn-checkout-packages .package-price {
    font-weight: 700;
    color: #fe871e
}

.ndzn-checkout-packages .package-right:before {
    background: #30323a;
    width: 2px
}

.modal-content {
    background: #292b34;
    border: 1px solid rgba(0, 0, 0, .1)
}

.modal-footer,
.modal-header {
    border-color: #30323a
}

.modal-title {
    color: #fe871e;
    font-weight: 700
}

.close {
    color: #fe4a4a;
    opacity: 1;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.close:focus,
.close:hover {
    color: #fe5e5e;
    opacity: 1
}

.modal-body {
    padding: 10px 15px
}

.modal-body p {
    line-height: 24px
}

.modal-body p:last-child {
    margin-bottom: 0
}

.modal-footer .pull-left {
    color: #fff
}

@media (max-width:1200px) {
    .ndzn-body {
        margin-top: var(--spacing)
    }
}

@media (max-width:970px) {
    #ndzn-user {
        display: none
    }

    #ndzn-page .page-sidebar {
        display: none
    }
}

@media (max-width:767px) {
    .table-responsive {
        border: unset
    }

    .checkout .coupons {
        margin-left: 0;
        margin-right: 0
    }

    .checkout .coupons .redeem {
        padding: 0
    }

    .panel-default.panel--ndzn-checkout-main .panel-body {
        padding-top: 10px
    }

    .ndzn-checkout-packages .package-left {
        padding-left: 25px
    }
}

@media (max-width:650px) {
    .ndzn-checkout-packages .package-left {
        padding-left: 15px
    }
}

@media (max-width:600px) {
    #ndzn-packages-list .list-item {
        padding-left: 10px
    }

    #ndzn-packages-list .list-item .item-name {
        text-align: center
    }

    #ndzn-packages-list .list-item .item-expires {
        top: -7px;
        right: -7px
    }

    .variables .input-group,
    .variables select {
        margin-bottom: 15px
    }
}

.panel--ndzn-checkout-header {
    margin-bottom: 6px
}

.panel--ndzn-checkout-header .panel-heading {
    color: #91cc64;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding: 20px 25px 18px;
    font-size: 13px
}

.ndzn-checkout-packages .package:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, .05)
}

.gift-fields .btn,
.gift-fields .form-control {
    height: 45px
}

.gift-fields .form-control {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.gift-fields .btn {
    border-bottom-width: 3px
}

.ndzn-module.module--topdonor {
    background: #292b34 url(https://cdn.mc-blaze.com/5IT4J01.png) no-repeat top center/100% 134px;
    margin-bottom: 8px;
    height: 105px;
    position: relative
}

.ndzn-module.module--topdonor .mdi-crown {
    font-size: 50px;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: absolute;
    height: 0;
    line-height: 0;
    top: -45px;
    bottom: 0;
    left: 62px;
    margin: auto 0;
    color: rgba(255, 146, 65, .075)
}

.ndzn-module.module--topdonor .player-head {
    width: 65px;
    height: 70px;
    background: no-repeat center/100% auto;
    margin-left: 22px;
    position: relative;
    top: 3px
}

.ndzn-module.module--topdonor .top-donor-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.ndzn-module.module--topdonor .top-donor-info .big {
    color: #fe871e;
    font-size: 17px;
    font-weight: 700
}

.ndzn-module.module--topdonor .top-donor-info .sml {
    color: #9799a3;
    font-weight: 700;
    font-size: 11px
}

.ndzn-module.module--topdonor.nodonor {
    background-image: none
}

.ndzn-module.module--topdonor.nodonor .top-donor-info .big {
    color: #9799a3
}

.ndzn-module.module--topdonor.nodonor .top-donor-info .sml {
    color: #636678
}

.ndzn-module.module--payments {
    padding: 15px 0
}

.ndzn-module.module--payments .payments-title {
    padding: 0 20px;
    text-align: center;
    font-weight: 700;
    font-size: 11px
}

.ndzn-module.module--payments .payments-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 14px
}

.ndzn-module.module--payments .payments-list img {
    border-radius: 5px;
    width: 24px;
    height: 24px
}

#ndzn-sidebar-nav .nav-items>li>a {
    height: 98px
}

#ndzn-sidebar-nav .nav-items .nav-dd {
    padding-bottom: 15px
}

#ndzn-sidebar-nav .nav-items .nav-dd a {
    text-align: left;
    padding: 12px 10px 12px 100px;
    color: #fff
}

#ndzn-sidebar-nav .nav-items .nav-dd a:focus,
#ndzn-sidebar-nav .nav-items .nav-dd a:hover {
    background: #242730;
    color: #fff
}

#ndzn-homepage-sale {
    background: url(https://cdn.mc-blaze.com/u3FpFpH.png) no-repeat center/cover;
    padding: 35px 45px;
    color: #643515;
    display: flex;
    align-items: center
}

#ndzn-homepage-sale span {
    font-weight: 600;
    display: block
}

#ndzn-homepage-sale .big {
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 5px
}

#ndzn-homepage-sale .sale-button {
    margin-left: auto;
    height: 70px;
    line-height: 70px;
    background: rgba(0, 0, 0, .25);
    text-decoration: none;
    padding: 0 30px;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 8px -2px rgba(0, 0, 0, .15);
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

#ndzn-homepage-sale .sale-button:focus,
#ndzn-homepage-sale .sale-button:hover {
    background: rgba(0, 0, 0, .22)
}

#ndzn-homepage-sale .sale-text {
    padding-right: 30px
}

#ndzn-homepage section {
    padding: 60px;
    border-bottom: 1px solid #2c2e38
}

#ndzn-homepage section:last-child {
    border-bottom: none
}

#ndzn-homepage p {
    margin-bottom: 25px;
    display: block;
    font-size: 16px;
    line-height: 32px;
    text-align: justify
}

#ndzn-homepage p:last-child {
    margin-bottom: 0
}

#ndzn-homepage .section-main {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

#ndzn-homepage .section-main .left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 50px
}

#ndzn-homepage .section-main .right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px
}

#ndzn-homepage .h1,
#ndzn-homepage .h2 {
    display: block;
    color: #fe871e;
    margin: 0
}

#ndzn-homepage .h1 {
    margin-bottom: 45px
}

#ndzn-homepage .h1 .sml {
    font-size: 18px;
    color: #ffc97b;
    display: table;
    font-weight: 700;
    margin-bottom: 2px
}

#ndzn-homepage .h1 .big {
    font-size: 30px;
    font-weight: 800
}

#ndzn-homepage .h2 {
    font-size: 25px;
    margin-bottom: 35px;
    font-weight: 700
}

#ndzn-homepage .contacts {
    font-size: 16px;
    color: #fff;
    margin-bottom: 35px
}

#ndzn-homepage .contacts .flex {
    margin: 16px 0
}

#ndzn-homepage .contacts .dt {
    font-weight: 700;
    margin-right: 8px
}

#ndzn-homepage .contacts a {
    color: #ffc97b;
    text-decoration: none
}

#ndzn-homepage .contacts a:focus,
#ndzn-homepage .contacts a:hover {
    color: #ffdeae
}

#ndzn-homepage .right.side .ndzn-store-goal .panel {
    padding: 20px 25px
}

#ndzn-homepage .right.side .ndzn-store-goal .bar-inner,
#ndzn-homepage .right.side .ndzn-store-goal .goal-progress-bar {
    border-radius: 6px
}

#ndzn-homepage .right.side .ndzn-store-goal .goal-progress-bar {
    background: #292b33;
    height: 24px;
    margin-top: 20px
}

#ndzn-homepage .right.side .ndzn-store-goal .bar-inner {
    background: #fe871e;
    height: 100%;
    display: inline-block
}

#ndzn-homepage .right.side .ndzn-store-goal .goal-top .sml {
    line-height: 18px;
    font-size: 13px
}

#ndzn-homepage .right.side .ndzn-store-goal .goal-top .big {
    color: #fff;
    font-weight: 900;
    font-size: 30px;
    line-height: 34px
}

#ndzn-homepage .right.side .ndzn-store-goal .mdi-heart-multiple-outline {
    color: #fe871e;
    font-size: 40px;
    line-height: 36px;
    margin-left: auto
}

#ndzn-homepage .right.side>div:not(:last-child) {
    margin-bottom: var(--spacing)
}

#ndzn-homepage .right.side .panel-default {
    padding: 25px;
    background: #33353e;
    -webkit-box-shadow: 0 6px 5px -2px rgba(0, 0, 0, .1);
    box-shadow: 0 6px 5px -2px rgba(0, 0, 0, .1)
}

.ndzn-featured-package {
    text-align: center
}

.ndzn-featured-package .package {
    position: relative
}

.ndzn-featured-package .package-feat-label {
    max-width: 200px;
    background: #fe871e;
    border-radius: 100px;
    display: table;
    position: absolute;
    top: -15px;
    right: -12px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .025em;
    color: #643515;
    height: 30px;
    line-height: 30px;
    padding: 0 17px 0 21px;
    -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 6px -2px rgba(0, 0, 0, .1)
}

.ndzn-featured-package .package-image {
    margin-bottom: 20px;
    cursor: pointer;
    text-align: center
}

.ndzn-featured-package .package-image,
.ndzn-featured-package .package-image img {
    border-radius: var(--br)
}

.ndzn-featured-package .package-name {
    font-weight: 700;
    color: #fff;
    font-size: 15px
}

.ndzn-featured-package .package-price {
    margin-top: 1px
}

.ndzn-featured-package .package-price .price-actual,
.ndzn-featured-package .package-price .price-discount {
    line-height: 18px;
    display: inline-block;
    font-weight: 700
}

.ndzn-featured-package .package-price .price-actual {
    color: #fe871e;
    font-size: 13px
}

.ndzn-featured-package .package-price .price-discount {
    color: #ec5151;
    text-decoration: line-through;
    font-size: 11px
}

.ndzn-featured-package .package-button {
    margin-top: 18px
}

@media (max-width:1200px) {
    #ndzn-homepage section {
        padding: 35px
    }

    #ndzn-homepage p {
        text-align: left;
        font-size: 14px;
        line-height: 26px
    }

    #ndzn-homepage .h1 {
        margin-bottom: 26px
    }

    #ndzn-homepage .h1 .sml {
        font-size: 17px;
        margin-bottom: 0
    }

    #ndzn-homepage .h1 .big {
        font-size: 26px
    }

    #ndzn-homepage .section-main .left {
        padding-right: 30px
    }
}

@media (max-width:1000px) {
    #ndzn-homepage section {
        padding: 25px
    }

    #ndzn-homepage .section-main .left {
        padding-right: 25px
    }
}

@media (max-width:970px) {
    #ndzn-homepage .section-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #ndzn-homepage .section-main .left {
        padding-right: 0
    }

    #ndzn-homepage .section-main .right {
        margin-top: 25px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%
    }

    #ndzn-homepage-sale {
        padding: 20px 25px
    }

    #ndzn-homepage-sale .sale-button {
        height: 55px;
        line-height: 55px;
        padding: 0 20px;
        font-size: 15px
    }

    #ndzn-homepage-sale .big {
        font-size: 20px
    }

    #ndzn-homepage-sale .sml {
        font-size: 13px
    }
}

@media (max-width:850px) {
    #ndzn-homepage section {
        padding: 20px
    }

    #ndzn-homepage .h1 {
        text-align: center
    }

    #ndzn-homepage .h1 .big,
    #ndzn-homepage .h1 .sml {
        display: block
    }

    #ndzn-homepage .h1 .sml {
        margin-bottom: 15px
    }

    #ndzn-homepage p {
        text-align: justify
    }
}

@media (max-width:650px) {
    #ndzn-homepage-sale {
        padding: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #ndzn-homepage-sale .sale-text {
        padding-right: unset;
        text-align: center
    }

    #ndzn-homepage-sale .sale-button {
        margin: 15px auto 0
    }

    #ndzn-homepage .h1 {
        margin-bottom: 20px
    }

    #ndzn-homepage section {
        padding: 20px 15px
    }

    #ndzn-homepage .h2,
    #ndzn-homepage p {
        margin-bottom: 15px;
        text-align: center
    }

    #ndzn-homepage .h2 {
        font-size: 22px
    }

    #ndzn-homepage p {
        font-size: 13px
    }

    #ndzn-homepage .contacts {
        margin-bottom: 15px
    }

    #ndzn-homepage .contacts .flex {
        margin: 10px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #ndzn-homepage .contacts .dd,
    #ndzn-homepage .contacts .dt {
        font-size: 14px
    }
}

@media (max-width:450px) {
    #ndzn-homepage-sale {
        display: none
    }
}

#ndzn-header-canvas {
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#ndzn-header {
    height: 390px;
    width: 100%;
    position: relative;
    background: url(https://cdn.mc-blaze.com/1n9XBwy.png) no-repeat center/cover;
    z-index: 1
}

#ndzn-header .container {
    padding: 0 20px
}

@media (max-width:900px) {
    #ndzn-header .container {
        padding: 0 15px
    }
}

@media (max-width:650px) {
    #ndzn-header .container {
        padding: 0 8px
    }
}

#ndzn-header .header-nav {
    position: relative;
    margin-top: 25px
}

#ndzn-header .header-nav .container {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#ndzn-header .header-nav .p-body-inner {
    position: relative
}

#ndzn-header .header-nav .btn-logout,
#ndzn-header .header-nav .nav-left-btn {
    height: 44px;
    line-height: 44px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .15);
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

#ndzn-header .header-nav .btn-logout b,
#ndzn-header .header-nav .btn-logout span,
#ndzn-header .header-nav .nav-left-btn b,
#ndzn-header .header-nav .nav-left-btn span {
    display: none
}

#ndzn-header .header-nav .btn-logout:focus,
#ndzn-header .header-nav .btn-logout:hover,
#ndzn-header .header-nav .nav-left-btn:focus,
#ndzn-header .header-nav .nav-left-btn:hover {
    background: rgba(255, 255, 255, .035)
}

#ndzn-header .header-nav .nav-left-btn {
    width: 40px;
    font-size: 26px;
    color: #fe871e
}

#ndzn-header .header-nav .nav-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(255, 255, 255, .065);
    border-radius: 4px;
    padding: 0 8px;
    -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .065);
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .065)
}

#ndzn-header .header-nav .nav-left .is--discord {
    font-size: 24px
}

#ndzn-header .header-nav .nav-left .is--discord .mdi {
    position: relative;
    top: 1px
}

#ndzn-header .header-nav .nav-items {
    width: 145px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    margin: 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    right: 0
}

#ndzn-header .header-nav .nav-items .side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute
}

#ndzn-header .header-nav .nav-items .side.side--left {
    right: 100%;
    margin-right: 15px
}

#ndzn-header .header-nav .nav-items .side.side--right {
    left: 100%;
    margin-left: 15px
}

#ndzn-header .header-nav .nav-items .nav-link {
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    color: #b9b8b9;
    font-weight: 900;
    padding: 0 25px;
    display: inline-block;
    text-decoration: none;
    white-space: nowrap;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .15)
}

#ndzn-header .header-nav .nav-items .nav-link.is--store {
    width: 135px;
    background: #fff;
    text-align: center;
    padding: 0;
    font-size: 18px;
    border-radius: 25px;
    color: #4a4f60;
    text-shadow: none;
    -webkit-box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .25);
    box-shadow: 0 4px 6px -2px rgba(0, 0, 0, .25)
}

#ndzn-header .header-nav .nav-items .nav-link.is--store:focus,
#ndzn-header .header-nav .nav-items .nav-link.is--store:hover {
    color: #4a4f60
}

#ndzn-header .header-nav .nav-items .nav-link:focus,
#ndzn-header .header-nav .nav-items .nav-link:hover {
    color: rgba(255, 255, 255, .8)
}

#ndzn-header .header-nav .nav-items .nav-link.active {
    position: relative;
    color: #fff
}

#ndzn-header .header-nav .nav-items .nav-link.active:after {
    content: '';
    display: block;
    position: absolute;
    background: #fff;
    height: 3px;
    width: 27px;
    border-radius: 3px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

#ndzn-header .header-nav .nav-right {
    margin-left: auto
}

#ndzn-header .header-nav .btn-logout {
    background: rgba(255, 255, 255, .065);
    -webkit-box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .065);
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .065);
    padding: 0 10px 0 15px;
    border-radius: var(--br);
    font-size: 13px;
    font-weight: 700;
    color: #fff
}

#ndzn-header .header-nav .btn-logout img {
    position: relative;
    top: -3px;
    margin-left: 8px;
    height: 22px;
    width: 22px;
    border-radius: 50%
}

#ndzn-header .header-nav .btn-logout:focus,
#ndzn-header .header-nav .btn-logout:hover {
    background: rgba(255, 255, 255, .11)
}

#ndzn-header .header-splash {
    position: absolute;
    top: 282px;
    left: 0;
    right: 0;
    background: url(https://cdn.mc-blaze.com/WFKHzJe.png) no-repeat center/auto 100%;
    z-index: 3
}

#ndzn-header .header-splash .container {
    height: 108px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 10px
}

#ndzn-header .header-splash .splash-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    top: 3px;
    text-shadow: 0 3px 5px rgba(0, 0, 0, .15);
    cursor: pointer;
    width: 345px
}

#ndzn-header .header-splash .splash-minecraft {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:1001px) {
    #ndzn-header .header-splash .splash-minecraft {
        padding-right: 14px
    }
}

#ndzn-header .header-splash .big,
#ndzn-header .header-splash .mdi {
    color: #fff
}

#ndzn-header .header-splash .big {
    font-size: 20px
}

#ndzn-header .header-splash .small {
    color: #ff8a56;
    font-size: 12px;
    letter-spacing: 1px
}

#ndzn-header .header-splash .mdi {
    font-size: 42px
}

#ndzn-header .header-splash .mdi.mdi-minecraft {
    margin-left: 30px
}

#ndzn-header .header-splash .mdi.mdi-discord {
    margin-right: 30px;
    position: relative;
    top: 1px
}

#ndzn-header .header-splash .box-text {
    font-weight: 700
}

#ndzn-header .header-splash .text-minecraft {
    text-align: right
}

#ndzn-header .header-splash .divider {
    height: 40px;
    width: 482px;
    background: 0 0
}

#ndzn-header .header-logo {
    background: url(https://cdn.mc-blaze.com/dW191xi.png) no-repeat center/auto 100%;
    height: 262px;
    width: 419px;
    left: 0;
    right: 0;
    top: 150px;
    margin: 0 auto;
    position: absolute;
    z-index: 5;
    cursor: pointer
}

#ndzn-header .header-logo .blaze {
    background: url(https://cdn.mc-blaze.com/jOU5wy0.png) no-repeat center/auto 100%;
    height: 159px;
    width: 214px;
    right: -198px
}

#ndzn-header .header-logo .dragon {
    background: url(https://cdn.mc-blaze.com/YPZaTKk.png) no-repeat center/auto 100%;
    height: 180px;
    width: 180px;
    left: -142px
}

#ndzn-header .header-logo .blaze,
#ndzn-header .header-logo .dragon {
    z-index: 2;
    position: absolute;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    bottom: 22px
}

@media (max-width:1200px) {
    #ndzn-header {
        height: 285px
    }

    #ndzn-header .container {
        padding: var(--spacing)
    }

    #ndzn-header .header-splash {
        top: 177px
    }

    #ndzn-header .header-splash .divider {
        width: 320px
    }

    #ndzn-header .header-splash .splash-box {
        width: 270px
    }

    #ndzn-header .header-splash .splash-box .mdi {
        font-size: 38px
    }

    #ndzn-header .header-splash .splash-box .mdi.mdi-discord {
        margin-right: 10px
    }

    #ndzn-header .header-splash .splash-box .mdi.mdi-minecraft {
        margin-left: 10px
    }

    #ndzn-header .header-splash .splash-box .big {
        font-size: 17px
    }

    #ndzn-header .header-splash .splash-box .small {
        font-size: 11px
    }

    #ndzn-header .header-splash .splash-minecraft {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    #ndzn-header .header-logo {
        top: 100px;
        width: 318px;
        height: 195px;
        left: -22px
    }

    #ndzn-header .header-logo .blaze,
    #ndzn-header .header-logo .dragon {
        bottom: 10px
    }

    #ndzn-header .header-logo .dragon {
        height: 115px;
        width: 115px;
        left: -90px
    }

    #ndzn-header .header-logo .blaze {
        height: 115px;
        width: 157px;
        right: -142px
    }
}

@media (max-width:1000px) {
    #ndzn-header {
        height: 170px
    }

    #ndzn-header .header-nav {
        margin-top: var(--spacing)
    }

    #ndzn-header .header-nav .nav-menuTrigger {
        padding: 0 5px 0 0
    }

    #ndzn-header .header-nav .nav-menuTrigger b {
        margin-left: 10px;
        font-size: 20px
    }

    #ndzn-header .header-nav .nav-items,
    #ndzn-header .header-nav .nav-left {
        display: none
    }

    #ndzn-header .header-nav .ndzn-js-menuOpen {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px
    }

    #ndzn-header .header-nav .ndzn-js-menuOpen .mdi-menu {
        font-size: 35px
    }

    #ndzn-header .header-nav .ndzn-js-menuOpen .mdi-menu,
    #ndzn-header .header-nav .ndzn-js-menuOpen b {
        height: 54px;
        line-height: 54px
    }

    #ndzn-header .header-nav .ndzn-js-menuOpen b {
        margin-left: 15px;
        font-size: 16px
    }

    #ndzn-header .header-nav .btn-logout {
        display: none
    }

    #ndzn-header .header-logo {
        top: 27px;
        left: 0;
        height: 180px;
        width: 285px
    }

    #ndzn-header .header-logo .blaze,
    #ndzn-header .header-logo .dragon {
        display: none
    }

    #ndzn-header .header-splash {
        top: 90px
    }

    #ndzn-header .header-splash .container {
        height: 80px;
        padding: 0 !important
    }

    #ndzn-header .header-splash .divider {
        display: none
    }

    #ndzn-header .header-splash .splash-box {
        width: 220px;
        padding-bottom: 3px
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft .text-minecraft {
        text-align: left
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    #ndzn-header .header-splash .splash-box.splash-discord {
        margin-left: auto;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    #ndzn-header .header-splash .splash-box.splash-discord .text-discord {
        text-align: right
    }

    #ndzn-header .header-splash .splash-box .mdi {
        display: none
    }
}

@media (min-width:1001px) {

    #ndzn-header .header-nav .ndzn-component-cart,
    #ndzn-header .header-nav .ndzn-js-menuOpen {
        display: none
    }
}

@media (max-width:900px) {
    #ndzn-header .header-logo {
        top: 32px;
        height: 170px;
        width: 280px
    }
}

@media (max-width:750px) {
    #ndzn-header {
        height: 165px
    }

    #ndzn-header .header-logo {
        display: none
    }

    #ndzn-header .header-splash {
        top: 85px
    }
}

@media (max-width:650px) {
    #ndzn-header .header-splash .splash-box {
        padding: 0 3px 3px
    }

    #ndzn-header {
        height: 151px
    }

    #ndzn-header .header-splash {
        top: 71px
    }
}

@media (max-width:510px) {
    #ndzn-header {
        height: 152px
    }

    #ndzn-header .header-splash {
        top: 72px
    }

    #ndzn-header .header-splash .container {
        padding: 0 10px
    }

    #ndzn-header .header-splash .splash-box.splash-discord {
        display: none
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft {
        width: unset
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft .text-minecraft {
        text-align: center
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft .big {
        font-size: 20px;
        margin-bottom: 3px
    }

    #ndzn-header .header-splash .splash-box.splash-minecraft .small {
        font-size: 11px;
        position: relative;
        top: -3px
    }

    #ndzn-header .header-nav .ndzn-js-menuOpen b {
        display: none
    }
}

#ndzn-sidebar-nav .nav-items .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
    height: 98px;
    background: no-repeat center
}

#ndzn-sidebar-nav .nav-items .icon[data-icon=Pixelmon] {
    background-image: url(https://cdn.mc-blaze.com/xDV6nfA.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="Skyblock"] {
    background-image: url(https://cdn.mc-blaze.com/1DJQJPc.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="Survival"] {
    background-image: url(https://cdn.mc-blaze.com/Xskm0gi.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon=Creative] {
    background-image: url(https://cdn.mc-blaze.com/DhJTBsY.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="Gift Cards"] {
    background-image: url(https://cdn.mc-blaze.com/pSZOkEk.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="BlazeBux"] {
    background-image: url(https://cdn.mc-blaze.com/bbux.png)
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="Cobblemon"] {
    background-image: url(https://cdn.mc-blaze.com/cobblemon.png)
}

footer {
    margin-top: 65px
}

.foot-block {
    background: rgba(0, 0, 0, .05)
}

.foot-block .row-container {
    background: #14161c !important;
    border-top: 2px solid #1a1b21
}

.foot-block .copyright.row-container {
    background: #12141a !important
}

.foot-block .p-body-inner.container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.foot-block .p-body-inner.container>div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.foot-block .copyright {
    background: rgba(0, 0, 0, .05) !important;
    padding: 30px 20px;
    font-size: 12px;
    border-top-color: #161922 !important;
    color: rgba(0, 0, 0, .4)
}

.foot-block .copyright i {
    margin-right: 10px;
    opacity: .95
}

.foot-block .copyright .pull-right {
    text-align: right
}

.foot-block .copyright strong {
    color: rgba(68, 68, 68, .75);
    font-weight: 500
}

.foot-block .row-container {
    background: rgba(0, 0, 0, 0)
}

.foot-block .row-container h1 {
    margin-top: -2px;
    color: #fff;
    margin-bottom: 18px;
    font-size: 15px;
    font-weight: 600
}

.foot-block .row-container h1:after {
    content: "";
    display: block;
    width: 38px;
    height: 3px;
    background: #fe871e;
    margin-top: 10px;
    margin-bottom: 15px
}

.footer-links {
    padding: 0;
    list-style: none;
    margin: -13px 0 0
}

.footer-links li a,
.footer-links li a:hover {
    color: #7b8794 !important
}

.footer-links li a {
    display: block;
    text-decoration: none;
    color: rgba(0, 0, 0, .35);
    border-bottom: 1px solid #2f343a;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .05);
    padding: 18px 0;
    font-size: 12px;
    font-weight: 600
}

.footer-links li:last-child a {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button,
.foot-block .p-body-inner.container>div.col .btn,
a.button {
    font-size: 12px !important;
    border-radius: 4px !important
}

.foot-block {
    font-size: 14px
}

.foot-block .row-container p {
    margin: 0;
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
    color: #7b8794
}

.foot-block .copyright.row-container p {
    font-weight: 600;
    font-size: 12px
}

.foot-block .copyright.row-container p strong {
    font-weight: 600;
    color: #fff
}

.foot-block .p-body-inner.container>div.col {
    padding: 64px 0 58px;
    color: rgba(0, 0, 0, .35)
}

.foot-block .p-body-inner.container>div.col {
    margin-right: 55px
}

.foot-block .p-body-inner.container>div.col:last-child {
    margin-right: 0
}

.foot-block .btn-primary {
    background: #ff871d;
    color: #fff;
    border: none;
    padding: 14px 0;
    display: block;
    margin-top: 15px
}

.foot-block svg {
    margin-right: 10px
}

#tm {
    display: block;
    height: 25px;
    width: 15px;
    background: url(https://cdn.mc-blaze.com/ZU3PFO9.png) no-repeat center/100% auto;
    opacity: .2;
    margin-left: auto;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

#tm:hover {
    opacity: .4
}

@media (max-width:970px) {
    .foot-block .p-body-inner.container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .foot-block .p-body-inner.container>div.col {
        margin-right: 30px;
        padding: 25px 0
    }

    .foot-block .p-body-inner.container>div.col:first-child {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .foot-block .p-body-inner.container>div.col:nth-child(2),
    .foot-block .p-body-inner.container>div.col:nth-child(3) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 30px);
        flex: 1 1 calc(50% - 30px)
    }

    .foot-block .p-body-inner.container>div.col:nth-child(1) {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0
    }
}

@media (max-width:828px) {
    .foot-block .row-container:first-child {
        display: none
    }
}

#ndzn-mobile-nav,
.sidebar-backdrop {
    display: none
}

#ndzn-mobile-nav.open,
.sidebar-backdrop.open {
    display: block
}

#ndzn-mobile-nav .sidebar-backdrop {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    background: rgba(22, 24, 30, .86)
}

#ndzn-mobile-nav .sidebar-nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    z-index: 11;
    left: 0;
    top: 0;
    max-width: 100%;
    width: 340px;
    background: #292b34;
    height: 100%
}

#ndzn-mobile-nav .header-top {
    background: #2d303a
}

#ndzn-mobile-nav .nav-header {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75px;
    flex: 0 0 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .07);
    box-shadow: 0 5px 12px -5px rgba(0, 0, 0, .07)
}

#ndzn-mobile-nav .nav-header .nav-title {
    color: #fff;
    font-size: 20px;
    height: 26px;
    line-height: 26px;
    font-weight: 700;
    text-transform: capitalize
}

#ndzn-mobile-nav .nav-header button {
    margin-left: auto;
    border: none;
    color: #fff;
    background: 0 0;
    font-weight: 700;
    outline: 0;
    height: 35px;
    width: 35px;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    padding: 0
}

#ndzn-mobile-nav .nav-header .mdi-close {
    font-size: 34px;
    height: 35px;
    line-height: 35px;
    display: inline-block
}

#ndzn-mobile-nav .nav-header .header-top>a {
    color: #fff;
    font-weight: 700
}

#ndzn-mobile-nav .nav-header .back,
#ndzn-mobile-nav .nav-header .discord {
    height: 50px;
    text-decoration: none
}

#ndzn-mobile-nav .nav-header .discord {
    margin-left: auto;
    padding: 0 12px 0 10px;
    line-height: 55px
}

#ndzn-mobile-nav .nav-header .back {
    font-size: 12px;
    padding: 0 10px 0 18px;
    line-height: 53px
}

#ndzn-mobile-nav .nav-header .mdi-discord {
    font-size: 20px;
    display: inline-block;
    height: 28px;
    line-height: 28px
}

#ndzn-mobile-nav .nav-header .header-bottom {
    padding: 32px 35px 30px
}

#ndzn-mobile-nav .nav-items {
    height: calc(100% - 75px);
    font-family: Montserrat, sans-serif;
    overflow: auto
}

#ndzn-mobile-nav .nav-items li {
    list-style-type: none;
    margin: 0 35px
}

#ndzn-mobile-nav .nav-items li b {
    font-weight: 400
}

#ndzn-mobile-nav .nav-items li:not(:last-child) {
    margin-bottom: 10px
}

#ndzn-mobile-nav .nav-items li:last-child {
    margin-bottom: 35px
}

#ndzn-mobile-nav .nav-items li .nav-dd {
    display: none
}

#ndzn-mobile-nav .nav-items li .nav-dd .dropdown-link {
    color: #595f67
}

#ndzn-mobile-nav .nav-items li.active {
    position: relative
}

#ndzn-mobile-nav .nav-items li.active .nav-link {
    color: #fff
}

#ndzn-mobile-nav .nav-items li.active:before {
    content: '';
    display: block;
    margin: auto 0;
    left: -1px;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #b7c1e2;
    width: 3px;
    height: 40px
}

#ndzn-mobile-nav .nav-items li.active.dropdown:before {
    margin: unset;
    top: 12px;
    bottom: unset
}

#ndzn-mobile-nav .nav-items li.open .nav-dd,
#ndzn-mobile-nav .nav-items li.open .nav-link {
    background: #444854;
    color: #fff
}

#ndzn-mobile-nav .nav-items li.open .nav-link {
    border-radius: 4px 4px 0 0;
    border-bottom: 1px solid rgba(75, 80, 95, .9)
}

#ndzn-mobile-nav .nav-items li.open .nav-dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0 18px;
    border-radius: 0 0 4px 4px;
    padding: 12px 0
}

#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link {
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 25px;
    font-size: 14px;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s;
    text-decoration: none
}

#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link:focus,
#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link:hover {
    background: #3c404b
}

#ndzn-mobile-nav .nav-items .nav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    font-size: 16px;
    text-decoration: none;
    text-transform: capitalize;
    line-height: 24px;
    font-weight: 400;
    padding: 20px 25px;
    border-radius: 4px;
    color: #b7c1e2;
    background: #2d303a;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

#ndzn-mobile-nav .nav-items .nav-link:focus,
#ndzn-mobile-nav .nav-items .nav-link:hover {
    background: #313540
}

#ndzn-mobile-nav .nav-items .nav-link .mdi-menu-down {
    margin-left: auto;
    font-size: 17px
}

.swal-modal {
    padding: 20px 30px;
    width: 300px
}

.swal-text,
.swal-title {
    color: #000
}

.swal-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    background: #fe871e !important
}

.swal-footer {
    text-align: center
}

#ndzn-sidebar-nav .nav-items .icon[data-icon="Egyptian Prison"] {
    background-image: url(https://cdn.mc-blaze.com/tEOsWiW.png)
}




/*NEW CSS - 9.9.2022*/

/*FOOTER*/

.gh-portal-popup-wrapper {
    overflow: auto !important;
}

.ndzn-footer{
    margin-top: auto;
    background: #14161C;
    margin-top: 36px;
}
.ndzn-footer .container{
    flex-direction: column;
}
.ndzn-footer .container > div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 48px;
    padding-bottom: 48px;
}
.ndzn-footer .section h2{
    font-size: 16px;
    margin-bottom: 28px;
    position: relative;
    color: white;
    font-weight: 700;
    margin-top: 0px;
    line-height: 24px;
}
.ndzn-footer .section h2:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 24px;
    height: 3px;
    background: #fe871e;
    border-radius: 9999px;
}
.ndzn-footer .section p {
    font-size: 13px;
    line-height: 28px;
    margin-bottom: 0;
    color: #a4a6ab;
}
.ndzn-footer .section-about {
    max-width: 350px;
}
.ndzn-footer .section-about .buttons button{
    font-size: 15px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    font-size: #a4a6ab;
}
.ndzn-footer .section-about .buttons button:hover{
    filter: brightness(1.25);
}
.ndzn-footer .section-about .buttons button:last-child{
    margin-left: 12px;
}
.ndzn-footer .section-about .buttons .mdi{
    margin-right: 4px;
    font-size: 15px;
}
.ndzn-footer .section-about .buttons:first-of-type{
    margin-right: 14px;
}

.ndzn-footer .section-links{
    flex-shrink: 0;
    flex-direction: column;
    align-items: start;
}
.ndzn-footer .section-links > div {
    display: flex;
    justify-content: start;
    flex-direction: column;
    align-items: flex-start;
}
.ndzn-footer .section-links a {
    color: #a4a6ab;
    font-size: 13px;
    text-decoration: none;
    font-weight: bold;
}
.ndzn-footer .section-links a:hover{
    filter: brightness(1.1);
}
.ndzn-footer .section-links a:not(:first-of-type){
    margin-top: 13px;
}
.ndzn-footer .section-links .mdi{
    margin-right: 8px;
}
.ndzn-footer .section-store{
    max-width: 330px;
}
.ndzn-footer .section-store .btn{
    margin-top: 16px;
    height: 44px;
    max-width: max-content;
    border-radius: 6px;
    font-size: 13px;
    padding-left: 32px;
    padding-right: 32px;
}
.ndzn-footer .section-store .btn:hover{
    filter: brightness(1.1);
}
.ndzn-footer .section-store .is-orange{
    background-image: linear-gradient(180deg, #ffa351, #fe871e);
    border-bottom: 0px;
}
.ndzn-footer .bottom{
    background-color: #12141a;
}
.ndzn-footer .bottom .container{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-top: 24px;
    padding-bottom: 24px;
}
.ndzn-footer p {
    margin-bottom: 0px;
    color: #787b7f;
    line-height: 27px;
    margin-right: auto;
    font-size: 13px;
}
.ndzn-footer p span {
    color: #a0a4a8;
}
.ndzn-footer .tm{
    display: flex;
    align-items: center;
    font-size: 10px;
    opacity: .3;
    transition-duration: .2s;
    text-decoration: none;
}
.ndzn-footer .tm:hover{
    filter: brightness(1.1);
    opacity: 0.5;
}
.ndzn-footer .tm svg{
    width: 20px;
    height: 20px;
    fill: white;
}
.ndzn-footer .tm span{
    margin-top: 1px;
    margin-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 700;
}

@media(max-width: 900px) {
    .ndzn-footer .section-about{
        width: 100%;
        max-width: 60%;
    }
    .ndzn-footer .section-links{
        margin-left: 16px;
        width: 100%;
        max-width: 35%;
    }
    .ndzn-footer .section-links > div {
        flex-direction: row;
        flex-wrap: wrap;
        margin: -6px;
        
    }
    .ndzn-footer .section-links a{
        margin: 7px !important;
    }
    .ndzn-footer .section-links a:not(:first-of-type){
        margin-top: 0px;
    }
    .ndzn-footer .section-store{
        margin-top: 40px;
    }
}

@media(max-width: 750px){
    .ndzn-footer .bottom .container{
        display: flex;
        height: auto;
        flex-direction: column;
        text-align: center;
        padding: 22.5px;
    }
    .ndzn-footer .bottom .container .tm{
        margin-top: 30px;
    }
    .ndzn-footer .bottom .container p{
        margin-left: auto;
        margin-right: auto;
    }
    .ndzn-footer .container > div{
        padding: 45px 0;
    }
    .ndzn-footer .section p{
        line-height: 26px;
    }
    .ndzn-footer .section h2{
        margin-bottom: 27px;
    }
    .ndzn-footer .section-links a{
        margin-top: 6px !important;
        margin-bottom: 6px !important;
    }
    .ndzn-footer .section-store{
        margin-top: 37px;
    }
    .ndzn-footer .section-store .btn{
        height: 41px;
        padding-top: 0px;
        padding-bottom: 0px;
        width: 130px;
        display: flex;
        align-items: center;
    }
    .ndzn-footer .tm svg{
        width: 18.75px;
        height: 18.75px;
    }
}

@media(max-width: 550px){
    .ndzn-footer .container > div {
        padding-top: 26px;
    }
    .ndzn-footer .section{
        width: 100%;
        max-width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .ndzn-footer .section h2:after{
        right: 0;
        margin: 0 auto;
    }
    .ndzn-footer .section:not(:first-of-type){
        margin-top: 38px !important;
    }
    .ndzn-footer .container > div{
        flex-direction: column;
    }
    .ndzn-footer .section-store .btn{
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
    .ndzn-footer .section h2{
        margin-bottom: 26px;
    }
    .ndzn-footer .section-links{
        margin-left: 0;
    }
    .ndzn-footer .section-links > div{
        justify-content: center;
        margin: -5px;
    }
}

/* END OF NEW FOOTER */


/*HEADER*/
#ndzn-header{
    height: 381px;
}
#ndzn-header .header-splash{
    top: 276px;
    background: linear-gradient(100deg,hsla(0,0%,76.1%,0),rgba(0,0,0,.2) 50%,hsla(0,0%,76.1%,0));
}
#ndzn-header .header-splash .big{
    line-height: 20px;
    font-size: 19px;
    letter-spacing: 0.03em;
}
#ndzn-header .header-splash .small{
    line-height: 17px;
    margin-top: 2px;
    letter-spacing: 0.03em;
}
#ndzn-header .header-splash .container{
    height: 104px;
}
#ndzn-header .header-splash .divider{
    width: 466px;
}
#ndzn-header .header-logo{
    top: 144px;
}
#ndzn-header .header-logo .dragon , #ndzn-header .header-logo .blaze{
    bottom: 24px;
}
#ndzn-header .header-nav a{
    text-decoration: none;
    transition-duration: 150ms;
}
#ndzn-header .header-nav{
    margin-top: 0px;
}
#ndzn-header .header-nav .btn-logout{
    display: flex;
    align-items: center;
}
#ndzn-header .header-nav .btn-logout img {
    top: 0px;
}
#ndzn-header .nav-redirects{
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-direction: row;
}
#ndzn-header .nav-links{
    display: flex;
    flex-direction: row;
}
#ndzn-header .nav-links a:hover {
    background: linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,0));
}
#ndzn-header .nav-link{
    transition-duration: 0.15s;
    position: relative;
    display: flex;
    height: 133px;
    align-items: center;
    justify-content: center;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: 700;
    color: white;
}
#ndzn-header .link-redirect{
    margin-right: 24px;
    height: 44px;
}
#ndzn-header .link-redirect:hover{
    filter: brightness(.9);
}
#ndzn-header .mdi-twitter{
    color: white;
    font-size: 30px;
}
#ndzn-header .link-redirect__discord svg{
    width: 28px;
    height: 37px;
    position: relative;
    bottom: -3px;
}

@media(max-width: 1200px){
    #ndzn-header{
        height: 281px;
    }
    #ndzn-header .nav-link{
        height: 100px;
        padding-top: 2px;
    }
    #ndzn-header .header-logo{
        top: unset;
        bottom: -20px;
    }
    #ndzn-header .header-logo .dragon{
        bottom: 19px;
        width: 180px;
        height: 180px;
        left: -142px;
    }
    #ndzn-header .header-logo .blaze{
        bottom: 19px;
        right: -198px;
        height: 159px;
        width: 214px;
    }
    #ndzn-header .header-splash{
        bottom: 0;
        top: unset;
    }
    #ndzn-header .header-splash .splash-minecraft{
        padding-right: 0;
    }
    #ndzn-header .header-splash .container{
        height: 101px;
    }
    #ndzn-header .header-splash .divider{
        width: 294px;
    }
    #ndzn-header .header-splash .splash-box{
        width: unset;
        min-width: 270px;
    }
    #ndzn-header .header-splash .splash-box .mdi{
        font-size: 40px;
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-minecraft{
        margin-left: 20px;
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-discord{
        margin-right: 15px;
    }
    #ndzn-header .header-splash .splash-discord{
        padding-left: 7px;
    }
    #ndzn-header .header-splash .splash-minecraft{
        padding-right: 16px;
    }
}

@media(max-width: 1000px){
    #ndzn-header{
        height: 189px;
    }
    #ndzn-header .nav-links{
        display: none;
    }
    #ndzn-header .header-nav .container{
        padding-top: 28px;
    }
    #ndzn-header .header-nav .ndzn-js-menuOpen{
        padding: 0px;
    }
    #ndzn-header .header-nav .ndzn-js-menuOpen .mdi-menu{
        font-size: 28px;
        height: unset;
        line-height: unset;
    }
    #ndzn-header .header-nav .ndzn-js-menuOpen b{
        font-size: 18px;
        margin-left: 10px;
        height: unset;
        line-height: unset;
        margin-bottom: -1px;
    }
    #ndzn-header .link-redirect{
        display: none;
    }
    #ndzn-header .header-logo{
        width: 318px;
        height: 195px;
        bottom: -13px;
    }
    #ndzn-header .header-splash .container{
        height: 72px;
    }
    #ndzn-header .header-splash .small{
        margin-top: 3px;
    }
    #ndzn-header .header-logo .blaze, #ndzn-header .header-logo .dragon{
        display: block;
        bottom: 21px;
    }
}

@media(max-width: 750px) {
    #ndzn-header{
        height: 175px;
    }
    #ndzn-header .header-splash .container{
        height: unset;
    }
    #ndzn-header .header-splash .splash-box{
        min-width: unset;
        padding-bottom: 0;
        position: unset;
    }
    #ndzn-header .header-splash .splash-minecraft{
        padding-right: 0;
    }
    #ndzn-header .header-splash .splash-discord{
        padding-left: 0;
    }
    #ndzn-header .header-splash .small{
        margin-top: 1px;
    }
    #ndzn-header .header-splash .container{
        padding: 19px 0 !important;
    }
}

@media(max-width: 600px){
    #ndzn-packages-list .list-item .item-name{
        padding-right: 0;
    }
}

@media(max-width: 550px){
    #ndzn-header{
        height: 186px;
    }
    #ndzn-header .header-splash .splash-box.splash-discord{
        display: none;
    }
    #ndzn-header .header-splash .splash-box.splash-minecraft{
        margin-bottom: -1px;
    }
    #ndzn-header .header-splash .splash-box.splash-minecraft .text-minecraft{
        text-align: center;
    }
    #ndzn-header .header-splash .splash-box .big{
        font-size: 20px;
        line-height: 30px;
    }
    #ndzn-header .header-splash .splash-box .small{
        color: white;
        opacity: 0.6;
        margin-top: 2px;
    }
}

@media(max-width: 510px){
    #ndzn-header .header-splash .splash-box.splash-minecraft .small{
        top: 0;
    }
    #ndzn-header .header-splash .splash-box.splash-minecraft .big{
        margin-bottom: 0;
    }
    #ndzn-header .header-nav .ndzn-js-menuOpen b{
        display: inline-block;
    }
}

/*END OF NEW HEADER*/

/*OTHER*/

.ndzn-featured-package .package-image img{
    max-width: 190px;
}

/*END OF OTHER*/

/**/

/* ==========================================================================
   Blaze: aligned with the Ghost theme (mc-blaze.com). Keep in sync with
   theme/ (see tebex/SHARED.md).
   ========================================================================== */
.btn,
.btn:focus,
.btn:hover {
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    border: 0;
    border-radius: 8px;
    padding-top: 15px;
    padding-bottom: 15px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08)
}
.btn:focus,
.btn:hover {
    filter: brightness(1.05)
}
.panel-default {
    box-shadow: 0 5px 12px rgba(0, 0, 0, .08)
}
#ndzn-header .nav-redirects .nav-store {
    display: flex;
    align-items: center;
    height: 51px;
    padding: 0 40px;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 700;
    color: #643515;
    background: linear-gradient(180deg, #ffa351, #fe871e);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .08)
}
#ndzn-header .nav-redirects .nav-store:hover {
    color: #643515;
    filter: brightness(1.05)
}
#ndzn-header .nav-redirects .nav-store .mdi {
    font-size: 22px;
    margin-right: 10px
}

/* Mobile menu: mirrors the Ghost site's drawer (theme/assets/styles/_mobile-menu.css) */
#ndzn-mobile-nav .sidebar-backdrop {
    position: fixed;
    background: rgba(22, 24, 30, .95);
    opacity: 0;
    transition: opacity .3s ease
}
#ndzn-mobile-nav.showContent .sidebar-backdrop {
    opacity: 1
}
#ndzn-mobile-nav .sidebar-nav-links {
    position: fixed;
    width: 350px;
    max-width: calc(100% - 64px);
    background: #24262e;
    transform: translateX(-100%);
    transition: transform .3s ease
}
#ndzn-mobile-nav.showContent .sidebar-nav-links {
    transform: translateX(0)
}
#ndzn-mobile-nav .close-menu {
    position: absolute;
    top: 0;
    right: -64px;
    width: 64px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0 0 6px 0;
    background: rgba(255, 80, 80, .07);
    color: #ff5050;
    font-size: 35px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease, background .15s
}
#ndzn-mobile-nav.showContent .close-menu {
    opacity: 1
}
#ndzn-mobile-nav .close-menu:hover {
    background: rgba(255, 80, 80, .1)
}
#ndzn-mobile-nav .nav-header {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    background: #2e3039;
    box-shadow: none
}
#ndzn-mobile-nav .nav-header .logo {
    width: 56px;
    height: 56px;
    margin-right: auto;
    background: url(https://mc-blaze.com/assets/images/logo-small.png) no-repeat center/cover
}
#ndzn-mobile-nav .nav-header .icon-btn {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: rgba(254, 135, 30, .07);
    color: #fe871e;
    text-decoration: none
}
#ndzn-mobile-nav .nav-header .icon-btn svg {
    width: 24px;
    height: 24px
}
#ndzn-mobile-nav .nav-header .icon-btn .mdi {
    font-size: 28px;
    height: auto;
    line-height: 1
}
#ndzn-mobile-nav .nav-items {
    height: auto;
    flex: 1 1 auto;
    padding: 16px 28px 28px
}
#ndzn-mobile-nav .nav-section {
    margin: 12px 0 10px;
    color: #787b7f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    text-align: center
}
#ndzn-mobile-nav .nav-items li,
#ndzn-mobile-nav .nav-items li:not(:last-child),
#ndzn-mobile-nav .nav-items li:last-child {
    margin: 0 0 12px
}
#ndzn-mobile-nav .nav-items .nav-link {
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: transparent;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: none
}
#ndzn-mobile-nav .nav-items li b {
    font-weight: 700
}
#ndzn-mobile-nav .nav-items .nav-link:focus,
#ndzn-mobile-nav .nav-items .nav-link:hover {
    background: rgba(255, 255, 255, .05);
    color: #fff
}
#ndzn-mobile-nav .nav-items .nav-link .mdi-menu-down {
    margin-left: 6px;
    font-size: 20px
}
#ndzn-mobile-nav .nav-items li.active:before {
    content: none
}
#ndzn-mobile-nav .nav-items li.active > .nav-link {
    color: #fe871e;
    background: rgba(254, 135, 30, .1);
    border-color: rgba(254, 135, 30, .2)
}
#ndzn-mobile-nav .nav-items li.active > .nav-link:before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    width: 5px;
    height: 32px;
    margin-top: -16px;
    border-radius: 9999px;
    background: #fe871e
}
#ndzn-mobile-nav .nav-items li.open .nav-link {
    background: rgba(255, 255, 255, .05);
    border-radius: 6px 6px 0 0;
    border-bottom-color: transparent;
    color: #fff
}
#ndzn-mobile-nav .nav-items li.open .nav-dd {
    background: rgba(0, 0, 0, .15);
    margin: 0;
    padding: 8px 0;
    border-radius: 0 0 6px 6px
}
#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link {
    text-align: center;
    color: #a4a6ab;
    font-weight: 700
}
#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link:focus,
#ndzn-mobile-nav .nav-items li.open .nav-dd .dropdown-link:hover {
    background: rgba(255, 255, 255, .05);
    color: #fe871e
}
#ndzn-mobile-nav .nav-items {
    scrollbar-width: thin;
    scrollbar-color: #3b3d48 transparent
}
#ndzn-mobile-nav .nav-items::-webkit-scrollbar {
    width: 6px
}
#ndzn-mobile-nav .nav-items::-webkit-scrollbar-track {
    background: transparent
}
#ndzn-mobile-nav .nav-items::-webkit-scrollbar-thumb {
    background: #3b3d48;
    border-radius: 3px
}

/* ==========================================================================
   Blaze Wave 1 (2026-09-25): bug fixes and Ghost parity.
   plans/03-bug-bash.md Batch B, plans/02-consistency.md (#2-#4, #8-#14, #22,
   #26, #27, #30) and plans/01-design-monetization.md Phase 0.
   ========================================================================== */

/* Links: white like Ghost, brighten on hover (02 #27) */
a {
    color: #fff
}
a:hover {
    filter: brightness(1.1)
}

/* Splash: links with Ghost's hover (02 #4); Ghost spacing on desktop (02 #8) */
#ndzn-header .header-splash .splash-box {
    color: #fff;
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: filter .15s;
    transition: filter .15s
}
#ndzn-header .header-splash .splash-box:hover,
#ndzn-header .header-splash .splash-box:focus {
    color: #fff;
    filter: brightness(1.1)
}
#ndzn-header .header-splash .big,
#ndzn-header .header-splash .small {
    letter-spacing: .025em
}
@media (min-width:1001px) {
    #ndzn-header .header-splash .splash-box,
    #ndzn-header .header-splash .splash-minecraft,
    #ndzn-header .header-splash .splash-discord {
        width: auto;
        min-width: 0;
        padding: 0
    }
    #ndzn-header .header-splash .divider {
        width: 482px;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-minecraft {
        margin-left: 28px
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-discord {
        margin-right: 28px
    }
}
@media (min-width:1001px) and (max-width:1200px) {
    #ndzn-header .header-splash .divider {
        width: 320px
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-minecraft {
        margin-left: 20px
    }
    #ndzn-header .header-splash .splash-box .mdi.mdi-discord {
        margin-right: 16px
    }
}

/* Logo: 315x195 and centred at <=1200px, like Ghost (02 #9) */
@media (max-width:1200px) {
    #ndzn-header .header-logo {
        width: 315px;
        height: 195px;
        left: 0;
        right: 0
    }
}

/* Store pill: Ghost's smaller size at <=900px (02 #10) */
@media (max-width:900px) {
    #ndzn-header .nav-redirects .nav-store {
        height: 45px;
        padding: 0 28px
    }
    #ndzn-header .nav-redirects .nav-store .mdi {
        font-size: 20px
    }
}

/* Gutters and header-to-content gap, like Ghost's .container / .page-body (02 #14) */
.container {
    max-width: calc(100% - 48px)
}
.ndzn-body {
    margin-top: 36px
}
@media (max-width:750px) {
    .ndzn-body {
        margin-top: 24px
    }
}
@media (max-width:550px) {
    .container {
        max-width: calc(100% - 28px)
    }
    .ndzn-body {
        margin-top: 16px
    }
}

/* Content images, tables and long links never widen the page (03 M-02, L-20; 02 #30) */
.page-main .panel-body img,
.modal-body img,
.fr-fic {
    max-width: 100%;
    height: auto
}
.page-main .panel-body table.table-responsive {
    display: block;
    max-width: 100%;
    overflow-x: auto
}
.page-main .panel-body p a,
.page-main .panel-body li a {
    overflow-wrap: break-word;
    word-break: break-word
}

/* Page titles are real h1s now (03 L-05) */
.page-main h1.panel-heading {
    margin: 0;
    font-family: inherit;
    line-height: 1.42857143
}

/* Store home: no justified text (01 Phase 0) */
#ndzn-homepage p {
    text-align: left
}

/* Guest cart pill: readable, links to login (03 L-14) */
.ndzn-component-cart .cart-toggle.cart-toggle--guest {
    background: rgba(255, 255, 255, .06);
    color: #a4a6ab;
    text-decoration: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.ndzn-component-cart .cart-toggle.cart-toggle--guest:hover,
.ndzn-component-cart .cart-toggle.cart-toggle--guest:focus {
    background: rgba(255, 255, 255, .1);
    color: #fff;
    filter: none
}
.ndzn-component-cart .cart-toggle.cart-toggle--guest .mdi-cart {
    font-size: 24px;
    color: #fe871e
}

/* Package modal: Add to cart is the orange primary, gifting is secondary (01 Phase 0) */
.modal-footer .btn.btn-success.btn-cart,
.modal-footer .btn.btn-success.btn-cart:hover,
.modal-footer .btn.btn-success.btn-cart:focus {
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    border: 0
}
.modal-footer .btn.btn-gift {
    background: transparent;
    color: #fe871e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55)
}
.modal-footer .btn.btn-gift:hover,
.modal-footer .btn.btn-gift:focus {
    background: rgba(254, 135, 30, .08);
    color: #ffa351;
    filter: none
}

/* Copy-IP modal: port of Ghost's #copy-ip-modal (theme/assets/styles/_modals.css) (02 #3) */
@-webkit-keyframes blazeFadeIn { from { opacity: 0 } to { opacity: 1 } }
@keyframes blazeFadeIn { from { opacity: 0 } to { opacity: 1 } }
@-webkit-keyframes blazeSlideUp { from { -webkit-transform: translateY(20px); transform: translateY(20px) } to { -webkit-transform: none; transform: none } }
@keyframes blazeSlideUp { from { -webkit-transform: translateY(20px); transform: translateY(20px) } to { -webkit-transform: none; transform: none } }
#copy-ip-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1060;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
#copy-ip-modal.is-open {
    display: block
}
#copy-ip-modal .ipm-dialog {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(22, 24, 30, .95);
    -webkit-animation: blazeFadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: blazeFadeIn .3s cubic-bezier(0, 0, .2, 1)
}
#copy-ip-modal .ipm-box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(100% - 20px);
    max-width: 475px;
    height: 341px;
    padding: 122px 0 28px;
    border-radius: 10px;
    background: #292b34;
    -webkit-animation: blazeFadeIn .2s, blazeSlideUp .3s cubic-bezier(0, 0, .2, 1);
    animation: blazeFadeIn .2s, blazeSlideUp .3s cubic-bezier(0, 0, .2, 1)
}
#copy-ip-modal .ipm-box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30%;
    border-radius: 0 0 10px 10px;
    background: rgba(0, 0, 0, .1)
}
#copy-ip-modal .ipm-logo {
    position: absolute;
    top: -120px;
    left: -8px;
    right: 0;
    width: 350px;
    max-width: 100%;
    height: 200px;
    margin: 0 auto;
    background: url(https://cdn.mc-blaze.com/dW191xi.png) no-repeat center/contain;
    pointer-events: none
}
#copy-ip-modal .ipm-desc,
#copy-ip-modal .ipm-ip,
#copy-ip-modal .ipm-foot {
    position: relative;
    z-index: 2;
    pointer-events: none
}
#copy-ip-modal .ipm-desc {
    margin: 0;
    color: #a4a6ab;
    font-size: 16px;
    font-weight: 900;
    line-height: 27px;
    text-transform: uppercase
}
#copy-ip-modal .ipm-ip {
    margin: 0;
    padding-top: 4px;
    color: #fff;
    font-size: 28px;
    font-weight: 900;
    line-height: 40px
}
#copy-ip-modal .ipm-foot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    margin-top: auto;
    padding: 0 32px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center
}
#copy-ip-modal .ipm-foot span:last-child {
    margin: 2px 0 -3px;
    color: #fe871e
}
@media (prefers-reduced-motion:reduce) {
    #copy-ip-modal .ipm-dialog,
    #copy-ip-modal .ipm-box {
        -webkit-animation: none;
        animation: none
    }
}

/* Phones and tablets: basket, login and currency in the drawer, plus a floating basket button (01 Phase 0) */
#ndzn-mobile-nav .nav-items .nav-account .nav-link > .mdi:first-child {
    margin-right: 8px;
    color: #fe871e;
    font-size: 20px;
    line-height: 1
}
#ndzn-mobile-nav .nav-items li.open .nav-dd.nav-dd--currency {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: repeat(3, 1fr)
}
#ndzn-mobile-nav .nav-items li.open .nav-dd--currency .dropdown-link {
    padding: 0
}
#ndzn-mobile-nav .nav-items li.open .nav-dd--currency .dropdown-link.active {
    color: #fe871e
}
.blaze-mobile-cart {
    display: none
}
@media (max-width:970px) {
    .blaze-mobile-cart {
        position: fixed;
        right: 16px;
        bottom: 16px;
        z-index: 1030;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 8px;
        height: 52px;
        padding: 0 20px 0 16px;
        border-radius: 26px;
        background: linear-gradient(180deg, #ffa351, #fe871e);
        color: #643515;
        font-size: 14px;
        font-weight: 800;
        text-decoration: none;
        -webkit-box-shadow: 0 6px 16px rgba(0, 0, 0, .35);
        box-shadow: 0 6px 16px rgba(0, 0, 0, .35)
    }
    .blaze-mobile-cart:hover,
    .blaze-mobile-cart:focus {
        color: #643515;
        filter: brightness(1.05)
    }
    .blaze-mobile-cart .mdi {
        font-size: 22px;
        line-height: 1
    }
    .blaze-mobile-cart .count {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-width: 22px;
        height: 22px;
        padding: 0 6px;
        border-radius: 11px;
        background: #643515;
        color: #ffa351;
        font-size: 12px
    }
}

/* Footer: Ghost spacing (02 #26) */
@media (min-width:901px) {
    .ndzn-footer .section-links a:not(:first-of-type) {
        margin-top: 12px
    }
}
.ndzn-footer .section-store .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0
}
@media (max-width:750px) {
    .ndzn-footer .bottom .container {
        padding-left: 0;
        padding-right: 0
    }
}

/* ==========================================================================
   Blaze Wave 3 (2026-09-25): store monetization.
   plans/01-design-monetization.md Phases 1-4: package cards, storefront home,
   sale banner, package modal buy bar, description styling, rank comparison.
   Config lives in assets/ndzn-merch.twig and assets/ndzn-rank-compare.twig.
   ========================================================================== */

/* Package cards (Phase 1) */
#ndzn-page .page-main {
    min-width: 0
}
.panel.panel-default .panel-body.panel-body--category-images {
    padding: 0 24px 24px
}
.blaze-grid {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 14px;
    text-align: left
}
.blaze-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    background: #24262e;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 14px;
    overflow: hidden;
    -webkit-transition: border-color .18s, box-shadow .18s, -webkit-transform .18s;
    transition: border-color .18s, box-shadow .18s, transform .18s
}
.blaze-card:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    border-color: rgba(254, 135, 30, .35);
    -webkit-box-shadow: 0 10px 24px rgba(0, 0, 0, .25);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .25)
}
.blaze-card--badged {
    border-color: rgba(254, 135, 30, .28)
}
.bc-badges {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    pointer-events: none
}
.bc-badge {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: .03em;
    text-transform: uppercase;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .25)
}
.bc-badge .mdi {
    font-size: 13px;
    line-height: 1
}
.bc-badge--popular {
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515
}
.bc-badge--value {
    background: #1c3a29;
    color: #7ee2a0;
    border: 1px solid rgba(126, 226, 160, .3)
}
.bc-badge--sale {
    background: #e5484d;
    color: #fff
}
.bc-badge--featured {
    background: #3a2d52;
    color: #d9bfff
}
.bc-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 180px;
    padding: 30px 18px 6px;
    cursor: pointer;
    background: radial-gradient(circle at 50% 60%, rgba(254, 135, 30, .16), rgba(254, 135, 30, 0) 62%)
}
.bc-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}
.bc-image .mdi {
    font-size: 64px;
    color: #5b5e68
}
.bc-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px 16px 16px
}
.bc-name {
    margin: 0 0 6px;
    color: #fff;
    font-family: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3
}
.bc-expires {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-item-align: start;
    align-self: flex-start;
    gap: 4px;
    margin: 0 0 6px;
    padding: 3px 8px;
    border-radius: 6px;
    background: rgba(229, 72, 77, .15);
    color: #ff9b9e;
    font-size: 12px;
    font-weight: 700
}
.bc-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 2px 6px
}
.bc-now {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2
}
.bc-now--custom,
.bc-now--free {
    font-size: 18px
}
.bc-now--free {
    color: #7ee2a0
}
.bc-cur {
    color: #a4a6ab;
    font-size: 12px;
    font-weight: 700
}
.bc-was {
    color: #e5484d;
    font-size: 13px;
    font-weight: 600
}
.bc-save {
    margin-top: 3px;
    color: #a4a6ab;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.4
}
.bc-save b {
    color: #7ee2a0;
    font-weight: 800
}
.bc-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: auto;
    padding-top: 14px
}
.btn.bc-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none
}
.btn.bc-btn .mdi {
    font-size: 16px;
    line-height: 1
}
.bc-actions {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.bc-actions .btn.bc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.btn.bc-btn--details,
.btn.bc-btn--details:hover,
.btn.bc-btn--details:focus {
    background: transparent;
    color: #fe871e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55)
}
.btn.bc-btn--details:hover,
.btn.bc-btn--details:focus {
    background: rgba(254, 135, 30, .08);
    color: #ffa351;
    filter: none
}
.btn.bc-btn--remove,
.btn.bc-btn--remove:hover,
.btn.bc-btn--remove:focus {
    background: rgba(229, 72, 77, .15);
    color: #ff9b9e;
    -webkit-box-shadow: none;
    box-shadow: none
}
.btn.bc-btn[aria-disabled=true] {
    opacity: .5;
    cursor: not-allowed
}
@media (max-width:650px) {
    .panel.panel-default .panel-body.panel-body--category-images {
        padding: 0 10px 12px
    }
}
@media (max-width:550px) {
    .blaze-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px
    }
    .bc-image {
        height: 128px;
        padding: 30px 10px 4px
    }
    .bc-body {
        padding: 6px 10px 12px
    }
    .bc-name {
        font-size: 14px
    }
    .bc-now {
        font-size: 18px
    }
    .bc-save {
        font-size: 11.5px
    }
    .bc-actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
        padding-top: 10px
    }
    .btn.bc-btn {
        padding: 9px 8px;
        font-size: 12.5px
    }
    .bc-badge {
        padding: 3px 6px;
        font-size: 10px
    }
}
@media (prefers-reduced-motion:reduce) {
    .blaze-card,
    .blaze-card:hover {
        -webkit-transition: none;
        transition: none;
        -webkit-transform: none;
        transform: none
    }
}

/* List rows (BlazeBux, gift cards): bonus and popular chips */
.bc-chip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin: 6px 6px 0 0;
    padding: 3px 9px;
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.3
}
.bc-chip--bonus {
    background: rgba(126, 226, 160, .12);
    color: #7ee2a0
}
.bc-chip--popular {
    background: rgba(254, 135, 30, .14);
    color: #ffa351
}

/* Sale banner (Phase 3): switch in assets/ndzn-merch.twig */
.blaze-sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px 24px;
    margin-bottom: var(--spacing);
    padding: 18px 24px;
    border: 1px solid rgba(254, 135, 30, .35);
    border-radius: 14px;
    background: linear-gradient(100deg, #3b200c, #292b34 62%);
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .08)
}
.blaze-sale .bs-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 280px;
    flex: 1 1 280px;
    gap: 2px;
    min-width: 0
}
.blaze-sale .bs-kicker {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.blaze-sale .bs-title {
    color: #fff;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.25
}
.blaze-sale .bs-sub {
    color: #a4a6ab;
    font-size: 15px;
    font-weight: 500
}
.blaze-sale .bs-timer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 16px;
    border-radius: 10px;
    background: rgba(0, 0, 0, .25)
}
.blaze-sale .bs-timer-label {
    color: #a4a6ab;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.blaze-sale .bs-timer-value {
    color: #fff;
    font-size: 18px;
    font-weight: 800;
    font-variant-numeric: tabular-nums;
    white-space: nowrap
}
.blaze-sale .bs-btn {
    padding: 14px 24px;
    font-weight: 800;
    white-space: nowrap
}
.blaze-sale.blaze-sale--hero {
    margin: 0;
    padding: 0;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}
.blaze-sale--hero .bs-title {
    font-size: 30px
}
@media (max-width:550px) {
    .blaze-sale {
        padding: 16px
    }
    .blaze-sale .bs-title {
        font-size: 19px
    }
    .blaze-sale .bs-timer,
    .blaze-sale .bs-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

/* Store home (Phase 2) */
#blaze-home .bh-hero {
    display: -ms-grid;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: var(--spacing);
    padding: 36px 40px;
    border-radius: 14px;
    background: radial-gradient(ellipse at 100% 0, rgba(254, 135, 30, .18), rgba(254, 135, 30, 0) 55%), #292b34
}
#blaze-home .bh-hero.has-aside {
    grid-template-columns: minmax(0, 1fr) 290px
}
#blaze-home .blaze-sale--hero ~ .bh-hero-copy {
    display: none
}
#blaze-home .bh-kicker {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
#blaze-home .bh-title {
    margin: 8px 0 10px;
    color: #fff;
    font-family: inherit;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.15
}
#blaze-home .bh-lead {
    max-width: 560px;
    margin: 0 0 20px;
    color: #a4a6ab;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    text-align: left
}
#blaze-home .bh-ctas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}
#blaze-home .btn.bh-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 13px 20px;
    font-size: 14px;
    font-weight: 800
}
#blaze-home .btn.bh-btn .mdi {
    font-size: 18px;
    line-height: 1
}
#blaze-home .btn.bh-btn--ghost,
#blaze-home .btn.bh-btn--ghost:hover,
#blaze-home .btn.bh-btn--ghost:focus {
    background: transparent;
    color: #fe871e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55)
}
#blaze-home .bh-hero-aside > * + * {
    margin-top: 10px
}
#blaze-home .ndzn-store-goal .panel {
    margin: 0;
    padding: 20px 22px;
    border-radius: 12px;
    background: #24262e;
    -webkit-box-shadow: none;
    box-shadow: none
}
#blaze-home .ndzn-store-goal .goal-top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
#blaze-home .ndzn-store-goal .goal-top .sml {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
#blaze-home .ndzn-store-goal .goal-top .big {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    line-height: 1.15
}
#blaze-home .ndzn-store-goal .goal-purpose {
    margin-bottom: 4px;
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4
}
#blaze-home .ndzn-store-goal .mdi-heart-multiple-outline {
    margin-left: auto;
    padding-left: 10px;
    color: #fe871e;
    font-size: 36px;
    line-height: 1
}
#blaze-home .ndzn-store-goal .goal-progress-bar {
    height: 10px;
    margin-top: 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    overflow: hidden
}
#blaze-home .ndzn-store-goal .bar-inner {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, #ffa351, #fe871e)
}
#blaze-home .bh-donor {
    margin-bottom: 0
}
#blaze-home .bh-section {
    margin-bottom: var(--spacing)
}
#blaze-home .bh-h2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 28px 0 14px;
    color: #fff;
    font-family: inherit;
    font-size: 20px;
    font-weight: 800
}
#blaze-home .bh-h2:before {
    content: "";
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #fe871e
}
#blaze-home .bh-tiles {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px
}
#blaze-home .bh-tiles--more {
    margin-top: 14px
}
#blaze-home .bh-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 14px;
    background: #292b34;
    -webkit-box-shadow: 0 5px 12px rgba(0, 0, 0, .08);
    box-shadow: 0 5px 12px rgba(0, 0, 0, .08)
}
#blaze-home .bh-tile-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 76px;
    flex: 0 0 76px;
    height: 76px;
    border-radius: 12px;
    background: radial-gradient(circle, rgba(254, 135, 30, .16), rgba(254, 135, 30, 0) 70%) no-repeat center;
    background-size: contain
}
#blaze-home .bh-tile-icon[data-icon=Pixelmon] {
    background: url(https://cdn.mc-blaze.com/xDV6nfA.png) no-repeat center/contain
}
#blaze-home .bh-tile-icon[data-icon=Cobblemon] {
    background: url(https://cdn.mc-blaze.com/cobblemon.png) no-repeat center/contain
}
#blaze-home .bh-tile-icon[data-icon=BlazeBux] {
    background: url(https://cdn.mc-blaze.com/bbux.png) no-repeat center/contain
}
#blaze-home .bh-tile-icon[data-icon="Gift Cards"] {
    background: url(https://cdn.mc-blaze.com/pSZOkEk.png) no-repeat center/contain
}
#blaze-home .bh-tile-body {
    min-width: 0
}
#blaze-home .bh-tile-title {
    margin: 0 0 10px;
    color: #fff;
    font-family: inherit;
    font-size: 18px;
    font-weight: 800
}
#blaze-home .bh-tile-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}
#blaze-home .bh-tile-links a {
    padding: 7px 12px;
    border-radius: 8px;
    background: rgba(254, 135, 30, .1);
    color: #ffa351;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none
}
#blaze-home .bh-tile-links a:hover,
#blaze-home .bh-tile-links a:focus {
    background: rgba(254, 135, 30, .2);
    color: #fff;
    filter: none
}
#blaze-home .bh-tile--small {
    padding: 14px 18px
}
#blaze-home .bh-tile--small .bh-tile-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    height: 52px
}
#blaze-home .bh-tile--small .bh-tile-title {
    margin-bottom: 8px;
    font-size: 16px
}
#blaze-payments-slot .module--payments {
    display: block;
    margin: 0;
    padding: 16px;
    border-radius: 14px
}
#blaze-payments-slot .payments-title {
    display: none
}
#blaze-payments-slot .payments-list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
    gap: 10px;
    padding: 0
}
#blaze-payments-slot .payment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-width: 0;
    padding: 8px 10px;
    border-radius: 10px;
    background: #24262e
}
#blaze-payments-slot .payment img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    image-rendering: pixelated
}
.module--payments .payment-meta {
    display: none
}
#blaze-payments-slot .payment-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    text-align: left
}
#blaze-payments-slot .payment-meta b,
#blaze-payments-slot .payment-meta small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
#blaze-payments-slot .payment-meta b {
    color: #fff;
    font-size: 13px
}
#blaze-payments-slot .payment-meta small {
    color: #a4a6ab;
    font-size: 12px
}
#blaze-home .bh-trust {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 28px 0 0
}
#blaze-home .bh-trust-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border-radius: 14px;
    background: #292b34;
    text-align: left
}
#blaze-home .bh-trust-item .mdi {
    color: #fe871e;
    font-size: 26px;
    line-height: 1
}
#blaze-home .bh-trust-item b {
    display: block;
    margin-bottom: 2px;
    color: #fff;
    font-size: 14px;
    font-weight: 800
}
#blaze-home .bh-trust-item span {
    display: block;
    color: #a4a6ab;
    font-size: 13px;
    line-height: 1.45
}
#blaze-home .bh-q {
    margin-bottom: 8px;
    border: 1px solid rgba(255, 255, 255, .04);
    border-radius: 12px;
    background: #292b34
}
#blaze-home .bh-q summary {
    position: relative;
    display: block;
    padding: 16px 48px 16px 20px;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    list-style: none;
    cursor: pointer
}
#blaze-home .bh-q summary::-webkit-details-marker {
    display: none
}
#blaze-home .bh-q summary:after {
    content: "\F0140";
    position: absolute;
    top: 50%;
    right: 18px;
    color: #fe871e;
    font-family: "Material Design Icons";
    font-size: 22px;
    line-height: 1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: -webkit-transform .18s;
    transition: transform .18s
}
#blaze-home .bh-q[open] summary:after {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg)
}
#blaze-home .bh-a {
    padding: 0 20px 16px;
    text-align: left
}
#blaze-home .bh-a p {
    margin: 0 0 8px;
    color: #a4a6ab;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.6
}
#blaze-home .bh-a p:last-child {
    margin-bottom: 0
}
#blaze-home .bh-a b {
    color: #fff
}
#blaze-home .bh-contacts {
    margin: 0 0 10px;
    padding: 0;
    list-style: none
}
#blaze-home .bh-contacts li {
    padding: 3px 0
}
#blaze-home .bh-contacts .mdi {
    margin-right: 6px;
    color: #fe871e
}
#blaze-home .bh-a a {
    color: #ffa351
}
@media (max-width:1000px) {
    #blaze-home .bh-trust {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
}
@media (max-width:970px) {
    #blaze-home .bh-hero.has-aside {
        grid-template-columns: minmax(0, 1fr)
    }
}
@media (max-width:750px) {
    #blaze-home .bh-hero {
        padding: 26px 22px
    }
    #blaze-home .bh-title {
        font-size: 26px
    }
    #blaze-home .bh-tiles {
        grid-template-columns: minmax(0, 1fr)
    }
}
@media (max-width:550px) {
    #blaze-home .bh-hero {
        padding: 22px 16px;
        text-align: left
    }
    #blaze-home .bh-title {
        font-size: 23px
    }
    #blaze-home .bh-lead {
        font-size: 15px
    }
    #blaze-home .btn.bh-btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    #blaze-home .bh-tile {
        padding: 14px
    }
    #blaze-home .bh-tile-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 56px;
        flex: 0 0 56px;
        height: 56px
    }
    #blaze-home .bh-trust {
        grid-template-columns: minmax(0, 1fr)
    }
    #blaze-home .bh-h2 {
        margin-top: 22px;
        font-size: 18px
    }
}

/* Rank pages: upgrade note, Compare ranks link and table (Phase 4) */
.blaze-compare-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px 14px;
    margin: 0 0 14px;
    padding: 12px 12px 12px 16px;
    border: 1px solid rgba(254, 135, 30, .2);
    border-radius: 12px;
    background: rgba(254, 135, 30, .07);
    text-align: left
}
.blaze-compare-bar .bcb-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 260px;
    flex: 1 1 260px;
    color: #a4a6ab;
    font-size: 13.5px;
    line-height: 1.5
}
.blaze-compare-bar .bcb-text b {
    color: #fff
}
.blaze-compare-bar .bcb-text .mdi {
    color: #fe871e
}
.blaze-compare-bar .btn.bcb-btn {
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap
}
.blaze-compare .panel-body {
    text-align: left
}
.blaze-compare .panel-body p.bcmp-intro,
.blaze-compare .panel-body p.bcmp-note {
    font-size: 13.5px;
    line-height: 1.6;
    text-align: left
}
.blaze-compare .panel-body p.bcmp-note {
    margin: 12px 0 0
}
.bcmp-scroll {
    overflow-x: auto;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 12px;
    -webkit-overflow-scrolling: touch
}
.bcmp {
    width: 100%;
    min-width: 780px;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 13px
}
.bcmp th,
.bcmp td {
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    text-align: center;
    vertical-align: middle
}
.bcmp td {
    min-width: 100px;
    color: #a4a6ab;
    line-height: 1.45
}
.bcmp tbody th,
.bcmp .bcmp-corner {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 150px;
    background: #24262e;
    color: #fff;
    font-weight: 700;
    text-align: left
}
.bcmp thead th {
    background: #202229;
    border-bottom-color: rgba(255, 255, 255, .08)
}
.bcmp .bcmp-corner {
    z-index: 2;
    background: #202229;
    color: #a4a6ab;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase
}
.bcmp .bcmp-rank {
    border-top: 3px solid var(--rc)
}
.bcmp-rank-name {
    display: block;
    color: var(--rc);
    font-size: 15px;
    font-weight: 800
}
.bcmp-rank-price {
    display: block;
    margin-top: 2px;
    color: #fff;
    font-weight: 700;
    white-space: nowrap
}
.bcmp-rank-price small {
    color: #a4a6ab
}
.bcmp-rank-price s {
    color: #e5484d;
    font-weight: 600
}
.bcmp td.is-new {
    color: var(--rc);
    font-weight: 700
}
.bcmp .bcmp-group th {
    background: #2e3039;
    color: #fe871e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.bcmp-no {
    color: #55585f
}
.bcmp .bcmp-upgrade td {
    color: #fff;
    font-weight: 700
}
.bcmp .bcmp-buy td,
.bcmp .bcmp-buy th {
    border-bottom: 0
}
.bcmp .bcmp-buy .btn.bc-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 6px;
    padding: 9px 8px;
    font-size: 12px
}
.bcmp .bcmp-buy .btn.bc-btn:last-child {
    margin-bottom: 0
}
@media (max-width:550px) {
    .bcmp tbody th,
    .bcmp .bcmp-corner {
        min-width: 112px;
        font-size: 12px
    }
}

/* Package modal: buy bar stays in view, the description scrolls (Phase 4) */
.modal-dialog.blaze-pkg {
    padding-top: 0
}
.blaze-pkg .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: calc(100vh - 60px);
    border-radius: 14px;
    overflow: hidden
}
.blaze-pkg .modal-header,
.blaze-pkg .blaze-buybar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.blaze-pkg .modal-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    padding: 16px 24px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.blaze-buybar {
    padding: 14px 20px;
    border-top: 1px solid #30323a;
    background: #24262e;
    -webkit-box-shadow: 0 -8px 18px rgba(0, 0, 0, .18);
    box-shadow: 0 -8px 18px rgba(0, 0, 0, .18);
    text-align: left
}
.blaze-buybar .bb-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px 12px
}
.blaze-buybar .bb-price {
    color: #fff
}
.blaze-buybar .bb-now {
    font-size: 22px;
    font-weight: 800
}
.blaze-buybar .bb-price small {
    color: #a4a6ab;
    font-weight: 700
}
.blaze-buybar .bb-was {
    margin-right: 6px;
    color: #e5484d
}
.blaze-buybar .bb-actions,
.blaze-buybar .package-footer-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}
.blaze-buybar .bb-actions {
    margin-left: auto
}
.blaze-buybar .btn {
    margin: 0;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 800
}
.blaze-buybar .btn .mdi {
    font-size: 17px;
    line-height: 1;
    vertical-align: -2px
}
.blaze-buybar .gift-fields {
    display: none;
    margin: 12px 0 0
}
@media (max-width:767px) {
    .blaze-pkg .modal-content {
        max-height: calc(100vh - 20px)
    }
    .blaze-pkg .modal-body {
        padding: 12px 16px 16px
    }
    .blaze-buybar {
        padding: 12px 14px
    }
}
@media (max-width:550px) {
    .blaze-buybar .bb-actions {
        width: 100%
    }
    .blaze-buybar .package-footer-buttons {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
    .blaze-buybar .package-footer-buttons .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

/* Package descriptions: one clean style for the owner-written HTML (Phase 4) */
.blaze-desc {
    color: #a4a6ab;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.6
}
.blaze-desc [style*="font-family"] {
    font-family: inherit !important
}
.blaze-desc [style*="font-size"] {
    font-size: inherit !important
}
.blaze-desc u {
    text-decoration: none
}
.blaze-desc strong,
.blaze-desc b {
    color: #e6e7ea;
    font-weight: 700
}
.blaze-desc a {
    color: #ffa351
}
.blaze-desc p,
.modal-body.blaze-desc p {
    margin: 0 0 10px;
    line-height: 1.6
}
.blaze-desc .bd-empty {
    display: none
}
.blaze-desc h1,
.blaze-desc h2,
.blaze-desc h3,
.blaze-desc h4,
.blaze-desc .bd-h {
    margin: 22px 0 10px;
    padding: 0 0 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    color: #fff;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1.4;
    text-align: left;
    text-transform: uppercase
}
.blaze-desc ol,
.blaze-desc ul {
    display: -ms-grid;
    display: grid;
    gap: 6px;
    margin: 0 0 12px;
    padding: 0;
    list-style: none;
    text-align: left
}
.blaze-desc li {
    position: relative;
    padding: 8px 12px 8px 36px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    line-height: 1.5
}
.blaze-desc li:before {
    content: "\F012C";
    position: absolute;
    top: 8px;
    left: 12px;
    color: #5b5e68;
    font-family: "Material Design Icons";
    font-size: 16px;
    line-height: 1.4
}
.blaze-desc li.bd-new {
    background: rgba(255, 255, 255, .05);
    -webkit-box-shadow: inset 3px 0 0 var(--bd-c, #fe871e);
    box-shadow: inset 3px 0 0 var(--bd-c, #fe871e)
}
.blaze-desc li.bd-new:before {
    color: var(--bd-c, #fe871e)
}
.blaze-desc li img {
    display: inline-block !important;
    margin: 0 2px !important;
    vertical-align: -3px
}
.blaze-desc .bd-note {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid rgba(254, 135, 30, .2);
    border-radius: 10px;
    background: rgba(254, 135, 30, .07);
    font-size: 13.5px;
    text-align: left
}

/* --------------------------------------------------------------------------
   Blaze Wave 3, round 2: category header, sidebar menu, Top Donator card
   -------------------------------------------------------------------------- */

/* Category header (ndzn-merch.twig 'cat-hero') */
.blaze-cat-hero {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 14px;
    background: radial-gradient(ellipse at 100% 0, rgba(254, 135, 30, .16), rgba(254, 135, 30, 0) 55%), #292b34
}
.blaze-cat-hero .bch-art {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 62%;
    background: no-repeat center/cover;
    opacity: .2;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 70%);
    mask-image: linear-gradient(90deg, transparent, #000 70%);
    pointer-events: none
}
.blaze-cat-hero .bch-top {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px
}
.blaze-cat-hero .bch-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 88px;
    flex: 0 0 88px;
    height: 88px;
    background: no-repeat center/contain;
    -webkit-filter: drop-shadow(0 6px 18px rgba(254, 135, 30, .35));
    filter: drop-shadow(0 6px 18px rgba(254, 135, 30, .35))
}
.blaze-cat-hero .bch-icon[data-icon=Pixelmon] {
    background-image: url(https://cdn.mc-blaze.com/xDV6nfA.png)
}
.blaze-cat-hero .bch-icon[data-icon=Cobblemon] {
    background-image: url(https://cdn.mc-blaze.com/cobblemon.png)
}
.blaze-cat-hero .bch-icon[data-icon=BlazeBux] {
    background-image: url(https://cdn.mc-blaze.com/bbux.png)
}
.blaze-cat-hero .bch-icon[data-icon="Gift Cards"] {
    background-image: url(https://cdn.mc-blaze.com/pSZOkEk.png)
}
.blaze-cat-hero .bch-text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    text-align: left
}
.blaze-cat-hero .bch-kicker {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.blaze-cat-hero .bch-title {
    margin: 6px 0 8px;
    color: #fff;
    font-family: inherit;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.15
}
.blaze-cat-hero .bch-tagline {
    max-width: 640px;
    margin: 0 0 14px;
    color: #a4a6ab;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.55;
    text-align: left
}
.blaze-cat-hero .bch-chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}
.blaze-cat-hero .bch-chip {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    background: rgba(22, 24, 30, .45);
    color: #e6e7ea;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.3
}
.blaze-cat-hero .bch-chip .mdi {
    color: #fe871e;
    font-size: 16px;
    line-height: 1
}
.blaze-cat-hero .bch-actions {
    margin-top: 16px
}
.blaze-cat-hero .bch-actions:empty {
    display: none
}
.blaze-cat-hero .btn.bcb-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 11px 18px;
    font-size: 13.5px;
    font-weight: 800
}
.blaze-cat-hero .bch-donor {
    display: none
}
.blaze-cdesc {
    position: relative;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, .07);
    color: #a4a6ab;
    font-size: 14.5px;
    font-weight: 500;
    line-height: 1.65;
    text-align: left
}
.blaze-cdesc [style*="font-family"] {
    font-family: inherit !important
}
.blaze-cdesc [style*="font-size"] {
    font-size: inherit !important
}
.blaze-cdesc [style*="text-align"],
.blaze-cdesc p,
.blaze-cdesc div {
    text-align: left !important
}
.blaze-cdesc p,
.blaze-cdesc div {
    margin: 0 0 10px
}
.blaze-cdesc u {
    text-decoration: none
}
.blaze-cdesc strong,
.blaze-cdesc b {
    color: #e6e7ea
}
.blaze-cdesc a {
    color: #ffa351
}
.blaze-cdesc h1,
.blaze-cdesc h2,
.blaze-cdesc h3,
.blaze-cdesc h4 {
    margin: 0 0 10px;
    color: #fff;
    font-family: inherit;
    font-size: 15px !important;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase
}
.blaze-cdesc img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 0 14px;
    border-radius: 12px
}
.blaze-cdesc .bcd-dup,
.blaze-cdesc .bcd-empty {
    display: none
}
.blaze-cdesc .bcd-callout {
    padding: 12px 14px 12px 42px;
    border: 1px solid rgba(254, 135, 30, .22);
    border-radius: 10px;
    background: rgba(254, 135, 30, .08);
    color: #e6e7ea;
    position: relative
}
.blaze-cdesc .bcd-callout:before {
    content: "\F0060";
    position: absolute;
    top: 11px;
    left: 14px;
    color: #fe871e;
    font-family: "Material Design Icons";
    font-size: 18px;
    line-height: 1.3
}
.blaze-cdesc .bcd-note {
    position: relative;
    padding-left: 24px;
    color: #8b8d99;
    font-size: 13px
}
.blaze-cdesc .bcd-note:before {
    content: "\F02FD";
    position: absolute;
    top: 0;
    left: 0;
    color: #8b8d99;
    font-family: "Material Design Icons";
    font-size: 16px;
    line-height: 1.4
}
.blaze-cdesc > :last-child {
    margin-bottom: 0
}
.blaze-cdesc.is-collapsible:not(.is-open) {
    display: none
}
.blaze-cat-hero .bch-more {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    margin-top: 8px;
    padding: 6px 0;
    border: 0;
    background: none;
    color: #fe871e;
    font-size: 13.5px;
    font-weight: 800;
    cursor: pointer
}
.blaze-cat-hero .bch-more .mdi {
    font-size: 18px;
    line-height: 1;
    -webkit-transition: -webkit-transform .18s;
    transition: transform .18s
}
.blaze-cat-hero .bch-more.is-open .mdi {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.blaze-cat-packages > .panel-body,
.panel.panel-default.blaze-cat-packages .panel-body.panel-body--category-images {
    padding: 24px
}
@media (max-width:970px) {
    .blaze-cat-hero .bch-donor:not(:empty) {
        display: block;
        position: relative;
        margin-top: 18px
    }
    .blaze-cat-hero .bch-donor .blaze-donor {
        margin: 0
    }
}
@media (max-width:750px) {
    .blaze-cat-hero {
        padding: 24px 20px
    }
    .blaze-cat-hero .bch-top {
        gap: 16px
    }
    .blaze-cat-hero .bch-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 64px;
        flex: 0 0 64px;
        height: 64px
    }
    .blaze-cat-hero .bch-title {
        font-size: 25px
    }
}
@media (max-width:550px) {
    .blaze-cat-hero {
        padding: 20px 16px
    }
    .blaze-cat-hero .bch-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }
    .blaze-cat-hero .bch-icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 48px;
        flex: 0 0 48px;
        height: 48px;
        margin-top: 4px
    }
    .blaze-cat-hero .bch-title {
        font-size: 22px
    }
    .blaze-cat-hero .bch-tagline {
        font-size: 14px
    }
    .blaze-cat-hero .bch-chip {
        font-size: 12px
    }
    .blaze-cat-hero .bch-art {
        width: 100%;
        opacity: .12
    }
    .blaze-cat-packages > .panel-body,
    .panel.panel-default.blaze-cat-packages .panel-body.panel-body--category-images {
        padding: 12px 10px
    }
}

/* Sidebar menu (ndzn-sidebar-nav.twig): matches the Ghost / mobile drawer style */
#ndzn-sidebar-nav.blaze-sidenav {
    padding: 10px;
    border-radius: 14px
}
#ndzn-sidebar-nav.blaze-sidenav .bsn-label {
    padding: 6px 12px 8px;
    color: #787b7f;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li {
    margin: 0 0 4px;
    background: none
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li > a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    min-height: 58px;
    padding: 8px 12px 8px 66px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 700
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li > a:hover,
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li > a:focus {
    background: rgba(255, 255, 255, .05);
    filter: none
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .icon {
    top: 50%;
    left: 10px;
    width: 44px;
    height: 44px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .icon.icon--mdi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 10px;
    background: rgba(254, 135, 30, .1)
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .icon.icon--mdi .mdi {
    margin: 0;
    color: #fe871e;
    font-size: 24px;
    line-height: 1
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li > a .bsn-caret {
    margin-left: auto;
    color: #787b7f;
    font-size: 20px;
    line-height: 1;
    -webkit-transition: -webkit-transform .18s;
    transition: transform .18s
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.is-open > a .bsn-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.active > a {
    color: #fe871e;
    background: rgba(254, 135, 30, .1) !important;
    border-color: rgba(254, 135, 30, .2)
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.active > a:before {
    top: 50%;
    bottom: auto;
    left: -6px;
    width: 4px;
    height: 30px;
    margin: -15px 0 0;
    border-radius: 9999px;
    background: #fe871e
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.active > a .bsn-caret {
    color: #fe871e
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.open > a {
    background: rgba(255, 255, 255, .05) !important
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.active.open > a {
    background: rgba(254, 135, 30, .1) !important
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd {
    margin: 4px 0 8px 32px;
    padding: 2px 0 2px 12px;
    border-left: 2px solid #34363f
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.bsn-dd .nav-dd {
    display: none
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items > li.bsn-dd.is-open .nav-dd {
    display: block
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd a {
    display: block;
    margin: 2px 0;
    padding: 8px 12px;
    border-radius: 8px;
    color: #a4a6ab;
    font-size: 14px;
    font-weight: 700;
    text-align: left
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd a:hover,
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd a:focus {
    background: rgba(255, 255, 255, .05);
    color: #fff;
    filter: none
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd a.is-active {
    background: rgba(254, 135, 30, .1);
    color: #fe871e
}
#ndzn-sidebar-nav.blaze-sidenav .nav-items .nav-dd a .mdi {
    display: inline-block;
    height: auto;
    margin-right: 6px;
    color: #fe871e;
    font-size: 16px;
    line-height: 1;
    vertical-align: -2px;
    top: 0
}

/* Top Donator card (module.topdonator.html) */
.ndzn-module.module--topdonor.blaze-donor {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    height: auto;
    margin-bottom: 10px;
    padding: 14px 16px;
    overflow: hidden;
    border: 1px solid rgba(254, 135, 30, .18);
    border-radius: 14px;
    background: radial-gradient(circle at 42px 50%, rgba(254, 135, 30, .24), rgba(254, 135, 30, 0) 90px), #292b34;
    text-align: left
}
.ndzn-module.module--topdonor.blaze-donor .bdn-avatar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    height: 52px
}
.ndzn-module.module--topdonor.blaze-donor .bdn-avatar img {
    width: 48px;
    height: 48px;
    image-rendering: pixelated;
    -webkit-filter: drop-shadow(0 4px 10px rgba(254, 135, 30, .35));
    filter: drop-shadow(0 4px 10px rgba(254, 135, 30, .35))
}
.ndzn-module.module--topdonor.blaze-donor .bdn-avatar .mdi-crown {
    position: absolute;
    top: -9px;
    right: -6px;
    bottom: auto;
    left: auto;
    height: auto;
    margin: 0;
    color: #ffc34d;
    font-size: 20px;
    line-height: 1;
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
    -webkit-filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .4));
    filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .4))
}
.ndzn-module.module--topdonor.blaze-donor .bdn-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0
}
.ndzn-module.module--topdonor.blaze-donor .bdn-label {
    color: #fe871e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.ndzn-module.module--topdonor.blaze-donor .bdn-name {
    overflow: hidden;
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap
}
.ndzn-module.module--topdonor.blaze-donor .bdn-heart {
    color: rgba(254, 135, 30, .45);
    font-size: 22px;
    line-height: 1
}
.ndzn-module.module--topdonor.blaze-donor.nodonor {
    border-color: rgba(255, 255, 255, .05);
    background: #292b34
}
.ndzn-module.module--topdonor.blaze-donor.nodonor .bdn-name {
    color: #8b8d99;
    font-size: 15px
}
#blaze-home .bh-hero-aside .blaze-donor {
    margin: 0;
    background: radial-gradient(circle at 42px 50%, rgba(254, 135, 30, .24), rgba(254, 135, 30, 0) 90px), #24262e
}

/* Category art images are 90x98 with the artwork in the middle, so scale them up to fill their boxes */
#ndzn-sidebar-nav.blaze-sidenav .nav-items .icon:not(.icon--mdi) {
    background-size: 185%
}
.blaze-cat-hero .bch-icon[data-icon] {
    background-size: 180%
}
#blaze-home .bh-tile-icon[data-icon] {
    background-size: 175%
}
.ndzn-module.module--topdonor.blaze-donor .bdn-label {
    white-space: nowrap
}
#blaze-home .bh-hero-aside .blaze-donor .bdn-heart {
    display: none
}

/* --------------------------------------------------------------------------
   Blaze Wave 3, round 3: owner feedback fixes
   -------------------------------------------------------------------------- */

/* Home: original store wording in the hero, and a network-wide section */
#blaze-home .bh-hero-copy .bh-lead {
    margin-bottom: 8px
}
#blaze-home .bh-sublead {
    max-width: 560px;
    margin: 0 0 20px;
    color: #8b8d99;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6;
    text-align: left
}
#blaze-home .bh-note {
    margin: -4px 0 14px;
    color: #a4a6ab;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}
#blaze-home .bh-note .mdi {
    margin-right: 4px;
    color: #fe871e
}
#blaze-home #bh-network .bh-tiles--more {
    margin-top: 0
}

/* Category headers: the same art and layout for every category (server / category icon, large and faint) */
.blaze-cat-hero .bch-art {
    width: 55%;
    background-position: right -40px center;
    background-repeat: no-repeat;
    background-size: 460px;
    opacity: .1
}
.blaze-cat-hero[data-icon=Pixelmon] .bch-art {
    background-image: url(https://cdn.mc-blaze.com/xDV6nfA.png)
}
.blaze-cat-hero[data-icon=Cobblemon] .bch-art {
    background-image: url(https://cdn.mc-blaze.com/cobblemon.png)
}
.blaze-cat-hero[data-icon=BlazeBux] .bch-art {
    background-image: url(https://cdn.mc-blaze.com/bbux.png)
}
.blaze-cat-hero[data-icon="Gift Cards"] .bch-art {
    background-image: url(https://cdn.mc-blaze.com/pSZOkEk.png)
}
.blaze-cat-hero .bch-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}
.blaze-cat-hero .bch-actions .bch-more {
    margin: 0;
    padding: 10px 16px;
    border-radius: 8px;
    background: transparent;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    font-size: 13.5px
}
.blaze-cat-hero .bch-actions .bch-more:hover,
.blaze-cat-hero .bch-actions .bch-more:focus {
    background: rgba(254, 135, 30, .08);
    color: #ffa351
}
.blaze-cat-hero .blaze-cdesc {
    position: relative
}
@media (max-width:550px) {
    .blaze-cat-hero .bch-art {
        width: 100%;
        background-size: 300px;
        background-position: right -60px top 10px;
        opacity: .08
    }
}

/* Package pop-up: badges and bonus chips (same as the cards) and the per-unit saving in the buy bar */
.blaze-pkg .bm-merch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 12px 24px 2px
}
.blaze-pkg .bm-merch.is-empty {
    display: none
}
.blaze-pkg .bm-badges {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 6px
}
.blaze-pkg .bm-badges:empty {
    display: none
}
.blaze-pkg .bm-merch .bc-chip {
    margin: 0
}
.blaze-buybar .bm-save {
    display: block;
    margin-top: 2px;
    color: #a4a6ab;
    font-size: 12.5px;
    font-weight: 600
}
.blaze-buybar .bm-save[hidden] {
    display: none
}
.blaze-buybar .bm-save b {
    color: #7ee2a0;
    font-weight: 800
}
@media (max-width:767px) {
    .blaze-pkg .bm-merch {
        padding: 10px 16px 0
    }
}

/* Compare tables: rank headers and cells open the rank's details; perks and commands have tooltips */
.bcmp .bcmp-rank-btn {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-align: center;
    cursor: pointer
}
.bcmp .bcmp-rank-more {
    display: inline-block;
    margin-top: 4px;
    color: var(--rc);
    font-size: 11.5px;
    font-weight: 800;
    opacity: .8
}
.bcmp .bcmp-rank-more .mdi {
    vertical-align: -1px
}
.bcmp .bcmp-rank-btn:hover .bcmp-rank-more,
.bcmp .bcmp-rank-btn:focus .bcmp-rank-more {
    opacity: 1;
    text-decoration: underline
}
.bcmp td.bcmp-cell {
    cursor: pointer;
    -webkit-transition: background .12s;
    transition: background .12s
}
.bcmp td.bcmp-cell:hover {
    background: rgba(255, 255, 255, .035)
}
.bcmp .bcmp-label {
    border-bottom: 1px dotted rgba(255, 255, 255, .3);
    cursor: help
}
.bcmp .bcmp-cmds td {
    line-height: 1.9
}
.bcmp .bcmp-cmd {
    display: inline-block;
    margin: 1px 2px;
    padding: 0 6px;
    border-radius: 6px;
    background: rgba(255, 255, 255, .05);
    font-size: 12.5px;
    line-height: 1.7;
    white-space: nowrap;
    cursor: help
}
.bcmp .bcmp-cmd:hover,
.bcmp .bcmp-cmd:focus {
    background: rgba(255, 255, 255, .1)
}
#blaze-tip {
    position: fixed;
    z-index: 2000;
    top: 0;
    left: 0;
    max-width: 280px;
    padding: 8px 11px;
    border: 1px solid rgba(254, 135, 30, .3);
    border-radius: 8px;
    background: #111318;
    color: #e6e7ea;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.45;
    -webkit-box-shadow: 0 8px 20px rgba(0, 0, 0, .45);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .45);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .12s;
    transition: opacity .12s
}
#blaze-tip.is-on {
    opacity: 1
}

/* Round 3 polish: group labels stay visible while the table scrolls sideways; Recent Payments */
.bcmp .bcmp-group th {
    position: static
}
.bcmp .bcmp-group-label {
    position: -webkit-sticky;
    position: sticky;
    left: 12px
}
#blaze-payments-slot .payment-meta small:empty {
    display: none
}
.page-sidebar .ndzn-module.module--payments {
    margin-bottom: 10px;
    padding: 12px 14px;
    border-radius: 14px
}
.page-sidebar .ndzn-module.module--payments .payments-title {
    padding: 0 12px 0 0;
    color: #fe871e;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.35;
    text-align: left
}
.page-sidebar .ndzn-module.module--payments .payments-list {
    padding-right: 0
}
.page-sidebar .ndzn-module.module--payments .payments-list img {
    width: 26px;
    height: 26px;
    border-radius: 6px;
    image-rendering: pixelated
}

/* --------------------------------------------------------------------------
   Blaze Wave 3, post-launch: rank comparison on phones = one card per rank
   (the table stays on tablet and desktop)
   -------------------------------------------------------------------------- */
.bcmp-cards {
    display: none
}
@media (max-width:750px) {
    .blaze-compare .bcmp-scroll {
        display: none
    }
    .bcmp-cards {
        display: block
    }
}
.bcmp-card {
    margin: 0 0 8px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-left: 4px solid var(--rc);
    border-radius: 12px;
    background: #24262e;
    overflow: hidden;
    text-align: left
}
.bcmp-card .bcc-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 14px 14px 14px 16px;
    list-style: none;
    cursor: pointer
}
.bcmp-card .bcc-head::-webkit-details-marker {
    display: none
}
.bcmp-card .bcc-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: var(--rc);
    font-size: 17px;
    font-weight: 800
}
.bcmp-card .bcc-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    text-align: right
}
.bcmp-card .bcc-price small {
    color: #a4a6ab;
    font-size: 11px
}
.bcmp-card .bcc-price s {
    color: #e5484d;
    font-weight: 600
}
.bcmp-card .bcc-up {
    color: #8b8d99;
    font-size: 11.5px;
    font-weight: 600
}
.bcmp-card .bcc-caret {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #a4a6ab;
    font-size: 22px;
    line-height: 1;
    -webkit-transition: -webkit-transform .18s;
    transition: transform .18s
}
.bcmp-card[open] .bcc-caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.bcmp-card .bcc-body {
    padding: 0 14px 14px 16px
}
.bcmp-card .bcc-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin: 0 0 10px
}
.bcmp-card .bcc-actions .btn.bc-btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin: 0
}
.bcmp-card .bcc-inherit {
    margin: 0 0 6px;
    color: #8b8d99;
    font-size: 12.5px;
    line-height: 1.45;
    text-align: left
}
.bcmp-card .bcc-group {
    margin: 12px 0 2px;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    color: #fe871e;
    font-size: 10.5px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.bcmp-card .bcc-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    min-height: 34px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .04);
    font-size: 13px;
    line-height: 1.4
}
.bcmp-card .bcc-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 46%;
    flex: 0 1 46%;
    color: #e6e7ea;
    font-weight: 700;
    border-bottom: 1px dotted rgba(255, 255, 255, .25);
    cursor: help
}
.bcmp-card .bcc-val {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 54%;
    flex: 1 1 54%;
    color: #a4a6ab;
    font-weight: 600;
    text-align: right
}
.bcmp-card .bcc-val.is-new {
    color: var(--rc);
    font-weight: 800
}
.bcmp-card .bcc-row--cmds {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px
}
.bcmp-card .bcc-row--cmds .bcc-label {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
.bcmp-card .bcc-row--cmds .bcc-val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
    text-align: left
}
.bcmp-card .bcc-row--cmds .bcmp-cmd {
    margin: 0;
    padding: 2px 8px;
    color: var(--rc);
    font-size: 12.5px;
    line-height: 1.5
}

/* Phones: the card note stays left-aligned (the base CSS centres panel paragraphs) */
.blaze-compare .bcmp-card p.bcc-inherit {
    text-align: left
}

/* ==========================================================================
   Blaze Wave 3, login & basket restyle (2026-09-25): webstore/username.html,
   webstore/checkout.html and assets/checkout/buttons.html. Tebex's forms,
   field names, actions and hidden inputs are unchanged; this is layout only.
   ========================================================================== */

/* Login card */
.panel.panel-default.blaze-login {
    margin: 0 0 var(--spacing);
    padding: 32px 36px;
    border-radius: 14px;
    background: radial-gradient(ellipse at 100% 0, rgba(254, 135, 30, .18), rgba(254, 135, 30, 0) 55%), #292b34;
    text-align: left
}
.blaze-login .bl-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 22px
}
.blaze-login .bl-avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    border-radius: 14px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s
}
.blaze-login .bl-avatar.is-set {
    -webkit-box-shadow: inset 0 0 0 2px #fe871e, 0 0 18px rgba(254, 135, 30, .25);
    box-shadow: inset 0 0 0 2px #fe871e, 0 0 18px rgba(254, 135, 30, .25)
}
.blaze-login .bl-avatar img {
    display: block;
    width: 64px;
    height: 64px
}
.blaze-login .bl-text {
    min-width: 0
}
.blaze-login .bl-kicker {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.blaze-login .bl-title {
    margin: 6px 0 4px;
    color: #fff;
    font-family: inherit;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.15
}
.blaze-login p.bl-sub {
    margin: 0;
    color: #a4a6ab;
    font-size: 15px;
    line-height: 1.5;
    text-align: left
}
.blaze-login .bl-form form,
.blaze-login .bl-form .username {
    margin: 0
}
.blaze-login .username .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    width: 100%
}
.blaze-login .username .input-group .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 0;
    height: 54px;
    padding: 0 18px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background: #1d1f26;
    font-size: 17px
}
.blaze-login .username .input-group .form-control:focus {
    border-color: #fe871e;
    background: #1d1f26;
    -webkit-box-shadow: 0 0 0 3px rgba(254, 135, 30, .2);
    box-shadow: 0 0 0 3px rgba(254, 135, 30, .2)
}
.blaze-login .username .input-group .input-group-btn {
    display: block;
    width: auto;
    font-size: inherit;
    white-space: nowrap
}
.blaze-login .username .input-group .btn.btn-success,
.blaze-login .username .input-group .btn.btn-success:hover,
.blaze-login .username .input-group .btn.btn-success:focus {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    margin: 0;
    padding: 0 26px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    font-size: 16px;
    font-weight: 800;
    -webkit-box-shadow: 0 6px 16px rgba(254, 135, 30, .22);
    box-shadow: 0 6px 16px rgba(254, 135, 30, .22)
}
.blaze-login .bl-notes {
    display: -ms-grid;
    display: grid;
    gap: 10px;
    margin: 22px 0 0;
    padding: 18px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .06);
    list-style: none
}
.blaze-login .bl-notes li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    color: #a4a6ab;
    font-size: 14px;
    line-height: 1.5
}
.blaze-login .bl-notes .mdi {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #fe871e;
    font-size: 18px;
    line-height: 1.2
}
.blaze-login .bl-notes b {
    color: #fff
}

/* Basket: shared card shell */
.blaze-checkout .panel.panel-default {
    border-radius: 14px;
    text-align: left
}
.blaze-checkout .blaze-basket {
    overflow: hidden
}
.blaze-basket .bb-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    padding: 22px 26px 18px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    background: radial-gradient(ellipse at 100% 0, rgba(254, 135, 30, .16), rgba(254, 135, 30, 0) 60%)
}
.blaze-basket .bb-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: #fff;
    font-family: inherit;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2
}
.blaze-basket .bb-title .mdi {
    color: #fe871e
}
.blaze-basket .bb-count {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(254, 135, 30, .12);
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase
}

/* Basket: item rows (the old .ndzn-checkout-packages rules are overridden here) */
.blaze-basket .bb-items .package {
    padding: 16px 26px;
    border-bottom: 1px solid rgba(255, 255, 255, .05)
}
.blaze-basket .bb-items .package-container.main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    text-align: left
}
.blaze-basket .bb-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 56px;
    flex: 0 0 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 12px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05)
}
.blaze-basket .bb-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.blaze-basket .bb-thumb .mdi {
    color: #fe871e;
    font-size: 28px;
    line-height: 1
}
.blaze-basket .bb-items .package-left {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    padding: 0;
    text-align: left
}
.blaze-basket .bb-items .package-name {
    width: auto;
    margin: 0 0 3px;
    padding: 0;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    overflow-wrap: anywhere
}
.blaze-basket .bb-items .package-price {
    padding: 0;
    color: #fe871e;
    font-size: 14px;
    font-weight: 800
}
.blaze-basket .bb-items .bb-each {
    margin-left: 6px;
    color: #a4a6ab;
    font-size: 12px;
    font-weight: 600
}
.blaze-basket .bb-items .package-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 0
}
.blaze-basket .bb-items .package-right:before {
    display: none
}
.blaze-basket .bb-items .package-right-qty {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: static;
    height: 36px;
    min-width: 0;
    margin: 0;
    padding: 0 3px;
    border-radius: 10px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06)
}
.blaze-basket .bb-items .package-right-qty.disableQuantity {
    padding: 0 6px
}
.blaze-basket .bb-items .package-right-qty form {
    position: static;
    width: auto;
    margin: 0
}
.blaze-basket .bb-items .package-right-qty form:first-child {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}
.blaze-basket .bb-items .package-right-qty form:last-child {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
.blaze-basket .bb-items .package-right-qty span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    min-width: 30px;
    margin: 0;
    color: #fff;
    font-size: 14px;
    text-align: center
}
.blaze-basket .bb-items .package-right-qty fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0
}
.blaze-basket .bb-items .package-right-qty fieldset[disabled] {
    opacity: .3
}
.blaze-basket .bb-items .package-right-qty button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    min-width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 8px;
    color: #fe871e;
    font-size: 17px;
    line-height: 1
}
.blaze-basket .bb-items .package-right-qty button:hover,
.blaze-basket .bb-items .package-right-qty button:focus-visible {
    background: rgba(254, 135, 30, .14)
}
.blaze-basket .bb-items .package-right-qty button:hover i {
    -webkit-animation: none;
    animation: none
}
.blaze-basket .bb-items .package-right-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    font-size: 18px;
    line-height: 1;
    -webkit-transition: .15s;
    transition: .15s
}
.blaze-basket .bb-items .package-right-btn.info {
    color: #a4a6ab
}
.blaze-basket .bb-items .package-right-btn.info:hover,
.blaze-basket .bb-items .package-right-btn.info:focus {
    color: #fff
}
.blaze-basket .bb-items .package-right-btn.remove {
    color: #e86161
}
.blaze-basket .bb-items .package-right-btn.remove:hover,
.blaze-basket .bb-items .package-right-btn.remove:focus {
    background: rgba(232, 97, 97, .14);
    color: #ff7b7b
}
.blaze-basket .bb-items .package-container.options {
    padding: 10px 0 0 72px
}
.blaze-basket .bb-items .options-box {
    padding: 10px 14px;
    border-radius: 10px;
    background: #24262e
}
.blaze-basket .bb-items .options-box:before {
    display: none
}
.blaze-basket .bb-items .options-box .opt {
    color: #a4a6ab;
    font-size: 13px
}
.blaze-basket .bb-items .options-box .opt b {
    color: #fff
}

/* Basket: coupon / gift card row (secondary) */
.blaze-basket .bb-coupons {
    padding: 16px 26px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    background: rgba(0, 0, 0, .08)
}
.blaze-basket .bb-coupons .coupons,
.blaze-basket .bb-coupons .redeem,
.blaze-basket .bb-coupons .redeemed {
    margin: 0;
    padding: 0
}
.blaze-basket .bb-coupons .redeem form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px 16px;
    margin: 0
}
.blaze-basket .bb-coupon-label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin: 0;
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap
}
.blaze-basket .bb-coupon-label .mdi {
    color: #fe871e;
    font-size: 17px
}
.blaze-basket .bb-coupons .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 260px;
    flex: 1 1 260px;
    min-width: 0
}
.blaze-basket .bb-coupons .input-group .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 0;
    height: 42px;
    padding: 0 14px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-right: 0;
    border-radius: 10px 0 0 10px;
    background: #1d1f26;
    font-size: 14px
}
.blaze-basket .bb-coupons .input-group .form-control::placeholder {
    font-size: 13px
}
.blaze-basket .bb-coupons .input-group .form-control:focus {
    border-color: rgba(254, 135, 30, .6)
}
.blaze-basket .bb-coupons .input-group .input-group-btn {
    display: block;
    width: auto;
    font-size: inherit
}
.blaze-basket .bb-coupons .input-group .btn.btn-primary,
.blaze-basket .bb-coupons .input-group .btn.btn-primary:hover,
.blaze-basket .bb-coupons .input-group .btn.btn-primary:focus {
    height: 42px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 0 10px 10px 0;
    background: rgba(254, 135, 30, .14);
    color: #fe871e;
    font-size: 14px;
    font-weight: 800;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .45);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .45)
}
.blaze-basket .bb-coupons .redeemed table {
    margin: 12px 0 0;
    border: 0;
    border-radius: 10px;
    overflow: hidden
}
.blaze-basket .bb-coupons .redeemed .table > tbody > tr > td {
    padding: 8px 12px;
    border-top: 1px solid rgba(255, 255, 255, .04);
    background: #24262e;
    color: #a4a6ab;
    font-size: 13px;
    text-align: left;
    vertical-align: middle
}
.blaze-basket .bb-coupons .redeemed .table > tbody > tr > td:first-child {
    color: #fe871e;
    font-weight: 800
}
.blaze-basket .bb-coupons .redeemed .btn.btn-danger,
.blaze-basket .bb-coupons .redeemed .btn.btn-danger:focus {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border-radius: 8px;
    background: rgba(232, 97, 97, .14);
    color: #ff7b7b;
    font-size: 15px;
    line-height: 1;
    -webkit-box-shadow: none;
    box-shadow: none
}
.blaze-basket .bb-coupons .redeemed .btn.btn-danger:hover {
    background: rgba(232, 97, 97, .24);
    color: #ff7b7b
}
.blaze-basket .bb-coupons .redeemed .table > tbody > tr > td:last-child {
    width: 1%;
    text-align: right
}

/* Basket: total */
.blaze-basket .bb-total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 26px 22px
}
.blaze-basket .bb-total span {
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase
}
.blaze-basket .bb-total b {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.1
}
.blaze-basket .bb-total small {
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 700
}

/* Pay card: payment method, billing fields, terms and the checkout button */
.blaze-checkout .blaze-pay .panel-body {
    padding: 6px 26px 24px;
    text-align: left
}
.blaze-checkout .blaze-pay .panel-body p {
    text-align: left
}
.blaze-pay .page-header {
    margin: 18px 0 12px;
    padding: 0;
    border: 0
}
.blaze-pay .page-header h4 {
    margin: 0;
    color: #fe871e;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 1.5;
    text-transform: uppercase
}
.blaze-pay .page-header .referral-button {
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none
}
.blaze-pay .page-header .referral-button:hover,
.blaze-pay .page-header .referral-button:focus {
    color: #fff
}
.blaze-pay .gateways {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 10px
}
.blaze-pay .gateways:before,
.blaze-pay .gateways:after {
    display: none
}
.blaze-pay .gateways .radio {
    float: none;
    width: auto;
    height: auto;
    min-height: 0;
    margin: 0
}
.blaze-pay .gateways .radio label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-height: 54px;
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: box-shadow .15s, background .15s;
    transition: box-shadow .15s, background .15s
}
.blaze-pay .gateways .radio label:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .45);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .45)
}
.blaze-pay .gateways .radio label:has(input:checked) {
    background: rgba(254, 135, 30, .08);
    -webkit-box-shadow: inset 0 0 0 2px #fe871e;
    box-shadow: inset 0 0 0 2px #fe871e
}
.blaze-pay .gateways .radio input[type=radio] {
    position: static;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: #fe871e
}
.blaze-pay .gateways .radio img {
    max-width: 90px;
    max-height: 28px;
    width: auto
}
.blaze-pay .details .row {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0 14px;
    margin: 0
}
.blaze-pay .details .row:before,
.blaze-pay .details .row:after {
    display: none
}
.blaze-pay .details .row > div {
    width: auto;
    float: none;
    padding: 0
}
.blaze-pay .form-group label {
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 700
}
.blaze-pay .details .form-control {
    height: 44px;
    border-radius: 10px;
    font-size: 15px
}
.blaze-pay .row.ndznTerms {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px 18px;
    margin: 0
}
.blaze-pay .row.ndznTerms:before,
.blaze-pay .row.ndznTerms:after {
    display: none
}
.blaze-pay .row.ndznTerms > [class*=col-] {
    float: none;
    width: auto;
    min-width: 0;
    padding: 0
}
.blaze-pay .row.ndznTerms > .col-sm-8 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px
}
.blaze-pay .row.ndznTerms > .col-sm-4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 260px;
    flex: 1 1 260px
}
.blaze-pay .ndznTerms .checkbox {
    margin: 0
}
.blaze-pay .ndznTerms .checkbox > label {
    display: block;
    position: relative;
    margin: 0;
    padding: 14px 16px 14px 50px;
    border-radius: 10px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
    color: #a4a6ab;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
    -webkit-transition: box-shadow .15s;
    transition: box-shadow .15s
}
.blaze-pay .ndznTerms .checkbox > label:has(input:checked) {
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55)
}
.blaze-pay .ndznTerms .checkbox input[type=checkbox] {
    position: absolute;
    top: 14px;
    left: 16px;
    width: 22px;
    height: 22px;
    margin: 0;
    border-radius: 6px;
    background: #16181e center / 14px no-repeat;
    -webkit-box-shadow: inset 0 0 0 2px #4c5268;
    box-shadow: inset 0 0 0 2px #4c5268;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: background-color .15s, box-shadow .15s;
    transition: background-color .15s, box-shadow .15s
}
.blaze-pay .ndznTerms .checkbox input[type=checkbox]:hover {
    -webkit-box-shadow: inset 0 0 0 2px #fe871e;
    box-shadow: inset 0 0 0 2px #fe871e
}
.blaze-pay .ndznTerms .checkbox input[type=checkbox]:checked {
    background-color: #fe871e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23643515' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
    -webkit-box-shadow: none;
    box-shadow: none
}
.blaze-pay .ndznTerms .checkbox input[type=checkbox]:focus-visible {
    outline: 2px solid #ffa351;
    outline-offset: 2px
}
.blaze-pay .ndznTerms .checkbox label a {
    color: #fe871e;
    font-weight: 700
}
.blaze-pay .ndznTerms .form-group {
    margin: 0
}
.blaze-pay .btn.btn-success,
.blaze-pay .btn.btn-success:hover,
.blaze-pay .btn.btn-success:focus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 8px;
    width: 100%;
    min-height: 58px;
    padding: 12px 20px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    font-size: 18px;
    font-weight: 800;
    line-height: 1.2;
    white-space: normal;
    -webkit-box-shadow: 0 8px 22px rgba(254, 135, 30, .28);
    box-shadow: 0 8px 22px rgba(254, 135, 30, .28)
}
.blaze-pay .btn.btn-success .mdi {
    font-size: 20px;
    line-height: 1
}
.blaze-pay .btn.btn-success .bcta-amt {
    padding: 2px 8px;
    border-radius: 6px;
    background: rgba(100, 53, 21, .14);
    font-size: 15px
}
.blaze-pay p.bp-trust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px 20px;
    margin: 18px 0 0;
    color: #a4a6ab;
    font-size: 13px;
    line-height: 1.5;
    text-align: center
}
.blaze-pay p.bp-trust span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}
.blaze-pay p.bp-trust .mdi {
    color: #fe871e;
    font-size: 16px
}

/* Empty basket */
.panel.panel-default.blaze-basket-empty {
    padding: 52px 28px;
    border-radius: 14px;
    background: radial-gradient(ellipse at 50% 0, rgba(254, 135, 30, .16), rgba(254, 135, 30, 0) 60%), #292b34;
    text-align: center
}
.blaze-basket-empty .bbe-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 84px;
    height: 84px;
    margin-bottom: 16px;
    border-radius: 50%;
    background: #24262e;
    color: #fe871e;
    font-size: 42px;
    line-height: 1
}
.blaze-basket-empty .bbe-title {
    margin: 0 0 8px;
    color: #fff;
    font-family: inherit;
    font-size: 26px;
    font-weight: 800
}
.blaze-basket-empty p.bbe-text {
    max-width: 440px;
    margin: 0 auto 22px;
    color: #a4a6ab;
    font-size: 15px;
    line-height: 1.6;
    text-align: center
}
.blaze-basket-empty .btn.bbe-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 13px 24px;
    font-size: 15px;
    font-weight: 800
}
.blaze-basket-empty .btn.bbe-btn .mdi {
    font-size: 19px;
    line-height: 1
}

/* Header mini-cart: its Checkout button in brand orange (it was the old green) */
.ndzn-component-cart .cart-checkout .btn.btn-success,
.ndzn-component-cart .cart-checkout .btn.btn-success:hover,
.ndzn-component-cart .cart-checkout .btn.btn-success:focus {
    border: 0;
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    font-weight: 800
}
.ndzn-component-cart .cart-checkout .btn.btn-success .badge {
    background: rgba(100, 53, 21, .16);
    color: #643515
}

/* Phones */
@media (max-width: 600px) {
    .panel.panel-default.blaze-login {
        padding: 22px 18px
    }
    .blaze-login .bl-head {
        gap: 14px;
        margin-bottom: 18px
    }
    .blaze-login .bl-avatar {
        width: 68px;
        height: 68px
    }
    .blaze-login .bl-avatar img {
        width: 52px;
        height: 52px
    }
    .blaze-login .bl-title {
        font-size: 24px
    }
    .blaze-login p.bl-sub {
        font-size: 14px
    }
    .blaze-login .username .input-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .blaze-login .username .input-group .btn.btn-success,
    .blaze-login .username .input-group .btn.btn-success:hover,
    .blaze-login .username .input-group .btn.btn-success:focus {
        width: 100%
    }
    .blaze-basket .bb-head,
    .blaze-basket .bb-items .package,
    .blaze-basket .bb-coupons {
        padding-left: 16px;
        padding-right: 16px
    }
    .blaze-basket .bb-total {
        padding: 16px 16px 18px
    }
    .blaze-basket .bb-title {
        font-size: 19px
    }
    .blaze-basket .bb-items .package-container.main {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px 12px
    }
    .blaze-basket .bb-thumb {
        -ms-flex-preferred-size: 48px;
        flex-basis: 48px;
        width: 48px;
        height: 48px
    }
    .blaze-basket .bb-items .package-left {
        -ms-flex-preferred-size: calc(100% - 60px);
        flex-basis: calc(100% - 60px)
    }
    .blaze-basket .bb-items .package-right {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        padding-left: 60px
    }
    .blaze-basket .bb-items .package-right-qty {
        margin-right: auto
    }
    .blaze-basket .bb-items .package-container.options {
        padding-left: 0
    }
    .blaze-basket .bb-coupons .input-group {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .blaze-basket .bb-total b {
        font-size: 22px
    }
    .blaze-checkout .blaze-pay .panel-body {
        padding: 4px 16px 18px
    }
    .panel.panel-default.blaze-basket-empty {
        padding: 36px 18px
    }
    .blaze-basket-empty .bbe-title {
        font-size: 22px
    }
}

/* ==========================================================================
   Blaze Wave 3, package options page (webstore/options.html): the step after
   "Add to cart". Tebex's form, field names and values are unchanged; short
   dropdowns get tap-to-choose buttons from layout.html that set the same select.
   ========================================================================== */
.panel.panel-default.blaze-options {
    margin: 0 0 var(--spacing);
    padding: 0;
    overflow: hidden;
    border-radius: 14px;
    text-align: left
}
.blaze-options .bo-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 18px;
    padding: 26px 28px 22px;
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    background: radial-gradient(ellipse at 100% 0, rgba(254, 135, 30, .18), rgba(254, 135, 30, 0) 55%)
}
.blaze-options .bo-thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 76px;
    flex: 0 0 76px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    overflow: hidden;
    border-radius: 14px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05)
}
.blaze-options .bo-thumb img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.blaze-options .bo-thumb .mdi {
    color: #fe871e;
    font-size: 36px;
    line-height: 1
}
.blaze-options .bo-text {
    min-width: 0
}
.blaze-options .bo-kicker {
    color: #fe871e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}
.blaze-options .bo-title {
    margin: 4px 0 4px;
    color: #fff;
    font-family: inherit;
    font-size: 26px;
    font-weight: 800;
    line-height: 1.2;
    overflow-wrap: anywhere
}
.blaze-options .bo-price {
    color: #fe871e;
    font-size: 18px;
    font-weight: 800
}
.blaze-options .bo-price:empty {
    display: none
}
.blaze-options .bo-price small {
    color: #a4a6ab;
    font-size: 13px;
    font-weight: 700
}
.blaze-options .bo-body {
    padding: 22px 28px 26px
}
.blaze-options p.bo-intro {
    margin: 0 0 20px;
    color: #a4a6ab;
    font-size: 15px;
    line-height: 1.5;
    text-align: left
}
.blaze-options p.bo-intro b {
    color: #fff
}
.blaze-options .bo-field {
    position: relative;
    margin: 0 0 20px
}
.blaze-options .bo-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px;
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35
}
.blaze-options .bo-label .mdi {
    color: #fe871e;
    font-size: 19px;
    line-height: 1
}
.blaze-options p.bo-help {
    margin: 8px 0 0;
    color: #a4a6ab;
    font-size: 13px;
    line-height: 1.5;
    text-align: left
}
.blaze-options .bo-field .form-control {
    height: 52px;
    margin: 0;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 10px;
    background-color: #1d1f26;
    font-size: 16px
}
.blaze-options .bo-field .form-control:focus {
    border-color: #fe871e;
    -webkit-box-shadow: 0 0 0 3px rgba(254, 135, 30, .2);
    box-shadow: 0 0 0 3px rgba(254, 135, 30, .2)
}
.blaze-options .bo-field select.form-control {
    padding-right: 46px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fe871e' d='M7.4 8.6 12 13.2l4.6-4.6L18 10l-6 6-6-6z'/%3E%3C/svg%3E");
    background-position: right 14px center;
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer
}
.blaze-options .bo-field .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0
}
.blaze-options .bo-field .input-group .form-control {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 0;
    border-radius: 10px 0 0 10px
}
.blaze-options .bo-field .input-group .input-group-btn + .form-control {
    border-radius: 0 10px 10px 0
}
.blaze-options .bo-field .input-group .input-group-addon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
    padding: 0 16px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-left: 0;
    border-radius: 0 10px 10px 0;
    background: #24262e;
    color: #a4a6ab
}
.blaze-options .bo-field .input-group .input-group-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: auto
}
.blaze-options .bo-field .input-group .input-group-btn .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    margin: 0;
    padding: 0 18px;
    border: 0;
    border-radius: 10px 0 0 10px;
    font-size: 15px;
    white-space: nowrap
}

/* Tap-to-choose buttons (layout.html); the real select stays in the form, visually hidden */
.blaze-options .bo-field select.bo-native {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    border: 0;
    opacity: 0
}
.blaze-options .bo-seg {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px
}
.blaze-options .bo-seg-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    margin: 0;
    padding: 10px 16px;
    border: 0;
    border-radius: 10px;
    background: #24262e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
    color: #fff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    text-align: left;
    cursor: pointer;
    -webkit-transition: background .15s, box-shadow .15s;
    transition: background .15s, box-shadow .15s
}
.blaze-options .bo-seg-btn:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .5);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .5)
}
.blaze-options .bo-seg-btn:focus-visible {
    outline: 2px solid #ffa351;
    outline-offset: 2px
}
.blaze-options .bo-seg-btn.is-on {
    background: rgba(254, 135, 30, .1);
    -webkit-box-shadow: inset 0 0 0 2px #fe871e;
    box-shadow: inset 0 0 0 2px #fe871e
}
.blaze-options .bo-seg-dot {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 0 2px #4c5268;
    box-shadow: inset 0 0 0 2px #4c5268;
    -webkit-transition: box-shadow .15s;
    transition: box-shadow .15s
}
.blaze-options .bo-seg-btn.is-on .bo-seg-dot {
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 5px #fe871e;
    box-shadow: inset 0 0 0 5px #fe871e
}

/* Back (secondary) and Continue (primary) */
.blaze-options .variables .buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    margin: 26px 0 0;
    padding: 20px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .06)
}
.blaze-options .variables .buttons:before,
.blaze-options .variables .buttons:after {
    display: none
}
.blaze-options .variables .buttons .back,
.blaze-options .variables .buttons .continue {
    float: none;
    width: auto;
    margin: 0;
    padding: 0
}
.blaze-options .variables .buttons .back {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px
}
.blaze-options .variables .buttons .continue {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 260px;
    flex: 1 1 260px
}
.blaze-options .variables .buttons .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    height: 56px;
    margin: 0;
    padding: 0 22px;
    border: 0;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 800;
    line-height: 1
}
.blaze-options .variables .buttons .btn.btn-danger,
.blaze-options .variables .buttons .btn.btn-danger:hover,
.blaze-options .variables .buttons .btn.btn-danger:focus {
    background: transparent;
    color: #fe871e;
    -webkit-box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55);
    box-shadow: inset 0 0 0 1px rgba(254, 135, 30, .55)
}
.blaze-options .variables .buttons .btn.btn-danger:hover {
    background: rgba(254, 135, 30, .08)
}
.blaze-options .variables .buttons .btn.btn-danger .mdi {
    font-size: 19px
}
.blaze-options .variables .buttons .btn.btn-success,
.blaze-options .variables .buttons .btn.btn-success:hover,
.blaze-options .variables .buttons .btn.btn-success:focus {
    background: linear-gradient(180deg, #ffa351, #fe871e);
    color: #643515;
    font-size: 17px;
    -webkit-box-shadow: 0 8px 22px rgba(254, 135, 30, .28);
    box-shadow: 0 8px 22px rgba(254, 135, 30, .28)
}
.blaze-options p.bo-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin: 14px 0 0;
    color: #a4a6ab;
    font-size: 13px;
    line-height: 1.5;
    text-align: left
}
.blaze-options p.bo-note .mdi {
    color: #fe871e;
    font-size: 16px
}

@media (max-width: 600px) {
    .blaze-options .bo-head {
        gap: 14px;
        padding: 20px 18px 18px
    }
    .blaze-options .bo-thumb {
        -ms-flex-preferred-size: 60px;
        flex-basis: 60px;
        width: 60px;
        height: 60px
    }
    .blaze-options .bo-title {
        font-size: 21px
    }
    .blaze-options .bo-body {
        padding: 18px 18px 20px
    }
    .blaze-options .bo-seg {
        grid-template-columns: minmax(0, 1fr)
    }
    .blaze-options .variables .buttons .back,
    .blaze-options .variables .buttons .continue {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        margin: 0
    }
    .blaze-options .variables .buttons .continue {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
    .blaze-options .variables .buttons .btn {
        height: 52px
    }
    .blaze-options p.bo-note {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

/* ==========================================================================
   Blaze Wave 4 (2026-09-25): visual refresh, shared with the Ghost theme v1.9.0
   (plans/01 Phase 5, plans/02 Batches D-F). Review notes: plans/wave4/REVIEW.md.
   - Compact header on every page except the store home (#ndzn-header.is-compact,
     set by the headerClass block in layout.html / index.html)
   - One button spec (14px), success/danger aligned with Ghost
   - 16px body text, one section-title spec (24/800 white + 40x4 orange bar)
   - Neutral greys for inputs and the user bar, no pale yellow #FFC97B
   - Modal backdrop #16181E at 90%, scrollbar and selection colours
   ========================================================================== */

/* ---- Compact header (mirrors Ghost .ndzn-header.is-compact in theme/assets/styles/_header.css) ---- */
#ndzn-header.is-compact {
    height: 150px
}
#ndzn-header.is-compact .nav-link {
    height: 76px;
    padding-top: 0
}
#ndzn-header.is-compact .nav-redirects .nav-store {
    height: 45px;
    padding: 0 32px
}
#ndzn-header.is-compact .header-splash {
    top: 76px;
    bottom: auto;
    height: 74px
}
#ndzn-header.is-compact .header-splash .container {
    height: 74px;
    padding: 0 !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
#ndzn-header.is-compact .header-splash .splash-box {
    box-sizing: border-box;
    top: 0;
    width: auto;
    min-width: 0;
    height: 50px;
    margin: 0;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 25px;
    background: rgba(0, 0, 0, .25);
    -webkit-transition: filter .15s, border-color .15s;
    transition: filter .15s, border-color .15s
}
#ndzn-header.is-compact .header-splash .splash-box:hover,
#ndzn-header.is-compact .header-splash .splash-box:focus {
    border-color: rgba(254, 135, 30, .4)
}
#ndzn-header.is-compact .header-splash .splash-box .box-text .big {
    margin: 0;
    font-size: 15px;
    line-height: 18px
}
#ndzn-header.is-compact .header-splash .splash-box .box-text .small {
    top: 0;
    margin-top: 2px;
    font-size: 11px;
    line-height: 14px
}
#ndzn-header.is-compact .header-splash .splash-box .mdi {
    font-size: 28px;
    line-height: 1
}
#ndzn-header.is-compact .header-splash .splash-box .mdi.mdi-minecraft {
    margin-left: 16px
}
#ndzn-header.is-compact .header-splash .splash-box .mdi.mdi-discord {
    top: 0;
    margin-right: 16px
}
#ndzn-header.is-compact .header-splash .divider {
    width: 200px;
    height: 50px
}
#ndzn-header.is-compact .header-logo {
    top: auto;
    bottom: -22px;
    width: 160px;
    height: 100px
}
#ndzn-header.is-compact .header-logo .dragon,
#ndzn-header.is-compact .header-logo .blaze {
    display: none
}
@media (max-width:1000px) {
    #ndzn-header.is-compact {
        height: 146px
    }
    #ndzn-header.is-compact .header-nav .container {
        height: 72px;
        padding-top: 0
    }
    #ndzn-header.is-compact .header-splash {
        top: 72px
    }
}
@media (min-width:901px) and (max-width:1000px) {
    /* Ghost keeps the chip icons and the centred layout down to 901px */
    #ndzn-header.is-compact .header-splash .divider {
        display: block
    }
    #ndzn-header.is-compact .header-splash .splash-box .mdi {
        display: block
    }
    #ndzn-header.is-compact .header-splash .splash-box.splash-discord {
        margin-left: 0
    }
}
@media (max-width:900px) {
    #ndzn-header.is-compact {
        height: 142px
    }
    #ndzn-header.is-compact .nav-redirects .nav-store {
        padding: 0 28px
    }
    #ndzn-header.is-compact .header-splash,
    #ndzn-header.is-compact .header-splash .container {
        height: 70px
    }
    #ndzn-header.is-compact .header-splash .splash-box {
        height: 46px;
        padding: 0 16px
    }
    #ndzn-header.is-compact .header-splash .splash-box.splash-discord {
        margin-left: auto
    }
    #ndzn-header.is-compact .header-logo {
        bottom: -18px;
        width: 128px;
        height: 80px
    }
}
@media (max-width:550px) {
    #ndzn-header.is-compact {
        height: 137px
    }
    #ndzn-header.is-compact .header-splash,
    #ndzn-header.is-compact .header-splash .container {
        height: 65px
    }
    #ndzn-header.is-compact .header-splash .splash-box.splash-minecraft {
        margin: 0 auto;
        padding: 0 24px
    }
}

/* ---- Buttons: one spec on both sites (Ghost .btn in theme/assets/styles/main.css) ---- */
.btn,
.btn:focus,
.btn:hover {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding-top: 12px;
    padding-bottom: 13px
}
.btn.btn-xs,
.btn.btn-sm {
    font-size: 12px;
    line-height: 16px;
    padding-top: 6px;
    padding-bottom: 6px
}
.btn.btn-success,
.btn.btn-success:focus,
.btn.btn-success:hover {
    background: linear-gradient(180deg, #aef267, #87c744);
    color: #1f3a0b;
    border: 0
}
.btn.btn-danger,
.btn.btn-danger:focus,
.btn.btn-danger:hover {
    background: #ff5050;
    color: #fff;
    border: 0
}
.btn.btn-success:hover,
.btn.btn-danger:hover {
    filter: brightness(1.05)
}

/* ---- Type: 16px body like Ghost; the dense UI (tables, dropdowns, the user bar) keeps 14px ---- */
body {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500
}
.table,
.dropdown-menu,
.tooltip,
.popover,
.input-group-addon,
.ndzn-component-cart,
#ndzn-user .panel-user {
    font-size: 14px;
    line-height: 1.5
}
.page-main .panel-body p,
.modal-body p {
    line-height: 27px
}

/* ---- Section titles: 24/800 white + a 40x4 orange bar (Ghost .panel-title / .section-title) ---- */
.page-main .panel-default:not(.panel--ndzn-checkout-header) > .panel-heading {
    font-weight: 800;
    line-height: 1.25
}
.page-main .panel-default:not(.panel--ndzn-checkout-header) > .panel-heading:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    margin-top: 12px;
    border-radius: 9999px;
    background: #fe871e
}
#blaze-home .bh-h2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin: 36px 0 22px;
    font-size: 24px;
    line-height: 1.25
}
#blaze-home .bh-h2:before {
    display: none
}
#blaze-home .bh-h2:after {
    content: "";
    display: block;
    width: 40px;
    height: 4px;
    border-radius: 9999px;
    background: #fe871e
}
@media (max-width:750px) {
    #blaze-home .bh-h2 {
        font-size: 22px
    }
}
@media (max-width:650px) {
    .page-main .panel-default:not(.panel--ndzn-checkout-header) > .panel-heading:after {
        margin: 12px auto 0
    }
}

/* ---- Colours: retire the pale yellow and the bluish greys from the original template ---- */
#ndzn-homepage .h1 .sml,
#ndzn-homepage .contacts a {
    color: #ffa351
}
#ndzn-user .btn-user {
    color: #fff
}
#ndzn-user .btn-user .mdi {
    color: #fe871e
}
#ndzn-header .header-nav .nav-items .nav-link.is--store,
#ndzn-header .header-nav .nav-items .nav-link.is--store:focus,
#ndzn-header .header-nav .nav-items .nav-link.is--store:hover {
    color: #643515
}
#ndzn-giftcard-modal .stage--form .b .form-control::placeholder {
    color: #787b7f
}

/* ---- Inputs (02 #18): Ghost's neutral greys, orange focus ---- */
.form-control {
    background: #1e2028;
    border-color: #33353e;
    font-weight: 600
}
.form-control:focus {
    background: #24262e;
    border-color: #fe871e;
    -webkit-box-shadow: none;
    box-shadow: none
}
.form-control::-webkit-input-placeholder { color: #787b7f }
.form-control::-moz-placeholder { color: #787b7f }
.form-control:-ms-input-placeholder { color: #787b7f }
.form-control::placeholder { color: #787b7f }
.input-group-addon {
    background: #24262e;
    border-color: #33353e;
    color: #a4a6ab
}

/* ---- Modals (02 #19): #16181E backdrop at 90% like Ghost, 10px radius, red close ---- */
.modal-backdrop,
.modal-backdrop.in {
    background: #16181e
}
.modal-backdrop.in {
    opacity: .9
}
.modal-content {
    border: 0;
    border-radius: 10px
}
.modal .close,
.modal-content button.close {
    color: #ff5050;
    opacity: 1
}
#copy-ip-modal .ipm-dialog {
    background: rgba(22, 24, 30, .9)
}

/* ---- Scrollbar and selection (02 #24), same as Ghost's globals.css ---- */
html {
    scrollbar-color: #3b3d48 #16181e
}
::selection {
    background: rgba(254, 135, 30, .35);
    color: #fff
}

/* ---- Icons (02 #20): Font Awesome glyphs swapped for MDI in the templates ---- */
#ndzn-user .btn-currency .mdi {
    margin-left: 4px;
    font-size: 20px;
    line-height: 1
}
.ndzn-component-cart .cart-dropdown .item .mdi-close,
.ndzn-checkout-packages .package-right-btn .mdi-information-outline {
    font-size: 18px
}
.ndzn-component-cart .cart-controls .mdi {
    font-size: 16px;
    line-height: 1;
    vertical-align: -2px
}
.checkout .packages .mdi.mdi-gift-outline {
    display: inline-block;
    -webkit-animation: ndznGiftPulse .65s infinite linear;
    animation: ndznGiftPulse .65s infinite linear
}
/* Tebex's own site.js rewrites the Gift button with Font Awesome chevrons, and the referral icon may be
   swapped by the platform, so those keep their FA classes and are drawn with the MDI glyphs instead */
.btn-gift .fa.fa-chevron-up:before,
.btn-gift .fa.fa-chevron-down:before,
#preferral-icon.fa-user:before {
    font-family: "Material Design Icons"
}
.btn-gift .fa.fa-chevron-up:before {
    content: "\F0143"
}
.btn-gift .fa.fa-chevron-down:before {
    content: "\F0140"
}
#preferral-icon.fa-user:before {
    content: "\F0004"
}