#wps-atc-popup{position:fixed;inset:0;z-index:99999;display:none}
#wps-atc-popup.active{display:block}
#wps-atc-popup .wps-atc-overlay{position:absolute;inset:0;background:var(--wps-atc-overlay);display:none}
#wps-atc-popup[data-overlay="1"] .wps-atc-overlay{display:block}
#wps-atc-popup .wps-atc-panel{position:absolute;background:var(--wps-atc-bg);padding:var(--wps-atc-pad);border-radius:var(--wps-atc-radius);box-shadow:0 0 30px rgba(0,0,0,0.05);border:var(--wps-atc-border-width) solid var(--wps-atc-border-color);width:calc(100% - (var(--wps-atc-margin)*2));max-width:420px;outline:none;opacity:0;transition:opacity .2s ease,transform .2s ease}
#wps-atc-popup.active .wps-atc-panel{opacity:1}
#wps-atc-popup.mode-center .wps-atc-panel{top:50%;left:50%;transform:translate(-50%,-50%)}
#wps-atc-popup.mode-top .wps-atc-panel{top:var(--wps-atc-margin);left:50%;transform:translateX(-50%);max-width:900px}
#wps-atc-popup.mode-bottom .wps-atc-panel{bottom:var(--wps-atc-margin);left:50%;transform:translateX(-50%);max-width:900px}
#wps-atc-popup .wps-atc-close{position:absolute;top:10px;right:10px;border:0;background:transparent;font-size:22px;cursor:pointer}
#wps-atc-popup .wps-atc-title{font-size:18px;font-weight:700;margin:0 0 16px;text-align:center}
#wps-atc-popup .wps-atc-product{display:flex;gap:12px;align-items:center;margin:0 0 16px}
#wps-atc-popup .wps-atc-thumb{width:48px;height:48px;object-fit:cover;border-radius:8px}
#wps-atc-popup .wps-atc-name{font-weight:600;margin-bottom:4px}
#wps-atc-popup .wps-atc-qty{font-size:12px;opacity:.8;margin-top:2px}
#wps-atc-popup .wps-atc-actions{display:flex;gap:var(--wps-atc-button-gap);flex-wrap:wrap}
#wps-atc-popup[data-align="left"] .wps-atc-actions{justify-content:flex-start}
#wps-atc-popup[data-align="center"] .wps-atc-actions{justify-content:center}
#wps-atc-popup[data-align="right"] .wps-atc-actions{justify-content:flex-end}
@media(max-width:480px){
  #wps-atc-popup[data-stack-mobile="1"] .wps-atc-actions{flex-direction:column;align-items:stretch}
  #wps-atc-popup[data-stack-mobile="1"] .wps-atc-actions a.button,
  #wps-atc-popup[data-stack-mobile="1"] .wps-atc-actions button.button{width:100%}
}
@keyframes wpsAtcBounce{0%{transform:translate(-50%,-50%) scale(.92)}60%{transform:translate(-50%,-50%) scale(1.02)}100%{transform:translate(-50%,-50%) scale(1)}}
#wps-atc-popup.mode-center.active[data-effect-center="bounce"] .wps-atc-panel{animation:wpsAtcBounce .35s ease}
#wps-atc-popup.mode-center[data-effect-center="scale"] .wps-atc-panel{transform:translate(-50%,-50%) scale(.96)}
#wps-atc-popup.mode-center.active[data-effect-center="scale"] .wps-atc-panel{transform:translate(-50%,-50%) scale(1)}
#wps-atc-popup.mode-center[data-effect-center="shade_up"] .wps-atc-panel{transform:translate(-50%,-46%)}
#wps-atc-popup.mode-center.active[data-effect-center="shade_up"] .wps-atc-panel{transform:translate(-50%,-50%)}
#wps-atc-popup.mode-top[data-effect-bar="slide_down"] .wps-atc-panel{transform:translateX(-50%) translateY(-12px)}
#wps-atc-popup.mode-top.active[data-effect-bar="slide_down"] .wps-atc-panel{transform:translateX(-50%) translateY(0)}
#wps-atc-popup.mode-bottom[data-effect-bar="slide_up"] .wps-atc-panel{transform:translateX(-50%) translateY(12px)}
#wps-atc-popup.mode-bottom.active[data-effect-bar="slide_up"] .wps-atc-panel{transform:translateX(-50%) translateY(0)}