[name="shippingAddress.postcode"] {
    display: none;
}

@media only screen and (min-width: 768px) {
    .show-order table tbody tr td dl {
        margin-bottom: 0px;
        padding-top: 5px;
        display: table-cell;
        line-height: 20px;
    }
    .rtl-layout .page-header .sticky-menu.active .features-links>li {
        position: relative;
    }
}
.header-search-wrap .search .searchsuite-autocomplete ul li .qs-option-info .qs-option-reviews,
.header-search-wrap .search .searchsuite-autocomplete ul li .qs-option-info .qs-option-description {
    display: none;
}
.minicart-items .action.edit {
    display: none;
}
.checkout-payment-method .payment-method-billing-address {
    display: none;
}
.form-address-edit .field.zip, .form-address-edit .field.choice.set.billing {
    display: none;
}
.rtl-layout .cart-container .cart.table-wrapper .actions-toolbar>.action.towishlist, .rtl-layout .cart-container .cart.table-wrapper .actions-toolbar>.action.action-edit {
    display: none;
}
.rtl-layout .cart.actions .action.towishlist,
.rtl-layout .cart.actions button.action.update {
    display: none;
}
.mb-bottom-toolbar .menu-items>.item.btn-compare {
    display: none;
}

.brand-item a.brand-link.abs-img img[src] {
    height: auto;
    vertical-align: middle;
    display: inline-block !important;
    position: relative;
    max-height: 100%;
}
.brand-item a.brand-link {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    padding: 0 !important;
    height: 100%;
}
.item-group .brand-item {
    height: 100%;
}
.shop-by-brand-slider .item-group {
    height: 100%;
    display: block;
}
.brand-list .brand-item .item-top {
    height: 100px;
}
@media only screen and (min-width: 768px) { 
    .brand-list .brand-item .item-top {
        height: 150px;
    }
}

.cart-container .cart.main.actions .action[class] {
    direction: ltr;
    padding-left: 0;
}


.section-item-title.nav-sections-item-title[aria-controls="store.settings"] {
    display: none;
}


.cdz-qty-box.cart-qty .m-btn.m-plus {
    right: 0;
}
.cdz-qty-box.cart-qty .m-btn {
    height: 100%;
    width: 25px;
}
.cdz-qty-box.cart-qty .m-btn.m-minus {
    border-top: 1px solid #e1e1e1;
}
.cdz-qty-box.cart-qty {
    padding-inline-end: 24px;
    padding-inline-start: 24px;
}

.field[name="shippingAddress.telephone"] .field-tooltip {
    display: none;
}

.field[name="shippingAddress.telephone"] .control._with-tooltip input {
    width: 100%;
    margin-right: 0;
}

.cdz-opc-wrapper .opc-sidebar .discount-code .form-discount .field label.label {
    display: none;
}
form#discount-coupon-form .field label.label {
    display: none;
}

.cart.table-wrapper .items > .item .item-actions td {
    padding-bottom: 0;
}
.rtl-layout .cart-container .cart.table-wrapper .actions-toolbar>.action {
    margin-bottom: 0;
}

@media only screen and (max-width: 768px) { 
    .checkout-index-index .page-wrapper .opc-sidebar {
        padding: 10px;
    }
    .cart.table-wrapper thead .col.item {
        display: none;
    }
    .cart.table-wrapper .items thead + .item {
        border-top: 0 none;
    }
    .checkout-cart-index .cart-container .form-cart {
        padding-top: 5px;
    }
}
@media only screen and (max-width: 767px) { 
    .checkout-cart-index .cart.table-wrapper .item .col.item {
        padding-left: 85px;
    }
    .cart.table-wrapper .col.subtotal {
        float: left;
    }
    .cart.table-wrapper .col.price {
        float: right;
    }
    .cart.table-wrapper .col.qty {
        float: right;
    }
    .cart.table-wrapper .col.item-actions {
        display: block;
        padding: 10px 0 0 0 !important;
        margin: 0 !important;
        width: 30px;
        position: absolute;
        top: 9px;
        z-index: 1;
    }
    .cart.table-wrapper .product-item-details {
        padding-right: 35px;
    }
}
select#gender option[value="3"] {
    display: none;
}

@media only screen and (max-width: 767px) { 
    .toolbar-products {
        padding-left: 0;
    }
    .toolbar .toolbar-sorter.sorter {
        display: none;
    }
    .main .product.info.detailed .additional-attributes {
        width: 100%;
    }
    .sidebar .block.filter .block-title.filter-title {
        float: right;
    }

}
@media only screen and (max-width: 480px) { 
    .toolbar .sorter-options,
    .toolbar-sorter .sorter-options,
    .cdz-flbar .sorter-options {
        width: 97px;
        padding: 0 5px 0 2px;
    }
}
@media only screen and (min-width: 768px) { 
    .sidebar.sidebar-main .toolbar-sorter.sorter {
        display: none;
    }
}

.main .cdz-subcategories .item-title {
    white-space: normal !important;
}

.large-box-tocart .cart-qty {
    direction: ltr;
}
.product-info-main .product-info-main-inner .large-box-tocart .qty-ctl button.decrease {
    border-right: 1px solid #e9eaec !important;
}
.product-info-main .product-info-main-inner .large-box-tocart .qty-ctl button.increase {
    border-left: 1px solid #e9eaec !important;
}
.product-info-main .box-tocart .fieldset .field.qty .label {
    float: right;
    width: auto !important;
    padding-top: 10px;
    margin-left: 10px;
}
.large-box-tocart.box-tocart .fieldset .field.qty {
    float: right;
    margin-left: 20px;
    display: inline-flex;
}
.product-info-main .box-tocart .product-addto-links {
    float: left;
    margin-top: 5px;
}
.product-info-main .box-tocart .product-addto-links .action.towishlist {
    border: 0 none;
    font-size: 0;
}
.product-info-main .box-tocart .product-addto-links .action.towishlist:before { 
    font-size: 16px;
    float: left;
    height: 30px;
    width: 30px;
    background: #f5f5f5;
    line-height: 30px;
    border-radius: 4px;
    margin-top: -7px;
    margin-right: 5px !important;
    display: block !important;
}
.product-info-main .cdz-social-listing i.fa.fa-share-alt {
    height: 30px;
    width: 30px;
    background: #f5f5f5;
    line-height: 30px;
    margin-right: 5px;
    border-radius: 4px;
}
.product-info-main .cdz-social-listing a.cdz-dd-trigger span{
    font-size: 14px;
}
.product-view-style-03 .product-info-main-inner > .product-addto-links {
    display: none;
}
.product-view-style-03.rtl-layout .product-info-main .product-addto-links .action.towishlist {
    margin-left: 0;
}
.product-view-style-03.rtl-layout .product-info-main .product-addto-links .action.towishlist:before{
    margin-left: 0;
}
.product-view-style-03 .product-info-main .swatch-attribute-label:after {
    content: ":";
    margin-left: 5px;
}
.product-view-style-03.rtl-layout .product-info-main .product-info-price {
    float: right;
}
.product-view-style-03.rtl-layout .product-info-main .product-add-form {
    clear: both;
}
.rtl-layout .product-info-main .product-info-stock-sku .attribute.sku .type:after {
    content: ":";
}
.product-item .old-price .price {
    text-decoration: line-through;
    display: inline-block;
}
.product-info-main .price-box .special-price .price-label,
.product-info-main .price-box .old-price .price-label {
    display: inline-block;
}
.product-info-main .price-box .special-price .price-label {
    font-size: 120%;
}
.product-view-style-03 .product-info-main .price-box .special-price .price {
    color: red;
}
.product-view-style-03 .product-info-main .price-box .old-price {
    text-decoration: none;
    margin-top: 5px;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: 0;
}
.product-view-style-03 .product-info-main .price-box .old-price .price {
    font-size: 16px;
}
.price-box .discount-price,
.price-box .old-price .span-note {
    display: none;
}
.product-view-style-03 .product-info-main .price-box .discount-price {
    background: #e2f7ca;
    padding: 2px 5px;
    font-size: 80%;
    white-space: nowrap;
    display: inline-block;
    color: green;
}
.product-view-style-03 .product-info-main .price-box .old-price .span-note {
    display: inline-block;
}
.product-view-style-03.rtl-layout .product-info-main .price-box .special-price {
    margin-left: 12px;
}
.product-view-style-03 .product-info-main .product-right .box-tocart {
    margin-bottom: 0;
    margin-top: 0;
}
.product-view-style-03 .product-info-main .swatch-opt .swatch-attribute {
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
}
.product-view-style-03.rtl-layout .product-info-main .product-info-price {
    padding-bottom: 5px;
}
.product-view-style-03 .product-info-main .price-box {
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
    margin-top: 15px;
}
body.product-view-style-03 .product-info-main .product-info-main-inner > .price-box {
    clear: right;
    margin-bottom: 30px;
}

@media only screen and (min-width: 480px) { 
    .product-info-main .box-tocart .product-addto-links .action.towishlist {
        font-size: 14px;
    }
}

@media only screen and (min-width: 768px) { 
    body.product-view-style-03 .product-info-main .price-box {
        margin-bottom: 0;
    }
}
.product-view-style-03.rtl-layout .product-info-main .product-social-links {
    float: left !important;
    margin-top: -45px;
    border-bottom: 0;
    position: relative;
    z-index: 1;
    width: auto;
}
.product-view-style-03.rtl-layout.page-product-configurable .product-info-main .product-social-links {
    margin-top: -50px;
}
body.product-view-style-03 .product-info-main .product-social-links .cdz-social-listing {
    margin: 0;
}
.product-view-style-03.rtl-layout .product-info-main .product-info-price {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #e2e2e2;
    padding-bottom: 0px;
        margin-bottom: 0px;
}

.product-view-style-03 .product-info-main .product-info-stock-sku .stock.available {
        width: 50%;
    text-align: left;
        margin-bottom: 0px;
}
.product-view-style-03.rtl-layout .product-info-main .product-info-stock-sku .attribute.sku {
    margin-bottom: 0px;
    margin-top: 10px;
}
@media only screen and (max-width: 767px) { 
    .product-view-style-03.rtl-layout .product-info-main .box-tocart .actions {
        float: right;
        clear: right;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 899px) { 
    .product-view-style-03.rtl-layout .product-info-main .product-reviews-summary {
        float: none;
    }
    .product-view-style-03 .product-info-main .product-info-stock-sku .stock.available {
         width: 45%;
    }
    .product-info-main .product-info-stock-sku .attribute.sku {
        width: 55%;
    }
}
/*@media only screen and (min-width: 900px) { 
    .product-view-style-03.rtl-layout .product-info-main .product-info-price {
        max-width: 60%;
    }
}*/
@media only screen and (min-width: 1100px) { 
    body.product-view-style-03 .product-info-main .box-tocart .actions button {
        width: 205px;
    }
}
@media only screen and (max-width: 767px) { 
    .product-view-style-03 .product-info-main .product-social-links {
        margin-top: 10px;
    }
    .product-view-style-03.rtl-layout .product-info-main .product-info-price {
        max-width: 100%;
    }
    .product-view-style-03 .product-info-main .product-info-stock-sku {
         margin-bottom: 0px; 
    }
}
@media only screen and (max-width: 767px) { 
    .cart-informed-modal .product-image-container .product-image-photo {
        width: auto !important;
        position: relative !important;
    }
    .cart-informed-modal .product-image-container .product-image-wrapper {
        padding-bottom: 20px !important;
    }
    .product-info-main .product-info-main-inner .product-reviews-summary {
        position: absolute;
    }
    
    .cart.table-wrapper .item .product-item-photo {
        max-width: 80px;
    }
    .product-info-main .box-tocart .product-addto-links .action.towishlist {
        padding: 0;
        border: 0 none;
    }
    .product-info-main .box-tocart .product-addto-links {
        margin-top: 9px;
    }
    body.catalog-product-view .page-wrapper .page-main {
        padding-top: 10px;
    }

}
body.catalog-product-view .page-wrapper .replacebreadcrumbs {
    margin-bottom: 20px;
}
body.catalog-product-view .page-wrapper .replacebreadcrumbs ul.items {
    max-width: 100%;
}
body.catalog-product-view .page-wrapper .replacebreadcrumbs .items .item:first-child a {
    margin-right: 0;
}
body.catalog-product-view .page-wrapper .replacebreadcrumbs {
    padding: 12px 0 8px;
}

@media only screen and (max-width: 769px) { 
    .form-login .field-tooltip .field-tooltip-content {
        right: inherit;
        left: 38px;
        top: -9px;
    }

    .form-login .field-tooltip .field-tooltip-content::after,
    .form-login .field-tooltip .field-tooltip-content:before {
        left: -21px;
        top: 12px;
        right: inherit;
        border-bottom-color: transparent;
        margin-top: 0;
    }
    .form-login .field-tooltip .field-tooltip-content::after {
        border-right-color: #f4f4f4;
    }

    .form-login .field-tooltip .field-tooltip-content::before {
        border-right-color: #666666;
    }
}


.col-method-wrapper .col.col-method {
    float: right;
    width: 100%;
    color: #c5c2c2;
}

.col-method-wrapper .col-carrier {
    float: right;
    font-weight: bold;
    padding-right: 10px;
    padding-bottom: 5px;
}

.col-method-wrapper .col.col-price {
    float: left;
    font-weight: bold;
}

.col-method-wrapper .col.col-method:first-child {
    float: right;
    width: auto;
}

.cart-summary .block .methods span.price {
    float: left;
}
.cart-summary .block .methods .tt-des {
    color: #c5c2c2;
}
.cdz-opc-wrapper .table-checkout-shipping-method .col-method-wrapper .col-method input.radio {
    margin-top: 4px;
}

.cart-summary .block .fieldset .methods .field > .label.lb-price {
    font-weight: bold;
    float: left;
}
.cart-summary .block .fieldset .field > label.lb-desc {
    float: right;
    width: 100%;
    color: #c5c2c2;
    margin-bottom: 10px;
}
.cart-summary .block .methods dd.item-options {
    margin-right: 0;
}
.cart-summary .block .methods dt.item-title {
    margin-bottom: -18px;
    margin-right: 22px;
    padding-left: 50px;
}
.table-wrapper.order-items .table-order-items dl.item-options {
    margin-bottom: 0;
}

.table-wrapper.order-items .table-order-items dl.item-options dt {
    float: right;
    margin-left: 10px;
}

.table-wrapper.order-items .table-order-items dl.item-options dd {
    margin-bottom: 5px;
}
.details-qty .cdz-qty-box .m-btn.m-plus {
    right: 0;
}
.details-qty .cdz-qty-box .m-btn {
    height: 100%;
    width: 25px;
}
.details-qty .cdz-qty-box .m-btn.m-minus {
    border-top: 1px solid #e1e1e1;
}
.details-qty .cdz-qty-box {
    padding-inline-end: 24px;
    padding-inline-start: 24px;
}
.product-item-details .details-qty .cdz-qty-box .m-btn.bt-trash:after {
    content: "\f1f8";
    font-family: 'FontAwesome';
    font-size: 11px;
}

.opc-sidebar .opc-block-summary .minicart-items .product-item .product-item-details {
    display: inline-block;
    width: calc(100% - 70px);
}
.opc-sidebar .opc-block-summary .minicart-items .product>.product-image-container {
    width: 70px !important;
} 
.order-details .show-order table th.table-method {
    text-align: left;
}
.checkout-onepage-success .order-details .info .box-title {
    border-right: 7px solid rgb(225,221,219);
    border-left: 0 none;
    padding-right: 10px;
}
.checkout-onepage-success .form-create-account .button-continue,
.checkout-onepage-success .block-customer-forget .button-continue {
    float: none;
}
@media only screen and (max-width: 767px) { 
    .opc-block-summary .product-item .product-item-name {
        margin-left: 10px;
    }
    .opc-block-summary .product-item .subtotal {
        margin-top: -50px;
        text-align: left !important;
        margin-right: 100px;
        display: table-cell !important;
    }
    .opc-block-summary .product-item .product-item-details {
        padding-bottom: 10px;
    }
    .order-details .show-order table td.number {
        padding-right: 10px !important;
    }

    .checkout-onepage-success .order-details .shipping-address, .checkout-onepage-success .order-details .shipping-method, .checkout-onepage-success .order-details .billing-address, .checkout-onepage-success .order-details .billing-method {
        width: 100%;
        margin-bottom: 25px;
    }
    .checkout-onepage-success .order-details .info .box-content {
        margin-top: 15px;
    }
}
@media only screen and (max-width: 768px) { 
    .cdz-opc-wrapper .opc-estimated-wrapper {
        display: none;
    }
    .checkout-index-index .page-wrapper .page-title-wrapper {
        display: block;
        position: relative;
        height: auto;
    }
}
@media only screen and (max-width: 767px) { 
    .rtl-layout .cart-container .cart-summary {
        order: 2;
        width: 100%;
        margin-bottom: 0;
    }
    .rtl-layout .cart-container .form-cart {
        order: 1;
        width: 100%;
    }
    .rtl-layout .cart-container {
        display: flex;
        flex-wrap: wrap;
    }
}


.replacebreadcrumbs ul.items li.item {
    position: relative;
    font-size: 15px;
}

.replacebreadcrumbs .items .item:not(:last-child):after {
    content: '\f104' !important;
    font-family: 'FontAwesome';
    width: auto !important;
    height: auto !important;
    background: none !important;
    position: inherit !important;
    margin-right: 7px;
    color: #999999;
}
.replacebreadcrumbs .items .item.category_last:after {
    display: none !important;
}
.opc-block-summary .actions-toolbar .secondary a.action.viewcart {
    display: none;
}
.opc-block-summary .block.items-in-cart {
    margin-bottom: 10px;
}
.cart-container .cart-summary table.data.table.totals tr.totals th,
.opc-block-summary .table-totals tr.totals.shipping th {
    width: 86%;
}
.cart-container .cart-summary table.data.table.totals tr.totals.shipping.excl span.value,
.opc-block-summary .table-totals tr.totals.shipping span.value {
    display: none;
}
.customer-address-index .box.box-address-billing {
    display: none;
}
@media only screen and (min-width: 768px) { 
    body.rtl-layout .product-list-style-51 .action.tocart:after {
        margin-right: 10px;
        font: normal normal normal 16px / 1 'CodazonFont';
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: '\e992';
    }
}
@media only screen and (max-width: 767px) { 
    .product-item-inner .actions-secondary .action.towishlist:after {
        margin-top: 6px;
    }
}

.product-main-top .product.info.detailed table td, .product-main-top .product.info.detailed th {
    border: 0 none !important;
}
.product.info.detailed .additional-attributes {
    width: 100%;
}
.product.info.detailed .additional-attributes > tbody > tr:nth-child(2n+1) {
    background: #f0f4fd;
}
body.catalog-product-view .product.info.detailed .product.items {
    border: 0 none;
    padding-left: 0;
    padding-right: 0;
}
body.rtl-layout .product.info.detailed .product.items .item.title>.switch {
    margin-left: 20px;
}

.product-info-main .product-reviews-summary .reviews-actions .action.view:after {
    display: none;
}
@media only screen and (min-width: 768px) { 
    .product-main-top .product-detail-top {
        padding-right: 20px;
        border-right: 1px solid #e2e2e2;
        padding-left: 0;
    }
    .rtl-layout .product-review-wrap .col-sm-5 {
        width: 100%;
    }

    .rtl-layout .product-review-wrap .col-sm-19 {
        width: 100%;
        clear: left;
        clear: both;
    }
}
.product-info-main .product-brand-info {
    text-align: center;
    display: flex;
    align-items: center;
}
.product-info-main .product-brand-title {
    width: 115px;
    text-align: right;
    margin-left: 8%;
}
.product-info-main .product-brand-title span {
    font-weight: 600;
    display: block;
    color: #222;
    font-size: 105%;
    white-space: nowrap;
}

.product-info-main .product-brand-title p {
    font-size: 80%;
    text-align: center;
    padding-top: 4px;
    line-height: 1.5;
}
.productpage-delivery-detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    padding: 10px 5px;
    border: 1px solid #e2e2e2;
}
.productpage-delivery-detail .delivery-item {
    width: 33.33%;
    border-right: 1px solid #e2e2e2;
    padding: 5px 10px;
}
.productpage-delivery-detail .delivery-item.delivery-item-1 {
    border: 0 none;
}
.productpage-delivery-detail img {
    max-width: 40px;
}
.productpage-delivery-detail p {
    font-size: 90%;
    margin-bottom: 0; 
    margin-top: 5px;
}
.product-shipping-warranty {
    border-top: 1px solid #e2e2e2;
    margin-top: 5px;
    padding-top: 18px;
}
.product-shipping-warranty-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    width: 100%;
}
.product-shipping-warranty .product-shipping-warranty-item:last-child {
    margin-bottom: 0;
}
.product-shipping-warranty-item  .warranty-title span {
    display: block;
    width: 100%;
    font-size: 90%;
}
.product-shipping-warranty-item .warranty-title label.title {
    color: #222;
    display: block;
}
.product-shipping-warranty-item img {
    max-width: 32px;
}
.product-shipping-warranty-item .warranty-title {
    margin-right: 10px;
}
body.product-view-style-03.rtl-layout .product-right {
    padding-bottom: 20px;
}
body.product-view-style-03 .product-info-main .product-reviews-summary {
    position: relative;
}
.product-view-style-03 .product-info-main .product-info-main-inner .product-reviews-summary {
    float: left;
    z-index: 2;
}
@media only screen and (min-width: 768px) {
    body.product-view-style-03.rtl-layout .product-right {
        padding-right: 20px;
        padding-left: 20px;
    }
    body.product-view-style-03.rtl-layout .product-left.col-sm-8 {
        padding-right: 0;
    }
    body.product-view-style-03.rtl-layout .product-info-main {
        margin: 0;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .productpage-delivery-detail .delivery-item {
        border: 0 none;
        width: 100%;
        text-align: right;
        display: flex;
        align-items: center;
        margin-bottom: 5px;
    }

    .productpage-delivery-detail p {
        margin-top: 0;
        padding-right: 10px;
    }
    body.rtl-layout .product.info.detailed .product.items .item.title>.switch {
        margin-left: 0;
    }
    .product-view-style-03.rtl-layout .product-info-main .product-social-links .cdz-social-listing {
        float: right;
    }
    .product-info-main .product-brand-title,
    .product-info-main .product-brand-title p {
        font-size: 90%;
    }
}

.product-detail-top .product-brand-info .brand-link {
    border: 0 none;
    width: 140px;
    max-width: 100%;
}
.product-detail-top .product-brand-info .product-brand-img {
    max-width: 41%;
}
@media only screen and (min-width: 768px)  and (max-width: 1399px) { 
    body.product-view-style-03 .product-info-main .price-box .special-price {
        width: 100%;
    }
}
body.product-view-style-03 .product-info-main .field.qty .qty-ctl button {
    width: 38px;
    height: 38px;
    line-height: 38px;
}
body.product-view-style-03 .product-info-main .field.qty .qty {
    height: 38px;
}
@media only screen and (max-width: 1399px) { 
    .product-view-style-03.rtl-layout .product-info-main .product-addto-links .action.towishlist span,
    .product-info-main .cdz-social-listing a.cdz-dd-trigger span {
        display: none;
    }
    .product-info-main .cdz-social-listing i.fa.fa-share-alt,
    .product-info-main .box-tocart .product-addto-links .action.towishlist:before {
        height: 40px;
        width: 40px;
        line-height: 40px;
    }
    .product-info-main .box-tocart .product-addto-links {
        margin-top: 0px;
    }
    .product-view-style-03.rtl-layout .product-info-main .product-social-links {
        margin-top: -40px;
    }
    .product-view-style-03.rtl-layout.page-product-configurable .product-info-main .product-social-links {
        margin-top: -50px;
    }
    .product-view-style-03.rtl-layout .product-info-main .box-tocart .actions button.tocart{
        max-width: calc(100% - 50px);
        width: 205px;
    }
    .product-info-main .box-tocart .product-addto-links .action.towishlist {
        padding-left: 0;
        padding-right: 0;
    }
    .product-view-style-03.rtl-layout .box-tocart .field.qty {
        margin-left: 0;
    }
    .product-view-style-03 .product-info-main .product-right .box-tocart > .fieldset {
        float: left;
        width: 100%;
        margin-bottom: 0;
    }
    .product-view-style-03 .product-info-main .product-options-bottom {
        display: flex;
        width: 100%;
    }
    .product-shipping-warranty {
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px) { 
    .product-main-top .product-detail-top {
        clear: both;
    }
    body.product-view-style-03.rtl-layout .product-right {
        padding-right: 10px;
    }
    .product-info-main .box-tocart .product-addto-links .action.towishlist {
        padding-top: 5px;
    }
    .product-view-style-03.rtl-layout .product-info-main .box-tocart .actions button.tocart{
        width: 201px;
    }
}
@media only screen and (max-width: 768px) { 
    .product-list-container .toolbar.toolbar-products {
        border: 0 none;
    }
}
@media only screen and (max-width: 640px) { 
     body.product-view-style-03 .product-info-main .price-box .special-price {
        width: 100%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 800px) { 
    .product-view-style-03 .product-info-main .price-container.price-final_price span.price-label {
        font-size: 1rem;
    }
    .product-view-style-03 .product-info-main .price-box .old-price .price {
        font-size: 14px;
    }
    .product-view-style-03 .product-info-main .price-box .discount-price {
        font-size: 75%;
    }
}

.checkout-onepage-success .page-main > .page-title-wrapper .page-title + .action.print {
    display: none;
}
.cdz-menu .groupmenu-drop a.menu-go-link {
    text-align: left;
}
.cdz-menu .groupmenu-drop a.menu-go-link .link-text {
    float: right;
}
.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top {
    margin-bottom: 13px;
    background: #f5f5f5;
}
.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary.logged_in .info-summary-top {
    background: none;
}
.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top .label-title {
    text-align: center;
    width: 60%;
    float: left;
    display: block;
    margin-bottom: 13px;
    font-weight: bold;
    margin-top: -42px;
    margin-left: 45px;
}

.account-info-summary .block-customer-login {
    padding-top: 7px;
    margin-bottom: 2px;
}
.popup-account-popup form .field input:not([type="checkbox"]), .popup-account-popup form .field select {
    background: #fff;
}
.popup-account-popup form .field {
    margin-bottom: 8px;
}
.popup-account-popup .field.choice.persistent {
    margin: 0 0 5px 0;
}
.popup-account-popup a.action.remind {
    float: left;
    font-size: 11px;
}
.cdz-popup-area .account-info-summary .info-summary-top .actions-toolbar .secondary {
     margin-top: 18px;
    margin-bottom: 5px;
    float: none;
}
.cdz-popup-area .account-info-summary .info-summary-top .actions-toolbar {
    margin-top: 0px;
}
.cdz-popup-area .account-info-summary .info-summary-top .form-create-account .actions-toolbar .primary {
    margin-bottom: 5px;
}
.cdz-popup-area .cdz-popup.popup-account-popup .secondary.continue_as_guest {
    margin-top: 13px;
    padding: 10px 30px;
}
 .cdz-popup-area .cdz-popup.popup-account-popup .secondary.continue_as_guest > span {
    display: block;
    margin-bottom: 10px;
}
.cdz-popup .account-info-summary .info-summary-bottom .secondary {
    width: 100%;
}
.cdz-popup-area .cdz-popup.popup-account-popup .secondary.customer-create-link {
    padding: 10px 30px;
    clear: both;
}
.cdz-popup-area .cdz-popup.popup-account-popup .secondary.customer-create-link .create-account-question {
    display: block;
    margin-bottom: 10px;
}
 .cdz-popup-area .cdz-popup.popup-account-popup .secondary.customer-create-link a.create-account-link {
    display: block;
    border: 1px solid #632c64;
    padding: 14px 25px;
    height: 48px;
    border-radius: 10px;
}
.cdz-popup-area .cdz-popup.popup-account-popup .secondary.continue_as_guest button.action.login.primary {
    width: 100%;
}
.account-popup .secondary.customer-login-link {
    margin-top: 13px;
}
.customer-account-login .account-popup .page-title-wrapper .page-title {
    padding-top: 0;
}

body.rtl-layout .product.info.detailed .product.items .item.title>.switch .counter {
    float: none;
}
.catalog-product-view .cdz-product-wrap.base-slider {
    clear: both;
}
.product-info-main .bundle-actions {
    clear: both;
    max-width: calc(100% - 50px);
    width: 290px;
}
.bundle-options-wrapper .nested .product-addto-links {
    display: none;
}
body.page-product-bundle .bundle-actions .action.primary {
    font-size: 95%;
}
.cdz-popup-area .cdz-popup.popup-wl-login-popup .cdz-popup-content .block-inner:before,
.cdz-popup-area .cdz-popup.popup-account-popup .cdz-popup-content .account-info-summary .info-summary-top:before {
    color: #666;
}
.cdz-popup-area .cdz-popup.popup-account-popup .cdz-popup-content .account-info-summary .info-summary-top:has(.label-title:not([style="display: none;"])):before {
    width: 47%;
    right: 0;
    top: 3px;
}
.register-container.block-customer-create {
    text-align: center;
}
body.sales-order-view .column.main .order-links {
    display: none;
}
.wishlist-index-index .main .form-wishlist-items .actions-toolbar button.action.update {
    display: none;
}
.account-info-summary .block-customer-forget div#forgot-password-message {
    color: red;
}
body.checkout-onepage-success .popup-account-popup .block-customer-login .button-continue .primary {
    float: none;
    width: 100%;
}

body.checkout-onepage-success .popup-account-popup .block-customer-login .button-continue {
    float: none;
}

body.checkout-onepage-success .popup-account-popup .block-customer-login .button-continue .secondary {
    float: none;
    text-align: center;
    margin-bottom: 10px;
}
.checkout-onepage-success .button-continue a.action.primary {
    padding: 8px 44px;
}
@media only screen and (max-width: 767px) { 
    .cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top .label-title {
        width: 64%;
        margin-left: 25px;
    }
    .account-info-summary .block-customer-login {
            padding-top: 2px;
    }
    .checkout-onepage-success .button-continue a.action.primary {
        display: inline-block;
        margin-right: 0;
        width: 200px;
        max-width: 100%;
        text-align: center;
    }
    .checkout-onepage-success .button-continue {
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
    .cdz-popup-area .cdz-popup .cdz-popup-inner {
        padding: 0 !important;
    }
}
@media only screen and (min-width: 768px) { 
    body.checkout-onepage-success .main .button-continue {
        width: auto;
    }
}
@media only screen and (max-width: 766px) { 
    .new-shipping-address-modal button.action.secondary.action-hide-popup {
        width: auto;
        padding: 15px 25px;
    }
}
@media only screen and (max-width: 400px) { 
    .new-shipping-address-modal button.action.secondary.action-hide-popup {
        width: 100%;
    }

    .new-shipping-address-modal button.action.primary.action-save-address {
        width: 100%;
        margin-bottom: 15px;
    }
}
@media only screen and (max-width: 639px) { 
    .checkout-index-index .opc-wrapper .edit-address-link {
        left: 3px;
        right: inherit;
        top: 5px
    }
    .checkout-index-index .opc-wrapper .shipping-address-item.selected-item .edit-address-link {
        bottom: 8px;
        left: 3px;
        top: inherit;
        right: inherit;
    }
}

.product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions span[itemprop="reviewCount"] {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
}
.product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions span[itemprop="reviewCount"]:before {
    content: "(";
}
.product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions span[itemprop="reviewCount"]:after {
    content: ")";
}
body.rtl-layout .product-info-main .product-reviews-summary .rating-summary {
    padding-left: 0px;
}
body.rtl-layout .product-info-main .product-right .product-reviews-summary .rating-summary {
    float: left;
}
body.rtl-layout .product-info-main .product-right .product-reviews-summary .rating-summary .rating-result {
    margin-left: 0;
}
.product-view-style-03 .product-info-main .rating-summary .rating-result:before {
    font-size: 24px;
    height: 24px;
}
.product-view-style-03 .product-info-main .rating-summary .rating-result>span:before {
    font-size: 24px;
    height: 24px;
}
.product-info-main .reviews-summary-top .rating-point {
    margin-left: 10px;
    font-weight: bold;
    font-size: 25px;
    line-height: 25px;
}
.product-view-style-03 .product-info-main .product-reviews-summary:hover .short-review-summary {
    top: 10px;
}
.product-view-style-03.rtl-layout .product-info-main .product-reviews-summary {
    margin-top: 5px;
}
.product-info-main .product-review-wrap .product-reviews-summary {
    padding-bottom: 0;
}

.rtl-layout .review-add .review-form-actions .actions-primary {
    float: right;
}
.rtl-layout .review-add .review-form-actions .actions-primary {
    width: 160px;
}
.product-review-wrap div#imagePreviewContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
.review-add fieldset.review-fieldset {
    margin-bottom: 10px;
} 
.review-form-actions-img .actions-toolbar.review-form-actions {
    margin-right: 10px !important;
}
.product-review-wrap div#imagePreviewContainer .review-img-up {
    width: 56px;
    margin-right: 6.6px;
    border: 1px solid;
    margin-bottom: 6.6px;
    position: relative;
}
.product-review-wrap div#imagePreviewContainer .review-img-up:nth-child(6n) {
    margin-right: 0;
}
.product-review-wrap div#imagePreviewContainer .review-img-up span.button_close {
    position: absolute;
    left: 2px;
    top: 2px;
    background: #fff;
    width: 12px;
    height: 12px;
    color: red;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
}
.product-review-wrap .cdz-rv-att .rv-imgs .rv-img {
    width: 86px;
}
.product-review-wrap div#imagePreviewContainer .review-img-up img {
    display: block;
}
.minicart-popup .minicart-items .update-cart-item {
    display: none !important;
}
 .cdz-popup .acount-menu .account-menu-items>li.only_desktop {
    display: none;
} 
.cdz-popup .acount-menu .account-menu-items li.wishlist {
    display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .product-info-main .reviews-summary-top > span.label {
        display: block;
        margin-bottom: 10px;
    }
} 
@media only screen and (max-width: 768px) { 
    .cms-codazon-home-page #mobi_vertcial-menu-container,
    .checkout-index-index #mobi_vertcial-menu-container {
        display: none !important;
    }
   
    .rtl-layout .review-add .review-form-actions .actions-primary {
        float: none !important;
    }
}
@media only screen and (max-width: 767px) { 
    .product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions span {
        display: none;
    }
    .product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions span[itemprop="reviewCount"] {
        display: inline-block;
    }
}
@media only screen and (max-width: 479px) { 
    .catalog-product-view .product-info-main .review-add .review-field-media {
        width: 100%;
        justify-content: center;
        margin-left: 0;
        margin-bottom: 10px;
    }

    .review-form-actions-img .actions-toolbar.review-form-actions {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: 0 !important;
    }
}
.product-info-main .reviews-summary-top .reviews-actions {
    display: none;
}
.rating-summary .rating-result>span span {
    width: 1px !important;
}
.rtl-layout #product-review-container .review-ratings {
    display: flex;
    float: none;
    width: 100%;
    max-width: 100%;
    align-items: center;
    flex-wrap: wrap;
}
.rtl-layout #product-review-container .review-ratings .review-details {
    margin-bottom: 0;
}
.rtl-layout #product-review-container .review-author {
    padding-right: 3px;
}
body.rtl-layout.catalog-product-view #product-review-container .review-item{
    border: 2px solid;
    padding: 10px;
    margin-bottom: 15px;
}
body.rtl-layout.catalog-product-view #product-review-container .review-item:last-child {
    margin-bottom: 0;
}
.rtl-layout .product-review-wrap .rating-groups,
.rtl-layout .product-review-wrap div#customer-review-imgs,
.rtl-layout #product-review-container .block-title {
    display: none;
}
body .product-info-main .product-review-wrap .product-reviews-summary {
    padding-bottom: 0;
}
body .product-info-main .product-review-wrap .review-list {
    margin-bottom: 0;
}
.product-review-wrap .col-sm-19 {
    height: 245px;
    overflow-x: auto;
    scrollbar-color: #e2e2e2 transparent;
    scrollbar-width: thin;
    padding-left: 5px !important;
}
body.product-view-style-03 .product.info.detailed .product.items {
    margin-bottom: 0;
}
body.rtl-layout .product.info.detailed .product.items>.item.content {
    padding-bottom: 10px;
    margin-bottom: 0;
}
body.product-view-style-03 .product.info.detailed {
    margin-bottom: 0;
}
body .cart-informed-modal .modal-popup._show .modal-inner-wrap {
    width: 500px;
    max-width: calc(100% - 40px);
}
body .cart-informed-modal .minicart-items-wrapper {
    scrollbar-color: #e2e2e2 transparent;
    scrollbar-width: thin;
}
body .cart-informed-modal .block-minicart .minicart-items-wrapper .section-content-inner {
    max-height: none;
}
.cart-informed-modal .modal-popup .modal-content { 
    padding-left: 0;
    padding-right: 0;
}
body .cart-informed-modal .block-minicartpro.block {
    margin-bottom: 0;
}
.cart-informed-modal .section-top-inner > .block-content {
    padding-right: 10px;
}
.cart-informed-modal .modal-popup .modal-header {
    padding-top: 0;
}
body .cart-informed-modal .subtotal {
    padding-bottom: 0;
    border: 0 none;
}
.cart-informed-modal .product-item .product-item-actions .details-qty {
    float: left !important;
}
.product-view-style-03 .product-info-main .product-reviews-summary .reviews-actions .action.add {
    display: inline-block;
    margin-top: 3px;
}
body .cart-informed-modal .actions button.action {
    margin-left: 0;
    margin-right: 0;
}

