/* =====================================
SHOP PAGE =  ARCHIVE PAGE 
===================================== */
.mx-shop-page{
    padding:80px 0;
}
.container{
    max-width:1400px;
    padding-left:30px;
    padding-right:30px;
}
/* =====================================
HEADER
===================================== */
.mx-shop-header{
    text-align:center;
    margin-bottom:60px;
}
.mx-shop-title{
    font-size:56px;
    font-weight:700;
    color:#111;
    margin-bottom:15px;
}
.mx-shop-subtitle{
    font-size:16px;
    color:#777;
}
/* =====================================
/* =====================================
WOOCOMMERCE OVERRIDE
===================================== */
.woocommerce-result-count,
.woocommerce-ordering{
    display:none !important;
}
ul.products{
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.woocommerce ul.products{
    display:grid !important;
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
    gap:30px !important;
    margin:0 !important;
    padding:0 !important;
}
.woocommerce ul.products li.product{
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
    clear:none !important;
    height:auto !important;
}
.woocommerce ul.products[class*=columns-] li.product{
    width:auto !important;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{
    display:none !important;
}
/* MOBILE */

@media(max-width:767px){
    .woocommerce ul.products{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:14px !important;
    }
    .woocommerce ul.products li.product{
        margin:0 !important;
        padding:0 !important;
        height:auto !important;
    }
}
/* Pagination */
.woocommerce nav.woocommerce-pagination{
    margin-top:60px;
}
.woocommerce nav.woocommerce-pagination ul{
    display:flex;
    justify-content:center;
    gap:10px;
    border:none;
}
.woocommerce nav.woocommerce-pagination ul li{
    border:none;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #eee;
    border-radius:12px;
    color:#111;
    text-decoration:none;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
    background:#ffd700;
    border-color:#ffd700;
}
/* =====================================
PRODUCT CARD
===================================== */
.mx-product-card{
    position:relative;
    display:flex;
    flex-direction:column;
    background:#fff;
    border:1px solid #ececec;
    border-radius:24px;
    overflow:hidden;
    padding:14px;
    transition:.35s;
}
.mx-product-card:hover{
    transform:translateY(-5px);
    border-color:#ffd700;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}
/* IMAGE */
.mx-product-image{
    height:190px;
    background:#fafafa;
    border-radius:18px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
	z-index:1;
}
.mx-product-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transition:.35s;
}
.mx-product-card:hover img{
    transform:scale(1.05);
}
/* DISCOUNT */
.mx-discount-badge{
    position:absolute;
    top:12px;
    right:12px;
    background:#ffd700;
    color:#111;
    font-size:12px;
    font-weight:700;
    padding:7px 12px;
    border-radius:10px;
	z-index:999;
}
/* CONTENT */
.mx-product-content{
    padding-top:10px;
}
.mx-product-title{
    font-size:17px;
    font-weight:600;
    color:#111;
    line-height:1.4;
    margin-bottom:8px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-height:48px;
}
/* PRICE */
.mx-product-price{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-bottom:4px;
}
.mx-regular-price{
    color:#999;
    text-decoration:line-through;
    font-size:15px;
}
.mx-sale-price{
    color:#111;
    font-size:22px;
    font-weight:700;
    line-height:1;
}
.mx-saving{
    color:#0f9d58;
    font-size:13px;
    font-weight:600;
    margin-bottom:8px;
}
/* BUTTON WRAPPER */
.mx-btns{
    display:grid !important;
    grid-template-columns:1fr 120px !important;
    gap:10px;
    margin-top:10px;
}
/* BOTH BUTTONS SAME */
.mx-btns .button,
.mx-buy-now{
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:12px !important;
    padding:0 !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:600 !important;
    box-sizing:border-box !important;
}
/* ADD TO CART */
.mx-btns .button{
    width:100% !important;
    background:#008000!important;
    color:#111 !important;
    border:none !important;
}
.woocommerce .mx-btns a.button.add_to_cart_button{
    background:#008000 !important;
    color:#fff !important;
    border:none !important;
}
/* BUY NOW */
.mx-buy-now{
    width:120px !important;
    background:#ffd700 !important;
    color:#111 !important;
    border:none !important;
}
/* ADD TO CART POPUP */
#mx-cart-toast{
    position:fixed;
    top:120px;
    right:-450px;
    width:360px;
    background:#111;
    color:#fff;
    padding:18px 22px;
    border-radius:18px;
    box-shadow:
    0 20px 50px rgba(0,0,0,.25);
    z-index:999999;
    transition:.4s ease;
}
#mx-cart-toast.show{
    right:24px;
}
#mx-cart-toast a{
    color:#ffd700;
    margin-left:10px;
    font-weight:600;
}
/*  */
.mx-btns .add_to_cart_button{
    transition:.25s ease;
}
.mx-btns .add_to_cart_button.mx-added{
    transform:scale(.94);
    opacity:.85;
}

