#wpd-header-root *{box-sizing:border-box;}

.wpd-header{
  position:500;
  top:0;
  left:0;
  width:100%;
  height:70px;
  background:#fff;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:0 40px;
  box-shadow:0 2px 10px rgba(0,0,0,0.05);
  z-index:9999;
}

.wpd-icon{
  position:relative;
  cursor:pointer;
  font-size:22px;
}

.wpd-badge{
  position:absolute;
  top:-6px;
  right:-10px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  padding:2px 6px;
  border-radius:20px;
  min-width:18px;
  text-align:center;
}

.wpd-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,0.6);
  opacity:0;
  visibility:hidden;
  transition:.3s;
  z-index:9998;
}
.wpd-overlay.active{
  opacity:1;
  visibility:visible;
}

.wpd-cart{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:-100%;
  width:500px;
  max-width:95%;
  background:#fff;
  border-radius:20px 20px 0 0;
  box-shadow:0 -5px 30px rgba(0,0,0,0.3);
  transition:.4s ease;
  z-index:9999;
  padding:20px;
}

.wpd-cart.active{
  bottom:0;
}

.wpd-row{ margin-bottom:12px; }
.wpd-title{ font-weight:600; }

.wpd-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:15px;
}

.wpd-btn{
  background:#16a34a;
  color:#fff;
  border:none;
  padding:10px 18px;
  border-radius:8px;
  cursor:pointer;
}