.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;animation:fadeIn .5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content{background:#fff;border-radius:5px;border:1px solid #e4e2dc;display:flex;width:80%;max-width:900px;position:relative;transform:translateY(-50%);opacity:0;animation:slideIn .5s forwards}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.popup-content.fade-out{animation:slideOut .5s forwards,fadeOut .5s forwards}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.close-button{position:absolute;top:10px;right:20px;background:none;border:none;font-size:26px;cursor:pointer}.popup-left{width:50%}.popup-left img{width:100%;height:100%;border-radius:5px 0 0 5px}.popup-right{width:50%;padding:25px;display:flex;flex-direction:column;justify-content:center;gap:10px}.popup-right h2{margin-top:0;font-size:26px;font-weight:500}.popup-right p{font-size:14px;font-weight:400;line-height:24px}.popup-shipping-info{margin-top:18px;padding:14px 16px;border:1px solid #e4e2dc;border-radius:6px;background:#faf9f6}.popup-shipping-info h3{margin:0 0 10px;font-size:16px;font-weight:600}.popup-shipping-info ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.popup-shipping-info li{display:flex;flex-direction:column;font-size:13px;line-height:1.5}.popup-shipping-info li strong{font-weight:600;color:#1a1a1a}.popup-shipping-info li span{color:#555}.popup-right .popup-cta{margin-top:20px;align-self:flex-start;background:#000;color:#fff;border:none;padding:12px 24px;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s ease}.popup-right .popup-cta:hover{background:#333}@media screen and (max-width: 450px){.popup-left{display:none}.popup-right{width:100%}.popup-right h2{font-size:22px}.popup-right p{font-size:14px}.popup-right .popup-cta{width:100%;text-align:center;padding:14px}.popup-shipping-info{margin-top:12px;padding:12px}.close-button{top:10px;right:15px}.popup-content{width:90%}}
