/* Button */
.mini-cart-btn{
  background:#F7C100;
  color:#000;
  border:2px solid #F7C100;
  padding:10px 18px;
  border-radius:8px;
  cursor:pointer;
  font-weight:500;
}

.mini-cart-btn:hover{
  background:#000;
  color:#F7C100;
  border-color:#000;
}

/* Slide Panel */
.mini-cart-slide{
  position:fixed;
  top:0;
  right:0;
  height:100%;
  width:340px;
  background:#ffffff;
  border-left:1px solid #7C7C7C;
  padding:18px;
  box-shadow:-10px 0 30px rgba(0,0,0,0.15);

  transform:translateX(100%);
  transition:transform 0.35s ease;
  z-index:9999;
}

.mini-cart-slide.active{
  transform:translateX(0);
}

/* Header */
.mini-cart-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:16px;
}

.mini-cart-title{
  color:#000000;
  font-weight:500;
  margin:0;
}

/* Close icon */
.mini-cart-close{
  font-size:26px;
  cursor:pointer;
  color:#BF3B3B;
  line-height:1;
}

.mini-cart-close:hover{
  color:#000000;
}

/* Items */
.mini-cart-item{
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 0;
  border-bottom:1px solid #e5e5e5;
}

.mini-cart-item img{
  width:70px;
  height:70px;
  object-fit:cover;
  border-radius:6px;
}

.mini-cart-info{ flex:1; }

.mini-cart-name{
  display:block;
  color:#000000;
  font-weight:500;
  font-size:14px;
}

.mini-cart-qty{
  color:#7C7C7C;
  font-size:13px;
}

.mini-cart-price{
  color:#BF3B3B;
  font-weight:400;
}

.mini-cart-remove{
  color:#BF3B3B;
  font-size:18px;
}

/* Subtotal */
.mini-cart-subtotal{
  display:flex;
  justify-content:space-between;
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid #7C7C7C;
  color:#000;
  font-weight:500;
}

.subtotal-price{
  color:#BF3B3B;
  font-weight:400;
}

/* Buttons */
.mini-cart-actions{
  margin-top:16px;
}

.mini-cart-actions .btn{
  display:block;
  text-align:center;
  padding:12px;
  border-radius:8px;
  text-decoration:none;
  font-weight:500;
  margin-bottom:10px;
}

/* View Cart */
.view-cart{
  background:#fff;
  color:#000;
  border:1px solid #7C7C7C;
}

.view-cart:hover{
  background:#000;
  color:#F7C100;
  border-color:#000;
}

/* Checkout */
.mini-cart-slide .checkout{
  background:#F7C100;
  color:#000;
  border:2px solid #F7C100;
}

.mini-cart-slide .checkout:hover{
  background:#000;
  color:#F7C100;
  border-color:#000;
}