/* =====================================================
   Shopex Pro
   Mobile Mini Cart
===================================================== */

/* Container */

.shopex-mobile-mini-cart{

    position:fixed;
    left:0;
    right:0;
    bottom:-100%;
    width:100%;
    max-height:80vh;

    background:#fff;

    border-radius:20px 20px 0 0;

    box-shadow:0 -10px 40px rgba(0,0,0,.15);

    transition:bottom .35s ease;

    z-index:999999;

    overflow:hidden;

}

.shopex-mobile-mini-cart.active{

    bottom:0;

}

/* ==========================================
   Overlay
========================================== */

.shopex-mobile-cart-overlay{

    position:fixed;
    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:999998;

}

.shopex-mobile-cart-overlay.active{

    opacity:1;
    visibility:visible;

}

/* ==========================================
   Header
========================================== */

.shopex-mobile-mini-cart-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px;

    border-bottom:1px solid #eee;

}

.shopex-mobile-mini-cart-header h3{

    margin:0;

    font-size:18px;

    font-weight:700;

}

.shopex-mobile-cart-close{

    background:none;

    border:none;

    font-size:22px;

    cursor:pointer;

}

/* ==========================================
   Body
========================================== */

.shopex-mobile-mini-cart-body{

    padding:15px;

    max-height:60vh;

    overflow-y:auto;

}

/* ==========================================
   Product Item
========================================== */

.shopex-mobile-cart-item{

    display:flex;

    align-items:center;

    gap:12px;

    padding:12px 14px;

    border-bottom:1px solid #eee;

}

.shopex-mobile-cart-thumb{

    width:72px;

    flex:0 0 72px;

}

.shopex-mobile-cart-thumb img{

    width:72px;

    height:72px;

    object-fit:cover;

    border-radius:8px;

    display:block;

}

.shopex-mobile-cart-content{

    flex:1;

}

.shopex-mobile-cart-title{

    margin:0 0 6px;

    font-size:15px;

    line-height:1.4;

}

.shopex-mobile-cart-title a{

    color:#222;

    text-decoration:none;

    font-weight:600;

}

.shopex-mobile-cart-price{

    color:#ff6b00;

    font-weight:700;

    margin-bottom:4px;

}

.shopex-mobile-cart-qty{

    font-size:13px;

    color:#777;

}

.shopex-mobile-cart-remove{

    margin-left:auto;

    padding-left:10px;

}

.shopex-mobile-cart-remove a{

    color:#999;

    font-size:20px;

    font-weight:bold;

    text-decoration:none;

    transition:.25s;

}

.shopex-mobile-cart-remove a:hover{

    color:#ff6b00;

}

/* ==========================================
   Footer
========================================== */

.shopex-mobile-cart-footer{

    padding:18px 20px;

}

.shopex-mobile-cart-subtotal{

    display:flex;

    justify-content:space-between;

    align-items:center;

    font-size:16px;

    margin-bottom:18px;

}

.shopex-mobile-cart-buttons{

    display:flex;

    gap:18px;

    padding:0 8px;

}

.shopex-mobile-view-cart,
.shopex-mobile-checkout{

    flex:1;

    text-align:center;

    padding:12px 0;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}

.shopex-mobile-view-cart{

    background:#e3e3e3;

    color:#222;

}

.shopex-mobile-view-cart:hover{

    background:#d7d7d7;

}

.shopex-mobile-checkout{

    background:#ff6b00;

    color:#fff;

}

.shopex-mobile-checkout:hover{

    background:#ef6200;

}