@media only screen and (min-width: 500px) { 
    .cart-informed-modal .minicart-items .product-item-left {
        max-width: 115px;
        padding: 0 20px;
    }
}
@media only screen and (max-width: 767px) { 
    body .cart-informed-modal .modal-popup._show .modal-inner-wrap {
        margin-top: -5rem;
    }
}

.product-options-wrapper .swatch-attribute-options {
    display: flex !important;
    flex-wrap: wrap !important;
}
.product-options-wrapper .swatch-opt .swatch-attribute-options[aria-invalid="true"]:after {
    font-family: 'FontAwesome';
    content: "\f061";
    line-height: 32px;
    font-size: 16px;
    padding-right: 5px;
    color: red;
    clear: none;
    visibility: visible;
    display: inline-flex;
    height: 32px;
}
.bundle-options-wrapper button.action.back.customization,
.bundle-options-container p.required,
.block-bundle-summary .product-options-bottom .product-addto-links,
.block-bundle-summary .product-options-bottom a.action.towishlist {
    display: none;
}
.large-box-tocart .cart-qty .qty {
    border: 1px solid #e2e2e2;
}
.rtl-layout .bundle-options-container .large-box-tocart .qty-ctl button.increase {
    right: 0;
    left: auto;
    border-left: 1px solid #e2e2e2;
    border-radius: 0;
}
.rtl-layout .bundle-options-container .large-box-tocart .qty-ctl button.decrease {
    left: 0;
    right: auto;
    border-right: 1px solid #e2e2e2;
    border-radius: 0;
}
.rtl-layout .block-bundle-summary .unavailable,
.rtl-layout .block-bundle-summary .available {
    display: none;
}
.page-product-bundle.catalog-product-view .bundle-options-wrapper .product-options-wrapper .fieldset-bundle-options .title span:after {
    content: ":";
}
.page-product-bundle.catalog-product-view .block-bundle-summary .product-details {
    padding-top: 11%;
}
.page-product-bundle.catalog-product-view .block-bundle-summary .product-options-bottom .box-tocart {
    margin: 0;
    display: table;
}
.rtl-layout .bundle-options-container .bundle-options-wrapper .large-box-tocart .qty-ctl button.decrease,
.rtl-layout .bundle-options-container .bundle-options-wrapper .large-box-tocart .qty-ctl button.increase  {
    width: 28px;
}
.bundle-options-container .block-bundle-summary .price-box.price-configured_price {
    display: none;
}
.bundle-options-container .block-bundle-summary .product-options-bottom {
    clear: both;
    display: flex;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    width: 226px;
    margin: 0 auto;
}
.bundle-options-container .block-bundle-summary .product-options-bottom  .large-box-tocart .cart-qty .qty {
    height: 42px;
}
.bundle-options-container .block-bundle-summary .product-options-bottom .large-box-tocart .cart-qty {
    max-width: 167px;
    width: 167px;
}
.page-product-bundle .bundle-options-container .block-bundle-summary .bundle-summary {
    margin-top: 0;
}
.page-product-bundle .bundle-options-container .block-bundle-summary .bundle.items>li:last-child {
    margin-bottom: 0;
}
.page-product-bundle .product-options-bottom .bundle-summary.empty {
    display: none;
}
body.page-product-bundle .bundle-options-container .block-bundle-summary .box-tocart .action.primary,
body.page-product-bundle .bundle-actions .action.primary {
    border-radius: 10px;
}

body.page-product-bundle.catalog-product-view.rtl-layout .block-bundle-summary .box-tocart .field.qty .label {
    padding-left: 10px;
    font-size: 17px;
    font-weight: bold;
}
body.page-product-bundle.catalog-product-view.rtl-layout .block-bundle-summary .box-tocart .field.qty {
    margin-left: 0;
}
.page-product-bundle.catalog-product-view.rtl-layout .bundle-options-container .bundle-options-wrapper > .product-options-bottom {
    display: none;
}
.page-product-bundle .bundle-options-container .legend.title {
    color: red;
}
@media only screen and (max-width: 767px) { 
    body.page-product-bundle.rtl-layout .bundle-options-container .block-bundle-summary .box-tocart .action.primary>span,
    body.page-product-bundle.rtl-layout .bundle-actions .action.primary>span {
        padding-right: 0;
    }
}
@media only screen and (min-width: 480px) { 
    .page-product-bundle.catalog-product-view .block-bundle-summary .product-details {
        padding-top: 38px;
    }
}
@media only screen and (min-width: 768px) { 
    .page-product-bundle .bundle-options-container .block-bundle-summary .bundle-summary {
        margin-bottom: 20px;
    }
}
aside.modal-popup.modal-zoom.cdz-rv-img-md {
    left: 0;
}
aside.modal-popup.modal-zoom.cdz-rv-img-md .modal-inner-wrap {
    width: 90%;
    right: 5%;
    position: absolute;
}

.modal-popup .storepickup_detail .store_name, .modal-popup .storepickup_detail .store_location, .modal-popup .storepickup_detail .store_working_hours {
     display: flex;
     flex-direction: row;
     line-height: 1.5;
}
 .modal-popup .storepickup_detail .store_name label::after, .modal-popup .storepickup_detail .store_location label::after, .modal-popup .storepickup_detail .store_working_hours label::after {
     content: ":";
     margin-left: 5px;
}
 .modal-popup .storepickup_detail .store_images {
     max-width: 100%;
     border-top: 1px solid #f1f1f1;
     margin-top: 1rem;
     padding-top: 1rem;
     display: block;
}
 .modal-popup .storepickup_detail .store_images img {
     max-width: 100%;
     height: auto;
     margin-bottom: 1rem;
}

div.mage-error:after,
.field-error:after {
    font-family: 'FontAwesome';
    content: "\f0a6";
    margin-right: 3px;
    font-size: 14px;
}
.product-options-wrapper .swatch-opt div.mage-error:after {
    display: none;
}
.product-item .price-box .custom-text {
    display: none;
}
.cdz-popup-area .cdz-popup .cdz-popup-inner .cdz-popup-content {
    max-height:90vh !important;
}
.minicart-items-wrapper.nice-scroll {
    height: auto !important;
}
.block-minicart .minicart-items-wrapper {
    max-height: calc(90vh - 210px) !important;
}
.cart-container .cart-summary > .form.form-cart {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    background: transparent;
    padding-bottom: 0;
}
.cart-container .cart-summary > .form.form-cart .cart.main.actions {
    width: 100%;
}
.cart-container .cart-summary > .form.form-cart .cart.main.actions a.action.continue {
    width: 100%;
    text-align: center;
    padding: 10px 20px 10px 0;
    font-size: 16px;
    min-height: 44px;
}
.cart-container .cart-summary > .form.form-cart .cart.main.actions a.action.continue:before {
    margin-top: 2px;
}
.cart-container .cart-summary .block.discount {
    display: none;
}
.cart-container .cart-summary .shipping select,
.cart-container .cart-summary input[type="text"] {
    background: #fff;
}

.modal-popup.confirm .modal-inner-wrap .modal-footer {
    text-align: end;
}

@media only screen and (min-width: 1199px) { 
    .details-qty .cdz-qty-box {
        float: left;
    }
}

@media only screen and (max-width: 1200px) { 
    body.catalog-product-view .page-wrapper .replacebreadcrumbs,
    .breadcrumbs {
        white-space: nowrap;
        overflow-x: auto;
    }
    .breadcrumbs .items>li:last-child,
    .replacebreadcrumbs ul.items li.item.category_last {
        padding-left: 10px;
    }
    .breadcrumbs {
        padding-bottom: 8px;
    }
}
.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .payment-method-title {
    padding-top: 40px;
}
.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .no-quotes-block span {
    padding: 40px 20px;
    display: block;
}

.checkout-index-index .cdz-opc-wrapper #checkoutSteps .checkout-payment-method .no-quotes-block {
    border-top: 1px solid #e9eaec;
    padding: 0;
}

.opc-block-summary .items-in-cart .product .item-options dt {
    float: right;
    margin-right: 0;
    clear: right;
        margin-bottom: 0px;
}
.opc-block-summary .items-in-cart .product .item-options {
  display: flex;
  gap: 5px;
  align-items: center;
  flex-wrap: wrap;
}
.opc-block-summary .items-in-cart .product .item-options dt::after {
  content: ":";
  margin-left: 2px;
}
.opc-block-summary .items-in-cart .product .item-options dd {
  margin: 0;
}
.opc-block-summary .items-in-cart .product .item-options dd {
    float: right;
    clear: none;
    direction: ltr;
}
.opc-block-summary .items-in-cart .product dl.item-options {
    margin-top: 20px;
}
body.rtl-layout .cart.table-wrapper .item-options dd {
    float: right;
    direction: ltr;
}

body.rtl-layout .cart.table-wrapper .item-options dt {
    clear: right;
}
.bundle-options-container .block-bundle-summary .bundle.items div[data-container="options"] {
    direction: ltr;
}
.checkout-onepage-success .order-details .show-order .bundle-option td[colspan="2"] {
    direction: ltr;
    text-align: right;
}
.checkout-onepage-success .show-order tr.data-item dl dt {
    float: right;
    margin-left: 10px;
}

.checkout-onepage-success .show-order tr.data-item dl dd {
    float: right;
    margin-right: 0;
    margin-left: 10px;
}
.order-details-items .item-options-container td.col.value {
    direction: ltr;
    text-align: right;
    white-space: nowrap;
    overflow-x: auto;
}
.order-details-items td.col.sku {
    white-space: nowrap;
    overflow-x: auto;
}
.minicart-items dl.product.options.list dd.values {
    direction: ltr;
    float: right;
}
.minicart-items .product.options dt.label {
    float: right;
    margin-right: 10px;
    margin-bottom: 0px;
}
.minicart-items .product.options dt.label:first-child {
        margin-right: 0px;
}
.rtl-layout .minicart-items .product-info {
    padding-left: 0;
    padding-right: 0;
}
.rtl-layout .minicart-items .product-item .product-item-actions {
    padding-left: 0;
}
.rtl-layout .cart-informed-modal .minicart-items .product-item .product-item-actions {
    padding-left: 10px;
}
.minicart-items .product.options {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
    display: flex;
}
@media only screen and (max-width: 767px) { 
    .opc-block-summary .minicart-items .product .toggle {
        text-align: right;
        padding-top: 5px;
    }
    .block-minicart .minicart-items-wrapper {
        max-height: calc(90vh - 240px) !important;
    }
}
@media only screen and (max-width: 479px) { 
    body .cdz-popup .minicart-items .product-item-left,
    body .cart-informed-modal .minicart-items .product-item-left {
        width: 22%;
    }

    body.rtl-layout .cdz-popup .minicart-items .product-item .product-item-details,
    body.rtl-layout .cart-informed-modal .minicart-items .product-item .product-item-details {
        width: 78%;
    }

    body.rtl-layout .cdz-popup .minicart-items .product-item .product-item-actions {
        width: 38%;
    }
    body.rtl-layout .cart-informed-modal .minicart-items .product-item .product-item-actions {
        width: 39%;
    }
    body.rtl-layout .cdz-popup .minicart-items .product-info {
        width: 62%;
        font-size: 14px;
        padding-left: 5px;
    }
    body.rtl-layout .cart-informed-modal .minicart-items .product-info {
        width: 61%;
        font-size: 14px;
        padding-left: 6px;
    }
   .cdz-popup .minicart-items .product.options,
    .minicart-items .cart-informed-modal .product.options {
        font-size: 10px;
    }
}
.quickshop-modal .replacebreadcrumbs,
.quickshop-modal .page-title-wrapper.product > p,
.quickshop-modal .product-info-price,
.quickshop-modal .product-shipping-warranty,
.quickshop-modal .cf-price.price-box .price-from-bundle,
.quickshop-modal .cf-price.price-box .price-to-bundle,
.quickshop-modal .bundle-options-wrapper p.required {
    display: none;
}
.quickshop-modal .product-info-main .price-box .special-price .price {
    font-size: 28px;
    font-weight: 600;
}
.products.product-items .cf-price.price-box .price-cfd {
    font-size: 12px;
}
.quickshop-modal .product-info-main .price-box .old-price .span-note {
    display: inline-block;
}
.quickshop-modal .product-info-main .price-box .discount-price {
    background: #e2f7ca;
    padding: 2px 5px;
    font-size: 80%;
    white-space: nowrap;
    display: inline-block;
    color: green;
    vertical-align: bottom;
}
.quickshop-modal .product-info-main .swatch-attribute-label:after {
    content: ":";
    margin-left: 5px;
}
.quickshop-modal .product-info-main .price-box span.old-price {
    text-decoration: none;
    vertical-align: bottom;
    margin-bottom: 0;
}
.quickshop-modal .product-info-main .product-options-wrapper .swatch-opt {
    margin-bottom: 20px;
}
.quickshop-modal .large-box-tocart .qty-ctl button {
    position: inherit;
}
.quickshop-modal .product-info-main .field.qty .qty {
    border: 0;
    padding: 0;
    height: 38px;
    max-width: 68px;
}
.quickshop-modal .product-info-main .field.qty .cart-qty {
    border: 1px solid #e2e2e2;
    max-width: 150px;
}
.quickshop-modal .large-box-tocart .qty-ctl button.decrease {
    border-right: 1px solid #e9eaec !important;
    border-radius: 0;
    width: 38px;
    height: 38px;
}
.quickshop-modal .large-box-tocart .qty-ctl button.increase {
    border-left: 1px solid #e9eaec !important;
    border-radius: 0;
    width: 38px;
    height: 38px;
}
.quickshop-modal .large-box-tocart.box-tocart .fieldset .field.qty {
    margin-left: 0;
}
.quickshop-modal .product-info-main .box-tocart .actions {
    margin-top: 0;
}

