body.mini-cart-open{
  overflow:hidden;
}

.mini-cart-overlay{
  position:fixed;
  inset:0;
  z-index:9998;
  background:rgba(41,26,35,.42);
  backdrop-filter:blur(3px);
  opacity:0;
  visibility:hidden;
  transition:.3s ease;
}

.mini-cart-overlay.is-open{
  opacity:1;
  visibility:visible;
}

.mini-cart{
  position:fixed;
  top:0;
  right:0;
  z-index:9999;
  width:min(440px,100%);
  height:100dvh;
  display:flex;
  flex-direction:column;
  background:#fffaf9;
  box-shadow:-30px 0 80px rgba(74,39,59,.20);
  transform:translateX(105%);
  visibility:hidden;
  transition:transform .35s ease,visibility .35s;
}

.mini-cart.is-open{
  transform:translateX(0);
  visibility:visible;
}

.mini-cart-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:24px 26px;
  border-bottom:1px solid rgba(216,111,166,.18);
  background:#fff;
}

.mini-cart-header span{
  display:block;
  margin-bottom:4px;
  color:var(--pink);
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mini-cart-header h2{
  font-family:var(--title);
  font-size:30px;
}

.mini-cart-close{
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:#fff1f6;
  color:#8d4868;
  font-size:30px;
  cursor:pointer;
}

.mini-cart-body{
  flex:1;
  padding:22px;
  overflow-y:auto;
}

.mini-cart-items{
  display:flex;
  flex-direction:column;
  gap:15px;
}

.mini-cart-item{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:15px;
  padding:13px;
  border:1px solid rgba(216,111,166,.14);
  border-radius:20px;
  background:#fff;
}

.mini-cart-item-image{
  width:92px;
  height:105px;
  overflow:hidden;
  border-radius:15px;
  background:#f8eef3;
}

.mini-cart-item-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.mini-cart-placeholder{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:var(--pink);
  font-family:var(--title);
}

.mini-cart-item-info{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.mini-cart-item-name{
  display:block;
  margin-bottom:7px;
  font-size:16px;
  font-weight:800;
}

.mini-cart-item-info strong{
  color:var(--pink);
  font-size:17px;
}

.mini-cart-item-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:12px;
}

.mini-cart-quantity{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #eadde3;
  border-radius:12px;
}

.mini-cart-quantity button{
  width:32px;
  height:32px;
  border:0;
  background:#fff7fa;
  cursor:pointer;
  font-size:18px;
}

.mini-cart-quantity input{
  width:34px;
  height:32px;
  border:0;
  background:#fff;
  text-align:center;
  font-weight:700;
}

.mini-cart-remove{
  border:0;
  background:transparent;
  color:#ad526f;
  font-size:12px;
  font-weight:700;
  cursor:pointer;
}

.mini-cart-benefit{
  display:flex;
  flex-direction:column;
  gap:5px;
  margin-top:20px;
  padding:16px;
  border-radius:18px;
  background:linear-gradient(135deg,#fff0f7,#f2efff);
}

.mini-cart-benefit strong{
  color:#8f4168;
}

.mini-cart-benefit span{
  font-size:13px;
  color:#765b69;
}

.mini-cart-empty{
  min-height:65vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}

.mini-cart-empty-icon{
  margin-bottom:17px;
  font-size:54px;
}

.mini-cart-empty h3{
  font-family:var(--title);
  font-size:28px;
}

.mini-cart-empty p{
  max-width:290px;
  margin:12px 0 25px;
  color:#75646d;
}

.mini-cart-footer{
  padding:22px 26px 26px;
  border-top:1px solid rgba(216,111,166,.18);
  background:#fff;
}

.mini-cart-subtotal{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:7px;
  font-size:18px;
}

.mini-cart-subtotal strong{
  color:var(--pink);
  font-size:24px;
}

.mini-cart-footer small{
  display:block;
  margin-bottom:18px;
  color:#826d78;
}

.mini-cart-checkout{
  width:100%;
}

.mini-cart-full-link,
.mini-cart-continue{
  display:block;
  width:100%;
  margin-top:13px;
  text-align:center;
  font-weight:700;
}

.mini-cart-continue{
  border:0;
  background:transparent;
  color:#8e6879;
  cursor:pointer;
}

@media(max-width:520px){
  .mini-cart{
    width:94%;
  }

  .mini-cart-header{
    padding:20px;
  }

  .mini-cart-body{
    padding:16px;
  }

  .mini-cart-footer{
    padding:18px;
  }
}