/*=========================================================
BODY PORTAL COMPONENTS
=========================================================*/

/*----------------------------------
Buttons
-----------------------------------*/

.bpw-btn,
.bpw-checkout-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

cursor:pointer;

transition:.35s;

border:none;

outline:none;

font-weight:600;

text-decoration:none;

}

.bpw-btn:hover,
.bpw-checkout-btn:hover{

transform:translateY(-2px);

}

/*----------------------------------
Luxury Card
-----------------------------------*/

.bpw-card{

background:#fff;

border-radius:20px;

box-shadow:0 8px 30px rgba(0,0,0,.06);

border:1px solid #ececec;

}

/*----------------------------------
Badge
-----------------------------------*/

.bpw-badge{

display:inline-flex;

align-items:center;

justify-content:center;

padding:8px 16px;

border-radius:999px;

background:#F7F4EF;

font-size:12px;

letter-spacing:2px;

font-weight:600;

text-transform:uppercase;

color:#C69C6D;

}

/*----------------------------------
Price
-----------------------------------*/

.bpw-price{

display:flex;

align-items:center;

gap:12px;

flex-wrap:wrap;

}

.bpw-price del{

font-size:18px;

color:#999;

}

.bpw-price ins{

text-decoration:none;

font-size:28px;

font-weight:700;

color:#111;

}

/*----------------------------------
Star Rating
-----------------------------------*/

.bpw-rating{

display:flex;

align-items:center;

gap:10px;

}

.bpw-rating .star-rating{

margin:0;

color:#f7b500;

}

.bpw-rating span{

font-size:14px;

color:#666;

}

/*----------------------------------
Remove Button
-----------------------------------*/

.bpw-remove{

display:inline-flex;

align-items:center;

gap:8px;

font-size:14px;

font-weight:600;

color:#b02a2a;

transition:.3s;

}

.bpw-remove:hover{

color:#7a1010;

}

/*----------------------------------
Subtotal
-----------------------------------*/

.bpw-subtotal{

display:flex;

justify-content:flex-end;

font-size:22px;

font-weight:700;

margin-top:20px;

}

/*----------------------------------
Quantity
-----------------------------------*/

.bpw-qty{

display:flex;

align-items:center;

border:1px solid #ddd;

border-radius:999px;

overflow:hidden;

height:48px;

width:150px;

}

.bpw-qty button{

width:48px;

height:48px;

border:none;

background:#fff;

cursor:pointer;

font-size:22px;

transition:.3s;

}

.bpw-qty button:hover{

background:#f5f5f5;

}

.bpw-qty input{

flex:1;

border:none;

text-align:center;

font-size:16px;

font-weight:600;

outline:none;

background:#fff;

}

/*----------------------------------
Image Hover
-----------------------------------*/

.bpw-cart-image{

overflow:hidden;

}

.bpw-cart-image img{

transition:.4s;

}

.bpw-cart-card:hover .bpw-cart-image img{

transform:scale(1.05);

}

/*----------------------------------
Checkout Button
-----------------------------------*/

.bpw-checkout-btn{

width:100%;

height:auto;

background:#111;

color:#fff;

text-decoration: none;

border-radius:999px;

font-size:16px;

}

.bpw-checkout-btn:hover{

background:#C69C6D;

color:#fff;

}


/*=========================================
TOAST
=========================================*/

.bpw-toast{

    position:fixed;

    top:30px;

    right:30px;

    min-width:320px;

    background:#111;

    color:#fff;

    border-radius:16px;

    padding:18px 22px;

    display:flex;

    align-items:center;

    gap:16px;

    box-shadow:0 20px 50px rgba(0,0,0,.18);

    opacity:0;

    visibility:hidden;

    transform:translateY(-20px);

    transition:.35s;

    z-index:999999;

}

.bpw-toast.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

.bpw-toast-icon{

    width:38px;

    height:38px;

    border-radius:50%;

    background:#2E7D32;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:bold;

}

.bpw-toast-message{

    flex:1;

    font-size:15px;

    font-weight:600;

}