.quickshop-modal .product-info-main .box-tocart {
    width: 205px;
    margin: 0 auto;
    display: inline-block;
}
.quickshop-modal .product-info-main .box-tocart .product-addto-links {
    display: none;
}
.quickshop-modal .product-info-main .price-box .special-price .price-label {
    font-size: 100%;
}
.quickshop-modal .product-options-bottom {
    text-align: center;
}
.quickshop-modal .product-options-bottom .box-tocart .action.tocart {
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.quickshop-modal .product-info-main .box-tocart .primary.tocart span:after,
.quickshop-modal .product-info-main .box-tocart .primary.tocart span:before {
    font-size: 18px;
}
.quickshop-modal .page-product-bundle.catalog-product-view .bundle-options-wrapper .field.qty .cart-qty,
.quickshop-modal .page-product-bundle.catalog-product-view .field.qty .cart-qty {
    display: flex;
    max-width: 150px;
    border: 1px solid #e2e2e2;
}
.quickshop-modal .page-product-bundle.catalog-product-view .product-options-bottom .field.qty .cart-qty {
    max-width: 167px;
    width: 167px;
}
.quickshop-modal .page-product-bundle.catalog-product-view  .field.qty .qty {
    border: 0;
    padding: 0;
    height: 38px;
    max-width: 68px;
}
.quickshop-modal .page-product-bundle.catalog-product-view .product-options-bottom .field.qty .qty {
     max-width: 90px;
}
.quickshop-modal .page-product-bundle.catalog-product-view .bundle-options-wrapper .product-options-wrapper .fieldset {
    margin-bottom: 0;
}

.quickshop-modal .block-bundle-summary .product-options-bottom {
    clear: both;
    display: flex;
    justify-content: center;
    padding: 0;
    flex-direction: column;
    width: 226px;
    margin: 0 auto;
}

.quickshop-modal .block-bundle-summary .box-tocart .field.qty .label {
    padding-left: 10px;
    font-size: 17px;
    font-weight: bold;
}
.quickshop-modal .block-bundle-summary .bundle-summary {
    text-align: right;
}
.quickshop-modal .block-bundle-summary .bundle-summary div[data-container="options"] {
    direction: ltr;
}
.quickshop-modal .block-bundle-summary .bundle-summary strong.subtitle {
    margin-bottom: 1rem;
    display: block;
}
.quickshop-modal .block-bundle-summary .bundle-summary ul.bundle.items li {
    margin-bottom: 10px;
}
.quickshop-modal .block-bundle-summary .product-options-bottom .box-tocart {
    margin-top: 10px;
}
.cf-price.price-box.price-configured_price {
    display: none;
}
.cdz-popup-area .cdz-backface:before {
    display: none;
}

body .modal-popup .modal-inner-wrap .modal-header .action-close {
    border-radius: 50px;
    right: -18px;
    top: -18px;
    height: 36px;
    width: 36px;
    z-index: 1;
}
body .modal-popup .modal-inner-wrap .modal-header .action-close:before {
    line-height: 34px;
    margin-left: 0;
}
body .cdz-popup-area button.close-cdzpopup {
    display: block;
    border-radius: 50px;
    right: -18px;
    top: -18px;
    height: 36px;
    width: 36px;
    border-color: #632c64;
    background: #632c64;
    color: #fff;
}

body .cdz-popup-area button.close-cdzpopup:before {
    line-height: 34px;
    color: #fff;
}

.products.product-items .cf-price.price-box .price-cfd .special-price .price-label {
    display: inline-block;
}
.products.product-items .cf-price.price-box .price-from {
    margin-right: 0;
    float: none;
}
.products.product-items .cf-price.price-box {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.products.product-items .cf-price.price-box .price-from,
.products.product-items .cf-price.price-box .price-to {
    align-items: baseline;
    display: flex;
    float: none;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.products.product-items .product-item-info .product-item-details > .price-box,
.products.product-items .product-item-info .product-item-details > .cf-price.price-box {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
}
.products.product-items .cf-price.price-box .special-price,
.products.product-items .cf-price.price-box .old-price {
    float: none;
    margin-left: 3px;
    margin-right: 3px;
}
.products.product-items .product-item .cf-price.price-box .price {
    line-height: 1.1;
    margin-bottom: 1px;
}
.cdz-qty-box._disabled .m-btn {
    cursor: wait;
    opacity: .45;
    pointer-events: none;
}

.block.account-nav.block-collapsible-nav.pts-main .title.block-collapsible-nav-title {
    height: auto;
    width: auto;
}
.opc-block-summary .product-item .product-item-name-block {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    #opc-sidebar .details-qty .cdz-qty-box {
        margin-left: -30px;
    }
    .block.account-nav.block-collapsible-nav.pts-main {
        position: inherit;
    }
    .block.account-nav.block-collapsible-nav.pts-main .block-collapsible-nav-content {
        display: block;
        background: transparent !important;!i;!;
    }
     .header-panel-container ul.menu-items {
        display: none;
    }

}
@media only screen and (max-width: 767px) {
    .page-header a.logo[class] {
        margin-inline:0 !important;
        margin-top: 0 !important;
    }
    .page-footer {
        margin-bottom:0 !important;
    }
    .sidebar .content.account-nav-content.active,
    .sidebar .content.block-collapsible-nav-content.active {
        visibility: visible;
        opacity: 1;
        height: auto;
        margin-bottom: 40px;
    }
    .rtl-layout.account .sidebar .content.account-nav-content.active,
    .rtl-layout.account .sidebar .block-collapsible-nav-content.active {
        border: 1px solid #e2e2e2;
        transform: none;
        border-radius: 10px;
        position: absolute;
        left: 0;
        width: 100%;
        background: #f5f5f5 !important;
        z-index: 99;
    }
    .sidebar .block.account-nav.block-collapsible-nav .title {
        padding: 0 !important;
    }
    .block.account-nav.block-collapsible-nav.pts-main {
        left: 0;
    }
   .block.account-nav.block-collapsible-nav.pts-main .block-collapsible-nav-content {
        left: 0;
    }
   .block.account-nav.block-collapsible-nav.pts-main .title:after {
        display: none;
    }
    body.rtl-layout.account .sidebar .block.account-nav {
        display: none !important;
        
    }
    body.rtl-layout.account .sidebar .block.account-nav {
        margin-top: -40px;
    }
    .sidebar .block.account-nav.block-collapsible-nav .title strong:before {
        margin-left: 5px;
    }
    body.rtl-layout.account.account.sales-order-view .page-title-wrapper {
        padding-left: 105px !important;
    }
    body.rtl-layout.account .sidebar .block.account-nav .title strong {
        font-size: 13px;
    }
    body.rtl-layout.account .page-title-wrapper .page-title {
        font-size: 18px;
    }
    body.rtl-layout.account.customer-account-edit .page-title-wrapper .page-title {
        font-size: 17px;
    }
    body.rtl-layout.account.mkp-en .page-title-wrapper .page-title {
        font-size: 17px;
    }
    body.rtl-layout.account.mkp-en .page-title-wrapper .page-title {
        font-size: 17px;
    }
    body.rtl-layout.account.mkp-en .page-title-wrapper {
        padding-left: 210px !important;
    }
    .account .block.account-nav .title:focus, .account .block.account-nav .title:active, .account .block.account-nav .title:hover {
        background: #fac32c;
        color: #fff;
    }

    .account .block.account-nav .title.active {
        background: #fff;
        color: #632c64;
    }
}
@media only screen and (max-width: 500px) {
    .rtl-layout.account.sales-order-view.mkp-en .sidebar .block.account-nav {
        margin-top: -70px;
    }
    .rtl-layout.account.sales-order-view.mkp-en .page-title-wrapper .order-status {
        clear: right;
    }
}
.checkout-index-index .cdz-opc-wrapper .opc-sidebar .discount-code .form-discount {
    align-items: flex-start;
}
.block-content .box-billing-address {
    display: none;
}
.block-customer-login .text-login {
    text-align: center;
    padding: 5px 0;
}
.block-customer-zn form .field input:not([type="checkbox"]) {
    height: 46px;
    padding-top: 0;
    position: relative;
    background: transparent !important;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    line-height: 1.5;
    -webkit-appearance: none;
    padding-left: 50px;
}
.block-customer-zn .field .control.control-wrapperfocus span.zn-input-innerlabel {
    top: 4px;
    font-size: 11px;
    z-index: 3;
}
.block-customer-zn .field .control.control-wrapperfocus input {
    padding-top: 19px;
}
.block-customer-zn .field .control span.zn-input-innerlabel {
    position: absolute;
    top: 14px;
    right: 10px;
    transition: all .3s cubic-bezier(.25,.8,.25,1);
    color: #9c9c9c;
}
.block-customer-zn .field .control {
    position: relative;
    background: #fff;
}
.block-customer-zn .field .control .mage-error{
    background: #f5f5f5;
    margin-top: 0;
    padding-top: 5px;
}
.block-customer-zn i.fa.fa-times {
    position: absolute;
    left: 10px;
    top: 16px;
    font-size: 8px;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    background: #999;
    color: #fff;
    text-align: center;
    line-height: 11px;
    z-index: 3;
    cursor: pointer;
}

.block-customer-zn i.fa.icon-eye {
    position: absolute;
    left: 10px;
    top: 16px;
    font-size: 12px;
    color: #999;
    z-index: 3;
    cursor: pointer;
}


.block-customer-zn .field.password i.fa.fa-times,
.block-customer-zn .field.confirmation i.fa.fa-times {
    left: 33px;
}

.block-customer-zn .field .control i.fa:hover {
    color: #000;
}
.block-customer-zn .field .control i.fa.fa-times:hover {
    background: #000;
    color: #fff;
}
.block-customer-zn .field .control select {
    height: 46px;
}
.block-customer-zn .field .control.customer-dob input {
    width: calc(100% - 50px) !important;
}
.popup-account-popup .block-customer-zn .field .control.customer-dob:after {
    height: 46px;
    width: 50px;
    position: absolute;
    content: "";
    background: #f5f5f5;
    left: 0;
}

.popup-account-popup .block-customer-zn .field .control.customer-dob button.ui-datepicker-trigger {
    position: relative;
    z-index: 1;
    vertical-align: top;
}
div#login-password-message {
    padding-top: 0px;
}
.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary .info-summary-top .block-customer-login.block-customer-zn .block-content {
    padding-bottom: 0px !important;
}
@media only screen and (max-width: 767px) {
    .popup-account-popup .field.choice.persistent .secondary {
        width: 100%;
    }
}

.order-details-items td.col.image {
    width: 70px;
}
.order-details-items td {
   vertical-align: middle;
}
.order-details-items td.col.cart button.action.primary {
    display: inline-block;
    padding: 8px 20px;
    margin-left: 0;
    margin-right: 0;
}
.order-details-items td.col.cart button.action.primary.tocart {
    margin-left: 8px;
}

.order-details-items td.col.cart button.action.primary.write_review a {
    color: inherit;
}
.order-details-items td.col.cart .actions-primary .tocart:before {
    display: none;
}
.order-details-items td.col.cart .actions-primary .tocart:after {
    display: inline-block;
    font: normal normal normal 16px / 1 'CodazonFont';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\e992';
    speak: none;
    position: relative;
    vertical-align: middle;
    padding-right: 6px;
    padding-top: 0px;
}
.table-wrapper.order-items .table.table-order-items>tbody>tr td.col.name > a  {
    display: inline-block;
    vertical-align: middle;
    width: 20%;
}
.table-wrapper.order-items .table.table-order-items>tbody>tr td.col.name > a.product_name  {
    display: inline-block !important;
    width: 70%;
    padding-top: 36px !important;
    line-height: 18px !important;
    padding-top: 40px !important;
}
.table-wrapper.order-items .table.table-order-items .item-name-left {
    display: inline-block;
    vertical-align: middle;
    width: 78%;
    text-align: center;
}
.table-wrapper.order-items .table.table-order-items .item-name-left p.product-sku {
    display: none;
}

.table-wrapper.order-items .table.table-order-items tbody tr td.col.name {
    display: table-cell !important;
    width: 100% !important;
    min-width: 380px !important;
    text-align: right !important;
    direction: rtl !important;
    vertical-align: top !important;
}

.table-wrapper.order-items .table.table-order-items tbody tr td.col.name > a.product_image {
    float: right !important;
    display: block !important;
    width: 100px !important;
    margin-left: 14px !important;
}

.table-wrapper.order-items .table.table-order-items tbody tr td.col.name > a.product_image img {
    display: block !important;
    width: 100px !important;
    height: auto !important;
}

.account .order-details-items .table-order-items .product-item-name {
    vertical-align: middle;
}
.item .minimal-price-link,.prices-tier {
    background: rgba(255, 0, 0, 0.1);
    font-size: 13px;
}
.loading-mask .loader>img,.loading-mask .loader>p {
    display: none;
}
.loader {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
}
.loader::before,
.loader::after {
border: 6.7px solid #632c64;
border-radius: 50%;
position: absolute;
content: '';
display: block;
}

.loader::before {
width: 33.6px;
height: 33.6px;
border-bottom-color: transparent;
border-left-color: transparent;
animation: spinner-1o3y8q 1.0499999999999998s infinite linear reverse;
}

.loader::after {
animation: spinner-1o3y8q 0.7s infinite linear;
height: 56px;
width: 56px;
border-right-color: transparent;
border-top-color: transparent;
}
@keyframes spinner-1o3y8q {
to {
transform: rotate(360deg);
}
}
#co-shipping-form .field._error .control input,
#co-shipping-form  .field._error .control select,
#co-shipping-form  .field._error .control textarea {
    border-color: #e1e1e1;
}
#co-shipping-form .field-error {
    display: none !important;
}
.table-order-items td.name {
    float: right;
}
@media only screen and (max-width: 1399px) {
    .order-details-items td.col.cart form {
        text-align: center;
    }
    .order-details-items td.col.cart button.action.primary.tocart {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1000px) {
    .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.name > a {
        width: 22%;
    }
    .table-wrapper.order-items .table.table-order-items .item-name-left {
        width: 75%;
    }
}
@media only screen and (max-width: 767px) {
    .details-qty .cdz-qty-box {
        float: left;
    }
    .opc-block-summary  .minicart-items .product.options {
        float: right;
        width: 50%;
        margin-top: 0;
    }
    .opc-block-summary .items-in-cart .product dl.item-options {
        margin-top: 0;
    }
    .order-details-items td.col.cart button.action.primary.tocart span {
        text-indent: initial;
        font-size: inherit;
        display: inline-block;
    }
    .order-details-items td.col.cart {
        padding-left: 0;
        padding-right: 0;
    }

    .order-details-items td.col.cart button.action.primary.tocart {
        width: auto;
        line-height: 1.12;
        margin-bottom: 5px;
        height: auto;
    }
}
@media only screen and (min-width: 769px)  and (max-width: 1100px) {
    .sales-order-view table#my-orders-table {
        width: 800px;
        max-width: inherit;
    }

    .table-wrapper.order-items {
        overflow-x: auto;
    }
}
@media only screen and (min-width: 1400px) {
    .order-details-items td.col.cart form {
        text-align: right;
    }
    .order-details-items td.col.cart button.action.primary {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 1400px)  and (max-width: 1600px) { 
    .order-details-items td.col.cart {
        width: 31%;
    }
}
@media only screen and (max-width: 639px) {
    .order-details-items td.col.cart {
        padding-left: 0;
        padding-right: 0;
    }
    .table-wrapper.order-items .table.table-order-items .item-name-left p.product-sku {
        display: block;
    }
    .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.name {
        height: auto;
        display: inline-block;
        vertical-align: middle;
    }
    .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.price {
        clear: right;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td {
        width: 33.33%;
        min-height: 54px;
        height: auto;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.price {
        border-bottom: 1px solid #e2e2e2;
        border-right: 1px solid #e2e2e2;;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.qty {
        border-right: 0 none;
    }
    .table-wrapper.order-items .table.table-order-items td.col.sku {
        display: none !important;
    }
    .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.name:before {
        display: none;
    }
    .table-wrapper .table-order-items>tbody>tr td[data-th]:before {
        width: 100%;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.cart .actions-primary {
        width: 100%;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.cart {
        width: 100%;
        padding-left: 10px !important;
        border-bottom: 1px solid #e2e2e2;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items>tbody>tr td.col.cart:before {
        display: none;
    }
    .order-details-items td.col.cart button.action.primary,
    .order-details-items td.col.cart button.action.primary.tocart {
        width: 160px;
        margin-bottom: 0;
        padding: 15px 0;
        max-width: 48%;
    }
    .order-details-items td.col.cart button.action.primary.tocart {
        margin-left: 2%;
    }
    .sales-order-view .table-wrapper .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td[data-th]:before {
        font-size: 13px;
        text-transform: none;
        font-weight: 400;
    }
    .sales-order-view  .table-wrapper.order-items .table.table-order-items .item-name-left p.product-sku,
    .sales-order-view table .price-excluding-tax,
    .sales-order-view .table-wrapper.order-items  ul {
        font-size: 13px;
    }
    .sales-order-view .table-wrapper.order-items .table.table-order-items .item-name-left p.product-sku {
        margin-bottom: 0;
    }
}


.cdz-popup .acount-menu .account-menu-items>li a {
    display: inline-block;
    width: 200px;
    max-width: 100%;
    background: #632c64;
    padding: 12px;
    border-radius: 4px;
    font-size: 14px;
}
.account-info-summary .info-summary-bottom .title a {
    font-size: 14px;
}

.cdz-popup .acount-menu .account-menu-items {
    text-align: center;
    padding-bottom: 10px;
}

.cdz-popup .acount-menu .account-menu-items li {
    margin-bottom: 10px;
}
.cdz-popup .acount-menu .account-menu-items>li>a:before {
    display: none;
}
.cdz-popup .acount-menu .account-menu-items>li>a:after {
    width: 15px;
    position: static;
    display: inline-block;
    font: normal normal 13px/1 FontAwesome;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f007";
    margin-left: 10px;
    margin-top: 2px;
    font-size: 20px;
}
.cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary.logged_in .info-summary-top:before {
    top: 15px;
}

.cdz-popup .acount-menu .account-menu-items>li.wishlist>a:after {
    content: "\f08a";
    margin-left: 5px;
}

.cdz-popup .acount-menu .account-menu-items>li>a.order-link:after,
.cdz-popup .acount-menu .account-menu-items>li>a.seller_order:after {
    content: "\f022";
}
.cdz-popup .acount-menu .account-menu-items>li>a.seller_product:after {
    content: "\f288";
}
.cdz-popup .acount-menu .account-menu-items>li>a.seller_payment:after {
    content: "\f09d";
}
.cdz-popup .acount-menu .account-menu-items>li>a.customer_address:after {
    content: "\f2b9";
}
.cdz-popup .acount-menu .account-menu-items>li>a.customer_edit:after {
    content: "\f040";
}
.cdz-popup .acount-menu .account-menu-items>li>a.review_customer:after {
    content: "\f075";
}

.cdz-popup-area .cdz-popup .acount-menu .account-menu-items>li a, 
.cdz-popup-area .cdz-popup .acount-menu .account-menu-items>li.wishlist a {

    border: 1px solid #632c64;
}
body .cdz-popup .acount-menu .account-menu-items>li a:visited {
    color: #fff;
}
.cdz-popup .acount-menu .account-menu-items>li a:hover {
    color: #632c64;
    border-color: #632c64;
    background: #fff;
}
body .cdz-popup .acount-menu .account-menu-items>li a:hover:visited {
    color: #632c64;
}
.cdz-popup .acount-menu .account-menu-items>li.wishlist a {
    padding-right: 16px;
        color: #fff;
}

.cdz-popup .acount-menu .account-menu-items>li>a.logout:after {
    display: none;
}

.account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr .col.shipping, th.col.shipping {
    display: none;
}
.purpletree_seller .seller_product {
    padding: 5px 10px;
}
.modal-inner-wrap {
    top: 10%;
}
.rtl-layout .sorter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}
.sorter-label,.sortby-lb {
    font-size: 12px;
    color: #666;
    position: absolute;
    top: -4px;
    right: 20px;
    background: white;
    padding: 0 4px;
    z-index: 1;
}
.rtl-layout .sorter-options {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 0px 12px 0px 12px;
    font-size: 14px;
    background-color: white;
    cursor: pointer;
    outline: none;
    height: 33px;
}
    display: none !important;
}
.block-minicart .cart-total {
    padding-bottom: 0px;
}
#my-orders-table th.col.cart {
        min-width: 260px;
}
.cdz-popup .acount-menu .account-menu-items li.language-link {
    display: none;
}
.cdz-popup-area-inner .cdz-popup a,.cdz-popup-area-inner .cdz-popup .acount-menu .account-menu-items>li a {
    color: #fff;
}
.owl-theme .owl-dots {
    position: absolute;
    bottom: -10px;
    width: 100%;
    display: none;
}
.product-item-inner .product-item-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;

    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.5em;
    max-height: 3em;
    min-height: 3em;
}
.product-item .owl-carousel .owl-item img {
    margin-bottom: 15px !important;
}
.page-products .products-grid.ctst .product-items .item.product-item {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba  #0000000d  (0, 0, 0, 0.05);
    padding-bottom: 0px;
}
.price-final_price .minimal-price-link {
    display: none;
}
@media only screen and (max-width: 639px) {
   .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td,
   .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        padding: 8px 5px;
    }
    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td:first-child,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td:first-child {
        padding: 8px 5px;
    }

    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td:before,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td:before {
        width: auto;
    }
    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.col.actions,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.col.actions {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
    }
    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.actions a.action,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td.actions a.action {
        padding: 10px;
        width: 180px;
        float: none;
        display: inline-block;
        max-width: 100%;
    }
    .account.sales-order-history .table-wrapper.orders-history {
        padding: 10px;
    }
    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr {
        padding-top: 12px;
    }

    .account .table-wrapper.orders-recent .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr:last-child,
    .account .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr:last-child {
        border: 0 none;
    }
    .customer-account-index .block.block-dashboard-orders .block-content {
        margin-left: -6px;
        margin-right: -6px;
    }
}
@media only screen and (max-width: 767px) {
    .minicart-items .product.options dt.label:first-child {
        margin-right: -5px;
    }
    .minicart-items .product.options dt.label {
        margin-right: 0px;
    }
    .actions-primary .tocart.action.primary {
        padding: 0;
    }
    .actions-primary .tocart.action.primary:before {
        margin-top: 6px;
    }

    .rtl-layout .mb-bottom-toolbar {
        display: none !important;
    }
    .rtl-layout .page-header .nav-toggle {
        right: 36px !important;
    }
    .header-panel-left .menu-items {
        display: block;
        position: absolute;
        top: 16px;
        font-size: 20px;
        color: #fff;
        right: 0;
    }
    .header-panel-left .menu-items a {
        color: #fff;
    }
    .btn-group .menu-items .btn-account {
        display: none;
    }
    .sorter-label,.sortby-lb {
            top: -8px;
    }
     .sorter select.sorter-options {
            width: 190px;
    }
    /*.cdz-popup-area .cdz-popup .cdz-popup-inner {
        padding: 0 !important;
    }*/
    .cdz-popup-area .cdz-popup {
        margin-top: 2rem !important;
    }
    .account .productlistt .table-wrapper.orders-history .table:not(.cart):not(.totals):not(.table-comparison)>tbody>tr td {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}



























/* ZNBAQ-HEADER-REDESIGN-V10-START */


@media only screen and (min-width:768px) and (max-width:1024px) {

    /* ======================================================
       NORMAL TABLET HEADER
       ====================================================== */

    .page-header.header-style-16
    .header-middle
    .header-panel-container {
        width:calc(100% - 24px) !important;
        max-width:none !important;

        margin-left:auto !important;
        margin-right:auto !important;

        padding:9px 0 !important;
    }


    /*
       Remove Bootstrap negative row margins.
       This is what is pushing the first icon outside.
    */

    .page-header.header-style-16
    .header-panel-row {
        width:100% !important;

        min-height:60px !important;

        margin-left:0 !important;
        margin-right:0 !important;

        display:flex !important;
        align-items:center !important;
    }


    .page-header.header-style-16
    .header-panel-left,

    .page-header.header-style-16
    .header-panel-center,

    .page-header.header-style-16
    .header-panel-right {
        box-sizing:border-box !important;
    }


    /* logo */

    .page-header.header-style-16
    .header-panel-left {
        padding-left:6px !important;
        padding-right:6px !important;
    }


    /* search */

    .page-header.header-style-16
    .header-panel-center {
        padding-left:10px !important;
        padding-right:10px !important;
    }


    /* icons */

    .page-header.header-style-16
    .header-panel-right {
        padding-left:8px !important;
        padding-right:8px !important;

        overflow:visible !important;
    }


    .page-header.header-style-16
    .header-panel-right-inner {
        width:100% !important;
    }


    .page-header.header-style-16
    .features-links {
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:8px !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .features-links > li {
        min-width:30px !important;

        margin:0 !important;
        padding:0 !important;

        float:none !important;
    }


    /* ======================================================
       NORMAL PURPLE TABLET MENU
       One row + horizontal swipe
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-bottom {
        height:48px !important;
        min-height:48px !important;

        overflow:hidden !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-bottom > .container,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-bottom
    .menu-area {
        width:100% !important;

        height:48px !important;
        min-height:48px !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-menu-wrap {
        width:100% !important;
        max-width:100% !important;

        height:48px !important;

        margin:0 !important;
        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        touch-action:pan-x;

        overscroll-behavior-inline:contain;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu > .groupmenu {
        width:max-content !important;
        min-width:max-content !important;

        max-width:none !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu > .groupmenu {
        height:48px !important;

        display:flex !important;
        align-items:center !important;

        flex-wrap:nowrap !important;

        margin:0 !important;
        padding:0 10px !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        height:48px !important;

        flex:0 0 auto !important;

        float:none !important;

        margin:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        height:48px !important;

        display:flex !important;
        align-items:center !important;

        padding:0 15px !important;

        white-space:nowrap !important;
    }



    /* ======================================================
       TABLET STICKY
       ====================================================== */

    /*
       Completely collapse yellow header.
    */

    .page-header.header-style-16
    .sticky-menu.active
    .header-middle {
        width:100% !important;

        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-middle
    .header-panel-container,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-row {
        width:100% !important;

        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-left {
        display:none !important;
    }



    /* ======================================================
       STICKY PURPLE BAR
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom > .container,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom
    .menu-area {
        width:100% !important;

        height:54px !important;
        min-height:54px !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
       Left utility icons
    */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-right {
        display:flex !important;

        position:absolute !important;

        left:7px !important;
        right:auto !important;
        top:0 !important;

        width:112px !important;
        height:54px !important;

        align-items:center !important;

        margin:0 !important;
        padding:0 !important;

        z-index:50 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-right-inner {
        width:100% !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .features-links {
        width:100% !important;
        height:54px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        gap:5px !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .features-links > li {
        width:31px !important;
        min-width:31px !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .features-links #top-wishlist,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .authorization-link
    .account-trigger,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .minicart-wrapper
    .action.showcart {
        width:31px !important;
        min-width:31px !important;

        height:40px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .features-links #top-wishlist .label,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .authorization-link
    .account-trigger > span,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .minicart-wrapper
    .action.showcart > .text {
        display:none !important;
    }



    /* ======================================================
       STICKY SEARCH ICON
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        display:flex !important;

        position:absolute !important;

        left:124px !important;
        right:auto !important;
        top:8px !important;

        width:38px !important;
        height:38px !important;

        flex:none !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        z-index:52 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search {
        position:relative !important;

        width:38px !important;
        max-width:none !important;

        height:38px !important;
        min-height:38px !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:20px !important;

        background:transparent !important;

        overflow:visible !important;

        box-shadow:none !important;

        transition:
            width .2s ease,
            background-color .2s ease !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form {
        display:block !important;

        position:absolute !important;

        left:0 !important;
        top:0 !important;

        width:38px !important;
        height:38px !important;

        border-radius:20px !important;

        overflow:hidden !important;

        transition:width .2s ease !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .block-search {
        width:100% !important;
        height:38px !important;

        float:none !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        background:transparent !important;

        box-shadow:none !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .form.minisearch {
        width:100% !important;
        height:38px !important;

        display:flex !important;
        align-items:center !important;

        position:relative !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .field.search {
        width:100% !important;
        height:38px !important;

        opacity:0 !important;
        visibility:hidden !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search {
        width:100% !important;

        height:38px !important;
        min-height:38px !important;

        padding:0 45px 0 12px !important;

        border:0 !important;

        background:transparent !important;

        font-size:13px !important;

        box-shadow:none !important;
        outline:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions {
        position:absolute !important;

        left:0 !important;
        top:0 !important;

        width:38px !important;
        height:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        z-index:5 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        width:38px !important;
        height:38px !important;

        min-width:38px !important;
        min-height:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border:2px solid #fff !important;
        border-radius:50% !important;

        background:transparent !important;

        box-shadow:none !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search:before {
        position:static !important;

        width:auto !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        font-size:17px !important;
        line-height:1 !important;

        color:#fff !important;
    }



    /* ======================================================
       OPEN TABLET SEARCH
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open {
        width:225px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:225px !important;

        background:#fff !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search {
        box-shadow:0 3px 10px rgba(0,0,0,.13) !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .field.search {
        opacity:1 !important;
        visibility:visible !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search {
        border-color:transparent !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search:before {
        color:#632c64 !important;
    }



    /* ======================================================
       STICKY TABLET MENU
       SINGLE LINE + SWIPE
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - 178px) !important;
        max-width:calc(100% - 178px) !important;

        height:54px !important;

        margin-left:178px !important;
        margin-right:0 !important;

        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        touch-action:pan-x;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu > .groupmenu {
        width:max-content !important;
        min-width:max-content !important;

        max-width:none !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu > .groupmenu {
        height:54px !important;

        display:flex !important;
        align-items:center !important;

        flex-wrap:nowrap !important;

        margin:0 !important;
        padding:0 7px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        height:54px !important;

        flex:0 0 auto !important;

        float:none !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        height:54px !important;

        display:flex !important;
        align-items:center !important;

        padding:0 13px !important;

        white-space:nowrap !important;
    }

}


/* ==========================================================
   TABLET 768 - 899: slightly smaller search
   ========================================================== */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:190px !important;
    }

}


/* ZNBAQ-HEADER-REDESIGN-V10-END */


/* ==========================================================
   ZNBAQ HEADER MASTER 2026
   Scope: Header Style 16 only
   ========================================================== */
/* ZNBAQ-HEADER-MASTER-START */


/* ==========================================================
   COMMON TABLET + DESKTOP
   ========================================================== */

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

    .page-header.header-style-16 .header-panel-row {
        display:flex !important;
        align-items:center !important;
        position:relative !important;
    }

    .page-header.header-style-16 .header-panel-left,
    .page-header.header-style-16 .header-panel-center,
    .page-header.header-style-16 .header-panel-right {
        display:flex !important;
        align-items:center !important;
        box-sizing:border-box !important;
    }

    .page-header.header-style-16 .header-panel-center {
        justify-content:center !important;
    }

    .page-header.header-style-16 .header-panel-right {
        justify-content:flex-end !important;
    }


    /* Logo */

    .page-header.header-style-16 .logo {
        margin:0 !important;
        padding:0 !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .page-header.header-style-16 .logo img {
        width:auto !important;
        height:auto !important;
        object-fit:contain !important;
    }


    /* Search */

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search-wrap
    .header-search {
        width:100% !important;

        display:flex !important;
        align-items:center !important;

        padding:3px !important;

        border-radius:24px !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search
    .block-search {
        width:100% !important;

        float:none !important;

        margin:0 !important;

        border-radius:22px !important;
        box-shadow:none !important;
    }

    .page-header.header-style-16
    .header-search
    .form.minisearch {
        width:100% !important;
    }

    .page-header.header-style-16
    .header-search
    .field.search {
        width:100% !important;
    }


    /* Perfectly center magnifier */

    .page-header.header-style-16
    .header-search
    .actions {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .page-header.header-style-16
    .header-search
    .actions
    .search {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        padding:0 !important;
        margin:0 !important;
    }

    .page-header.header-style-16
    .header-search
    .actions
    .search:before {
        position:static !important;

        width:auto !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        line-height:1 !important;

        transform:none !important;
    }


    /* Icon animation */

    .page-header.header-style-16
    .features-links #top-wishlist,

    .page-header.header-style-16
    .features-links
    .authorization-link
    .account-trigger,

    .page-header.header-style-16
    .features-links
    .minicart-wrapper
    .action.showcart,

    .page-header.header-style-16
    .header-search
    .actions
    .search,

    .page-header.header-style-16
    .cdz-horizontal-menu
    .menu-icon {
        transition:
            transform .17s ease,
            opacity .17s ease !important;
    }
}


@media (hover:hover) {

    .page-header.header-style-16
    .features-links #top-wishlist:hover,

    .page-header.header-style-16
    .features-links
    .authorization-link
    .account-trigger:hover,

    .page-header.header-style-16
    .features-links
    .minicart-wrapper
    .action.showcart:hover {
        transform:translateY(-2px) scale(1.04);
    }

    .page-header.header-style-16
    .header-search
    .actions
    .search:hover {
        transform:scale(1.06);
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link:hover
    .menu-icon {
        transform:translateY(-1px) scale(1.09);
    }
}


/* ==========================================================
   DESKTOP 1367+
   ========================================================== */

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

    .page-header.header-style-16
    .header-middle
    .header-panel-container {
        width:calc(100% - 80px) !important;
        max-width:1500px !important;

        margin-inline:auto !important;

        padding-top:7px !important;
        padding-bottom:7px !important;
    }

    .page-header.header-style-16
    .header-panel-row {
        min-height:64px !important;
    }

    .page-header.header-style-16
    .header-panel-left {
        width:20% !important;
        flex:0 0 20% !important;
    }

    .page-header.header-style-16
    .logo img {
        max-height:60px !important;
    }

    .page-header.header-style-16
    .header-panel-center {
        width:50% !important;
        flex:0 0 50% !important;

        padding-inline:35px !important;
    }

    .page-header.header-style-16
    .header-search-wrap
    .header-search {
        max-width:620px !important;
        margin:auto !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search
    input#search {
        height:40px !important;
        min-height:40px !important;

        font-size:15px !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search
    .actions
    .search {
        width:40px !important;
        height:40px !important;

        min-width:40px !important;
        min-height:40px !important;
    }

    .page-header.header-style-16
    .header-panel-right {
        width:30% !important;
        flex:0 0 30% !important;
    }

    .page-header.header-style-16
    .header-panel-right-inner {
        width:auto !important;
    }

    .page-header.header-style-16
    .features-links {
        width:auto !important;

        display:flex !important;
        align-items:center !important;

        gap:20px !important;

        float:none !important;

        margin:0 !important;
    }

    .page-header.header-style-16
    .features-links > li {
        width:auto !important;

        float:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .header-bottom > .container {
        width:calc(100% - 80px) !important;
        max-width:1500px !important;

        margin-inline:auto !important;
    }

    .page-header.header-style-16
    .header-menu-wrap {
        width:100% !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu {
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        flex-wrap:nowrap !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        flex:0 0 auto !important;
        float:none !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        padding:12px 10px !important;

        white-space:nowrap !important;
    }
}


/* ==========================================================
   LAPTOP 1025 - 1366
   ========================================================== */

@media only screen and (min-width:1025px) and (max-width:1366px) {

    .page-header.header-style-16
    .header-middle
    .header-panel-container {
        width:calc(100% - 32px) !important;

        margin-inline:auto !important;

        padding-top:8px !important;
        padding-bottom:8px !important;
    }

    .page-header.header-style-16
    .header-panel-row {
        min-height:62px !important;
    }

    .page-header.header-style-16
    .header-panel-left {
        width:18% !important;
        flex:0 0 18% !important;
    }

    .page-header.header-style-16
    .logo img {
        max-height:56px !important;
    }

    .page-header.header-style-16
    .header-panel-center {
        width:52% !important;
        flex:0 0 52% !important;

        padding-inline:18px !important;
    }

    .page-header.header-style-16
    .header-search-wrap
    .header-search {
        max-width:560px !important;
        margin:auto !important;
    }

    .page-header.header-style-16
    .header-panel-right {
        width:30% !important;
        flex:0 0 30% !important;
    }

    .page-header.header-style-16
    .features-links {
        display:flex !important;
        align-items:center !important;

        gap:12px !important;

        float:none !important;
    }

    .page-header.header-style-16
    .header-bottom > .container {
        width:calc(100% - 30px) !important;
        margin-inline:auto !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu {
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;

        flex-wrap:nowrap !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        padding:12px 7px !important;

        font-size:13px !important;

        white-space:nowrap !important;
    }
}


/* ==========================================================
   TABLET 768 - 1024
   ========================================================== */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .header-middle
    .header-panel-container {
        width:calc(100% - 24px) !important;
        max-width:none !important;

        margin-inline:auto !important;

        padding:9px 0 !important;
    }

    .page-header.header-style-16
    .header-panel-row {
        width:100% !important;

        min-height:60px !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }

    .page-header.header-style-16
    .header-panel-left {
        width:18% !important;
        flex:0 0 18% !important;

        padding-inline:5px !important;
    }

    .page-header.header-style-16
    .logo img {
        max-height:52px !important;
        max-width:100% !important;
    }

    .page-header.header-style-16
    .header-panel-center {
        width:54% !important;
        flex:0 0 54% !important;

        padding-inline:10px !important;
    }

    .page-header.header-style-16
    .header-search-wrap
    .header-search {
        width:100% !important;
        max-width:480px !important;

        margin:auto !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search
    input#search {
        height:38px !important;
        min-height:38px !important;

        font-size:13px !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-search
    .actions
    .search {
        width:38px !important;
        height:38px !important;

        min-width:38px !important;
        min-height:38px !important;
    }

    .page-header.header-style-16
    .header-panel-right {
        width:28% !important;
        flex:0 0 28% !important;

        padding-inline:5px !important;
    }

    .page-header.header-style-16
    .header-panel-right-inner {
        width:100% !important;
    }

    .page-header.header-style-16
    .features-links {
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:7px !important;

        float:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .features-links > li {
        float:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .features-links
    #top-wishlist .label,

    .page-header.header-style-16
    .features-links
    .authorization-link
    .account-trigger > .text-uppercase,

    .page-header.header-style-16
    .features-links
    .minicart-wrapper
    .action.showcart > .text {
        display:none !important;
    }


    /* Tablet menu: ONE line + horizontal swipe */

    .page-header.header-style-16
    .header-bottom {
        min-height:48px !important;

        overflow:visible !important;
    }

    .page-header.header-style-16
    .header-bottom > .container,

    .page-header.header-style-16
    .header-bottom
    .menu-area {
        width:100% !important;
        max-width:none !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .header-menu-wrap {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        overflow-x:auto !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        touch-action:pan-x;

        overscroll-behavior-inline:contain;
    }

    .page-header.header-style-16
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }

    .page-header.header-style-16
    .cdz-navigation,

    .page-header.header-style-16
    .cdz-horizontal-menu,

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu {
        width:max-content !important;
        min-width:max-content !important;

        max-width:none !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu {
        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        flex-wrap:nowrap !important;

        white-space:nowrap !important;

        margin:0 !important;
        padding:0 8px !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        flex:0 0 auto !important;

        float:none !important;

        margin:0 !important;
    }

    .page-header.header-style-16
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        min-height:48px !important;

        display:flex !important;
        align-items:center !important;

        padding:12px 14px !important;

        white-space:nowrap !important;
    }
}


/* 768 - 899 */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .header-panel-left {
        width:20% !important;
        flex:0 0 20% !important;
    }

    .page-header.header-style-16
    .header-panel-center {
        width:50% !important;
        flex:0 0 50% !important;
    }

    .page-header.header-style-16
    .header-panel-right {
        width:30% !important;
        flex:0 0 30% !important;
    }

    .page-header.header-style-16
    .logo img {
        max-height:48px !important;
    }

    .page-header.header-style-16
    .header-search-wrap
    .header-search {
        max-width:360px !important;
    }
}


/* ==========================================================
   STICKY DESKTOP + TABLET
   ========================================================== */

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

    .page-header.header-style-16
    .sticky-menu.active
    .header-middle {
        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-middle
    .header-panel-container,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-row {
        width:100% !important;

        height:0 !important;
        min-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-left {
        display:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom > .container,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom
    .menu-area {
        height:54px !important;
        min-height:54px !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* Sticky icons */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-right {
        position:absolute !important;

        left:8px !important;
        right:auto !important;
        top:0 !important;

        width:125px !important;
        height:54px !important;

        display:flex !important;
        align-items:center !important;

        margin:0 !important;
        padding:0 !important;

        z-index:40 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .features-links {
        width:100% !important;
        height:54px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        gap:6px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .features-links > li {
        width:32px !important;
        min-width:32px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    #top-wishlist,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .authorization-link
    .account-trigger,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .minicart-wrapper
    .action.showcart {
        width:32px !important;
        min-width:32px !important;

        height:40px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    #top-wishlist .label,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .authorization-link
    .account-trigger > span,

    .page-header.header-style-16
    .sticky-menu.active
    .features-links
    .minicart-wrapper
    .action.showcart > .text {
        display:none !important;
    }


    /* Sticky closed search icon */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        position:absolute !important;

        left:140px !important;
        right:auto !important;
        top:8px !important;

        width:38px !important;
        height:38px !important;

        display:flex !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        z-index:42 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search {
        position:relative !important;

        width:38px !important;
        max-width:none !important;

        height:38px !important;
        min-height:38px !important;

        padding:0 !important;
        margin:0 !important;

        background:transparent !important;

        border-radius:20px !important;

        box-shadow:none !important;

        overflow:visible !important;

        transition:
            width .2s ease,
            background-color .2s ease,
            box-shadow .2s ease !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form {
        position:absolute !important;

        left:0 !important;
        top:0 !important;

        width:38px !important;
        height:38px !important;

        display:block !important;

        overflow:hidden !important;

        border-radius:20px !important;

        transition:width .2s ease !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .block-search {
        width:100% !important;
        height:38px !important;

        float:none !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .form.minisearch {
        width:100% !important;
        height:38px !important;

        position:relative !important;

        display:flex !important;
        align-items:center !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .field.search {
        width:100% !important;
        height:38px !important;

        opacity:0 !important;
        visibility:hidden !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search {
        width:100% !important;

        height:38px !important;
        min-height:38px !important;

        padding:0 44px 0 13px !important;

        border:0 !important;

        background:transparent !important;

        box-shadow:none !important;
        outline:0 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions {
        position:absolute !important;

        left:0 !important;
        top:0 !important;

        width:38px !important;
        height:38px !important;

        z-index:5 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        width:38px !important;
        height:38px !important;

        min-width:38px !important;
        min-height:38px !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;
        padding:0 !important;

        border:2px solid #fff !important;
        border-radius:50% !important;

        background:transparent !important;

        color:#fff !important;

        box-shadow:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search:before {
        position:static !important;

        margin:0 !important;
        padding:0 !important;

        color:#fff !important;

        font-size:17px !important;
        line-height:1 !important;
    }


    /* Sticky open search */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:270px !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        background:#fff !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search {
        box-shadow:0 3px 12px rgba(0,0,0,.13) !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .field.search {
        opacity:1 !important;
        visibility:visible !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search {
        border-color:transparent !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search:before {
        color:#632c64 !important;
    }


    /* Sticky menu */

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - 195px) !important;
        max-width:calc(100% - 195px) !important;

        height:54px !important;

        margin-left:195px !important;
        margin-right:0 !important;

        padding:0 !important;

        overflow-x:auto !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu {
        width:max-content !important;
        min-width:max-content !important;

        max-width:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu {
        height:54px !important;

        display:flex !important;
        align-items:center !important;

        flex-wrap:nowrap !important;

        margin:0 !important;
        padding:0 8px !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        height:54px !important;

        flex:0 0 auto !important;

        float:none !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link {
        height:54px !important;

        display:flex !important;
        align-items:center !important;

        padding:0 11px !important;

        white-space:nowrap !important;
    }
}


/* Smaller sticky search on portrait tablet */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:190px !important;
    }
}


/* ZNBAQ-HEADER-MASTER-END */


/* ==========================================================
   ZNBAQ FOOTER 17 RESPONSIVE MASTER

   Important:
   Scope is footer-style-17 ONLY.
   No global html/body/page/header rules.
   ========================================================== */
/* ZNBAQ-FOOTER17-MASTER-START */

.footer-style-17,
.footer-style-17 * {
    box-sizing:border-box;
}

.footer-style-17 img {
    max-width:100%;
    height:auto;
}


@media only screen and (min-width:768px) and (max-width:1024px) {

    .footer-style-17 {
        width:100% !important;
        max-width:100% !important;
    }

    .footer-style-17
    .main-footer {
        width:100% !important;
        max-width:100% !important;
    }

    .footer-style-17
    .container {
        width:100% !important;
        max-width:100% !important;

        padding-left:18px !important;
        padding-right:18px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .footer-style-17
    .row {
        margin-left:-8px !important;
        margin-right:-8px !important;
    }

    .footer-style-17
    [class*="col-"] {
        min-width:0 !important;

        padding-left:8px !important;
        padding-right:8px !important;
    }

    .footer-style-17
    .footer-content-top
    .middle-top {
        display:flex !important;

        align-items:center !important;
        flex-wrap:wrap !important;

        row-gap:15px;
    }

    .footer-style-17
    .footer-logo-img {
        max-width:180px !important;
    }

    .footer-style-17
    .newsletter-content,

    .footer-style-17
    .newsletter-content
    form {
        width:100% !important;
        max-width:100% !important;
    }

    .footer-style-17
    .footer-content-middle
    .middle-bottom {
        display:flex !important;
        flex-wrap:wrap !important;
    }

    .footer-style-17
    .footer-social
    .social {
        display:flex !important;

        gap:10px !important;

        align-items:center !important;
        flex-wrap:wrap !important;
    }
}


/* ZNBAQ-FOOTER17-MASTER-END */


/* ==========================================================
   ZNBAQ STICKY SEARCH POLISH
   - smaller search circle
   - visible input text
   - cleaner open search
   ========================================================== */
/* ZNBAQ-STICKY-SEARCH-POLISH-START */

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

    /* Smaller closed search circle */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        left:140px !important;
        top:11px !important;

        width:32px !important;
        height:32px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search {
        width:32px !important;

        height:32px !important;
        min-height:32px !important;

        border-radius:17px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form {
        width:32px !important;
        height:32px !important;

        border-radius:17px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .block-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .form.minisearch {
        height:32px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .field.search {
        height:32px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search {
        height:32px !important;
        min-height:32px !important;

        line-height:32px !important;

        /* IMPORTANT: visible writing */
        color:#4b314d !important;

        background:transparent !important;

        caret-color:#632c64 !important;

        padding-top:0 !important;
        padding-bottom:0 !important;

        padding-left:12px !important;
        padding-right:40px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search::placeholder {
        color:#999 !important;
        opacity:1 !important;
    }


    /* Magnifier circle */

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions {
        width:32px !important;
        height:32px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        width:32px !important;
        height:32px !important;

        min-width:32px !important;
        min-height:32px !important;

        border-width:1.5px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search:before {
        font-size:15px !important;
    }


    /* ======================================================
       OPEN SEARCH
       ====================================================== */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open {
        top:11px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:270px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search {
        background:#fff !important;

        border:1px solid rgba(99,44,100,.18) !important;

        box-shadow:
            0 3px 12px rgba(0,0,0,.12) !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .block-search {
        background:#fff !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search {
        border-color:transparent !important;
        background:transparent !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search:before {
        color:#632c64 !important;
    }

}


/* Portrait tablet slightly smaller opened search */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:190px !important;
    }

}

/* ZNBAQ-STICKY-SEARCH-POLISH-END */


/* ==========================================================
   ZNBAQ STICKY SEARCH FINAL POLISH
   ========================================================== */
/* ZNBAQ-STICKY-SEARCH-FINAL-START */

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

    /*
     * Closed search icon:
     * visually closer to neighboring utility icons.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        top:13px !important;

        width:28px !important;
        height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .block-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .form.minisearch,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .field.search {
        height:28px !important;
        min-height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form {
        width:28px !important;

        border-radius:15px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        width:28px !important;
        height:28px !important;

        min-width:28px !important;
        min-height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        border-width:1.4px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search:before {
        font-size:14px !important;
    }


    /* Input */

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search {
        height:28px !important;
        min-height:28px !important;

        line-height:28px !important;

        color:#432445 !important;
        caret-color:#632c64 !important;

        padding:
            0
            36px
            0
            12px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search::placeholder {
        color:#999 !important;
        opacity:1 !important;
    }


    /*
     * Open width
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open {
        top:13px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:250px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search {
        background:#fff !important;

        border:
            1px solid
            rgba(99,44,100,.20) !important;

        box-shadow:
            0 3px 10px
            rgba(0,0,0,.10) !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .block-search {
        background:#fff !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search {
        border-color:transparent !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search:before {
        color:#632c64 !important;
    }

}


/* Tablet portrait */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:180px !important;
    }

}

/* ZNBAQ-STICKY-SEARCH-FINAL-END */


/* ==========================================================
   ZNBAQ STICKY SEARCH FINAL POLISH
   ========================================================== */
/* ZNBAQ-STICKY-SEARCH-FINAL-START */

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

    /*
     * Closed search icon:
     * visually closer to neighboring utility icons.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        top:13px !important;

        width:28px !important;
        height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .block-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .form.minisearch,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .field.search {
        height:28px !important;
        min-height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search-wrap
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .search-form {
        width:28px !important;

        border-radius:15px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions,

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        width:28px !important;
        height:28px !important;

        min-width:28px !important;
        min-height:28px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search {
        border-width:1.4px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    .actions
    .search:before {
        font-size:14px !important;
    }


    /* Input */

    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search {
        height:28px !important;
        min-height:28px !important;

        line-height:28px !important;

        color:#432445 !important;
        caret-color:#632c64 !important;

        padding:
            0
            36px
            0
            12px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-search
    input#search::placeholder {
        color:#999 !important;
        opacity:1 !important;
    }


    /*
     * Open width
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open {
        top:13px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:250px !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search {
        background:#fff !important;

        border:
            1px solid
            rgba(99,44,100,.20) !important;

        box-shadow:
            0 3px 10px
            rgba(0,0,0,.10) !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .block-search {
        background:#fff !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search {
        border-color:transparent !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .actions
    .search:before {
        color:#632c64 !important;
    }

}


/* Tablet portrait */

@media only screen and (min-width:768px) and (max-width:899px) {

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .header-search,

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center.zn-sticky-search-open
    .search-form {
        width:180px !important;
    }

}

/* ZNBAQ-STICKY-SEARCH-FINAL-END */


/* ==========================================================
   ZNBAQ HEADER POLISH
   - Account animation
   - Center purple menu
   - Tighter utility icon spacing
   ========================================================== */
/* ZNBAQ-HEADER-POLISH-START */


/* ==========================================================
   1) SAME ANIMATION FOR CART / ACCOUNT / WISHLIST
   ========================================================== */

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

    .page-header.header-style-16
    .features-links
    .minicart-wrapper
    .action.showcart,

    .page-header.header-style-16
    .features-links
    .authorization-link,

    .page-header.header-style-16
    .features-links
    .authorization-link
    .account-trigger,

    .page-header.header-style-16
    .features-links
    #top-wishlist {
        transition:
            transform .18s ease,
            opacity .18s ease !important;

        transform-origin:center center !important;
    }

}


@media (hover:hover) {

    .page-header.header-style-16
    .features-links
    .minicart-wrapper
    .action.showcart:hover,

    .page-header.header-style-16
    .features-links
    .authorization-link:hover,

    .page-header.header-style-16
    .features-links
    .authorization-link:hover
    .account-trigger,

    .page-header.header-style-16
    .features-links
    #top-wishlist:hover {
        transform:
            translateY(-2px)
            scale(1.05) !important;
    }

}


/* ==========================================================
   2) PURPLE BAR ITEMS CENTERED
   Desktop / laptop
   ========================================================== */

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

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-menu-wrap {
        display:flex !important;
        justify-content:center !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu {
        width:auto !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > .groupmenu {
        width:auto !important;
        min-width:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex-wrap:nowrap !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        flex:0 0 auto !important;
    }

}


/*
 * Tablet:
 * if all items fit -> centered.
 * if they don't fit -> horizontal swipe stays available.
 */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > .groupmenu {
        margin-left:auto !important;
        margin-right:auto !important;

        justify-content:center !important;
    }

}


/* ==========================================================
   3) TIGHTER ICON SPACING IN YELLOW HEADER
   ========================================================== */

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

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right {
        justify-content:flex-start !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right-inner {
        width:auto !important;
        max-width:100% !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links {
        width:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        gap:10px !important;

        margin:0 !important;
        padding:0 !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links > li {
        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 7px !important;
    }

}


/* Laptop slightly tighter */

@media only screen and (min-width:1025px) and (max-width:1366px) {

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links {
        gap:6px !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links > li {
        padding-left:5px !important;
        padding-right:5px !important;
    }

}


/* Tablet */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links {
        gap:4px !important;
    }

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .features-links > li {
        margin:0 !important;
        padding:0 3px !important;
    }

}


/* ZNBAQ-HEADER-POLISH-END */


/* ==========================================================
   ZNBAQ STICKY DESKTOP MEGAMENU FIX
   Allow category dropdowns after scroll
   Desktop / Laptop only
   ========================================================== */
/* ZNBAQ-STICKY-MEGAMENU-FIX-START */

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

    /*
     * IMPORTANT:
     * Sticky menu previously used horizontal overflow.
     * That clips Codazon mega-menu dropdowns vertically.
     *
     * Desktop does not need horizontal swipe, so allow
     * dropdowns to escape the sticky bar normally.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom > .container,

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom
    .menu-area,

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu {
        overflow:visible !important;
    }


    /*
     * Restore normal desktop width behavior.
     * No horizontal scrolling on desktop sticky.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        overflow-x:visible !important;
        overflow-y:visible !important;

        scrollbar-width:auto !important;
        touch-action:auto !important;

        position:relative !important;
        z-index:1000 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu {
        position:relative !important;
        z-index:1001 !important;
    }


    /*
     * Make each top-level menu item a proper anchor
     * for its Codazon dropdown.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        position:relative !important;
        overflow:visible !important;
    }


    /*
     * Codazon mega menu.
     * Keep its own functionality; only guarantee that
     * sticky mode does not hide it.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    li.level0:hover
    > .groupmenu-drop {
        visibility:visible !important;
        opacity:1 !important;

        z-index:99999 !important;
    }


    /*
     * Some Codazon menu configurations put another
     * content wrapper inside groupmenu-drop.
     */

    .page-header.header-style-16
    .sticky-menu.active
    .groupmenu-drop,

    .page-header.header-style-16
    .sticky-menu.active
    .groupmenu-drop-content {
        overflow:visible !important;
    }


    /*
     * Sticky itself must sit above page content.
     */

    .page-header.header-style-16
    .sticky-menu.active {
        overflow:visible !important;
        z-index:9000 !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom {
        position:relative !important;
        z-index:9001 !important;
    }

}

/* ZNBAQ-STICKY-MEGAMENU-FIX-END */


/* ==========================================================
   ZNBAQ STICKY MEGAMENU LAYER FIX
   Keep utility icons/search visible while menu is open
   ========================================================== */
/* ZNBAQ-STICKY-MEGAMENU-LAYER-FIX-START */

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

    /*
     * Main sticky bar
     */
    .page-header.header-style-16
    .sticky-menu.active {
        overflow:visible !important;
        z-index:9000 !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom {
        position:relative !important;
        overflow:visible !important;
        z-index:10 !important;
    }


    /*
     * Menu area itself stays below utility controls.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-navigation,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu {
        position:relative !important;
        overflow:visible !important;
        z-index:20 !important;
    }


    /*
     * Utility icons + search must always stay visible
     * above the navigation layer.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-right {
        position:absolute !important;
        z-index:200 !important;
        overflow:visible !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-panel-center {
        position:absolute !important;
        z-index:210 !important;
        overflow:visible !important;
    }


    /*
     * Individual menu item remains normal.
     * Do NOT raise the whole top nav above utility icons.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0 {
        position:relative !important;
        z-index:auto !important;
        overflow:visible !important;
    }


    /*
     * Dropdown only receives high z-index when it opens.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    li.level0:hover
    > .groupmenu-drop {
        z-index:150 !important;

        visibility:visible !important;
        opacity:1 !important;

        overflow:visible !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .groupmenu-drop-content {
        position:relative !important;
        z-index:151 !important;
    }


    /*
     * Remove possible decorative vertical element
     * created by the active/hover top-level item.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0:hover:before,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0:hover:after {
        max-height:54px !important;
    }

}

/* ZNBAQ-STICKY-MEGAMENU-LAYER-FIX-END */


/* ==========================================================
   ZNBAQ STICKY PURPLE TAIL FIX
   Remove vertical purple artifact only
   ========================================================== */
/* ZNBAQ-STICKY-PURPLE-TAIL-FIX-START */

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

    /* Never allow top-level decorative pseudo elements
       to extend below the sticky bar */

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0:before,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0:after,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link:before,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0
    > a.menu-link:after {
        max-height:54px !important;
    }


    /* The Categories item sometimes creates a vertical
       decorative bar while its dropdown is active */

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0:hover
    > a.menu-link:after,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > .groupmenu
    > li.level0.active
    > a.menu-link:after {
        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;

        border:0 !important;

        bottom:auto !important;

        content:none !important;
        display:none !important;
    }


    /* Header bar itself must stay exactly one row high */

    .page-header.header-style-16
    .sticky-menu.active
    .header-bottom {
        height:54px !important;
        min-height:54px !important;
    }

}

/* ZNBAQ-STICKY-PURPLE-TAIL-FIX-END */


/* ==========================================================
   ZNBAQ STICKY OVERFLOW ITEMS FIX
   Do not turn Codazon hidden overflow container into flex
   ========================================================== */
/* ZNBAQ-STICKY-OVERFLOW-ITEMS-FIX-START */

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

    .page-header.header-style-16
    .cdz-horizontal-menu
    > ul.groupmenu.overflow-items-container,

    .page-header.header-style-16
    .sticky-menu.active
    .cdz-horizontal-menu
    > ul.groupmenu.overflow-items-container,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .cdz-horizontal-menu
    > ul.groupmenu.overflow-items-container {

        display:none !important;

        width:0 !important;
        min-width:0 !important;
        max-width:0 !important;

        height:0 !important;
        min-height:0 !important;
        max-height:0 !important;

        margin:0 !important;
        padding:0 !important;

        background:transparent !important;

        overflow:hidden !important;

        border:0 !important;

        visibility:hidden !important;

        pointer-events:none !important;
    }

}

/* ZNBAQ-STICKY-OVERFLOW-ITEMS-FIX-END */


/* ==========================================================
   ZNBAQ 768-1024 HEADER CONTAINER ALIGNMENT
   Match yellow header with the rest of page containers
   ========================================================== */
/* ZNBAQ-1024-CONTAINER-ALIGNMENT-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /*
     * Parent container already has the correct 15px page gutter.
     * Remove the extra 12px inset that produced:
     *
     * parent: 15px
     * header container: 27px
     */

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-middle
    .header-panel-container {

        width:calc(100% - 30px) !important;
        max-width:none !important;

        margin-left:15px !important;
        margin-right:15px !important;

        padding-left:0 !important;
        padding-right:0 !important;

        box-sizing:border-box !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-row {

        width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }

}

/* ZNBAQ-1024-CONTAINER-ALIGNMENT-END */


/* ==========================================================
   ZNBAQ SERVICES BAR TABLET FIX
   768 - 1024 only
   Fit all 4 service cards inside available width
   ========================================================== */
/* ZNBAQ-SERVICES-1024-FIT-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .custom-services-wrapper {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        overflow:hidden !important;
    }


    .custom-services-list {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        display:flex !important;
        align-items:stretch !important;

        flex-wrap:nowrap !important;

        gap:6px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        direction:rtl !important;
    }


    /*
     * There are 4 cards.
     * Instead of 310px each, share the available width.
     */

    .custom-services-list
    > .custom-service-card {
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        flex:1 1 0 !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * Allow text inside cards to adapt instead of
     * forcing the original 310px width.
     */

    .custom-services-list
    > .custom-service-card,
    .custom-services-list
    > .custom-service-card * {
        max-width:100% !important;
        box-sizing:border-box !important;
    }


    .custom-services-list
    > .custom-service-card p,

    .custom-services-list
    > .custom-service-card span,

    .custom-services-list
    > .custom-service-card strong {
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

}

/* ZNBAQ-SERVICES-1024-FIT-END */


/* ==========================================================
   ZNBAQ SERVICES BAR TABLET FIX
   768 - 1024 only
   Fit all 4 service cards inside available width
   ========================================================== */
/* ZNBAQ-SERVICES-1024-FIT-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .custom-services-wrapper {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        overflow:hidden !important;
    }


    .custom-services-list {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        display:flex !important;
        align-items:stretch !important;

        flex-wrap:nowrap !important;

        gap:6px !important;

        margin:0 !important;
        padding:0 !important;

        overflow:visible !important;

        direction:rtl !important;
    }


    /*
     * There are 4 cards.
     * Instead of 310px each, share the available width.
     */

    .custom-services-list
    > .custom-service-card {
        width:auto !important;
        min-width:0 !important;
        max-width:none !important;

        flex:1 1 0 !important;

        margin:0 !important;

        box-sizing:border-box !important;
    }


    /*
     * Allow text inside cards to adapt instead of
     * forcing the original 310px width.
     */

    .custom-services-list
    > .custom-service-card,
    .custom-services-list
    > .custom-service-card * {
        max-width:100% !important;
        box-sizing:border-box !important;
    }


    .custom-services-list
    > .custom-service-card p,

    .custom-services-list
    > .custom-service-card span,

    .custom-services-list
    > .custom-service-card strong {
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }

}

/* ZNBAQ-SERVICES-1024-FIT-END */


/* ==========================================================
   ZNBAQ TABLET 768-1024 FINAL BALANCE
   - reduce side gutters
   - balance yellow services bar
   ========================================================== */



/* ==========================================================
   ZNBAQ REAL TABLET FIX
   confirmed from DOM inspection
   ========================================================== */




/* ==========================================================
   ZNBAQ TABLET GUTTER NORMALIZATION
   768 - 1024 ONLY
   Removes stacked Bootstrap side gutters
   ========================================================== */
/* ZNBAQ-TABLET-GUTTER-NORMALIZATION-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /* ======================================================
       HEADER OUTER WRAPPER
       ====================================================== */

    .page-header.header-style-16
    > .container.sticky-menu {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }


    #header-sections,
    #header-middle,
    #header-bottom {
        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }


    /* ======================================================
       YELLOW HEADER INNER CONTENT
       One single 8px gutter instead of 15 + 15
       ====================================================== */

    #header-middle
    .header-panel-container {
        width:calc(100% - 16px) !important;
        max-width:none !important;

        margin-left:8px !important;
        margin-right:8px !important;

        padding-left:0 !important;
        padding-right:0 !important;

        box-sizing:border-box !important;
    }


    #header-middle
    .header-panel-row {
        width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }


    /* ======================================================
       PURPLE MENU
       ====================================================== */

    #header-bottom
    > .container {
        width:calc(100% - 16px) !important;
        max-width:none !important;

        margin-left:8px !important;
        margin-right:8px !important;

        padding-left:0 !important;
        padding-right:0 !important;

        box-sizing:border-box !important;
    }


    #header-bottom
    .menu-area,

    #header-bottom
    .header-menu-wrap {
        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }


    /* ======================================================
       YELLOW TICKER
       Keep its original functionality.
       Only remove duplicated container gutters.
       ====================================================== */

    .container.zn-mobile-ticker.zn-desktop-margin {
        width:calc(100% - 16px) !important;
        max-width:none !important;

        margin-left:8px !important;
        margin-right:8px !important;

        padding-left:0 !important;
        padding-right:0 !important;

        box-sizing:border-box !important;
    }


    .container.zn-mobile-ticker.zn-desktop-margin
    > .row {
        width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;
    }


    .container.zn-mobile-ticker.zn-desktop-margin
    > .row
    > .col-sm-24 {
        width:100% !important;

        padding-left:0 !important;
        padding-right:0 !important;

        margin:0 !important;
    }


    .zn-mobile-ticker
    .zn-news-wrap {
        width:100% !important;
        max-width:100% !important;

        margin:0 !important;
    }


    /* ======================================================
       MAIN PAGE
       Same 8px gutter
       ====================================================== */

    .page-main {
        width:100% !important;
        max-width:100% !important;

        padding-left:8px !important;
        padding-right:8px !important;

        box-sizing:border-box !important;
    }


    .page-main
    > .columns,

    .page-main
    .columns {
        width:100% !important;
        max-width:100% !important;

        margin-left:0 !important;
        margin-right:0 !important;

        padding-left:0 !important;
        padding-right:0 !important;

        box-sizing:border-box !important;
    }

}

/* ZNBAQ-TABLET-GUTTER-NORMALIZATION-END */


/* ==========================================================
   ZNBAQ TABLET HEADER ICONS - PHYSICAL LEFT
   768px - 1024px
   Normal header only
   ========================================================== */
/* ZNBAQ-TABLET-ICONS-LEFT-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right {

        display:flex !important;
        align-items:center !important;

        /*
         * RTL flex-start = right.
         * flex-end = physical LEFT.
         */
        justify-content:flex-end !important;

        text-align:left !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right-inner {

        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        margin:0 !important;
        padding:0 !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-features-links {

        width:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        /*
         * Push whole group physically to LEFT
         */
        margin-left:0 !important;
        margin-right:auto !important;

        padding-left:0 !important;
        padding-right:0 !important;
    }

}

/* ZNBAQ-TABLET-ICONS-LEFT-END */


/* ==========================================================
   ZNBAQ TABLET HEADER ICONS - REAL LEFT ALIGN
   Correct DOM:
   ul.header.features-links.items.hidden-xs
   ========================================================== */
/* ZNBAQ-TABLET-REAL-ICONS-LEFT-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right {
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right-inner {
        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Actual UL from the DOM.
     * Direction is RTL, therefore flex-end = physical LEFT.
     */
    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.header.features-links.items,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.features-links.items {

        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;

        flex-wrap:nowrap !important;

        gap:4px !important;

        margin:0 !important;
        padding:0 !important;

        float:none !important;

        text-align:left !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.features-links.items
    > li {

        flex:0 0 auto !important;

        margin:0 !important;
        padding-left:3px !important;
        padding-right:3px !important;
    }

}

/* ZNBAQ-TABLET-REAL-ICONS-LEFT-END */


/* ==========================================================
   ZNBAQ HEADER UTILITY ICONS - PHYSICAL LEFT
   Cart + Account + Wishlist
   ========================================================== */
/* ZNBAQ-HEADER-UTILITY-PHYSICAL-LEFT-START */

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

    /*
     * Use LTR only for positioning the group physically left.
     * The UL itself stays RTL so icon order remains unchanged.
     */

    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right {

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        direction:ltr !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    .header-panel-right-inner {

        width:100% !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        direction:ltr !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Actual UL:
     * ul.header.features-links.items.hidden-xs
     */

    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.header.features-links.items,

    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.features-links.items {

        width:max-content !important;
        min-width:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;

        flex-wrap:nowrap !important;

        direction:rtl !important;

        margin-left:0 !important;
        margin-right:auto !important;

        padding:0 !important;

        gap:8px !important;

        float:none !important;
    }


    .page-header.header-style-16
    .sticky-menu:not(.active)
    ul.features-links.items
    > li {

        flex:0 0 auto !important;

        margin:0 !important;
        padding:0 4px !important;
    }

}

/* ZNBAQ-HEADER-UTILITY-PHYSICAL-LEFT-END */


/* ==========================================================
   ZNBAQ TABLET/DESKTOP MOBILE NAV ARTIFACT FIX

   Magento mobile drawer was:
   width: 768px
   left: -714px
   leaving 54px visible on the physical left.

   Desktop/Codazon menu is already used from 768px upward,
   so the mobile navigation drawer must not occupy the screen.
   ========================================================== */



/* ==========================================================
   ZNBAQ REAL NAV-SECTIONS FIX
   Magento mobile drawer is a sibling of header, not a child.
   Hide it completely from tablet/desktop breakpoint upward.
   ========================================================== */
/* ZNBAQ-NAV-SECTIONS-REAL-FIX-START */

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

    body .sections.nav-sections,
    body > .page-wrapper > .sections.nav-sections,
    .page-wrapper > .sections.nav-sections {
        display:none !important;

        width:0 !important;
        height:0 !important;

        min-width:0 !important;
        max-width:0 !important;

        min-height:0 !important;
        max-height:0 !important;

        position:absolute !important;

        left:-99999px !important;
        right:auto !important;

        margin:0 !important;
        padding:0 !important;

        border:0 !important;

        overflow:hidden !important;

        visibility:hidden !important;
        opacity:0 !important;

        pointer-events:none !important;
    }

}

/* ZNBAQ-NAV-SECTIONS-REAL-FIX-END */


/* ==========================================================
   ZNBAQ TABLET PURPLE MENU SCROLL HINT ARROWS
   768 - 1024 only
   ========================================================== */



/* ==========================================================
   ZNBAQ SMART PURPLE MENU SCROLL CONTROLS
   Tablet only: 768 - 1024
   ========================================================== */




/* ==========================================================
   ZNBAQ TABLET PURPLE MENU SCROLL V2
   768 - 1024
   ========================================================== */
/* ZNBAQ-PURPLE-MENU-SCROLL-V2-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /* ---------------------------------------------
       REMOVE GAP BETWEEN PURPLE + YELLOW BAR
       --------------------------------------------- */

    #header-bottom {
        position:relative !important;

        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }


    #header-bottom > .container,
    #header-bottom .menu-area,
    #header-bottom .header-menu-wrap {
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }


    .container.zn-mobile-ticker.zn-desktop-margin {
        margin-top:0 !important;

        padding-top:0 !important;
    }


    /*
     * There should be no white block between both bars.
     */
    #header-bottom + .zn-mobile-ticker,
    #header-bottom ~ .zn-mobile-ticker {
        margin-top:0 !important;
    }


    /* ---------------------------------------------
       PURPLE MENU SCROLLER
       --------------------------------------------- */

    #header-bottom .header-menu-wrap {
        position:relative !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch;

        scrollbar-width:none !important;

        scroll-behavior:smooth;

        touch-action:pan-x !important;

        overscroll-behavior-x:contain !important;
    }


    #header-bottom .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }


    /* ---------------------------------------------
       SCROLL BUTTON
       --------------------------------------------- */

    .zn-menu-scroll-btn {
        position:absolute !important;

        top:50% !important;

        width:27px !important;
        height:27px !important;

        margin:0 !important;
        padding:0 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        border:0 !important;

        border-radius:50% !important;

        background:rgba(255,255,255,.96) !important;

        color:#632c64 !important;

        box-shadow:
            0 1px 5px rgba(0,0,0,.18) !important;

        cursor:pointer !important;

        z-index:100 !important;

        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;

        transition:
            opacity .15s ease,
            transform .15s ease,
            box-shadow .15s ease !important;

        -webkit-tap-highlight-color:transparent;
    }


    .zn-menu-scroll-btn.is-visible {
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
    }


    .zn-menu-scroll-btn:hover {
        box-shadow:
            0 2px 7px rgba(0,0,0,.24) !important;
    }


    .zn-menu-scroll-btn:active {
        transform:
            translateY(-50%)
            scale(.92) !important;
    }


    /* Physical LEFT control */

    .zn-menu-scroll-left {
        left:5px !important;

        transform:
            translateY(-50%) !important;
    }


    /* Physical RIGHT control */

    .zn-menu-scroll-right {
        right:5px !important;

        transform:
            translateY(-50%) !important;
    }


    /*
     * Chevron is drawn with CSS.
     * Cleaner than using ‹ › characters.
     */

    .zn-menu-scroll-btn::before {
        content:"" !important;

        width:7px !important;
        height:7px !important;

        display:block !important;

        border-top:
            2px solid #632c64 !important;

        border-right:
            2px solid #632c64 !important;
    }


    /* LEFT button should visually point LEFT */

    .zn-menu-scroll-left::before {
        transform:
            rotate(-135deg) !important;

        margin-left:3px !important;
    }


    /* RIGHT button should visually point RIGHT */

    .zn-menu-scroll-right::before {
        transform:
            rotate(45deg) !important;

        margin-right:3px !important;
    }


    /*
     * Do not show the old text/character inside button.
     */
    .zn-menu-scroll-btn {
        font-size:0 !important;
        line-height:0 !important;
    }

}


/* hide outside tablet */
@media only screen and (max-width:767px),
       only screen and (min-width:1025px) {

    .zn-menu-scroll-btn {
        display:none !important;
    }

}

/* ZNBAQ-PURPLE-MENU-SCROLL-V2-END */



/* ==========================================================
   ZNBAQ STICKY TABLET MENU WIDTH TEST
   Stop purple scroll area before left utility icons
   768 - 1024 only
   ========================================================== */




/* ==========================================================
   ZNBAQ STICKY TABLET - FINAL ICON ZONE
   768 - 1024
   ========================================================== */




/* ==========================================================
   ZNBAQ TABLET STICKY - CLEAN PHYSICAL SEPARATION
   LEFT 160px = utility icons
   Remaining width = purple navigation
   768 - 1024 only
   ========================================================== */



/* ==========================================================
   ZNBAQ TABLET STICKY - SAFE MENU WIDTH
   Do NOT change sticky positioning.
   Just reserve LEFT area for utility icons.
   ========================================================== */



/* ==========================================================
   ZNBAQ TABLET STICKY
   RIGHT MENU ONLY
   DO NOT TOUCH LEFT ICON AREA
   ========================================================== */
/* ZNBAQ-STICKY-RIGHT-MENU-ONLY-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /*
     * ONLY modify the menu viewport.
     *
     * Reserve 135px on physical LEFT.
     * Left icon section is NOT modified.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {

        width:calc(100% - 135px) !important;
        max-width:calc(100% - 135px) !important;

        box-sizing:border-box !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch;
    }


    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }

}

/* ZNBAQ-STICKY-RIGHT-MENU-ONLY-END */



/* ==========================================================
   ZNBAQ LARGE SCREEN CONTENT WIDTH
   Align page content + footer with header/logo container
   ========================================================== */



/* ==========================================================
   ZNBAQ LARGE SCREEN MASTER CONTAINER
   Match main content + footer with header container
   Header max-width = 1720px
   ========================================================== */
/* ZNBAQ-MASTER-CONTAINER-1720-START */

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

    /*
     * MAIN PAGE CONTENT
     *
     * Keep page background full width,
     * constrain actual content to same width as header.
     */
    .page-main,
    #maincontent {
        width:100% !important;
        max-width:1440px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Homepage / CMS content containers
     */
    .page-main .cdz-main-content,
    .page-main .columns,
    #maincontent .columns {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Generic containers INSIDE main content.
     *
     * Do not give them another max-width,
     * otherwise we would constrain twice.
     */
    .page-main > .container,
    #maincontent > .container,
    .page-main .cdz-main-content > .container {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /* ======================================================
       FOOTER

       Background remains full screen.
       Only footer CONTENT follows header width.
       ====================================================== */

    .page-footer .main-footer > .container,
    .page-footer .footer-content-top > .container,
    .page-footer .footer-content-bottom > .container,
    .page-footer .footer.content,
    .page-footer > .container {
        width:100% !important;
        max-width:1440px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Match horizontal inner spacing used by header.
     */
    .page-main,
    #maincontent,
    .page-footer .main-footer > .container,
    .page-footer .footer-content-top > .container,
    .page-footer .footer-content-bottom > .container,
    .page-footer .footer.content {
        padding-left:15px !important;
        padding-right:15px !important;
    }

}

/* ZNBAQ-MASTER-CONTAINER-1720-END */



/* ==========================================================
   ZNBAQ LARGE SCREEN MASTER CONTAINER
   Match main content + footer with header container
   Header max-width = 1720px
   ========================================================== */
/* ZNBAQ-MASTER-CONTAINER-1720-START */

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

    /*
     * MAIN PAGE CONTENT
     *
     * Keep page background full width,
     * constrain actual content to same width as header.
     */
    .page-main,
    #maincontent {
        width:100% !important;
        max-width:1440px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Homepage / CMS content containers
     */
    .page-main .cdz-main-content,
    .page-main .columns,
    #maincontent .columns {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Generic containers INSIDE main content.
     *
     * Do not give them another max-width,
     * otherwise we would constrain twice.
     */
    .page-main > .container,
    #maincontent > .container,
    .page-main .cdz-main-content > .container {
        width:100% !important;
        max-width:100% !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /* ======================================================
       FOOTER

       Background remains full screen.
       Only footer CONTENT follows header width.
       ====================================================== */

    .page-footer .main-footer > .container,
    .page-footer .footer-content-top > .container,
    .page-footer .footer-content-bottom > .container,
    .page-footer .footer.content,
    .page-footer > .container {
        width:100% !important;
        max-width:1440px !important;

        margin-left:auto !important;
        margin-right:auto !important;

        box-sizing:border-box !important;
    }


    /*
     * Match horizontal inner spacing used by header.
     */
    .page-main,
    #maincontent,
    .page-footer .main-footer > .container,
    .page-footer .footer-content-top > .container,
    .page-footer .footer-content-bottom > .container,
    .page-footer .footer.content {
        padding-left:15px !important;
        padding-right:15px !important;
    }

}

/* ZNBAQ-MASTER-CONTAINER-1720-END */



/* ==========================================================
   ZNBAQ TABLET STICKY PURPLE MENU - FIXED LEFT BOUNDARY V3
   Menu stops at physical LEFT = 255px
   Arrow sits immediately to the RIGHT of that boundary.
   Tablet only: 768px - 1024px
   ========================================================== */
/* ZNBAQ-TABLET-MENU-BOUNDARY-V3-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /*
     * Keep the complete purple menu on the physical RIGHT.
     * Reserve 255px on physical LEFT for utility icons.
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .header-menu-wrap,
    
    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - 255px) !important;
        max-width:calc(100% - 255px) !important;

        margin-left:255px !important;
        margin-right:0 !important;

        box-sizing:border-box !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;
        touch-action:pan-x !important;
    }

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap::-webkit-scrollbar {
        display:none !important;
    }


    /*
     * Initial RTL arrow:
     * position it immediately to the RIGHT of menu's left edge.
     *
     * Boundary = 255px
     * Arrow begins = 262px
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .zn-menu-scroll-left,
    
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-left {
        left:262px !important;
        right:auto !important;

        z-index:150 !important;
    }


    /*
     * Return arrow stays on physical RIGHT.
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .zn-menu-scroll-right,
    
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-right {
        right:7px !important;
        left:auto !important;

        z-index:150 !important;
    }

}

/* ZNBAQ-TABLET-MENU-BOUNDARY-V3-END */



/* ==========================================================
   ZNBAQ TABLET STICKY PURPLE MENU - FLEXIBLE WIDTH V4
   Normal state: reserve utility icon area.
   Search open: reserve larger area automatically.
   Tablet only: 768px - 1024px
   ========================================================== */
/* ZNBAQ-TABLET-MENU-FLEX-V4-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /*
     * Default sticky state
     */
    .page-header.header-style-16
    .sticky-menu.active {
        --zn-left-zone:255px;
    }


    /*
     * When sticky search opens,
     * reserve more physical LEFT space.
     */
    .page-header.header-style-16
    .sticky-menu.active:has(.header-panel-center.zn-sticky-search-open) {
        --zn-left-zone:430px;
    }


    /*
     * Flexible purple menu viewport
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .header-menu-wrap,

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - var(--zn-left-zone)) !important;
        max-width:calc(100% - var(--zn-left-zone)) !important;

        margin-left:var(--zn-left-zone) !important;
        margin-right:0 !important;

        box-sizing:border-box !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;

        transition:
            width .22s ease,
            max-width .22s ease,
            margin-left .22s ease !important;
    }


    /*
     * LEFT scroll arrow follows the menu boundary.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-left {
        left:calc(var(--zn-left-zone) + 7px) !important;
        right:auto !important;

        transition:
            left .22s ease,
            opacity .15s ease,
            transform .15s ease !important;
    }


    /*
     * RIGHT return arrow stays fixed.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-right {
        right:7px !important;
        left:auto !important;
    }

}

/* ZNBAQ-TABLET-MENU-FLEX-V4-END */



/* ==========================================================
   ZNBAQ TABLET STICKY PURPLE MENU - FLEXIBLE WIDTH V4
   Normal state: reserve utility icon area.
   Search open: reserve larger area automatically.
   Tablet only: 768px - 1024px
   ========================================================== */
/* ZNBAQ-TABLET-MENU-FLEX-V4-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    /*
     * Default sticky state
     */
    .page-header.header-style-16
    .sticky-menu.active {
        --zn-left-zone:255px;
    }


    /*
     * When sticky search opens,
     * reserve more physical LEFT space.
     */
    .page-header.header-style-16
    .sticky-menu.active:has(.header-panel-center.zn-sticky-search-open) {
        --zn-left-zone:430px;
    }


    /*
     * Flexible purple menu viewport
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .header-menu-wrap,

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - var(--zn-left-zone)) !important;
        max-width:calc(100% - var(--zn-left-zone)) !important;

        margin-left:var(--zn-left-zone) !important;
        margin-right:0 !important;

        box-sizing:border-box !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        scrollbar-width:none !important;
        -webkit-overflow-scrolling:touch !important;

        transition:
            width .22s ease,
            max-width .22s ease,
            margin-left .22s ease !important;
    }


    /*
     * LEFT scroll arrow follows the menu boundary.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-left {
        left:calc(var(--zn-left-zone) + 7px) !important;
        right:auto !important;

        transition:
            left .22s ease,
            opacity .15s ease,
            transform .15s ease !important;
    }


    /*
     * RIGHT return arrow stays fixed.
     */
    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-right {
        right:7px !important;
        left:auto !important;
    }

}

/* ZNBAQ-TABLET-MENU-FLEX-V4-END */



/* ==========================================================
   ZNBAQ TABLET STICKY MENU - DYNAMIC SEARCH BOUNDARY V5
   ========================================================== */
/* ZNBAQ-DYNAMIC-MENU-BOUNDARY-V5-START */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .page-header.header-style-16
    .sticky-menu.active {
        --zn-dynamic-menu-left:255px;
        --zn-dynamic-arrow-left:262px;
    }


    /*
     * Menu viewport
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .header-menu-wrap,

    .page-header.header-style-16
    .sticky-menu.active
    .header-menu-wrap {
        width:calc(100% - var(--zn-dynamic-menu-left)) !important;
        max-width:calc(100% - var(--zn-dynamic-menu-left)) !important;

        margin-left:var(--zn-dynamic-menu-left) !important;
        margin-right:0 !important;

        box-sizing:border-box !important;

        transition:
            width .20s ease,
            max-width .20s ease,
            margin-left .20s ease !important;
    }


    /*
     * IMPORTANT:
     * High specificity so it overrides the older V2/V3 rules.
     */
    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .zn-menu-scroll-left,

    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-left {
        left:var(--zn-dynamic-arrow-left) !important;
        right:auto !important;

        transition:
            left .20s ease,
            opacity .15s ease,
            transform .15s ease !important;
    }


    .page-header.header-style-16
    .sticky-menu.active
    #header-bottom .zn-menu-scroll-right,

    .page-header.header-style-16
    .sticky-menu.active
    .zn-menu-scroll-right {
        right:7px !important;
        left:auto !important;
    }

}

/* ZNBAQ-DYNAMIC-MENU-BOUNDARY-V5-END */



/* ==========================================================
   ZNBAQ FOOTER 17 - TABLET POLISH V2
   Scope: footer-style-17 only
   Tablet: 768px - 1024px
   ========================================================== */




/* ==========================================================
   ZNBAQ FOOTER 17 - DESKTOP TOP BAR V3
   Desktop only: 1025px+
   ========================================================== */




/* ==========================================================
   ZNBAQ FOOTER 17 - FINAL RESPONSIVE NEWSLETTER
   Desktop + Tablet
   No absolute positioning
   ========================================================== */
/* ZNBAQ-FOOTER17-FINAL-START */


/* ==========================================================
   COMMON: 768px+
   ========================================================== */

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

    /*
     * Purple top area.
     */
    .footer-style-17 .footer-content-top {
        padding:0 !important;
    }

    .footer-style-17
    .footer-content-top > .container,

    .footer-style-17
    .footer-content-top .footer.content {
        width:100% !important;
        max-width:100% !important;

        margin:0 auto !important;
        padding:0 !important;
    }


    /*
     * Three real grid areas:
     *
     * LEFT   = subscription form
     * CENTER = title + envelope
     * RIGHT  = ZNBAQ logo
     */
    .footer-style-17
    .footer-content-top
    .middle-top {
        display:grid !important;

        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        margin:0 auto !important;

        box-sizing:border-box !important;

        direction:ltr !important;
    }


    /*
     * Completely neutralize Bootstrap columns.
     */
    .footer-style-17
    .footer-content-top
    .middle-top > .col-left,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-right {
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;

        width:auto !important;
        max-width:none !important;

        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        align-self:center !important;

        box-sizing:border-box !important;

        direction:rtl !important;
    }


    /* ======================================================
       RIGHT — LOGO
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-left {
        grid-column:3 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }


    .footer-style-17 .footer-logo,
    .footer-style-17 .footer-logo > a {
        position:static !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }


    .footer-style-17 .footer-logo-img {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        max-height:60px !important;

        margin:0 auto !important;
        padding:0 !important;

        object-fit:contain !important;

        transform:none !important;

        border-radius:7px !important;
    }


    /* ======================================================
       CENTER — SUBSCRIBE TITLE + ICON
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        grid-column:2 !important;

        display:flex !important;
        flex-direction:row !important;

        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        position:static !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 auto !important;

        margin:0 !important;
        padding:0 !important;

        line-height:1 !important;

        transform:none !important;
    }


    .footer-style-17
    .newsletter-title {
        position:static !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        text-align:right !important;

        transform:none !important;
    }


    .footer-style-17
    .newsletter-title .title {
        display:block !important;

        margin:0 0 4px !important;

        font-weight:700 !important;

        white-space:nowrap !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        display:block !important;

        margin:0 !important;

        white-space:normal !important;
    }


    /* ======================================================
       LEFT — NEWSLETTER FORM
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-right {
        grid-column:1 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:0 !important;
    }


    /*
     * Neutralize Codazon newsletter positioning.
     */
    .footer-style-17 .newsletter-content,
    .footer-style-17 .newsletter-content .block.newsletter,
    .footer-style-17 .newsletter-content .block.newsletter > .content,
    .footer-style-17 .newsletter-content .form.subscribe,
    .footer-style-17 .newsletter-content .field.newsletter,
    .footer-style-17 .newsletter-content .control,
    .footer-style-17 .newsletter-content .actions {

        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        min-height:0 !important;

        box-sizing:border-box !important;
    }


    .footer-style-17
    .newsletter-content {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .block.newsletter {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Hide default "Newsletter" heading.
     */
    .footer-style-17
    .newsletter-content
    .block.newsletter > .title {
        display:none !important;
    }


    .footer-style-17
    .newsletter-content
    .block.newsletter > .content {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Actual white pill.
     */
    .footer-style-17
    .newsletter-content
    .form.subscribe {
        display:flex !important;
        flex-direction:row !important;

        align-items:center !important;

        width:100% !important;

        margin:0 auto !important;
        padding:4px !important;

        background:#fff !important;

        border:0 !important;
        border-radius:999px !important;

        overflow:hidden !important;

        box-shadow:none !important;

        direction:rtl !important;
    }


    /*
     * Email side.
     */
    .footer-style-17
    .newsletter-content
    .field.newsletter {
        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .control {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;

        background:transparent !important;

        box-sizing:border-box !important;
    }


    /*
     * Button side.
     */
    .footer-style-17
    .newsletter-content
    .actions {
        flex:0 0 auto !important;

        width:auto !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;

        border-radius:999px !important;

        white-space:nowrap !important;
    }

}


/* ==========================================================
   TABLET: 768px - 1024px
   ========================================================== */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .footer-style-17
    .footer-content-top
    .middle-top {
        /*
         * Fits even at 768px without overlap.
         */
        grid-template-columns:
            minmax(245px, 1.25fr)
            minmax(215px, 1fr)
            minmax(135px, .68fr) !important;

        gap:14px !important;

        min-height:132px !important;

        padding:18px 18px !important;
    }


    .footer-style-17
    .footer-logo-img {
        max-width:145px !important;
        max-height:52px !important;
    }


    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        gap:9px !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        width:42px !important;
        height:42px !important;

        font-size:30px !important;
    }


    .footer-style-17
    .newsletter-title .title {
        font-size:21px !important;
        line-height:1.15 !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        font-size:12px !important;
        line-height:1.3 !important;
    }


    .footer-style-17
    .newsletter-content {
        max-width:280px !important;
    }


    .footer-style-17
    .newsletter-content
    .form.subscribe {
        height:46px !important;

        padding:4px !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        height:38px !important;

        padding:0 10px !important;

        font-size:12px !important;
        line-height:38px !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        height:38px !important;
        min-height:38px !important;

        padding:0 17px !important;

        font-size:13px !important;
        line-height:38px !important;
    }

}


/* ==========================================================
   DESKTOP: 1025px+
   ========================================================== */

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

    .footer-style-17
    .footer-content-top
    .middle-top {
        /*
         * Controlled widths.
         * Prevent the huge empty spaces seen at 1440px.
         */
        grid-template-columns:
            minmax(330px, 400px)
            minmax(300px, 355px)
            minmax(190px, 220px) !important;

        gap:35px !important;

        min-height:150px !important;

        padding:24px 35px !important;
    }


    .footer-style-17
    .footer-logo-img {
        max-width:200px !important;
        max-height:60px !important;
    }


    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        gap:14px !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        width:52px !important;
        height:52px !important;

        font-size:37px !important;
    }


    .footer-style-17
    .newsletter-title .title {
        font-size:25px !important;
        line-height:1.15 !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        font-size:14px !important;
        line-height:1.35 !important;
    }


    .footer-style-17
    .newsletter-content {
        max-width:390px !important;
    }


    .footer-style-17
    .newsletter-content
    .form.subscribe {
        height:50px !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        height:42px !important;

        padding:0 16px !important;

        font-size:14px !important;
        line-height:42px !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        height:42px !important;
        min-height:42px !important;

        padding:0 23px !important;

        line-height:42px !important;
    }

}

/* ZNBAQ-FOOTER17-FINAL-END */



/* ==========================================================
   ZNBAQ FOOTER 17 - FINAL RESPONSIVE NEWSLETTER
   Desktop + Tablet
   No absolute positioning
   ========================================================== */
/* ZNBAQ-FOOTER17-FINAL-START */


/* ==========================================================
   COMMON: 768px+
   ========================================================== */

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

    /*
     * Purple top area.
     */
    .footer-style-17 .footer-content-top {
        padding:0 !important;
    }

    .footer-style-17
    .footer-content-top > .container,

    .footer-style-17
    .footer-content-top .footer.content {
        width:100% !important;
        max-width:100% !important;

        margin:0 auto !important;
        padding:0 !important;
    }


    /*
     * Three real grid areas:
     *
     * LEFT   = subscription form
     * CENTER = title + envelope
     * RIGHT  = ZNBAQ logo
     */
    .footer-style-17
    .footer-content-top
    .middle-top {
        display:grid !important;

        align-items:center !important;
        justify-content:center !important;

        width:100% !important;

        margin:0 auto !important;

        box-sizing:border-box !important;

        direction:ltr !important;
    }


    /*
     * Completely neutralize Bootstrap columns.
     */
    .footer-style-17
    .footer-content-top
    .middle-top > .col-left,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-right {
        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        float:none !important;

        width:auto !important;
        max-width:none !important;

        min-height:0 !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        align-self:center !important;

        box-sizing:border-box !important;

        direction:rtl !important;
    }


    /* ======================================================
       RIGHT — LOGO
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-left {
        grid-column:3 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }


    .footer-style-17 .footer-logo,
    .footer-style-17 .footer-logo > a {
        position:static !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        height:auto !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }


    .footer-style-17 .footer-logo-img {
        position:static !important;

        display:block !important;

        width:auto !important;
        height:auto !important;

        max-height:60px !important;

        margin:0 auto !important;
        padding:0 !important;

        object-fit:contain !important;

        transform:none !important;

        border-radius:7px !important;
    }


    /* ======================================================
       CENTER — SUBSCRIBE TITLE + ICON
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        grid-column:2 !important;

        display:flex !important;
        flex-direction:row !important;

        align-items:center !important;
        justify-content:center !important;

        text-align:center !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        position:static !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        flex:0 0 auto !important;

        margin:0 !important;
        padding:0 !important;

        line-height:1 !important;

        transform:none !important;
    }


    .footer-style-17
    .newsletter-title {
        position:static !important;

        display:flex !important;
        flex-direction:column !important;
        justify-content:center !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;

        text-align:right !important;

        transform:none !important;
    }


    .footer-style-17
    .newsletter-title .title {
        display:block !important;

        margin:0 0 4px !important;

        font-weight:700 !important;

        white-space:nowrap !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        display:block !important;

        margin:0 !important;

        white-space:normal !important;
    }


    /* ======================================================
       LEFT — NEWSLETTER FORM
       ====================================================== */

    .footer-style-17
    .footer-content-top
    .middle-top > .col-right {
        grid-column:1 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        min-width:0 !important;
    }


    /*
     * Neutralize Codazon newsletter positioning.
     */
    .footer-style-17 .newsletter-content,
    .footer-style-17 .newsletter-content .block.newsletter,
    .footer-style-17 .newsletter-content .block.newsletter > .content,
    .footer-style-17 .newsletter-content .form.subscribe,
    .footer-style-17 .newsletter-content .field.newsletter,
    .footer-style-17 .newsletter-content .control,
    .footer-style-17 .newsletter-content .actions {

        position:static !important;

        top:auto !important;
        right:auto !important;
        bottom:auto !important;
        left:auto !important;

        transform:none !important;

        min-height:0 !important;

        box-sizing:border-box !important;
    }


    .footer-style-17
    .newsletter-content {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .block.newsletter {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Hide default "Newsletter" heading.
     */
    .footer-style-17
    .newsletter-content
    .block.newsletter > .title {
        display:none !important;
    }


    .footer-style-17
    .newsletter-content
    .block.newsletter > .content {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /*
     * Actual white pill.
     */
    .footer-style-17
    .newsletter-content
    .form.subscribe {
        display:flex !important;
        flex-direction:row !important;

        align-items:center !important;

        width:100% !important;

        margin:0 auto !important;
        padding:4px !important;

        background:#fff !important;

        border:0 !important;
        border-radius:999px !important;

        overflow:hidden !important;

        box-shadow:none !important;

        direction:rtl !important;
    }


    /*
     * Email side.
     */
    .footer-style-17
    .newsletter-content
    .field.newsletter {
        flex:1 1 auto !important;

        width:auto !important;
        min-width:0 !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .control {
        width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 !important;

        border:0 !important;
        outline:0 !important;
        box-shadow:none !important;

        background:transparent !important;

        box-sizing:border-box !important;
    }


    /*
     * Button side.
     */
    .footer-style-17
    .newsletter-content
    .actions {
        flex:0 0 auto !important;

        width:auto !important;

        margin:0 !important;
        padding:0 !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;

        border-radius:999px !important;

        white-space:nowrap !important;
    }

}


/* ==========================================================
   TABLET: 768px - 1024px
   ========================================================== */

@media only screen and (min-width:768px) and (max-width:1024px) {

    .footer-style-17
    .footer-content-top
    .middle-top {
        /*
         * Fits even at 768px without overlap.
         */
        grid-template-columns:
            minmax(245px, 1.25fr)
            minmax(215px, 1fr)
            minmax(135px, .68fr) !important;

        gap:14px !important;

        min-height:132px !important;

        padding:18px 18px !important;
    }


    .footer-style-17
    .footer-logo-img {
        max-width:145px !important;
        max-height:52px !important;
    }


    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        gap:9px !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        width:42px !important;
        height:42px !important;

        font-size:30px !important;
    }


    .footer-style-17
    .newsletter-title .title {
        font-size:21px !important;
        line-height:1.15 !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        font-size:12px !important;
        line-height:1.3 !important;
    }


    .footer-style-17
    .newsletter-content {
        max-width:280px !important;
    }


    .footer-style-17
    .newsletter-content
    .form.subscribe {
        height:46px !important;

        padding:4px !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        height:38px !important;

        padding:0 10px !important;

        font-size:12px !important;
        line-height:38px !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        height:38px !important;
        min-height:38px !important;

        padding:0 17px !important;

        font-size:13px !important;
        line-height:38px !important;
    }

}


/* ==========================================================
   DESKTOP: 1025px+
   ========================================================== */

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

    .footer-style-17
    .footer-content-top
    .middle-top {
        /*
         * Controlled widths.
         * Prevent the huge empty spaces seen at 1440px.
         */
        grid-template-columns:
            minmax(330px, 400px)
            minmax(300px, 355px)
            minmax(190px, 220px) !important;

        gap:35px !important;

        min-height:150px !important;

        padding:24px 35px !important;
    }


    .footer-style-17
    .footer-logo-img {
        max-width:200px !important;
        max-height:60px !important;
    }


    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        gap:14px !important;
    }


    .footer-style-17
    .col-center > .fa-envelope-open {
        width:52px !important;
        height:52px !important;

        font-size:37px !important;
    }


    .footer-style-17
    .newsletter-title .title {
        font-size:25px !important;
        line-height:1.15 !important;
    }


    .footer-style-17
    .newsletter-title .desc {
        font-size:14px !important;
        line-height:1.35 !important;
    }


    .footer-style-17
    .newsletter-content {
        max-width:390px !important;
    }


    .footer-style-17
    .newsletter-content
    .form.subscribe {
        height:50px !important;
    }


    .footer-style-17
    .newsletter-content
    input[type="email"] {
        height:42px !important;

        padding:0 16px !important;

        font-size:14px !important;
        line-height:42px !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        height:42px !important;
        min-height:42px !important;

        padding:0 23px !important;

        line-height:42px !important;
    }

}

/* ZNBAQ-FOOTER17-FINAL-END */



/* ==========================================================
   ZNBAQ FOOTER 17 - FORCE ONE ROW
   Fixes tablet + desktop: 768px and above
   ========================================================== */
/* ZNBAQ-FOOTER17-SAME-ROW-FIX-START */

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

    /*
     * CRITICAL FIX:
     * All 3 footer-top blocks MUST occupy grid row 1.
     */
    .footer-style-17
    .footer-content-top
    .middle-top > .col-right {
        grid-column:1 !important;
        grid-row:1 !important;
    }

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center {
        grid-column:2 !important;
        grid-row:1 !important;
    }

    .footer-style-17
    .footer-content-top
    .middle-top > .col-left {
        grid-column:3 !important;
        grid-row:1 !important;
    }


    /*
     * Keep all three vertically centered.
     */
    .footer-style-17
    .footer-content-top
    .middle-top > .col-right,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-center,

    .footer-style-17
    .footer-content-top
    .middle-top > .col-left {
        align-self:center !important;

        margin-top:0 !important;
        margin-bottom:0 !important;

        top:auto !important;
        bottom:auto !important;

        transform:none !important;
    }


    /*
     * Prevent grid from creating tall implicit rows.
     */
    .footer-style-17
    .footer-content-top
    .middle-top {
        grid-auto-rows:auto !important;
        align-items:center !important;
    }

}

/* ZNBAQ-FOOTER17-SAME-ROW-FIX-END */



/* ==========================================================
   ZNBAQ FOOTER 17
   FINAL HEIGHT + EMAIL ICON FIX
   768px+
   ========================================================== */
/* ZNBAQ-FOOTER17-HEIGHT-ICON-FIX-START */

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

    /* ------------------------------------------
       1. Reduce purple newsletter area height
       ------------------------------------------ */

    .footer-style-17
    .footer-content-top
    .middle-top {
        min-height:0 !important;
        height:auto !important;

        padding-top:22px !important;
        padding-bottom:22px !important;

        align-items:center !important;
    }


    /* Tablet slightly tighter */
    @media only screen and (max-width:1024px) {

        .footer-style-17
        .footer-content-top
        .middle-top {
            padding-top:18px !important;
            padding-bottom:18px !important;
        }

    }


    /* ------------------------------------------
       2. Email control
       Keep icon INSIDE email field,
       away from Register button
       ------------------------------------------ */

    .footer-style-17
    .newsletter-content
    .field.newsletter,

    .footer-style-17
    .newsletter-content
    .control {
        position:relative !important;
    }


    /*
     * Codazon envelope pseudo icon.
     *
     * Put it on the RIGHT side of the email field.
     * RTL form:
     * email field = right
     * register button = left
     */
    .footer-style-17
    .newsletter-content
    .control:before {
        position:absolute !important;

        top:50% !important;
        right:13px !important;
        left:auto !important;

        transform:translateY(-50%) !important;

        margin:0 !important;

        width:auto !important;
        height:auto !important;

        line-height:1 !important;

        z-index:2 !important;

        pointer-events:none !important;
    }


    /*
     * Reserve room for envelope.
     */
    .footer-style-17
    .newsletter-content
    input[type="email"] {
        padding-right:42px !important;
        padding-left:10px !important;

        text-align:right !important;
    }


    /* ------------------------------------------
       3. Register button
       ------------------------------------------ */

    .footer-style-17
    .newsletter-content
    .actions {
        position:relative !important;

        flex:0 0 auto !important;

        z-index:3 !important;
    }


    .footer-style-17
    .newsletter-content
    .action.subscribe {
        position:relative !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        margin:0 !important;

        z-index:3 !important;
    }


    /*
     * Do not allow any inherited pseudo icon
     * to sit over "تسجيل".
     */
    .footer-style-17
    .newsletter-content
    .action.subscribe:before,

    .footer-style-17
    .newsletter-content
    .action.subscribe:after,

    .footer-style-17
    .newsletter-content
    .actions:before,

    .footer-style-17
    .newsletter-content
    .actions:after {
        display:none !important;
        content:none !important;
    }

}

/* ZNBAQ-FOOTER17-HEIGHT-ICON-FIX-END */



/* ==========================================================
   ZNBAQ CART COUNTER POSITION FIX
   Keep minicart quantity badge fully visible
   ========================================================== */



/* ==========================================================
   ZNBAQ CART COUNTER
   Keep original horizontal position
   Only move badge slightly DOWN
   ========================================================== */
/* ZNBAQ-CART-COUNTER-DOWN-START */

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

    .page-header.header-style-16 .cart-link,
    .page-header.header-style-16 .minicart-wrapper,
    .page-header.header-style-16 .action.showcart {
        overflow:visible !important;
    }

    .page-header.header-style-16 .counter.qty,
    .page-header.header-style-16 .counter-number,
    .page-header.header-style-16 .minicart-wrapper .counter.qty {
        transform:translateY(6px) !important;

        z-index:50 !important;
    }

    .page-header.header-style-16 .header-panel-right,
    .page-header.header-style-16 .header-panel-right-inner,
    .page-header.header-style-16 .header-features-links,
    .page-header.header-style-16 .features-links {
        overflow:visible !important;
    }

}

/* ZNBAQ-CART-COUNTER-DOWN-END */











/* ===== ZNBAQ ACCOUNT POPUP UX V5 START ===== */

body .cdz-popup-area .cdz-popup.popup-account-popup {
    width: min(660px, calc(100vw - 30px)) !important;
    max-width: 660px !important;
}

body .cdz-popup-area .cdz-popup.popup-account-popup > .cdz-popup-inner {
    width: 100% !important;
    max-height: calc(100vh - 30px) !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: #fff !important;
    border-radius: 22px !important;
    box-sizing: border-box !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.22) !important;
}

body .cdz-popup-area .cdz-popup.popup-account-popup .cdz-popup-content {
    padding: 27px 28px 25px !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary {
    display: grid !important;
    grid-template-columns: minmax(0,1fr);
    width: 100% !important;
    gap: 0 !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary > .info-summary-top,
body .cdz-popup-area .popup-account-popup .account-info-summary > .info-summary-bottom,
body .cdz-popup-area .popup-account-popup .account-info-summary > .info-summary-bottom > .md-content {
    display: contents !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary .info-summary-top:before {
    display: none !important;
}

/* Header */
body .cdz-popup-area .popup-account-popup .label-title {
    order: 1;
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 2px 45px 0 !important;
    text-align: center !important;
    font-size: 0 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

body .cdz-popup-area .popup-account-popup .label-title:before {
    content: "كمّل طلبك بالطريقة الأنسب إلك";
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 700;
    color: #302b30;
}

body .cdz-popup-area .popup-account-popup .label-title:after {
    content: "مش مطلوب منك إنشاء حساب لإتمام الطلب";
    display: block;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    color: #888188;
}

/* Guest first */
body .cdz-popup-area .popup-account-popup .continue_as_guest {
    order: 2;
    position: relative;
    width: 100% !important;
    margin: 0 0 22px !important;
    padding: 20px 21px !important;
    overflow: hidden;
    background: #f8f1f9 !important;
    border: 2px solid #702d73 !important;
    border-radius: 17px !important;
    text-align: right !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest > span {
    display: block !important;
    margin: 0 0 4px !important;
    padding-left: 70px;
    font-size: 0 !important;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest > span:before {
    content: "الطلب كزائر";
    display: block;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 700;
    color: #542458;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest > span:after {
    content: "الأسرع — بدون تسجيل وبدون إنشاء حساب";
    display: block;
    margin-top: 3px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 400;
    color: #766b77;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest:before {
    content: "✓";
    position: absolute;
    top: 18px;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background: #702d73;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest:after {
    content: "تدخل بيانات التوصيل فقط في الخطوة التالية";
    display: block;
    margin: 10px 0 0;
    text-align: center;
    color: #7e747f;
    font-size: 11px;
    line-height: 1.5;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest button.action.login.primary {
    display: block !important;
    width: 100% !important;
    min-height: 52px !important;
    margin: 16px 0 0 !important;
    padding: 12px 20px !important;
    background: #702d73 !important;
    border: 0 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 0 !important;
    font-weight: 700 !important;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest button.action.login.primary span {
    font-size: 0 !important;
}

body .cdz-popup-area .popup-account-popup .continue_as_guest button.action.login.primary span:before {
    content: "متابعة الطلب كزائر";
    font-size: 16px !important;
}

/* Login second */
body .cdz-popup-area .popup-account-popup .block-customer-login {
    order: 3;
    position: relative;
    width: 100% !important;
    margin: 0 !important;
    padding: 42px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid #ebe7eb !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login:before {
    content: "عندك حساب؟ سجل دخولك";
    position: absolute;
    top: 14px;
    right: 0;
    color: #4e474e;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

body .cdz-popup-area .popup-account-popup .block-customer-login .text-login,
body .cdz-popup-area .popup-account-popup .block-customer-login .block-title {
    display: none !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login .block-content {
    width: 100% !important;
    padding: 0 !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    column-gap: 10px;
    row-gap: 8px;
    width: 100%;
}

body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.email {
    grid-column: 1;
    grid-row: 1;
    margin: 0 !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.password {
    grid-column: 2;
    grid-row: 1;
    margin: 0 !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.choice.persistent {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin: 0 !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .actions-toolbar {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    margin: 0 !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login input:not([type="checkbox"]):not([type="hidden"]) {
    width: 100% !important;
    height: 47px !important;
    min-height: 47px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    background: #fafafa !important;
    border: 1px solid #ddd8dd !important;
    border-radius: 9px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login a.action.remind {
    float: none !important;
    display: inline-block !important;
    margin: 0 !important;
    color: #777077 !important;
    font-size: 11px !important;
    text-decoration: underline !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login .actions-toolbar .primary {
    float: none !important;
    width: 100% !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-login button.action.login.primary {
    display: block !important;
    width: 100% !important;
    min-height: 45px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    background: #fff !important;
    border: 1px solid #702d73 !important;
    border-radius: 9px !important;
    color: #702d73 !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}

/* Create account third */
body .cdz-popup-area .popup-account-popup .customer-create-link {
    order: 4;
    width: 100% !important;
    margin: 17px 0 0 !important;
    padding: 13px 15px !important;
    background: #fafafa !important;
    border: 0 !important;
    border-radius: 10px !important;
    text-align: center !important;
    box-sizing: border-box !important;
}

body .cdz-popup-area .popup-account-popup .customer-create-link .create-account-question {
    display: inline !important;
    margin: 0 0 0 5px !important;
    color: #777077 !important;
    font-size: 12px !important;
}

body .cdz-popup-area .popup-account-popup .customer-create-link a.create-account-link {
    display: inline !important;
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    color: #702d73 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-create,
body .cdz-popup-area .popup-account-popup .block-customer-forget {
    order: 3;
    width: 100% !important;
}

body .cdz-popup-area .popup-account-popup .customer-login-link {
    order: 4;
    width: 100% !important;
    margin: 14px 0 0 !important;
    text-align: center !important;
}

/* Close */
body .cdz-popup-area .popup-account-popup button.close-cdzpopup {
    top: 11px !important;
    right: 11px !important;
    width: 35px !important;
    height: 35px !important;
    background: #fff !important;
    border: 1px solid #e9e4e9 !important;
    border-radius: 50% !important;
    color: #702d73 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.08) !important;
    z-index: 50 !important;
}

body .cdz-popup-area .popup-account-popup button.close-cdzpopup:before {
    color: #702d73 !important;
    line-height: 33px !important;
}

/* Mobile */
@media only screen and (max-width:767px) {

    body .cdz-popup-area .cdz-popup.popup-account-popup {
        width: calc(100vw - 14px) !important;
        max-width: none !important;
    }

    body .cdz-popup-area .cdz-popup.popup-account-popup .cdz-popup-content {
        padding: 21px 12px 15px !important;
    }

    body .cdz-popup-area .popup-account-popup .label-title:before {
        font-size: 18px;
    }

    body .cdz-popup-area .popup-account-popup .continue_as_guest {
        padding: 15px 12px !important;
        margin-bottom: 17px !important;
    }

    body .cdz-popup-area .popup-account-popup .continue_as_guest > span {
        padding-left: 0;
        text-align: center;
    }

    body .cdz-popup-area .popup-account-popup .continue_as_guest:before {
        display: none;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] {
        grid-template-columns: minmax(0,1fr);
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.email {
        grid-column: 1;
        grid-row: 1;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.password {
        grid-column: 1;
        grid-row: 2;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .field.choice.persistent {
        grid-column: 1;
        grid-row: 3;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login form[name="loginForm"] .actions-toolbar {
        grid-column: 1;
        grid-row: 4;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-login input:not([type="checkbox"]):not([type="hidden"]) {
        height: 44px !important;
        min-height: 44px !important;
        font-size: 16px !important;
    }
}

/* ===== ZNBAQ ACCOUNT POPUP UX V5 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V6 START ===== */


/* =========================
   OUTER POPUP SHAPE
========================= */

body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {

    border-radius: 14px !important;

}


/* =========================
   MAIN TITLE TEXT
========================= */

body .cdz-popup-area
.popup-account-popup
.label-title:before {

    content: "كيف بدك تكمل طلبك؟";

    font-size: 21px !important;
    line-height: 1.4 !important;

}


body .cdz-popup-area
.popup-account-popup
.label-title:after {

    content: "بتقدر تطلب مباشرة بدون إنشاء حساب";

    margin-top: 4px;

    font-size: 13px !important;
    line-height: 1.5 !important;

}


/* =========================
   GUEST TEXT
========================= */

body .cdz-popup-area
.popup-account-popup
.continue_as_guest
> span:before {

    content: "اطلب كزائر";

    font-size: 20px !important;

}


body .cdz-popup-area
.popup-account-popup
.continue_as_guest
> span:after {

    content: "بدون تسجيل وبدون إنشاء حساب";

    font-size: 12px !important;

}


body .cdz-popup-area
.popup-account-popup
.continue_as_guest:after {

    content: "أدخل بيانات التوصيل وكمل طلبك مباشرة";

    font-size: 11px !important;

}


/* Guest button text */

body .cdz-popup-area
.popup-account-popup
.continue_as_guest
button.action.login.primary
span:before {

    content: "متابعة كزائر";

    font-size: 16px !important;

}


/* =========================
   LOGIN TITLE
========================= */

body .cdz-popup-area
.popup-account-popup
.block-customer-login:before {

    content: "عندك حساب؟ سجل دخولك";

    font-size: 14px !important;

}


/* =========================
   CREATE ACCOUNT TEXT
========================= */

body .cdz-popup-area
.popup-account-popup
.customer-create-link
.create-account-question {

    font-size: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.customer-create-link
.create-account-question:before {

    content: "حابب تعمل حساب؟";

    font-size: 12px !important;

}


/* =========================
   CLOSE BUTTON — LEFT
========================= */

body .cdz-popup-area
.popup-account-popup
button.close-cdzpopup {

    top: 14px !important;

    left: 14px !important;
    right: auto !important;

    width: 40px !important;
    height: 40px !important;

    background: #702d73 !important;

    border: 2px solid #ffffff !important;

    border-radius: 50% !important;

    color: #ffffff !important;

    box-shadow:
        0 4px 14px rgba(0,0,0,.16) !important;

}


body .cdz-popup-area
.popup-account-popup
button.close-cdzpopup:before {

    color: #ffffff !important;

    font-size: 18px !important;

    line-height: 36px !important;

    font-weight: 700 !important;

}


/* =========================
   MOBILE
========================= */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    > .cdz-popup-inner {

        border-radius: 10px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .label-title:before {

        font-size: 18px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    button.close-cdzpopup {

        top: 8px !important;

        left: 8px !important;
        right: auto !important;

        width: 36px !important;
        height: 36px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    button.close-cdzpopup:before {

        font-size: 17px !important;

        line-height: 32px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V6 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V7 START ===== */


/* =====================================================
   OUTER POPUP — MORE CURVED
===================================================== */

body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {

    border-radius: 26px !important;
    overflow: hidden !important;

}


/*
Keep scrolling inside popup without visually
cutting the rounded corners.
*/
body .cdz-popup-area
.cdz-popup.popup-account-popup
.cdz-popup-content {

    border-radius: inherit !important;

}


/* =====================================================
   CLOSE BUTTON — LEFT / CLEANER
===================================================== */

body .cdz-popup-area
.popup-account-popup
.close-cdzpopup {

    position: absolute !important;

    top: 16px !important;
    left: 16px !important;
    right: auto !important;

    width: 42px !important;
    height: 42px !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ffffff !important;

    border: 2px solid #702d73 !important;
    border-radius: 50% !important;

    color: #702d73 !important;

    box-shadow:
        0 5px 16px rgba(0,0,0,.12) !important;

    z-index: 100 !important;

    opacity: 1 !important;

    transition:
        background .18s ease,
        color .18s ease,
        transform .18s ease,
        box-shadow .18s ease !important;

}


/* Remove inherited / old close icon styling */
body .cdz-popup-area
.popup-account-popup
.close-cdzpopup:before {

    color: #702d73 !important;

    font-size: 20px !important;
    line-height: 1 !important;

    font-weight: 400 !important;

    margin: 0 !important;

}


/* Make sure internal icon/text is centered if present */
body .cdz-popup-area
.popup-account-popup
.close-cdzpopup > * {

    margin: 0 !important;
    padding: 0 !important;

    line-height: 1 !important;

}


/* Hover desktop */
body .cdz-popup-area
.popup-account-popup
.close-cdzpopup:hover {

    background: #702d73 !important;
    color: #ffffff !important;

    transform: scale(1.05);

    box-shadow:
        0 7px 18px rgba(112,45,115,.22) !important;

}


body .cdz-popup-area
.popup-account-popup
.close-cdzpopup:hover:before {

    color: #ffffff !important;

}


/* =====================================================
   FORGOT PASSWORD — LEFT
===================================================== */

/*
The site is RTL, but this specific action should
sit visually on the left.
*/

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.choice.persistent {

    position: relative !important;

    display: flex !important;

    justify-content: flex-start !important;
    align-items: center !important;

    direction: ltr !important;

    width: 100% !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.choice.persistent
.secondary {

    float: none !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;

    direction: rtl !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-login
a.action.remind {

    float: none !important;

    display: inline-block !important;

    margin: 0 !important;

    text-align: left !important;

    color: #756d75 !important;

    font-size: 11px !important;
    line-height: 20px !important;

}


/* =====================================================
   SMALL VISUAL POLISH
===================================================== */

/* Guest box corners slightly softer */
body .cdz-popup-area
.popup-account-popup
.continue_as_guest {

    border-radius: 20px !important;

}


/* Guest CTA */
body .cdz-popup-area
.popup-account-popup
.continue_as_guest
button.action.login.primary {

    border-radius: 12px !important;

}


/* Login fields */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
input:not([type="checkbox"]):not([type="hidden"]) {

    border-radius: 11px !important;

}


/* Login button */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
button.action.login.primary {

    border-radius: 11px !important;

}


/* Create account strip */
body .cdz-popup-area
.popup-account-popup
.customer-create-link {

    border-radius: 12px !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    > .cdz-popup-inner {

        border-radius: 22px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .close-cdzpopup {

        top: 10px !important;
        left: 10px !important;
        right: auto !important;

        width: 38px !important;
        height: 38px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .close-cdzpopup:before {

        font-size: 18px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .continue_as_guest {

        border-radius: 17px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V7 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V8 START ===== */

/* Outer popup itself */
body .cdz-popup-area .cdz-popup.popup-account-popup {
    border-radius: 28px !important;
    overflow: hidden !important;
    background: transparent !important;
}

/* White popup body */
body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Inner content must follow same corners */
body .cdz-popup-area
.cdz-popup.popup-account-popup
.cdz-popup-content {
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Prevent inner account wrapper from covering rounded corners */
body .cdz-popup-area
.cdz-popup.popup-account-popup
.account-info-summary {
    border-radius: 28px !important;
    overflow: hidden !important;
    background: #fff !important;
}

/* Remove any inherited square backgrounds */
body .cdz-popup-area
.cdz-popup.popup-account-popup
.info-summary-top,

body .cdz-popup-area
.cdz-popup.popup-account-popup
.info-summary-bottom,

body .cdz-popup-area
.cdz-popup.popup-account-popup
.md-content {
    background-color: transparent !important;
}


/* MOBILE */
@media only screen and (max-width:767px) {

    body .cdz-popup-area .cdz-popup.popup-account-popup,
    body .cdz-popup-area .cdz-popup.popup-account-popup > .cdz-popup-inner,
    body .cdz-popup-area .cdz-popup.popup-account-popup .cdz-popup-content,
    body .cdz-popup-area .cdz-popup.popup-account-popup .account-info-summary {
        border-radius: 22px !important;
    }

}

/* ===== ZNBAQ ACCOUNT POPUP UX V8 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V9 START ===== */


/* =====================================================
   FIX CONTENT CLIPPING AFTER VALIDATION ERRORS
===================================================== */

/*
Outer shell keeps the rounded corners.
*/
body .cdz-popup-area
.cdz-popup.popup-account-popup {

    border-radius: 28px !important;
    overflow: hidden !important;

}


/*
Inner body MUST scroll when validation messages
increase the popup height.
*/
body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {

    max-height: calc(100vh - 30px) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    border-radius: 28px !important;

    scrollbar-width: thin;

}


/*
Do not clip account content internally.
*/
body .cdz-popup-area
.cdz-popup.popup-account-popup
.cdz-popup-content,

body .cdz-popup-area
.cdz-popup.popup-account-popup
.account-info-summary {

    overflow: visible !important;

}


/* =====================================================
   KEEP CREATE ACCOUNT OPTION CLEAR
===================================================== */

body .cdz-popup-area
.popup-account-popup
.customer-create-link {

    display: block;

    position: relative;

    width: 100% !important;

    margin-top: 16px !important;
    margin-bottom: 2px !important;

    flex-shrink: 0;

}


/*
When visible, keep it above any accidental overlays.
*/
body .cdz-popup-area
.popup-account-popup
.customer-create-link:not([style*="display:none"]) {

    z-index: 2;

}


/* =====================================================
   VALIDATION MESSAGES — MORE COMPACT
===================================================== */

body .cdz-popup-area
.popup-account-popup
.validation-advice,

body .cdz-popup-area
.popup-account-popup
.mage-error[generated],

body .cdz-popup-area
.popup-account-popup
div.mage-error {

    margin: 4px 0 2px !important;

    padding: 0 !important;

    font-size: 11px !important;
    line-height: 16px !important;

}


/* =====================================================
   MOBILE / TABLET
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .cdz-popup.popup-account-popup {

        border-radius: 22px !important;

    }


    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    > .cdz-popup-inner {

        max-height: calc(100vh - 10px) !important;

        overflow-y: auto !important;

        border-radius: 22px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V9 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V10 START ===== */


/* =====================================================
   KEEP CREATE ACCOUNT VISIBLE AT BOTTOM
===================================================== */

body .cdz-popup-area
.popup-account-popup
.customer-create-link {

    position: sticky !important;

    bottom: 0 !important;

    z-index: 50 !important;

    display: block;

    width: 100% !important;

    margin: 16px 0 0 !important;

    padding: 14px 15px !important;

    background: #ffffff !important;

    border-top: 1px solid #eee9ee !important;

    border-radius: 0 0 18px 18px !important;

    box-shadow:
        0 -8px 18px rgba(255,255,255,.96) !important;

    box-sizing: border-box !important;

    text-align: center !important;

}


/* Give content some breathing space behind sticky row */

body .cdz-popup-area
.popup-account-popup
.account-info-summary {

    padding-bottom: 2px !important;

}


/* =====================================================
   LOGIN VALIDATION — LESS VERTICAL SPACE
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.validation-advice {

    margin: 3px 0 4px !important;

    min-height: 0 !important;

    padding: 0 3px !important;

    font-size: 11px !important;
    line-height: 15px !important;

}


/* Remove excessive background strip around validation */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
div.mage-error {

    background: transparent !important;

}


/* =====================================================
   SCROLL CONTAINER
===================================================== */

body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {

    max-height: calc(100vh - 24px) !important;

    overflow-y: auto !important;
    overflow-x: hidden !important;

    overscroll-behavior: contain;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .customer-create-link {

        bottom: 0 !important;

        margin-top: 13px !important;

        padding: 12px 10px !important;

        border-radius: 0 0 18px 18px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    .mage-error,

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    .validation-advice {

        margin: 2px 0 3px !important;

        font-size: 10px !important;
        line-height: 14px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V10 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V11 START ===== */


/* =====================================================
   FLEXIBLE POPUP HEIGHT
   Height follows visible elements
===================================================== */

body .cdz-popup-area
.cdz-popup.popup-account-popup {

    height: auto !important;
    min-height: 0 !important;

    max-height: calc(100dvh - 24px) !important;

}


body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {

    height: auto !important;
    min-height: 0 !important;

    max-height: calc(100dvh - 24px) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

}


/* Content must size naturally */
body .cdz-popup-area
.cdz-popup.popup-account-popup
.cdz-popup-content,

body .cdz-popup-area
.cdz-popup.popup-account-popup
.account-info-summary {

    height: auto !important;
    min-height: 0 !important;

    max-height: none !important;

}


/* =====================================================
   REMOVE STICKY CREATE ACCOUNT
===================================================== */

body .cdz-popup-area
.popup-account-popup
.customer-create-link {

    position: static !important;

    bottom: auto !important;
    top: auto !important;

    z-index: auto !important;

    width: 100% !important;

    margin: 16px 0 0 !important;

    box-shadow: none !important;

}


/* =====================================================
   REMOVE EXTRA EMPTY BOTTOM SPACE
===================================================== */

body .cdz-popup-area
.popup-account-popup
.account-info-summary {

    padding-bottom: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.info-summary-bottom {

    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.md-content {

    margin-bottom: 0 !important;
    padding-bottom: 0 !important;

}


/* =====================================================
   DESKTOP / TABLET
===================================================== */

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

    body .cdz-popup-area
    .cdz-popup.popup-account-popup {

        height: auto !important;

        max-height: calc(100dvh - 30px) !important;

    }


    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    > .cdz-popup-inner {

        height: auto !important;

        max-height: calc(100dvh - 30px) !important;

    }

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .cdz-popup.popup-account-popup {

        height: auto !important;
        min-height: 0 !important;

        max-height: calc(100dvh - 12px) !important;

    }


    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    > .cdz-popup-inner {

        height: auto !important;
        min-height: 0 !important;

        max-height: calc(100dvh - 12px) !important;

        overflow-y: auto !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V11 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V12 START ===== */

/* =====================================================
   INPUT LABEL / VALUE COLLISION FIX
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control {

    position: relative !important;

}


/* Default helper label */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.zn-input-innerlabel {

    position: absolute !important;

    top: 50% !important;
    right: 14px !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #aaa3aa !important;

    font-size: 12px !important;
    line-height: 1 !important;

    pointer-events: none !important;

    z-index: 2 !important;

    transition:
        opacity .15s ease,
        visibility .15s ease !important;

}


/* Hide helper label when field has content */
body .cdz-popup-area
.popup-account-popup
.field.zn-has-value
.zn-input-innerlabel {

    opacity: 0 !important;
    visibility: hidden !important;

}


/* Also hide it while focused */
body .cdz-popup-area
.popup-account-popup
.field.zn-is-focused
.zn-input-innerlabel {

    opacity: 0 !important;
    visibility: hidden !important;

}


/* Leave enough room for RTL typing */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
input:not([type="checkbox"]):not([type="hidden"]) {

    padding-right: 14px !important;
    padding-left: 38px !important;

}


/* Keep icons away from text */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control > .fa {

    z-index: 3 !important;

}


/* =====================================================
   VALIDATION MESSAGE CLEANUP
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.zn-field-valid
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.zn-field-valid
.validation-advice {

    display: none !important;

}


/* Remove red invalid border once user starts fixing field */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.zn-field-valid
input {

    border-color: #ddd8dd !important;
}


/* Focused field */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.zn-is-focused
input {

    border-color: #702d73 !important;

    box-shadow:
        0 0 0 3px rgba(112,45,115,.07) !important;

}


/* ===== ZNBAQ ACCOUNT POPUP UX V12 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V13 START ===== */


/* =====================================================
   LOGIN INPUTS
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control {

    position: relative !important;

}


/*
Helper label becomes a small floating label.
This guarantees that even if JS is not running,
it can NEVER overlap the typed value.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;

    transform: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #aaa3aa !important;

    font-size: 10px !important;
    line-height: 12px !important;

    pointer-events: none !important;

    z-index: 3 !important;

    transition:
        opacity .15s ease,
        visibility .15s ease !important;

}


/*
Hide helper immediately while user is editing.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control:focus-within
.zn-input-innerlabel {

    opacity: 0 !important;
    visibility: hidden !important;

}


/*
Give entered value its own vertical space.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-login
input:not([type="checkbox"]):not([type="hidden"]) {

    height: 56px !important;
    min-height: 56px !important;

    padding:
        17px 38px 4px 14px !important;

    line-height: 26px !important;

    box-sizing: border-box !important;

}


/* =====================================================
   VALIDATION MESSAGE
===================================================== */

/*
While user is correcting a field, hide its old
"required field" message immediately.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field:focus-within
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field:focus-within
.validation-advice {

    display: none !important;

}


/*
Remove error visual state while editing.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field:focus-within
input.mage-error {

    border-color: #702d73 !important;

    box-shadow:
        0 0 0 3px rgba(112,45,115,.07) !important;

}


/* Compact validation after blur */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.validation-advice {

    margin: 3px 0 5px !important;

    padding: 0 3px !important;

    background: transparent !important;

    font-size: 10px !important;
    line-height: 14px !important;

}


/* =====================================================
   ICON POSITION
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control
.fa-eye,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control
.fa-eye-slash {

    top: 50% !important;

    transform: translateY(-50%) !important;

}


/* Clear/error icon */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control
.fa-times {

    top: 50% !important;

    transform: translateY(-50%) !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    input:not([type="checkbox"]):not([type="hidden"]) {

        height: 54px !important;
        min-height: 54px !important;

        font-size: 16px !important;

        padding-top: 16px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V13 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V14 START ===== */

/* Keep helper text always visible */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field .control:focus-within
.zn-input-innerlabel {

    opacity: 1 !important;
    visibility: visible !important;

}

/* Also override any old state classes from V12 */
body .cdz-popup-area
.popup-account-popup
.field.zn-is-focused
.zn-input-innerlabel,

body .cdz-popup-area
.popup-account-popup
.field.zn-has-value
.zn-input-innerlabel {

    opacity: 1 !important;
    visibility: visible !important;

}

/* ===== ZNBAQ ACCOUNT POPUP UX V14 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V15 START ===== */


/* =====================================================
   HIDE CHECKOUT-CHOICE HEADER IN REGISTER / FORGOT STATE
===================================================== */

/*
The heading:
"كيف بدك تكمل طلبك؟"
belongs ONLY to the initial checkout-choice screen.
*/

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create:not([style*="display:none"])
)
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget:not([style*="display:none"])
)
.label-title {

    display: none !important;

}


/* Also make sure Guest card never stays visible in register/forgot */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create:not([style*="display:none"])
)
.continue_as_guest,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget:not([style*="display:none"])
)
.continue_as_guest {

    display: none !important;

}


/* Remove space that used to belong to initial heading */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create:not([style*="display:none"])
)
.block-customer-create,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget:not([style*="display:none"])
)
.block-customer-forget {

    padding-top: 0 !important;
    margin-top: 0 !important;

}



/* =====================================================
   REGISTER FORM - CLEANER CONTAINER
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create {

    width: 100% !important;

    margin: 0 !important;

    padding: 10px 4px 4px !important;

    background: transparent !important;

    border: 0 !important;

    box-shadow: none !important;

}


/* Main register title */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.page-title-wrapper {

    margin: 0 0 16px !important;

    padding: 0 !important;

    text-align: center !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.page-title {

    margin: 0 !important;

    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.page-title .base {

    display: block !important;

    color: #302b30 !important;

    font-size: 24px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

}



/* =====================================================
   REGISTER SECTION TITLES
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.fieldset {

    margin: 0 0 20px !important;

    padding: 17px !important;

    background: #fafafa !important;

    border: 1px solid #ece8ec !important;

    border-radius: 15px !important;

    box-sizing: border-box !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.fieldset
legend.legend {

    display: block !important;

    width: 100% !important;

    margin: 0 0 13px !important;

    padding: 0 0 10px !important;

    border-bottom: 1px solid #ebe7eb !important;

    text-align: right !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.fieldset
legend.legend span {

    color: #423a42 !important;

    font-size: 15px !important;
    line-height: 22px !important;

    font-weight: 700 !important;

}


/* Remove old <br> spacing after legend */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.fieldset
legend.legend + br {

    display: none !important;

}



/* =====================================================
   REGISTER FIELDS - 2 COLUMN DESKTOP
===================================================== */

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

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset {

        display: grid !important;

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr);

        column-gap: 12px !important;
        row-gap: 11px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset
    legend.legend {

        grid-column: 1 / -1 !important;

    }


    /* Magento hidden fields shouldn't participate */
    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset
    > input[type="hidden"] {

        display: none !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset
    > .field {

        margin: 0 !important;

        width: 100% !important;

        min-width: 0 !important;

    }

}



/* =====================================================
   REGISTER INPUTS
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field {

    margin-bottom: 10px !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field .control {

    position: relative !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
input:not([type="checkbox"]):not([type="hidden"]),

body .cdz-popup-area
.popup-account-popup
.block-customer-create
select {

    width: 100% !important;

    height: 52px !important;
    min-height: 52px !important;

    margin: 0 !important;

    padding: 15px 14px 4px 14px !important;

    background: #fff !important;

    border: 1px solid #ddd8dd !important;

    border-radius: 10px !important;

    box-sizing: border-box !important;

    box-shadow: none !important;

    font-size: 14px !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
input:not([type="checkbox"]):not([type="hidden"]):focus,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
select:focus {

    border-color: #702d73 !important;

    box-shadow:
        0 0 0 3px rgba(112,45,115,.06) !important;

}



/* =====================================================
   REGISTER SMALL LABELS
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;

    transform: none !important;

    margin: 0 !important;

    color: #aaa3aa !important;

    font-size: 10px !important;
    line-height: 12px !important;

    pointer-events: none !important;

    z-index: 3 !important;

    opacity: 1 !important;
    visibility: visible !important;

}



/* =====================================================
   DATE FIELD
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.customer-dob {

    position: relative !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.customer-dob
button.ui-datepicker-trigger {

    position: absolute !important;

    left: 7px !important;
    right: auto !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    width: 36px !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

    z-index: 5 !important;

}



/* =====================================================
   REGISTER BUTTON
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.actions-toolbar {

    margin: 5px 0 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.actions-toolbar
.primary {

    float: none !important;

    width: 100% !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
button.action.submit.primary {

    width: 100% !important;

    min-height: 50px !important;

    margin: 0 !important;

    padding: 11px 18px !important;

    background: #702d73 !important;

    border: 0 !important;

    border-radius: 11px !important;

    color: #fff !important;

    font-size: 15px !important;

    font-weight: 700 !important;

    box-shadow: none !important;

}



/* =====================================================
   BACK TO LOGIN LINK
===================================================== */

body .cdz-popup-area
.popup-account-popup
.customer-login-link {

    margin: 14px 0 0 !important;

    padding: 0 !important;

    text-align: center !important;

}


body .cdz-popup-area
.popup-account-popup
.customer-login-link
a {

    color: #702d73 !important;

    font-size: 13px !important;

    font-weight: 700 !important;

}



/* =====================================================
   FORGOT PASSWORD FORM - SAME CLEAN STYLE
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-forget {

    width: 100% !important;

    margin: 0 !important;

    padding: 12px !important;

    background: #fafafa !important;

    border: 1px solid #ece8ec !important;

    border-radius: 15px !important;

    box-sizing: border-box !important;

}



/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create {

        padding: 8px 0 2px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .page-title .base {

        font-size: 20px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset {

        display: block !important;

        margin-bottom: 14px !important;

        padding: 12px !important;

        border-radius: 12px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field {

        width: 100% !important;

        margin-bottom: 9px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    input:not([type="checkbox"]):not([type="hidden"]),

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    select {

        height: 50px !important;
        min-height: 50px !important;

        font-size: 16px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V15 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V16 START ===== */

/* =====================================================
   LOGIN VALIDATION:
   each error must stay directly under its own field
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"] {

    align-items: start !important;

}


/* Email field */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.email {

    display: flex !important;
    flex-direction: column !important;

    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

}


/* Password field */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.password {

    display: flex !important;
    flex-direction: column !important;

    grid-column: 2 !important;
    grid-row: 1 !important;

    min-width: 0 !important;

}


/* Error message always belongs to its own field */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.email
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.password
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.email
.validation-advice,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.password
.validation-advice {

    position: static !important;

    display: block;

    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 0 3px !important;

    box-sizing: border-box !important;

    text-align: right !important;

    font-size: 10px !important;
    line-height: 15px !important;

}


/* Prevent inherited absolute/floating validation rules */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field
label.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field
div.mage-error {

    position: static !important;

    float: none !important;

    clear: both !important;

}


/* Forgot password row */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.choice.persistent {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

}


/* Login button row */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.actions-toolbar {

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    form[name="loginForm"]
    .field.email {

        grid-column: 1 !important;
        grid-row: 1 !important;

    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    form[name="loginForm"]
    .field.password {

        grid-column: 1 !important;
        grid-row: 2 !important;

    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    form[name="loginForm"]
    .field.choice.persistent {

        grid-column: 1 !important;
        grid-row: 3 !important;

    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    form[name="loginForm"]
    .actions-toolbar {

        grid-column: 1 !important;
        grid-row: 4 !important;

    }

}

/* ===== ZNBAQ ACCOUNT POPUP UX V16 END ===== */


/* ===== ZNBAQ ACCOUNT POPUP UX V17 START ===== */


/* =====================================================
   FIX V15 STATE DETECTION
   Show checkout header + guest ONLY when login is active
===================================================== */

/*
Checkout input exists only when this popup was opened
for completing checkout.
Login must also be the active state.
*/

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    form[name="loginForm"] input[name="checkout"]
):has(
    .block-customer-login:not([style*="display:none"]):not([style*="display: none"])
)
.label-title {

    display: block !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    form[name="loginForm"] input[name="checkout"]
):has(
    .block-customer-login:not([style*="display:none"]):not([style*="display: none"])
)
.continue_as_guest {

    display: block !important;

}


/* =====================================================
   REGISTER / FORGOT:
   hide checkout intro ONLY when those forms are
   explicitly visible
===================================================== */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create[style*="display: block"]
)
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create[style*="display:block"]
)
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget[style*="display: block"]
)
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget[style*="display:block"]
)
.label-title {

    display: none !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create[style*="display: block"]
)
.continue_as_guest,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-create[style*="display:block"]
)
.continue_as_guest,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget[style*="display: block"]
)
.continue_as_guest,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:has(
    .block-customer-forget[style*="display:block"]
)
.continue_as_guest {

    display: none !important;

}


/* =====================================================
   VALIDATION
   Do NOT hide an error just because Magento focused
   the first invalid field after submit.
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field:focus-within
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field:focus-within
.validation-advice {

    display: block !important;

}


/* Each field keeps its own message underneath */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.email,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.password {

    position: relative !important;

    overflow: visible !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.email
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.password
.mage-error,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.email
.validation-advice,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.field.password
.validation-advice {

    display: block;

    position: static !important;

    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 0 2px !important;

    clear: both !important;
    float: none !important;

    text-align: right !important;

    box-sizing: border-box !important;

    font-size: 10px !important;
    line-height: 15px !important;

}


/* =====================================================
   KEEP LOGIN LAYOUT STABLE WHEN ERRORS APPEAR
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"] {

    align-items: start !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.email,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.password {

    align-self: start !important;

}


/* Forgot password stays beneath BOTH fields */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
form[name="loginForm"]
.field.choice.persistent {

    grid-column: 1 / -1 !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    .field.email
    .mage-error,

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-login
    .field.password
    .mage-error {

        margin-top: 3px !important;

    }

}


/* ===== ZNBAQ ACCOUNT POPUP UX V17 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V18 START ===== */


/* =====================================================
   REGISTER FIELD LABELS
   Keep every helper title INSIDE its own input
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field .control {

    position: relative !important;

}


/* Small helper text */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;
    left: auto !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    color: #aaa3aa !important;

    font-size: 10px !important;
    line-height: 12px !important;

    font-weight: 400 !important;

    pointer-events: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    z-index: 5 !important;

}


/* Text area inside input */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
input:not([type="hidden"]):not([type="checkbox"]) {

    width: 100% !important;

    height: 54px !important;
    min-height: 54px !important;

    padding:
        17px 38px 4px 14px !important;

    line-height: 27px !important;

    box-sizing: border-box !important;

}


/* Password icons */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.password
.control > .fa-eye,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.password
.control > .fa-eye-slash,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.confirmation
.control > .fa-eye,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.confirmation
.control > .fa-eye-slash {

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 6 !important;

}


/* Clear icon */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field
.control > .fa-times {

    top: 50% !important;

    transform: translateY(-50%) !important;

    z-index: 6 !important;

}


/* =====================================================
   SAFETY:
   Even if stale markup somehow appears, hide these
   two fields in the register popup.
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field-dob,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.gender {

    display: none !important;

}


/* =====================================================
   PERSONAL INFO:
   After DOB/Gender removal only first + last name remain.
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.info {

    padding-bottom: 15px !important;

}


/* Desktop: name + surname side-by-side */
@media only screen and (min-width:768px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.create.info {

        grid-template-columns:
            minmax(0,1fr)
            minmax(0,1fr) !important;

    }

}


/* Mobile */
@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    input:not([type="hidden"]):not([type="checkbox"]) {

        height: 52px !important;
        min-height: 52px !important;

        font-size: 16px !important;

    }

}


/* ===== ZNBAQ REGISTER FORM UX V18 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V19 START ===== */

/* force each field to behave as a clean stacked field */
body .cdz-popup-area .popup-account-popup .block-customer-create .field {
    position: relative !important;
}

body .cdz-popup-area .popup-account-popup .block-customer-create .field .control {
    position: relative !important;
    display: block !important;
    min-height: 54px !important;
    overflow: visible !important;
}

/* helper titles must stay INSIDE the input area */
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > .zn-input-innerlabel {
    position: absolute !important;
    top: 8px !important;
    right: 16px !important;
    left: auto !important;
    bottom: auto !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 32px) !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 12px !important;
    font-size: 10px !important;
    color: #a59ca7 !important;
    background: transparent !important;
    transform: none !important;
    z-index: 7 !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

/* all register inputs get inner top room for the helper label */
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input.input-text,
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="email"],
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="text"],
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="password"] {
    display: block !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 20px 16px 8px 16px !important;
    box-sizing: border-box !important;
    line-height: 28px !important;
}

/* extra strong fix for first fields that were escaping upward */
body .cdz-popup-area .popup-account-popup .block-customer-create .field.field-name-firstname .control > .zn-input-innerlabel,
body .cdz-popup-area .popup-account-popup .block-customer-create .field.required:first-child .control > .zn-input-innerlabel,
body .cdz-popup-area .popup-account-popup .block-customer-create fieldset.create.account .field.required:first-child .control > .zn-input-innerlabel {
    top: 8px !important;
    right: 16px !important;
}

/* make sure icons do not push titles out */
body .cdz-popup-area .popup-account-popup .block-customer-create .field.password .control > .fa-eye,
body .cdz-popup-area .popup-account-popup .block-customer-create .field.password .control > .fa-eye-slash,
body .cdz-popup-area .popup-account-popup .block-customer-create .field.confirmation .control > .fa-eye,
body .cdz-popup-area .popup-account-popup .block-customer-create .field.confirmation .control > .fa-eye-slash,
body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > .fa-times {
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 8 !important;
}

/* mobile */
@media only screen and (max-width: 767px) {
    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control {
        min-height: 52px !important;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > .zn-input-innerlabel {
        top: 7px !important;
        right: 14px !important;
        font-size: 10px !important;
    }

    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input.input-text,
    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="email"],
    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="text"],
    body .cdz-popup-area .popup-account-popup .block-customer-create .field .control > input[type="password"] {
        height: 56px !important;
        min-height: 56px !important;
        padding: 20px 14px 8px 14px !important;
        font-size: 16px !important;
    }
}

/* ===== ZNBAQ REGISTER FORM UX V19 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V20 START ===== */


/* =====================================================
   FIX THE REAL PROBLEM:
   .control must be exactly the same height as its input
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    box-sizing: border-box !important;

}


/* =====================================================
   INPUT
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > input.input-text,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > input[type="text"],

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > input[type="email"],

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > input[type="password"] {

    position: relative !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;

    padding:
        20px 14px 6px 38px !important;

    box-sizing: border-box !important;

    line-height: 25px !important;

}


/* =====================================================
   LABEL INSIDE INPUT
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > .zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;

    bottom: auto !important;
    left: auto !important;

    display: block !important;

    width: auto !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;

    line-height: 12px !important;

    font-size: 10px !important;
    font-weight: 400 !important;

    color: #a59da5 !important;

    background: transparent !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: none !important;

    z-index: 20 !important;

}


/* =====================================================
   FIELD ITSELF MUST NOT CREATE EXTRA SPACE
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field {

    height: auto !important;
    min-height: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.field-name-firstname,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.field-name-lastname,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.account > .field {

    padding: 0 !important;

}


/* =====================================================
   ICONS
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > .fa-eye,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > .fa-eye-slash,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field > .control > .fa-times {

    position: absolute !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    margin: 0 !important;

    z-index: 25 !important;

}


/* =====================================================
   SAFETY HIDE DOB/GENDER
===================================================== */

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field-dob,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field.gender {

    display: none !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control {

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control > input.input-text,

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control > input[type="text"],

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control > input[type="email"],

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control > input[type="password"] {

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

        padding:
            20px 14px 6px 38px !important;

        font-size: 16px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field > .control > .zn-input-innerlabel {

        top: 7px !important;
        right: 14px !important;

    }

}


/* ===== ZNBAQ REGISTER FORM UX V20 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V21 START ===== */


/* =====================================================
   FIRST FIELD IN PERSONAL INFO
   FIRSTNAME
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.field-name-firstname {

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.field-name-firstname
> .control {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
#firstname {

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;

    padding:
        20px 14px 6px 38px !important;

    box-sizing: border-box !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.field-name-firstname
> .control
> .zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;

    width: auto !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 12px !important;

    z-index: 30 !important;

}


/* =====================================================
   FIRST FIELD IN ACCOUNT INFO
   EMAIL
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:first-of-type {

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:first-of-type
> .control {

    position: relative !important;

    display: block !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
#email {

    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;

    padding:
        20px 14px 6px 38px !important;

    box-sizing: border-box !important;

}


body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:first-of-type
> .control
> .zn-input-innerlabel {

    position: absolute !important;

    top: 7px !important;
    right: 14px !important;
    bottom: auto !important;
    left: auto !important;

    width: auto !important;
    height: 12px !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 12px !important;

    z-index: 30 !important;

}


/* =====================================================
   REMOVE ANY OLD TOP SPACE ON FIRST FIELD
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info
> .field:first-of-type,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:first-of-type {

    padding-top: 0 !important;
    margin-top: 0 !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field.field-name-firstname,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field.field-name-firstname
    > .control,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field:first-of-type,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field:first-of-type
    > .control {

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

    }

}


/* ===== ZNBAQ REGISTER FORM UX V21 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V22 START ===== */

/* أقل فراغ بين الحقول داخل كل قسم */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.info,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.account {
    row-gap: 9px !important;
}

/* الحقول نفسها */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.field {
    margin-bottom: 8px !important;
}

/* آخر حقل داخل كل مجموعة بدون فراغ زائد */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.info
> .field:last-of-type,

body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.create.account
> .field:last-of-type {
    margin-bottom: 0 !important;
}

/* تقليل padding داخل الكروت */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
fieldset.fieldset {
    padding: 14px 15px !important;
    margin-bottom: 16px !important;
}

/* تقليل الفراغ تحت العنوان */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.page-title-wrapper {
    margin-bottom: 13px !important;
}

/* فراغ أنسب قبل زر إنشاء الحساب */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
.actions-toolbar {
    margin-top: 4px !important;
}

/* زر إنشاء الحساب */
body .cdz-popup-area
.popup-account-popup
.block-customer-create
button.action.submit.primary {
    margin-top: 0 !important;
}

/* الرابط السفلي */
body .cdz-popup-area
.popup-account-popup
.customer-login-link {
    margin-top: 11px !important;
}

/* MOBILE */
@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.fieldset {
        padding: 11px 12px !important;
        margin-bottom: 12px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .field {
        margin-bottom: 7px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.create.info,

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    fieldset.create.account {
        row-gap: 7px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .block-customer-create
    .page-title-wrapper {
        margin-bottom: 10px !important;
    }

}

/* ===== ZNBAQ REGISTER FORM UX V22 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V23 START ===== */

@media only screen and (max-width:767px) {

    /* -----------------------------------------
       NAME -> LAST NAME
    ----------------------------------------- */

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.info
    > .field.field-name-firstname {

        margin-bottom: 10px !important;

    }


    /* -----------------------------------------
       EMAIL -> MOBILE NUMBER
    ----------------------------------------- */

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field:first-of-type {

        margin-bottom: 10px !important;

    }


    /* Keep remaining fields with smaller spacing */
    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field:not(:first-of-type):not(:last-of-type) {

        margin-bottom: 7px !important;

    }

}

/* ===== ZNBAQ REGISTER FORM UX V23 END ===== */


/* ===== ZNBAQ REGISTER FORM UX V24 START ===== */


/* =====================================================
   FIELD HEIGHT MUST GROW WITH VALIDATION MESSAGE
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.field-name-firstname,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:first-of-type {

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    overflow: visible !important;

}


/* Only the actual input wrapper stays fixed */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field
> .control {

    position: relative !important;

    height: 56px !important;
    min-height: 56px !important;
    max-height: 56px !important;

    margin: 0 !important;

    overflow: visible !important;

}


/* =====================================================
   VALIDATION MESSAGE
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field
.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field
.validation-advice {

    position: static !important;

    display: block;

    float: none !important;
    clear: both !important;

    width: 100% !important;
    height: auto !important;

    margin: 4px 0 0 !important;
    padding: 0 3px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    text-align: right !important;

    font-size: 10px !important;
    line-height: 15px !important;

    z-index: auto !important;

}


/* =====================================================
   SPACING BETWEEN FIELDS
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info
> .field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field {

    margin-bottom: 9px !important;

}


/* Slightly more room when field currently has an error */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:has(.mage-error)
{

    margin-bottom: 11px !important;

}


/* Last field doesn't need bottom gap */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info
> .field:last-of-type,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account
> .field:last-of-type {

    margin-bottom: 0 !important;

}


/* =====================================================
   FIX GRID ROW EXPANSION
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account {

    align-items: start !important;

    grid-auto-rows: auto !important;

}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field.field-name-firstname,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field:first-of-type {

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field
    > .control {

        height: 56px !important;
        min-height: 56px !important;
        max-height: 56px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.info
    > .field,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    fieldset.create.account
    > .field {

        margin-bottom: 9px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field
    .mage-error,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    .field
    .validation-advice {

        margin-top: 3px !important;

        font-size: 10px !important;
        line-height: 14px !important;

    }

}


/* ===== ZNBAQ REGISTER FORM UX V24 END ===== */


/* ===== ZNBAQ REGISTER VALIDATION UX V26 START ===== */


/* =====================================================
   HIDE ALL INDIVIDUAL MAGENTO ERROR TEXT
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field .mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field .validation-advice,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field label.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field div.mage-error {

    display: none !important;

}


/* =====================================================
   INVALID FIELD VISUAL
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
> .control
> input,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
> .control
> select {

    border-color: #e56565 !important;

    background-color: #fff8f8 !important;

    box-shadow:
        0 0 0 2px rgba(229, 101, 101, .08) !important;

}


/* Small red accent on helper label */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
.zn-input-innerlabel {

    color: #cc5151 !important;

}


/* Valid / being corrected field returns normal */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> input,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> select {

    background-color: #fff !important;

}


/* =====================================================
   ONE GENERAL MESSAGE
===================================================== */

body .cdz-popup-area
.popup-account-popup
#zn-register-required-message {

    display: none;

    width: 100% !important;

    margin: 9px 0 0 !important;
    padding: 9px 12px !important;

    box-sizing: border-box !important;

    border-radius: 9px !important;

    background: #fff4f4 !important;

    color: #c74444 !important;

    text-align: center !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 600 !important;

}


body .cdz-popup-area
.popup-account-popup
#zn-register-required-message.is-visible {

    display: block !important;

}


/* =====================================================
   REMOVE SPACE PREVIOUSLY RESERVED FOR FIELD ERRORS
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info > .field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account > .field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:has(.mage-error) {

    margin-bottom: 10px !important;

}


/* Last field */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info > .field:last-of-type,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account > .field:last-of-type {

    margin-bottom: 0 !important;

}


/* ===== ZNBAQ REGISTER VALIDATION UX V26 END ===== */


/* ===== ZNBAQ REGISTER VALIDATION UX V27 START ===== */


/* =====================================================
   NEVER SHOW PER-FIELD MAGENTO ERROR TEXT
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.validation-advice,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
label.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
div.mage-error {

    display: none !important;

}


/* Hide old backend message.
   Our single message below handles the UX. */

body .cdz-popup-area
.popup-account-popup
#create-password-message {

    display: none !important;

}


/* =====================================================
   CLEAR INVALID FIELD
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
> .control
> input,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
> .control
> select {

    border: 2px solid #e53935 !important;

    background: #fff7f7 !important;

    box-shadow:
        0 0 0 3px rgba(229,57,53,.08) !important;

}


/* Also catch Magento's own invalid state */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
input.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
select.mage-error {

    border: 2px solid #e53935 !important;

    background: #fff7f7 !important;

    box-shadow:
        0 0 0 3px rgba(229,57,53,.08) !important;

}


/* Invalid helper label */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid
.zn-input-innerlabel {

    color: #d93632 !important;

    font-weight: 600 !important;

}


/* Return corrected field to normal */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> input:not(.mage-error),

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> select:not(.mage-error) {

    border-color: #ddd8dd !important;

    background: #fff !important;

    box-shadow: none !important;

}


/* Focus state after correcting */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> input:focus,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:not(.zn-register-invalid)
> .control
> select:focus {

    border-color: #702d73 !important;

    box-shadow:
        0 0 0 3px rgba(112,45,115,.07) !important;

}


/* =====================================================
   ONE MESSAGE ONLY
===================================================== */

body .cdz-popup-area
.popup-account-popup
#zn-register-required-message {

    display: none !important;

    width: 100% !important;

    margin: 9px 0 0 !important;

    padding: 10px 12px !important;

    box-sizing: border-box !important;

    background: #fff4f4 !important;

    border: 1px solid #f0b7b5 !important;

    border-radius: 9px !important;

    color: #c73531 !important;

    text-align: center !important;

    direction: rtl !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 700 !important;

}


body .cdz-popup-area
.popup-account-popup
#zn-register-required-message.is-visible {

    display: block !important;

}


/* No old validation spacing */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:has(.mage-error),

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field.zn-register-invalid {

    margin-bottom: 10px !important;

}


/* ===== ZNBAQ REGISTER VALIDATION UX V27 END ===== */


/* ===== ZNBAQ REGISTER VALIDATION UX V28 START ===== */


/* =====================================================
   IMPORTANT:
   DO NOT HIDE INVALID INPUTS
   Override the overly broad V27 .mage-error rule.
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
input.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
select.mage-error {

    display: block !important;

}


/* =====================================================
   HIDE ONLY THE INDIVIDUAL ERROR MESSAGES
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
label.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
div.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.validation-advice {

    display: none !important;

}


/* =====================================================
   RED INVALID FIELD
   Use Magento's own validation state.
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
input.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
select.mage-error,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
input[aria-invalid="true"],

body .cdz-popup-area
.popup-account-popup
#form-validate-create
select[aria-invalid="true"] {

    border: 2px solid #e53935 !important;

    background-color: #fff6f6 !important;

    box-shadow:
        0 0 0 3px rgba(229,57,53,.10) !important;

}


/* Make title red too */
body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:has(
    input.mage-error,
    select.mage-error,
    input[aria-invalid="true"],
    select[aria-invalid="true"]
)
.zn-input-innerlabel {

    color: #d32f2f !important;

    font-weight: 600 !important;

}


/* =====================================================
   CORRECT FIELD = NORMAL
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
input:not(.mage-error):not([aria-invalid="true"]),

body .cdz-popup-area
.popup-account-popup
#form-validate-create
select:not(.mage-error):not([aria-invalid="true"]) {

    background-color: #fff !important;

}


/* =====================================================
   SINGLE MESSAGE
===================================================== */

body .cdz-popup-area
.popup-account-popup
#zn-register-required-message {

    display: none !important;

    width: 100% !important;

    margin: 9px 0 0 !important;
    padding: 9px 12px !important;

    box-sizing: border-box !important;

    background: #fff5f5 !important;

    border: 1px solid #efb3b1 !important;

    border-radius: 9px !important;

    color: #c93632 !important;

    direction: rtl !important;
    text-align: center !important;

    font-size: 12px !important;
    line-height: 18px !important;

    font-weight: 700 !important;

}


/*
Show the ONE message whenever Magento marks
at least one field invalid.
*/
body .cdz-popup-area
.popup-account-popup
.block-customer-create:has(
    #form-validate-create input.mage-error,
    #form-validate-create select.mage-error,
    #form-validate-create input[aria-invalid="true"],
    #form-validate-create select[aria-invalid="true"]
)
#zn-register-required-message {

    display: block !important;

}


/* =====================================================
   HIDE OLD ENGLISH / BACKEND MESSAGE
===================================================== */

body .cdz-popup-area
.popup-account-popup
#create-password-message {

    display: none !important;

}


/* =====================================================
   DON'T RESERVE SPACE FOR OLD ERROR TEXT
===================================================== */

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.info > .field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
fieldset.create.account > .field,

body .cdz-popup-area
.popup-account-popup
#form-validate-create
.field:has(.mage-error) {

    margin-bottom: 10px !important;

}


/* =====================================================
   MOBILE - STRONG CLEAR BORDER
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    input.mage-error,

    body .cdz-popup-area
    .popup-account-popup
    #form-validate-create
    input[aria-invalid="true"] {

        border-width: 2px !important;

        box-shadow:
            0 0 0 2px rgba(229,57,53,.10) !important;

    }

}


/* ===== ZNBAQ REGISTER VALIDATION UX V28 END ===== */


/* ===== ZNBAQ POPUP STATE CSS START ===== */

/* الوضع الأساسي */
body .cdz-popup-area .popup-account-popup .account-info-summary .register-container,
body .cdz-popup-area .popup-account-popup .account-info-summary .block-customer-forget,
body .cdz-popup-area .popup-account-popup .account-info-summary .customer-login-link {
    display: none !important;
}

/* ---------------- DEFAULT MODE ---------------- */
/* هذا هو البوب اب الأول: خيار الزائر + تسجيل الدخول + رابط إنشاء حساب */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .info-summary-top .zn-guest-choice,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .info-summary-bottom .customer-create-link {
    display: block !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .register-container,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-forget,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .customer-login-link,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .info-summary-bottom .continue_as_guest {
    display: none !important;
}

/* ---------------- REGISTER MODE ---------------- */
/* عند الضغط على "إنشاء حساب" نخفي كل محتوى البوب اب الأول ونظهر التسجيل فقط */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .info-summary-top > *:not(.register-container),
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .block-customer-login,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .block-customer-forget,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .info-summary-bottom .customer-create-link,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .info-summary-bottom .continue_as_guest {
    display: none !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .register-container,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .customer-login-link {
    display: block !important;
}

/* ---------------- FORGOT MODE ---------------- */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .info-summary-top > *:not(.block-customer-forget),
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .block-customer-login,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .register-container,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .info-summary-bottom .customer-create-link,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .info-summary-bottom .continue_as_guest {
    display: none !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .block-customer-forget,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-forgot .customer-login-link {
    display: block !important;
}

/* تأكيد */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .register-container .page-title-wrapper,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-register .register-container .page-title {
    display: block !important;
    margin-top: 0 !important;
}

/* ===== ZNBAQ POPUP STATE CSS END ===== */


/* ===== ZNBAQ REGISTER HEADER CORRECT FIX START ===== */

/*
Do NOT hide .zn-popup-checkout.
It contains the whole popup content.

Hide ONLY the checkout header while register mode is active.
*/

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.zn-popup-checkout
> header.zn-popup-header {

    display: none !important;

}


/* Same protection without requiring direct-child structure */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
header.zn-popup-header {

    display: none !important;

}


/* Keep registration form visible */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.register-container {

    display: block !important;

    margin-top: 0 !important;

}


/* Keep its parent visible */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.info-summary-top {

    display: block !important;

    margin-top: 0 !important;
    padding-top: 0 !important;

}


/* ===== ZNBAQ REGISTER HEADER CORRECT FIX END ===== */


/* ===== ZNBAQ HIDE LOGIN DIVIDER START ===== */

/* Remove "أو" divider from checkout/login and register states */
body .cdz-popup-area
.popup-account-popup
.zn-login-divider {

    display: none !important;

    margin: 0 !important;
    padding: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

}


/* Remove any spacing left around it */
body .cdz-popup-area
.popup-account-popup
.zn-login-divider + * {

    margin-top: 0 !important;

}

/* ===== ZNBAQ HIDE LOGIN DIVIDER END ===== */


/* ===== ZNBAQ POPUP FINAL POLISH START ===== */


/* =========================================================
   1. DEFAULT CHECKOUT SCREEN
   Keep only the main top title.
========================================================= */

/*
Top title is already inside:
.zn-popup-checkout > .zn-popup-header

The login section must NOT generate another large
"كيف بدك تكمل طلبك؟" title.
*/

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading:after {

    content: none !important;
    display: none !important;

}


/* Keep only the actual small login heading */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading {

    display: block !important;

    width: 100% !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    text-align: right !important;

    background: transparent !important;

    border: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading
strong,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading
span {

    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 20px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading
strong {

    color: #403940 !important;
    font-weight: 700 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading
span {

    margin-right: 4px !important;

    color: #777077 !important;
    font-weight: 400 !important;

}


/* Remove old generated login title/subtitle if still present */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login:after {

    content: none !important;
    display: none !important;

}


/* Login block no longer needs large reserved top space */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login {

    padding-top: 0 !important;
    margin-top: 0 !important;

}



/* =========================================================
   2. GUEST CARD
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest {

    margin-bottom: 20px !important;

    padding:
        18px 22px 16px !important;

}


/* Main guest text */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
> span {

    min-height: 44px !important;

    margin: 0 0 10px !important;

    padding-right: 58px !important;

    box-sizing: border-box !important;

}


/* Check circle */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest:before {

    top: 24px !important;
    right: 26px !important;

    width: 44px !important;
    height: 44px !important;

}


/* Button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
button.action.login.primary {

    margin-top: 8px !important;

    min-height: 50px !important;

}


/* Small note under guest button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest:after {

    margin-top: 10px !important;

    font-size: 11px !important;
    line-height: 17px !important;

    text-align: center !important;

}



/* =========================================================
   3. REDUCE EMPTY SPACE BEFORE LOGIN
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.info-summary-top {

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.info-summary-bottom {

    margin: 0 !important;
    padding: 0 !important;

}


/* Divider already hidden; make sure it leaves zero space */
body .cdz-popup-area
.popup-account-popup
.zn-login-divider {

    display: none !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

}



/* =========================================================
   4. REGISTER VALIDATION
   Labels remain neutral.
   Error is communicated by the field border.
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
.zn-input-innerlabel {

    color: #aaa3aa !important;

    font-weight: 400 !important;

}


/*
Even when Magento gives the input mage-error,
do not make the small label red.
*/
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
.field:has(input.mage-error)
.zn-input-innerlabel,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
.field:has(input[aria-invalid="true"])
.zn-input-innerlabel,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
.field.zn-register-invalid
.zn-input-innerlabel {

    color: #aaa3aa !important;

    font-weight: 400 !important;

}


/* Invalid input itself */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
input.mage-error,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
input[aria-invalid="true"] {

    display: block !important;

    border: 2px solid #e24a4a !important;

    background: #fff7f7 !important;

    box-shadow:
        0 0 0 2px rgba(226,74,74,.08) !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

}



/* =========================================================
   5. HIDE INDIVIDUAL MAGENTO ERROR TEXT
   We want ONE message below submit.
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
label.mage-error,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#form-validate-create
.validation-advice {

    display: none !important;

}



/* =========================================================
   6. REMOVE DUPLICATE PASSWORD MESSAGE
========================================================= */

/* Gray/old Magento password message */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#create-password-message {

    display: none !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

}


/* We no longer need the old V26/V27 secondary message */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#zn-register-required-message {

    display: none !important;

}


/* Keep V29/general message if present */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
#zn-register-main-message {

    width: 100% !important;

    margin: 9px 0 0 !important;
    padding: 8px 12px !important;

    box-sizing: border-box !important;

    border-radius: 9px !important;

    font-size: 12px !important;
    line-height: 18px !important;

    text-align: center !important;

}


/* If Magento itself placed plain text after actions,
   don't reserve excessive vertical space */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.block-customer-create
.actions-toolbar {

    margin-bottom: 0 !important;

}



/* =========================================================
   7. REGISTER SPACING
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.register-container
.page-title-wrapper {

    margin-bottom: 14px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.register-container
fieldset.fieldset {

    margin-bottom: 14px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-register
.customer-login-link {

    margin-top: 10px !important;

}



/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest {

        padding:
            15px 13px !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest
    > span {

        min-height: 0 !important;

        padding-right: 0 !important;

        text-align: center !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest:before {

        display: none !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .zn-login-heading {

        margin-bottom: 8px !important;

    }

}


/* ===== ZNBAQ POPUP FINAL POLISH END ===== */


/* ===== ZNBAQ DEFAULT POPUP BOX POLISH START ===== */

/* =========================================================
   DEFAULT POPUP ONLY
   (choose how to continue order)
========================================================= */

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default {
    padding-top: 0 !important;
}


/* =========================
   POPUP HEADER TOP
========================= */

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header {
    margin: 0 0 18px !important;
    padding: 0 !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-kicker {
    display: block !important;
    margin: 0 0 6px !important;
    font-size: 16px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    color: #8d808d !important;
    text-align: right !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-heading {
    margin: 0 0 8px !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    color: #5a505a !important;
    text-align: right !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-subtitle {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: #8e838e !important;
    text-align: right !important;
}


/* =========================
   GUEST CARD
========================= */

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice {
    position: relative !important;
    display: block !important;
    margin: 0 0 18px !important;
    padding: 24px 26px 20px !important;
    border: 2px solid #8c3b8f !important;
    border-radius: 26px !important;
    background: #fbf7fb !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* hide messy old texts inside guest box */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest > span,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice > span {
    display: block !important;
    margin: 0 0 12px !important;
    min-height: auto !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-align: right !important;
}

/* new clean title */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest > span:before,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice > span:before {
    content: "اطلب كزائر" !important;
    display: block !important;
    margin: 0 74px 6px 0 !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 800 !important;
    color: #6d3178 !important;
    text-align: right !important;
}

/* new clean subtitle */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest > span:after,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice > span:after {
    content: "بدون تسجيل وبدون إنشاء حساب" !important;
    display: block !important;
    margin: 0 74px 0 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 500 !important;
    color: #8d808d !important;
    text-align: right !important;
}

/* button */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest button,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice button,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest .action,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice .action {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 0 20px !important;
    border-radius: 16px !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
}

/* helper text under guest button */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest:after,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice:after {
    content: "أدخل بيانات التوصيل وكمل طلبك مباشرة" !important;
    display: block !important;
    margin-top: 12px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    font-weight: 500 !important;
    color: #8d808d !important;
    text-align: center !important;
}

/* check circle */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest:before,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice:before {
    top: 22px !important;
    right: 24px !important;
    left: auto !important;
    width: 48px !important;
    height: 48px !important;
    font-size: 24px !important;
    line-height: 48px !important;
    z-index: 2 !important;
}


/* =========================
   DIVIDER "أو"
========================= */

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-divider {
    display: block !important;
    margin: 10px 0 16px !important;
    padding: 0 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    font-weight: 700 !important;
    color: #7e737e !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
}


/* =========================
   LOGIN SECTION CLEANUP
========================= */

/* remove duplicate messy titles / generated text */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .label-title,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .text-login,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login:before,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login:after,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading:before,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading:after {
    content: none !important;
    display: none !important;
}

/* keep only small heading */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading {
    display: block !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    text-align: right !important;
    border: 0 !important;
    background: transparent !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading strong {
    display: inline !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    color: #4f454f !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading span {
    display: inline !important;
    margin-right: 4px !important;
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    color: #7f7480 !important;
}

/* tighten spacing */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .info-summary-top,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .info-summary-bottom,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login .block-content {
    margin: 0 !important;
    padding: 0 !important;
}

/* form spacing */
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login .field {
    margin-bottom: 14px !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login .actions-toolbar {
    margin-top: 8px !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .block-customer-login .secondary {
    margin-top: 8px !important;
}

body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .customer-login-link,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .register-link,
body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .create-account-link {
    margin-top: 12px !important;
}


/* =========================
   MOBILE
========================= */

@media only screen and (max-width: 767px) {

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-kicker {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-heading {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-popup-header .zn-popup-subtitle {
        font-size: 14px !important;
        line-height: 21px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest,
    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice {
        padding: 18px 14px 16px !important;
        border-radius: 22px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest > span:before,
    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice > span:before {
        margin-right: 0 !important;
        text-align: center !important;
        font-size: 18px !important;
        line-height: 26px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest > span:after,
    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice > span:after {
        margin-right: 0 !important;
        text-align: center !important;
        font-size: 13px !important;
        line-height: 20px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .continue_as_guest:before,
    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-guest-choice:before {
        top: 16px !important;
        right: 16px !important;
        width: 42px !important;
        height: 42px !important;
        line-height: 42px !important;
        font-size: 22px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-divider {
        margin: 12px 0 14px !important;
        font-size: 24px !important;
        line-height: 30px !important;
    }

    body .cdz-popup-area .popup-account-popup .account-info-summary.zn-mode-default .zn-login-heading {
        text-align: center !important;
    }
}

/* ===== ZNBAQ DEFAULT POPUP BOX POLISH END ===== */


/* ===== ZNBAQ POPUP REFERENCE STYLE START ===== */


/* =========================================================
   POPUP SIZE
========================================================= */

body .cdz-popup-area
.cdz-popup.popup-account-popup {
    width: min(825px, calc(100vw - 40px)) !important;
    max-width: 825px !important;
    border-radius: 28px !important;
}

body .cdz-popup-area
.cdz-popup.popup-account-popup
> .cdz-popup-inner {
    border-radius: 28px !important;
}

body .cdz-popup-area
.cdz-popup.popup-account-popup
.cdz-popup-content {
    padding: 28px 34px 30px !important;
}


/* =========================================================
   TOP TITLE
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-header {
    margin: 0 0 25px !important;
    padding: 0 45px !important;
    text-align: center !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-kicker {
    display: none !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-heading {
    margin: 0 0 7px !important;
    padding: 0 !important;

    text-align: center !important;

    font-size: 27px !important;
    line-height: 36px !important;
    font-weight: 800 !important;

    color: #302b30 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-subtitle {
    margin: 0 !important;

    text-align: center !important;

    font-size: 14px !important;
    line-height: 22px !important;

    color: #998f99 !important;
}

/* Exact subtitle */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-subtitle {
    font-size: 0 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-popup-subtitle:after {
    content: "بتقدر تطلب مباشرة بدون إنشاء حساب";

    font-size: 14px !important;
}


/* =========================================================
   GUEST CARD
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest {

    position: relative !important;

    width: 100% !important;

    margin: 0 0 27px !important;
    padding: 25px 27px 20px !important;

    box-sizing: border-box !important;

    background: #fbf6fb !important;

    border: 2px solid #853389 !important;
    border-radius: 26px !important;

    overflow: hidden !important;
}


/* Text container */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
> span {

    display: block !important;

    min-height: 55px !important;

    margin: 0 0 14px !important;
    padding: 0 0 0 75px !important;

    font-size: 0 !important;

    text-align: right !important;
}


/* Title */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
> span:before {

    content: "اطلب كزائر" !important;

    display: block !important;

    margin: 0 0 2px !important;

    color: #63306b !important;

    font-size: 22px !important;
    line-height: 30px !important;

    font-weight: 800 !important;
}


/* Subtitle */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
> span:after {

    content: "بدون تسجيل وبدون إنشاء حساب" !important;

    display: block !important;

    color: #918791 !important;

    font-size: 13px !important;
    line-height: 20px !important;

    font-weight: 400 !important;
}


/* Check circle */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest:before {

    content: "✓" !important;

    position: absolute !important;

    top: 24px !important;
    left: 26px !important;
    right: auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    background: #853389 !important;

    border-radius: 50% !important;

    color: #fff !important;

    font-size: 29px !important;
    line-height: 1 !important;

    font-weight: 700 !important;
}


/* Guest button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
button.action.login.primary {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 64px !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    background: #853389 !important;

    border: 0 !important;
    border-radius: 15px !important;

    color: #fff !important;

    font-size: 0 !important;

    font-weight: 800 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
button.action.login.primary
span {
    font-size: 0 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest
button.action.login.primary
span:before {

    content: "متابعة كزائر";

    font-size: 18px !important;
    line-height: 24px !important;
}


/* Note below button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.continue_as_guest:after {

    content: "أدخل بيانات التوصيل وكمل طلبك مباشرة" !important;

    display: block !important;

    margin: 11px 0 0 !important;

    text-align: center !important;

    color: #958b95 !important;

    font-size: 12px !important;
    line-height: 18px !important;
}


/* =========================================================
   REMOVE "أو"
========================================================= */

body .cdz-popup-area
.popup-account-popup
.zn-login-divider {

    display: none !important;

    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   LOGIN SECTION
========================================================= */

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login {

    margin: 0 !important;
    padding: 20px 0 0 !important;

    border-top: 1px solid #e8e4e8 !important;

    background: transparent !important;
}


/* remove old generated titles */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login:after,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.text-login {

    content: none !important;
    display: none !important;
}


/* Login heading */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading {

    display: block !important;

    margin: 0 0 13px !important;
    padding: 0 !important;

    text-align: right !important;

    background: transparent !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading strong {

    display: inline !important;

    font-size: 15px !important;
    line-height: 22px !important;

    font-weight: 800 !important;

    color: #514951 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.zn-login-heading span {

    display: inline !important;

    margin-right: 4px !important;

    font-size: 14px !important;

    color: #817681 !important;
}


/* Login fields two columns */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
form[name="loginForm"] {

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    column-gap: 14px !important;
    row-gap: 8px !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
.field.email {

    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
.field.password {

    grid-column: 1 !important;
    grid-row: 1 !important;

    margin: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
.field.choice.persistent {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    margin: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
.actions-toolbar {

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    margin: 2px 0 0 !important;
}


/* Inputs */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
input:not([type="checkbox"]):not([type="hidden"]) {

    height: 54px !important;
    min-height: 54px !important;

    border-radius: 11px !important;

    background: #fff !important;
}


/* Forgot */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
a.action.remind {

    margin-top: 6px !important;

    font-size: 12px !important;
}


/* Login button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.block-customer-login
button.action.login.primary {

    min-height: 55px !important;

    border-radius: 11px !important;

    font-size: 17px !important;
}


/* Create account row */
body .cdz-popup-area
.popup-account-popup
.account-info-summary.zn-mode-default
.customer-create-link {

    margin: 28px 0 0 !important;
    padding: 18px 0 0 !important;

    background: transparent !important;

    border-top: 1px solid #e8e4e8 !important;

    text-align: center !important;
}


/* =========================================================
   MOBILE
========================================================= */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .cdz-popup.popup-account-popup
    .cdz-popup-content {

        padding: 22px 18px 20px !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .zn-popup-heading {

        font-size: 21px !important;
        line-height: 28px !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest {

        padding: 19px 15px 16px !important;

        border-radius: 20px !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest
    > span {

        padding-left: 0 !important;

        text-align: center !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest:before {

        display: none !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest
    > span:before,

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .continue_as_guest
    > span:after {

        text-align: center !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .block-customer-login
    form[name="loginForm"] {

        grid-template-columns:
            minmax(0,1fr) !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .block-customer-login
    .field.email {

        grid-column: 1 !important;
        grid-row: 1 !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .block-customer-login
    .field.password {

        grid-column: 1 !important;
        grid-row: 2 !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .block-customer-login
    .field.choice.persistent {

        grid-column: 1 !important;
        grid-row: 3 !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary.zn-mode-default
    .block-customer-login
    .actions-toolbar {

        grid-column: 1 !important;
        grid-row: 4 !important;
    }

}


/* ===== ZNBAQ POPUP REFERENCE STYLE END ===== */


/* ===== ZNBAQ POPUP PRECISION FIX START ===== */


/* =====================================================
   MAIN HEADER
===================================================== */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-header {
    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 22px !important;
    padding: 0 60px !important;

    box-sizing: border-box !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-kicker {
    display: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-heading {
    width: 100% !important;
    height: auto !important;

    margin: 0 0 6px !important;
    padding: 0 !important;

    font-size: 27px !important;
    line-height: 35px !important;
    font-weight: 800 !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-subtitle {
    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 22px !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-subtitle:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-subtitle:after {
    content: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-popup-subtitle {
    font-size: 14px !important;
}


/* =====================================================
   GUEST CARD
===================================================== */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 22px !important;
    padding: 24px 26px 18px !important;

    box-sizing: border-box !important;

    background: #fbf7fb !important;

    border: 2px solid #853389 !important;
    border-radius: 24px !important;

    overflow: visible !important;
}


/*
VERY IMPORTANT:
kill old generated guest text.
The real markup already contains the text.
*/
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest
> span:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest
> span:after,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest:after {
    content: none !important;
    display: none !important;
}


/* Real guest content */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-top {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 58px !important;

    margin: 0 0 13px !important;
    padding: 0 72px 0 0 !important;

    box-sizing: border-box !important;

    text-align: right !important;
}


/* don't show badge */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-badge {
    display: none !important;
}


/* Real title */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title {
    display: block !important;

    width: auto !important;

    margin: 0 0 3px !important;
    padding: 0 !important;

    color: #63306b !important;

    font-size: 0 !important;
    line-height: 30px !important;

    font-weight: 800 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:after {
    content: "اطلب كزائر";

    font-size: 22px !important;
}


/* Real description */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #918791 !important;

    font-size: 0 !important;
    line-height: 21px !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description:after {
    content: "بدون تسجيل وبدون إنشاء حساب";

    font-size: 13px !important;
}


/* Check */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice:before {
    content: "✓" !important;

    position: absolute !important;

    top: 24px !important;
    right: 25px !important;
    left: auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 56px !important;
    height: 56px !important;

    background: #853389 !important;

    border-radius: 50% !important;

    color: #fff !important;

    font-size: 28px !important;
    line-height: 1 !important;

    font-weight: 700 !important;
}


/* Button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 10px 20px !important;

    box-sizing: border-box !important;

    background: #853389 !important;

    border: 0 !important;
    border-radius: 14px !important;

    color: #fff !important;

    font-size: 0 !important;

    font-weight: 800 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span {
    font-size: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span:after {
    content: "متابعة كزائر";

    font-size: 18px !important;
}


/* Real bottom helper */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 11px 0 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points
span {
    display: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points:after {
    content: "أدخل بيانات التوصيل وكمل طلبك مباشرة";

    color: #938993 !important;

    font-size: 12px !important;
    line-height: 18px !important;
}


/* =====================================================
   REMOVE "OR" COMPLETELY
===================================================== */

body .cdz-popup-area
.popup-account-popup
.zn-login-divider,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-divider {
    display: none !important;

    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    font-size: 0 !important;
    line-height: 0 !important;

    border: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.zn-login-divider
span {
    display: none !important;
}


/* =====================================================
   LOGIN HEADING
===================================================== */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading {
    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 13px !important;
    padding: 19px 0 0 !important;

    border-top: 1px solid #e7e2e7 !important;

    text-align: right !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading:after {
    content: none !important;
    display: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading
strong {
    display: inline !important;

    font-size: 15px !important;
    line-height: 22px !important;

    font-weight: 800 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading
span {
    display: inline !important;

    margin-right: 4px !important;

    font-size: 14px !important;
    line-height: 22px !important;
}


/* No generated heading from login */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login:after,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.label-title,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.text-login {
    content: none !important;
    display: none !important;
}


/* =====================================================
   MOBILE
===================================================== */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-popup-header {
        padding: 0 35px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-popup-heading {
        font-size: 21px !important;
        line-height: 28px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-choice {
        padding: 18px 14px 16px !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-top {
        min-height: 0 !important;
        padding: 0 !important;

        text-align: center !important;
    }

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-choice:before {
        display: none !important;
    }

}


/* ===== ZNBAQ POPUP PRECISION FIX END ===== */


/* ===== ZNBAQ GUEST CARD EXACT START ===== */


/* Card */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice {

    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 22px !important;
    padding: 20px 14px 17px !important;

    box-sizing: border-box !important;

    background: #fbf7fb !important;

    border: 2px solid #853389 !important;
    border-radius: 20px !important;

    overflow: hidden !important;

    text-align: center !important;
}


/* REMOVE CHECK CIRCLE */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice:before {

    content: none !important;

    display: none !important;
}


/* REMOVE OLD GENERATED TEXT */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest:after,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest
> span:before,

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.continue_as_guest
> span:after {

    content: none !important;
    display: none !important;
}


/* Main content */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-top {

    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    text-align: center !important;
}


/* Remove badge */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-badge {

    display: none !important;
}


/* Title */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title {

    display: block !important;

    width: 100% !important;

    margin: 0 0 2px !important;
    padding: 0 !important;

    color: #63306b !important;

    font-size: 0 !important;
    line-height: 30px !important;

    font-weight: 800 !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:after {

    content: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:after {

    content: "اطلب كزائر" !important;

    display: block !important;

    font-size: 22px !important;
}


/* Subtitle */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #918791 !important;

    font-size: 0 !important;
    line-height: 21px !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description:after {

    content: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description:after {

    content: "بدون تسجيل وبدون إنشاء حساب" !important;

    display: block !important;

    font-size: 13px !important;
}


/* Button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 56px !important;

    margin: 0 !important;
    padding: 9px 18px !important;

    box-sizing: border-box !important;

    background: #853389 !important;

    border: 0 !important;
    border-radius: 12px !important;

    box-shadow: none !important;

    color: #fff !important;

    font-size: 0 !important;

    font-weight: 800 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span {

    font-size: 0 !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span:after {

    content: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary
span:after {

    content: "متابعة كزائر" !important;

    display: block !important;

    font-size: 18px !important;
    line-height: 24px !important;
}


/* Bottom helper text */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 10px 0 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    text-align: center !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points
span {

    display: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points:after {

    content: none !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points:after {

    content: "أدخل بيانات التوصيل وكمل طلبك مباشرة" !important;

    display: block !important;

    color: #938993 !important;

    font-size: 12px !important;
    line-height: 18px !important;
}


/* Mobile */
@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-choice {

        padding: 17px 12px 14px !important;

        border-radius: 18px !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-title:after {

        font-size: 20px !important;
    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .zn-guest-choice
    button.action.login.primary {

        min-height: 52px !important;
    }

}


/* ===== ZNBAQ GUEST CARD EXACT END ===== */


/* ===== ZNBAQ LOGIN SECTION CLEAN START ===== */


/* Remove duplicated generated title:
   "كيف بدك تكمل طلبك؟"
   + subtitle underneath it */
body .cdz-popup-area
.popup-account-popup
.block-customer-login:before,

body .cdz-popup-area
.popup-account-popup
.block-customer-login:after {

    content: none !important;
    display: none !important;

}


/* Remove old Codazon checkout heading if still present */
body .cdz-popup-area
.popup-account-popup
.label-title,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.text-login,

body .cdz-popup-area
.popup-account-popup
.block-customer-login
.block-title {

    display: none !important;

}


/* Kill accumulated empty spacing */
body .cdz-popup-area
.popup-account-popup
.info-summary-top {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.block-customer-login {

    position: relative !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    border: 0 !important;

}


/* Guest card → login section spacing */
body .cdz-popup-area
.popup-account-popup
.zn-guest-choice {

    margin-bottom: 22px !important;

}


/* Keep ONLY this heading:
   عندك حساب؟ سجل دخولك */
body .cdz-popup-area
.popup-account-popup
.zn-login-heading {

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 13px !important;
    padding: 18px 0 0 !important;

    box-sizing: border-box !important;

    border-top: 1px solid #e8e4e8 !important;

    background: transparent !important;

    text-align: right !important;

}


body .cdz-popup-area
.popup-account-popup
.zn-login-heading:before,

body .cdz-popup-area
.popup-account-popup
.zn-login-heading:after {

    content: none !important;
    display: none !important;

}


body .cdz-popup-area
.popup-account-popup
.zn-login-heading
strong {

    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #4a424a !important;

    font-size: 15px !important;
    line-height: 22px !important;

    font-weight: 800 !important;

}


body .cdz-popup-area
.popup-account-popup
.zn-login-heading
span {

    display: inline !important;

    margin-right: 4px !important;
    padding: 0 !important;

    color: #817781 !important;

    font-size: 14px !important;
    line-height: 22px !important;

    font-weight: 400 !important;

}


/* Login content immediately follows heading */
body .cdz-popup-area
.popup-account-popup
.block-customer-login
.block-content {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

}


/* No "أو" and no space from it */
body .cdz-popup-area
.popup-account-popup
.zn-login-divider {

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 0 !important;
    line-height: 0 !important;

    overflow: hidden !important;

}


/* ===== ZNBAQ LOGIN SECTION CLEAN END ===== */


/* ===== ZNBAQ POPUP SPACING POLISH START ===== */


/* -------------------------------------------------
   1. Guest card more compact
------------------------------------------------- */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice {

    padding-top: 17px !important;
    padding-bottom: 14px !important;

    margin-bottom: 14px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-top {

    margin-bottom: 10px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary {

    min-height: 52px !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points {

    margin-top: 8px !important;

}


/* -------------------------------------------------
   2. Reduce gap before login section
------------------------------------------------- */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-login-heading {

    margin-top: 0 !important;

    padding-top: 13px !important;

    margin-bottom: 10px !important;

}


/* -------------------------------------------------
   3. Login fields order / alignment
------------------------------------------------- */

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
form[name="loginForm"] {

    display: grid !important;

    grid-template-columns:
        minmax(0,1fr)
        minmax(0,1fr) !important;

    column-gap: 14px !important;
    row-gap: 7px !important;

    align-items: start !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
.field.email {

    grid-column: 2 !important;
    grid-row: 1 !important;

    margin: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
.field.password {

    grid-column: 1 !important;
    grid-row: 1 !important;

    margin: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
.field.choice.persistent {

    grid-column: 1 / -1 !important;
    grid-row: 2 !important;

    margin: 0 !important;

}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
.actions-toolbar {

    grid-column: 1 / -1 !important;
    grid-row: 3 !important;

    margin: 0 !important;

}


/* Same input height */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
input:not([type="hidden"]):not([type="checkbox"]) {

    height: 52px !important;
    min-height: 52px !important;

}


/* Forgot password tighter */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
a.action.remind {

    display: inline-block !important;

    margin-top: 5px !important;

}


/* Login button slightly shorter */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.block-customer-login
button.action.login.primary {

    min-height: 52px !important;

}


/* -------------------------------------------------
   4. Overall popup more compact
------------------------------------------------- */

body .cdz-popup-area
.popup-account-popup
.cdz-popup-content {

    padding-top: 22px !important;
    padding-bottom: 20px !important;

}


body .cdz-popup-area
.popup-account-popup
.zn-popup-header {

    margin-bottom: 16px !important;

}


body .cdz-popup-area
.popup-account-popup
.customer-create-link {

    margin-top: 18px !important;

    padding-top: 13px !important;

}


/* -------------------------------------------------
   Mobile
------------------------------------------------- */

@media only screen and (max-width:767px) {

    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .block-customer-login
    form[name="loginForm"] {

        grid-template-columns: 1fr !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .block-customer-login
    .field.email {

        grid-column: 1 !important;
        grid-row: 1 !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .block-customer-login
    .field.password {

        grid-column: 1 !important;
        grid-row: 2 !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .block-customer-login
    .field.choice.persistent {

        grid-column: 1 !important;
        grid-row: 3 !important;

    }


    body .cdz-popup-area
    .popup-account-popup
    .account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
    .block-customer-login
    .actions-toolbar {

        grid-column: 1 !important;
        grid-row: 4 !important;

    }

}


/* ===== ZNBAQ POPUP SPACING POLISH END ===== */


/* ===== ZNBAQ REMOVE DUPLICATE LABEL TITLE START ===== */

/*
This is the exact live element producing:
"كيف بدك تكمل طلبك؟"
"بتقدر تطلب مباشرة بدون إنشاء حساب"
*/

body .cdz-popup-area
.popup-account-popup
.label-title {

    display: none !important;

    width: 0 !important;
    height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

}


body .cdz-popup-area
.popup-account-popup
.label-title:before,

body .cdz-popup-area
.popup-account-popup
.label-title:after {

    content: none !important;

    display: none !important;

}


/* ===== ZNBAQ REMOVE DUPLICATE LABEL TITLE END ===== */


/* ===== ZNBAQ GUEST VERTICAL SPACING FIX START ===== */

/* Guest top area */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-top {
    min-height: 0 !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    line-height: normal !important;
}


/* "اطلب كزائر" */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 0 3px !important;
    padding: 0 !important;

    line-height: 28px !important;

    overflow: visible !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:after {
    display: inline !important;

    line-height: 28px !important;
}


/* "بدون تسجيل..." */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-description {
    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 19px !important;
}


/* Button wrapper / button */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary {
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;

    margin: 10px 0 0 !important;
    padding: 0 18px !important;

    line-height: 52px !important;
}


body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary span,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary span:after {
    display: inline !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 24px !important;
}


/* Bottom helper */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-points {
    height: auto !important;
    min-height: 0 !important;

    margin: 8px 0 0 !important;
    padding: 0 !important;

    line-height: 18px !important;
}


/* Whole card a bit tighter */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice {
    padding-top: 15px !important;
    padding-bottom: 13px !important;
}

/* ===== ZNBAQ GUEST VERTICAL SPACING FIX END ===== */


/* ===== ZNBAQ REAL GUEST TEXT FIX START ===== */

/* استخدم النص الحقيقي بدل pseudo text */

/* Title */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title {
    font-size: 22px !important;
    line-height: 28px !important;
    direction: rtl !important;
    unicode-bidi: plaintext !important;
    text-align: center !important;
}

/* اخفاء النص المولد */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:before,
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title:after {
    content: none !important;
    display: none !important;
}

/* نخفي "بدون حساب" من النص الحقيقي بدون JS */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title {
    font-size: 0 !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-title::after {
    content: "اطلب كزائر" !important;
    display: inline !important;
    font-size: 22px !important;
    direction: rtl !important;
    unicode-bidi: isolate !important;
}


/* Button text */
body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary span {
    font-size: 0 !important;
    direction: rtl !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary span:before {
    content: none !important;
    display: none !important;
}

body .cdz-popup-area
.popup-account-popup
.account-info-summary:not(.zn-mode-register):not(.zn-mode-forgot)
.zn-guest-choice
button.action.login.primary span:after {
    content: "متابعة كزائر" !important;
    display: inline-block !important;
    font-size: 18px !important;
    line-height: 24px !important;
    direction: rtl !important;
    unicode-bidi: isolate !important;
}

/* ===== ZNBAQ REAL GUEST TEXT FIX END ===== */



/* ==========================================================
   ZNBAQ MOBILE SIDE MENU LAYOUT FIX
   2026-08-12
   Scope: phones only
   ========================================================== */
@media only screen and (max-width: 767px) {

    /*
     * Keep the Magento mobile sections content inside
     * the drawer width.
     */
    .nav-sections,
    .nav-sections *,
    .nav-sections *::before,
    .nav-sections *::after {
        box-sizing: border-box;
    }

    .nav-sections {
        overflow-x: hidden !important;
    }

    .nav-sections-items {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .nav-sections-item-content {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow-x: hidden !important;
    }


    /*
     * Codazon mobile menu must behave as a vertical list,
     * even if the generated menu still carries
     * cdz-horizontal-menu.
     */
    .nav-sections .cdz-navigation,
    .nav-sections .cdz-menu,
    .nav-sections .cdz-menu.cdz-horizontal-menu,
    .nav-sections .cdz-menu .menu-inner,
    .nav-sections .cdz-menu > .groupmenu {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }


    /*
     * Every main menu item occupies its own row.
     */
    .nav-sections .cdz-menu > .groupmenu > li,
    .nav-sections .cdz-menu .groupmenu > li.item,
    .nav-sections .cdz-menu .groupmenu > li.level0 {
        display: block !important;
        position: relative !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }


    /*
     * Main links also stay within one row.
     */
    .nav-sections .cdz-menu .groupmenu > li > .menu-link,
    .nav-sections .cdz-menu .groupmenu > li > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        float: none !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        box-sizing: border-box !important;
    }


    /*
     * Submenus must expand underneath their parent,
     * not beside it like desktop mega-menu.
     *
     * We intentionally do NOT force display:block here;
     * Codazon JS can still open/close the submenu.
     */
    .nav-sections .cdz-menu .groupmenu-drop,
    .nav-sections .cdz-menu [class*="groupmenu-drop"],
    .nav-sections .cdz-menu [class*="groupmenu-width"] {
        position: static !important;
        float: none !important;
        clear: both !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }


    /*
     * Nested rows/columns from MegaMenu should not keep
     * Bootstrap desktop widths on a phone.
     */
    .nav-sections .cdz-menu .groupmenu-drop .row {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .nav-sections .cdz-menu .groupmenu-drop [class*="col-"] {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }


    /*
     * RTL: prevent desktop positioning from pushing
     * menu items outside the drawer.
     */
    .rtl-layout .nav-sections .cdz-menu,
    .rtl-layout .nav-sections .cdz-menu .groupmenu,
    .rtl-layout .nav-sections .cdz-menu .groupmenu-drop {
        left: auto !important;
        right: auto !important;
    }
}

/* Requested UI cleanup: remove the standalone user glyph beside the logo and sorter direction arrow. */
.toolbar-sorter .sorter-action[data-role=direction-switcher] { display: none !important; }
.block.account-nav.block-collapsible-nav.pts-main { position: relative !important; z-index: 2 !important; }
.block.account-nav.block-collapsible-nav.pts-main .title { min-height: 48px !important; overflow: visible !important; }
.block.account-nav.block-collapsible-nav.pts-main .title strong { display: block !important; line-height: 48px !important; }
/* Seller products mobile navigation override: keep account blocks visible */
@media (max-width: 767px) {
    body.marketplace-index-products.rtl-layout.account .sidebar-main .block.account-nav,
    body.marketplace-index-products .sidebar-main .block.account-nav {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: max-content !important;
        height: auto !important;
        margin: 0 !important;
    }
    body.marketplace-index-products .sidebar-main .block.account-nav .block-collapsible-nav-content,
    body.marketplace-index-products .sidebar-main .block.account-nav .content {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: max-content !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }
}
@media (max-width: 767px) {
    body.marketplace-index-products .sidebar-main .pts-main,
    body.marketplace-index-products .pts-main {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: max-content !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
    body.marketplace-index-products .pts-main .block-collapsible-nav-content,
    body.marketplace-index-products .pts-main .content,
    body.marketplace-index-products .pts-main nav,
    body.marketplace-index-products .pts-main ul.nav.items {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
        width: max-content !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        transform: none !important;
    }
    body.marketplace-index-products .pts-main ul.nav.items {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
}/* Hide the actual account navigation heading on seller products */
body.marketplace-index-products .sidebar-main .account-nav-title,
body.marketplace-index-products .sidebar-main .account-nav-title::before,
body.marketplace-index-products .sidebar-main .account-nav-title::after {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    content: none !important;
}
body.marketplace-index-products .sidebar-main .account-nav-content {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    width: max-content !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* The seller products title is already represented by the active navigation item */
body.marketplace-index-products .page-title-wrapper {
    display: none !important;
}body.checkout-onepage-success .form-create-account{display:none!important}body.checkout-onepage-success .form-create-account,body.checkout-onepage-success .block-customer-login,body[class*="checkout-onepage-success"] .form-create-account{display:none!important}body.checkout-onepage-success a[href*='customer/account/create'],body.checkout-onepage-success .form-create-account{display:none!important}body.checkout-onepage-success .zns-before-message{display:none!important}