.mbcd-overlay{position:fixed;inset:0;background:rgba(9,15,32,.48);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;z-index:99998;backdrop-filter:blur(4px)}
.mbcd-overlay.is-open{opacity:1;visibility:visible}
.mbcd-drawer{position:fixed;top:0;right:0;width:min(460px,100vw);height:100dvh;background:#fff;color:#1b2a4e;z-index:99999;transform:translateX(102%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto auto 1fr auto;box-shadow:-22px 0 60px rgba(9,15,32,.2);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mbcd-drawer.is-open{transform:translateX(0)}
.mbcd-drawer *{box-sizing:border-box}
.mbcd-loading{position:absolute;inset:0;background:rgba(255,255,255,.62);opacity:0;visibility:hidden;z-index:4;transition:opacity .15s}
.mbcd-drawer.is-loading .mbcd-loading{opacity:1;visibility:visible}
.mbcd-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 22px 18px;border-bottom:1px solid #ddebea}
.mbcd-eyebrow{margin:0 0 5px;color:#1e8e87;font-size:11px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}
.mbcd-header h2{margin:0;color:#1b2a4e;font-size:26px;line-height:1;letter-spacing:0}
.mbcd-close{width:38px;height:38px;border:1px solid #ddebea;border-radius:8px;background:#f8fcfb;color:#1b2a4e;font-size:28px;line-height:1;cursor:pointer}
.mbcd-progress{padding:16px 22px;border-bottom:1px solid #ddebea;background:#f8fcfb}
.mbcd-progress-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:13px;color:#526178}
.mbcd-progress-top strong{color:#1e8e87}
.mbcd-progress-bar{height:8px;border-radius:999px;background:#ddebea;overflow:hidden}
.mbcd-progress-bar span{display:block;height:100%;background:#2bb5ac;border-radius:inherit}
.mbcd-body{overflow:auto;padding:18px 22px 8px}
.mbcd-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px 12px;color:#526178}
.mbcd-empty strong{display:block;margin-bottom:8px;color:#1b2a4e;font-size:24px;line-height:1.1}
.mbcd-empty a{margin-top:18px;min-height:48px;padding:0 20px;border-radius:999px;background:#2bb5ac;color:#fff;text-decoration:none;font-weight:900;display:inline-flex;align-items:center}
.mbcd-item{display:grid;grid-template-columns:84px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid #ddebea}
.mbcd-item-img{width:84px;height:84px;border-radius:8px;background:#eef9f8;object-fit:cover;border:1px solid #ddebea}
.mbcd-item-main{min-width:0}
.mbcd-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.mbcd-item-title{margin:0;color:#1b2a4e;font-size:14px;font-weight:900;line-height:1.28;text-decoration:none}
.mbcd-item-price{white-space:nowrap;color:#1b2a4e;font-size:14px;font-weight:900}
.mbcd-bundle{display:inline-flex;margin-top:6px;padding:4px 7px;border-radius:6px;background:#eef9f8;color:#1e8e87;font-size:11px;font-weight:900}
.mbcd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}
.mbcd-qty{display:inline-grid;grid-template-columns:32px 38px 32px;border:1px solid #ddebea;border-radius:999px;overflow:hidden;background:#fff}
.mbcd-qty button{height:32px;border:0;background:#f8fcfb;color:#1b2a4e;font-size:18px;cursor:pointer}
.mbcd-qty span{height:32px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#1b2a4e}
.mbcd-remove{border:0;background:transparent;color:#8a95a7;text-decoration:underline;font-size:12px;cursor:pointer}
.mbcd-footer{padding:18px 22px 20px;border-top:1px solid #ddebea;background:#fff;box-shadow:0 -10px 28px rgba(27,42,78,.06)}
.mbcd-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;color:#1b2a4e}
.mbcd-total span{font-size:15px;font-weight:800}
.mbcd-total strong{font-size:22px;line-height:1}
.mbcd-note{margin:0 0 14px;color:#526178;font-size:12px;line-height:1.45}
.mbcd-checkout{width:100%;min-height:56px;border-radius:999px;background:#2bb5ac;color:#fff;text-decoration:none;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(43,181,172,.34);transition:transform .15s,background .15s}
.mbcd-checkout:hover{background:#1e8e87;color:#fff;transform:translateY(-1px)}
.mbcd-continue{width:100%;min-height:42px;margin-top:8px;border:0;background:transparent;color:#526178;font-weight:800;cursor:pointer}
.mbcd-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}
.mbcd-trust span{border:1px solid #ddebea;border-radius:6px;padding:7px 5px;text-align:center;color:#526178;font-size:10px;font-weight:800;background:#f8fcfb}
.mb-cart-count.is-bumping{animation:mbcdBump .36s ease}
@keyframes mbcdBump{0%{transform:scale(1)}45%{transform:scale(1.35)}100%{transform:scale(1)}}
@media(max-width:560px){.mbcd-drawer{width:100vw}.mbcd-header{padding:18px 16px}.mbcd-progress{padding:14px 16px}.mbcd-body{padding:12px 16px 6px}.mbcd-footer{padding:16px}.mbcd-item{grid-template-columns:76px 1fr}.mbcd-item-img{width:76px;height:76px}.mbcd-trust{grid-template-columns:1fr}}

/* MAGIBUBBLE DRAWER TYPO FIX */
.mbcd-note {
  display:none!important;
}

.mbcd-total strong {
  white-space:nowrap;
}

.mbcd-item.is-gift{background:#f6fcfb;border-color:#cfe8e5}.mbcd-item.is-gift .mbcd-item-price{color:#1e8e87}.mbcd-gift-note{margin-top:10px;color:#1e8e87;font-size:12px;font-weight:900}.mbcd-item.is-gift .mbcd-bundle{background:#e8f7f5;color:#1e8e87}

/* MAGIBUBBLE CART DRAWER TRUST COMPACT FINAL */
.mbcd-trust {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  margin-top:8px !important;
  min-width:0 !important;
}

.mbcd-trust span {
  flex:1 1 0 !important;
  min-width:0 !important;
  min-height:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:4px 6px !important;
  border-radius:999px !important;
  font-size:10px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}

@media (max-width:560px) {
  .mbcd-footer {
    padding:14px 14px 13px !important;
  }

  .mbcd-trust {
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:5px !important;
    margin-top:6px !important;
  }

  .mbcd-trust span {
    min-height:22px !important;
    padding:3px 4px !important;
    font-size:9.5px !important;
    letter-spacing:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }
}
/* END MAGIBUBBLE CART DRAWER TRUST COMPACT FINAL */
