/* Apsara Customer 2.8.7 — original shopping bag preserved, only the
   old 'Continue to checkout' link is replaced by a tactile swipe control. */
#apsara-app .aa-dialog:not(.aa-bag-dialog) .aa-cart-original-swipe {
  --aa-bag-swipe-x:0px;
  --aa-bag-swipe-fill:0px;
  display:flex;align-items:center;justify-content:center;
  position:relative;width:100%;min-height:54px;margin-top:12px;
  border-radius:12px;overflow:hidden;isolation:isolate;
  background:linear-gradient(130deg,#57265f,#43204a);
  color:#fff;box-sizing:border-box;
  box-shadow:0 3px 12px rgba(64,27,69,.10);
}
#apsara-app .aa-dialog .aa-cart-original-swipe-progress {
  display:block;position:absolute;left:0;top:0;height:100%;width:var(--aa-bag-swipe-fill);
  background:rgba(228,189,116,.22);pointer-events:none;z-index:1;
}
#apsara-app .aa-dialog .aa-cart-original-swipe-label {
  display:block;position:relative;z-index:2;pointer-events:none;
  padding:0 26px 0 54px;text-align:center;
  color:#fff;font:600 14px/1.3 system-ui,-apple-system,sans-serif;
}
#apsara-app .aa-dialog .aa-cart-original-swipe-thumb {
  position:absolute;left:5px;top:5px;z-index:3;
  display:grid;place-items:center;width:44px;height:44px;min-height:44px;
  padding:0;margin:0;border:1px solid #f6dc9a;border-radius:10px;
  background:linear-gradient(135deg,#fff0bd,#e2bc70);color:#512650;
  font:700 24px/1 system-ui,sans-serif;
  box-shadow:0 1px 6px rgba(33,14,39,.15);
  touch-action:none;cursor:grab;user-select:none;
  transform:translateX(var(--aa-bag-swipe-x));transition:transform .15s ease;
}
#apsara-app .aa-dialog .aa-cart-original-swipe.is-dragging .aa-cart-original-swipe-thumb{
  transition:none;cursor:grabbing;
}
#apsara-app .aa-dialog .aa-cart-original-swipe-thumb:focus-visible{
  outline:3px solid #f2cc83;outline-offset:2px;
}
@media(max-width:360px){
  #apsara-app .aa-dialog .aa-cart-original-swipe-label{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  #apsara-app .aa-dialog .aa-cart-original-swipe-thumb{transition:none}
}

/* v2.9.1: limit the quantity control in the ORIGINAL bag modal.
   Home/category grids intentionally use full-width quantity controls, but those
   grid rules must never stretch the shopping bag modal (regression in v2.9.0). */
#apsara-app .aa-dialog .aa-cart-row {
  grid-template-columns:53px minmax(0,1fr);
  min-width:0;
}
#apsara-app .aa-dialog .aa-cart-row > div {min-width:0}
#apsara-app .aa-dialog .aa-cart-row .aa-cart-bottom {
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:space-between!important;gap:8px!important;
  min-width:0!important;
}
#apsara-app .aa-dialog .aa-cart-row .aa-cart-bottom > strong {
  flex:0 1 auto!important;min-width:0;white-space:nowrap;
}
#apsara-app .aa-dialog .aa-cart-row .aa-cart-bottom > .aa-quantity {
  display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
  width:112px!important;min-width:112px!important;max-width:112px!important;
  flex:0 0 112px!important;align-self:center!important;
  gap:0!important;box-sizing:border-box!important;
  margin:0!important;padding:0!important;
  border:1px solid #e1d2eb!important;border-radius:12px!important;
  background:#f2e9f8!important;
}
#apsara-app .aa-dialog .aa-cart-row .aa-cart-bottom > .aa-quantity button {
  flex:0 0 34px!important;width:34px!important;min-width:34px!important;
  max-width:34px!important;height:40px!important;min-height:40px!important;
  padding:0!important;margin:0!important;border:0!important;
  display:grid!important;place-items:center!important;background:transparent!important;
  color:#512650!important;font:500 20px/1 system-ui,sans-serif!important;
}
#apsara-app .aa-dialog .aa-cart-row .aa-cart-bottom > .aa-quantity > span {
  flex:1 1 auto!important;min-width:0!important;text-align:center!important;
  font:500 14px/1 system-ui,sans-serif!important;
}