.mx-product-title,
.mx-product-title a,
.mx-product-title a:visited,
.mx-product-title a:hover{
    color:#111 !important;
    text-decoration:none !important;
}
/*  */
@media(max-width:767px){
    .woocommerce ul.products{
        row-gap:20px !important;
        column-gap:12px !important;
    }
    .woocommerce ul.products li.product{
        margin-bottom:0 !important;
    }
}
/*  */
@media(max-width:767px){
    ul.products{
        display:grid !important;
        grid-template-columns:repeat(2,1fr) !important;
        gap:14px !important;
    }
    ul.products > *{
        margin:0 !important;
    }
    .mx-product-card{
        margin:0 !important;
    }
}

/* ==========================================
MYXFACTOR CART PAGE DESIGN
========================================== */
/* PRODUCT TITLE */
.wc-block-components-product-name{
    color:#111 !important;
    font-size:18px !important;
    font-weight:700 !important;
    line-height:1.4 !important;
    text-decoration:none !important;
}
.wc-block-components-product-name:hover{
    color:var(--mx-primary) !important;
}
/* PRICE */
.wc-block-components-product-price{
    font-weight:700 !important;
    color:#111 !important;
}
/* PRODUCT ROW */
.wc-block-cart-items .wc-block-cart-items__row{
    padding:20px 0 !important;
    border-bottom:1px solid #eee !important;
}
/* PRODUCT IMAGE */
.wc-block-cart-item__image img{
    border-radius:12px !important;
}
/* QUANTITY BOX */
.wc-block-components-quantity-selector{
    border-radius:12px !important;
    overflow:hidden;
    border:1px solid #ddd !important;
}
.wc-block-cart-item__total{
    font-weight:700 !important;
    color:#111 !important;
}
/* ==========================================
CART TOTALS BOX
========================================== */
.wc-block-components-sidebar{
    background:#fff;
    border:1px solid #eee;
    border-radius:20px;
    padding:24px;
    box-shadow:0 10px 30px rgba(0,0,0,.05);
}
/* ESTIMATED TOTAL */
.wc-block-components-totals-item__label,
.wc-block-components-totals-footer-item .wc-block-components-totals-item__label{
    font-weight:700 !important;
    color:#111 !important;
}
.wc-block-components-totals-footer-item{
    font-size:24px !important;
    font-weight:800 !important;
}
/* ==========================================
CHECKOUT BUTTON
========================================== */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{
    background:var(--mx-primary) !important;
    color:#111 !important;
    border:none !important;
    border-radius:16px !important;
    min-height:58px !important;
    font-size:18px !important;
    font-weight:700 !important;
    transition:.3s ease !important;
}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover{
    transform:translateY(-2px);
    opacity:.95;
}
/* ==========================================
COUPON SECTION
========================================== */
.wc-block-components-panel{
    border-radius:14px !important;
    overflow:hidden;
}
/* ==========================================
MOBILE
========================================== */
@media(max-width:767px){
    /* PRODUCT TITLE */
    .wc-block-components-product-name{
        font-size:15px !important;
        line-height:1.4 !important;
    }
    /* PRODUCT ROW */
    .wc-block-cart-items .wc-block-cart-items__row{
        padding:15px 0 !important;
    }
    /* PRODUCT IMAGE */
    .wc-block-cart-item__image{
        width:70px !important;
    }
    .wc-block-cart-item__image img{
        border-radius:10px !important;
    }
    /* TOTAL BOX */
    .wc-block-components-sidebar{
        margin-top:20px !important;
        padding:18px !important;
        border-radius:16px !important;
    }
    /* ESTIMATED TOTAL */
    .wc-block-components-totals-footer-item{
        font-size:20px !important;
    }
    /* CHECKOUT BUTTON */
    .wc-block-cart__submit-button,
    .wc-block-components-checkout-place-order-button{
        min-height:52px !important;
        border-radius:14px !important;
        font-size:16px !important;
    }
}
/* ///////////// shop page's categories menu set  */
.mx-category-slider-wrap{
    position:relative;
    margin-bottom:50px;
    overflow:visible;
}
.mx-category-pills{
    display:flex;
    flex-wrap:nowrap !important;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    width:100%;
    padding:0; 
    scroll-behavior:smooth;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
}
.mx-category-pills::-webkit-scrollbar{
    display:none;
}
.mx-category-card,
.mx-all-pill{
    position:relative;
    flex:0 0 auto;
    height:58px;
    padding:0 24px;
    border:1px solid #e8e8e8;
    border-radius:999px;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    background-size:cover;
    background-position:center;
    transition:.3s ease;
}
.mx-all-pill{
    min-width:80px;
    background:#fff;
    color:#111;
}
.mx-category-card::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(255,255,255,.20);
    z-index:1;
}
.mx-category-card span{
    position:relative;
    z-index:2;
    color:#111;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    text-align:center;
}
.mx-category-card:hover{
    border-color:var(--mx-primary);
    transform:translateY(-2px);
}
.mx-cat-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    cursor:pointer;
    z-index:20;
}
.mx-cat-prev{
    left:10px;
}
.mx-cat-next{
    right:10px;
}
.mx-cat-arrow:hover{
    background:var(--mx-primary);
}
@media(max-width:767px){
    .mx-cat-arrow{
        display:none;
    }
    .mx-category-slider-wrap{
        padding:0;
        margin-bottom:30px;
    }
    .mx-category-pills{
        gap:10px;
    }
    .mx-category-card,
    .mx-all-pill{
        height:50px;
        padding:0 18px;
    }
    .mx-category-card span{
        font-size:13px;
    }
}
/* LOGIN POPUP WEBSITE VISITE TIMING 10SEC ///////////////// */
#mx-login-popup{
    position:fixed;
    inset:0;
    z-index:999999;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.3s ease;
}
#mx-login-popup.show{
    opacity:1;
    visibility:visible;
}
.mx-popup-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.55);
}
.mx-popup-box{
    position:relative;
    width:420px;
    max-width:calc(100vw - 30px);
    background:#fff;
    border-radius:20px;
    padding:30px;
    text-align:center;
    z-index:2;
    box-shadow:0 20px 50px rgba(0,0,0,.2);
}
.mx-popup-box h3{
    font-size:28px;
    margin-bottom:10px;
    color:#111;
}
.mx-popup-box p{
    color:#666;
    margin-bottom:20px;
}
.mx-popup-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:52px;
    background:var(--mx-primary);
    color:#111 !important;
    border-radius:14px;
    font-weight:700;
    text-decoration:none;
}
.mx-popup-close{
    position:absolute;
    top:12px;
    right:12px;
    width:36px;
    height:36px;
    border:none;
    background:#f3f3f3;
    border-radius:50%;
    cursor:pointer;
    font-size:20px;
}













/* ///////// GLOBEL CSS ///////////// */
.added_to_cart.wc-forward{
    display:none !important;
}
/* //// ADD TO CART BTN AND BUY NOW BTN ALL SCEEN  AUTOMETIC HANDLE SIZE  */
.mx-btns{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px;
}
.mx-btns .button,
.mx-buy-now{
    width:100% !important;
    min-width:0;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:clamp(12px, 1vw, 14px) !important;
    height:42px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}
@media (max-width:1200px){
    .mx-btns .button,
    .mx-buy-now{
        font-size:12px !important;
    }
}