.side-cart {
  position: fixed; top: 0; right: -400px; width: 350px; height: 100%; background: #fff; box-shadow: -2px 0 24px rgba(33,118,255,0.10); z-index: 1001; transition: right 0.3s; display: flex; flex-direction: column; border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-left: 1.5px solid #eaf3fa;
}
.side-cart.open { right: 0; }
.side-cart-header { display: flex; justify-content: space-between; align-items: center; padding: 20px 24px 16px 24px; border-bottom: 1px solid #eaf3fa; font-size: 22px; font-weight: 600; background: #f7f9fa; border-top-left-radius: 18px; }
.close-cart { background: none; border: none; font-size: 32px; cursor: pointer; color: #888; transition: color 0.2s; }
.close-cart:hover { color: #2176ff; }
.side-cart-items { flex: 1; overflow-y: auto; padding: 18px 18px 0 18px; }
.side-cart-item { display: flex; align-items: center; margin-bottom: 18px; background: #f7f9fa; border-radius: 10px; box-shadow: 0 2px 8px rgba(33,118,255,0.04); padding: 10px 10px 10px 0; }
.side-cart-item img { width: 60px; height: 45px; object-fit: cover; margin-right: 14px; border-radius: 6px; border: 1px solid #eaf3fa; background: #fff; }
.side-cart-info { flex: 1; }
.side-cart-title { font-weight: 600; font-size: 16px; margin-bottom: 2px; }
.side-cart-price { color: #2176ff; font-size: 15px; font-weight: 500; }
.remove-cart-item { background: none; border: none; font-size: 22px; color: #c00; cursor: pointer; margin-left: 8px; transition: color 0.2s; }
.remove-cart-item:hover { color: #ff4444; }
.side-cart-footer { padding: 18px 24px; border-top: 1px solid #eaf3fa; background: #f7f9fa; border-bottom-left-radius: 18px; }
#checkoutBtn, .verify-now-btn {
  width: 100%;
  min-width: 180px;
  min-height: 48px;
  padding: 13px 0;
  font-size: 18px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
#checkoutBtn {
  background: linear-gradient(90deg, #2176ff 0%, #33cfff 100%);
  color: #fff;
  border: none;
  border-radius: 8px 8px 0 0;
  cursor: not-allowed;
  box-shadow: 0 2px 8px rgba(33,118,255,0.08);
  transition: background 0.2s;
  opacity: 0.5;
  pointer-events: none;
}
#checkoutBtn:hover {
  background: linear-gradient(90deg, #174ea6 0%, #33cfff 100%);
}
.verify-now-btn {
  background: linear-gradient(90deg, #ffe066 0%, #ffd60a 100%);
  color: #222;
  border: none;
  border-radius: 0 0 8px 8px;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(255,214,10,0.10);
  transition: background 0.2s;
  letter-spacing: 0.5px;
  margin-top: 10px;
  text-align: center;
  text-decoration: none;
}
.verify-now-btn:hover {
  background: linear-gradient(90deg, #ffd60a 0%, #ffe066 100%);
  color: #111;
}
.side-cart-footer .verify-now-btn:first-child {
  border-radius: 8px;
  margin-top: 0;
}
.side-cart-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(33,118,255,0.10); z-index: 1000; opacity: 0; pointer-events: none; transition: opacity 0.3s; }
.side-cart-overlay.open { opacity: 1; pointer-events: auto; }
.add-to-cart-btn {
  width: 80%;
  margin-top: auto;
  margin-bottom: 10px;
  background: linear-gradient(90deg, #2176ff 0%, #33cfff 100%);
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  padding: 7px 0;
  cursor: pointer;
  box-shadow: 0 1px 4px rgba(33,118,255,0.08);
  transition: background 0.2s, transform 0.1s;
  letter-spacing: 0.5px;
}
.add-to-cart-btn:hover {
  background: linear-gradient(90deg, #174ea6 0%, #33cfff 100%);
  transform: translateY(-2px) scale(1.03);
}
@media (max-width: 600px) {
  .side-cart { width: 100vw; right: -100vw; border-radius: 0; }
  .side-cart.open { right: 0; }
  .side-cart-header, .side-cart-footer { border-radius: 0; }
  .side-cart-item img { width: 48px; height: 36px; }
  .item-card { margin: 8px 0; }
}
.auth-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}
.cart-btn {
  margin-left: 8px;
  border: none;
  background: none !important;
  padding: 0;
  vertical-align: middle;
  box-shadow: none;
  outline: none;
  filter: none;
}
.cart-btn img {
  display: block;
  height: 28px;
  width: auto;
  border: none;
  box-shadow: none;
  outline: none;
  background: none !important;
  filter: none;
}