/* MCS shop: added-to-cart panel (#mcs-added, assets/mcs-cart.js), like the demo's #added-panel. Buttons: .mcs-btn
   from mcs-market.css (always loaded with this file). */
#mcs-added { position: fixed; top: 90px; right: 20px; z-index: 2147483647; /* above the chat bubble (weply) */ width: 340px; max-width: calc(100vw - 32px); box-sizing: border-box;
  background: #fff; border-radius: 4px; box-shadow: 0 12px 40px rgba(0, 0, 0, .22); padding: 14px 16px 16px; color: #666; font-size: 14px; line-height: 1.5;
  opacity: 0; transform: translateY(-10px); pointer-events: none; transition: opacity .2s, transform .2s }
#mcs-added.show { opacity: 1; transform: none; pointer-events: auto }
#mcs-added p { margin: 0; padding: 0 }
#mcs-added .mcs-ap-h { display: flex; align-items: center; gap: 8px; font-weight: 700; color: #333; padding: 0 0 10px }
#mcs-added .mcs-ap-ok { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: #127f7c; color: #fff; font-size: 13px; flex: none }
#mcs-added [data-close] { margin-left: auto; background: none; border: 0; font-size: 22px; line-height: 1; color: #888; cursor: pointer; padding: 0 2px }
#mcs-added .mcs-ap-item { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
#mcs-added .mcs-ap-item img { width: 56px; height: 56px; object-fit: contain; flex: none }
#mcs-added .mcs-ap-item b { display: block; color: #333; font-weight: 600; line-height: 1.3 }
#mcs-added .mcs-ap-item small { display: block; color: #777; font-size: 13px }
#mcs-added .mcs-ap-btns { display: flex; gap: 10px; padding: 14px 0 0 }
#mcs-added .mcs-ap-btns .mcs-btn { flex: 1; text-align: center; text-decoration: none; padding: 7px 10px }
@media (max-width: 767px) {
  #mcs-added { top: auto !important; bottom: 0; right: 0 !important; left: 0; width: auto; max-width: none; border-radius: 10px 10px 0 0;
    transform: translateY(20px); padding-bottom: calc(16px + env(safe-area-inset-bottom)) }
}
.et-cart-info.mcs-bump span { display: inline-block; animation: mcs-bump .5s }
@keyframes mcs-bump { 30% { transform: scale(1.25) } }
@media (prefers-reduced-motion: reduce) { #mcs-added { transition: none } .et-cart-info.mcs-bump span { animation: none } }