.cart-popup{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;padding:1rem}.cart-popup__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.cart-popup__box{position:relative;background:#fff;border-radius:10px;max-width:640px;width:100%;height:fit-content;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.15);animation:popupZoom .3s ease}.cart-popup__body{padding:1.5rem}@media(max-width: 768px){.cart-popup__body{font-size:1rem}}.cart-popup__close{all:unset;position:absolute;top:1rem;right:1rem;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.8);color:#606266;border:none;border-radius:999px;width:24px;height:24px;cursor:pointer;transition:.2s;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.cart-popup__close .material-icons{font-size:16px}.cart-popup__close:hover,.cart-popup__close:focus{transform:rotate(90deg);color:#f5f5f5;background:#dc2626}.cart-popup__close:focus{background:hsl(0,72.2222222222%,70.5882352941%)}.cart-popup__header{background:linear-gradient(90deg, #10b981, #059669);padding:1.5rem}@media(max-width: 768px){.cart-popup__header{padding:1rem}}.cart-popup__header-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.cart-popup__icon,.cart-popup__title{color:#fff}.cart-popup__icon{display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.2);border-radius:999px;padding:.5rem;width:40px;height:40px}@media(max-width: 768px){.cart-popup__icon .material-icons{font-size:24px}}.cart-popup__title{margin:0;font-size:1.5rem;line-height:2rem;font-weight:700}@media(max-width: 768px){.cart-popup__title{font-size:1rem}}.cart-popup__subtitle{margin:0 0 0 3.25rem;color:#ecfdf5}@media(max-width: 768px){.cart-popup__subtitle{margin-top:-12px;font-size:14px}}.cart-popup__subtitle strong{font-weight:700;color:#fff}.cart-popup__product{display:flex;gap:1rem;padding:.5rem 0;border-bottom:1px solid #eee}.cart-popup__name{margin-bottom:.5rem;font-size:1rem;font-weight:600;line-height:1.5rem;color:#111827;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.cart-popup__prices{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}@media(max-width: 768px){.cart-popup__prices .material-icons{font-size:24px}}.cart-popup__current-price{font-weight:700;color:#111827;font-size:1.5rem;line-height:2rem}@media(max-width: 768px){.cart-popup__current-price{font-size:1.25rem;line-height:1.75rem}}.cart-popup__old-price{text-decoration-line:line-through;color:#9ca3af;font-size:1.125rem;line-height:1.75rem}@media(max-width: 768px){.cart-popup__old-price{font-size:1rem;line-height:1.5rem}}.cart-popup__qty{font-size:.875rem;line-height:1.25rem;color:#4b5563}.cart-popup__qty .qty-number{font-weight:600}.cart-popup__image{width:128px;height:128px;border-radius:10px;object-fit:cover}.cart-popup__image-wrapper{position:relative}@media(max-width: 768px){.cart-popup__image-wrapper{display:none}}.cart-popup__badge{display:none;position:absolute;top:-6px;right:-6px;font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:999px;box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.cart-popup__badge .visible{display:block}.cart-popup__discount-badge{background:#ef4444;color:#fff}.cart-popup__benefits{display:grid;grid-template-columns:repeat(3, 1fr);gap:.75rem;padding:1rem 0;border-bottom:1px solid #eee;text-align:center;font-size:.85rem}.cart-popup__benefit{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:.5rem;background:#f9fafb;border:2px solid #eee;border-radius:10px}@media(max-width: 768px){.cart-popup__benefit{padding:7px 8px}}.cart-popup__benefit-caption{font-size:.75rem;line-height:1rem;color:#374151;font-weight:500}.cart-popup__benefit .icon{color:#059669;fill:currentColor;width:auto;height:1.5rem;font-size:1.5rem;margin-bottom:.5rem}.cart-popup__benefit .icon.no-carry-icon>g{fill:currentColor;stroke:currentColor}.cart-popup__progress{padding:1rem;background-image:linear-gradient(to right, #ecfdf5, #d1fae5);border:1px #a7f3d0 solid;border-radius:10px;margin:1.5rem 0}.cart-popup__progress-header{display:flex;justify-content:space-between;margin:0 0 .5rem 0;color:#374151;font-weight:600;font-size:.875rem;line-height:1.25rem}.cart-popup__progress-header p{margin:0}.cart-popup__progress-bar{height:12px;background:#fff;border-radius:999px;overflow:hidden;box-shadow:inset 0 0 3px rgba(0,0,0,.05)}.cart-popup__progress-fill{height:100%;background:linear-gradient(90deg, #10b981, #059669);width:0%;transition:width .5s ease}.cart-popup__progress-percent{color:#059669;font-weight:700;font-size:.75rem;line-height:1rem}.cart-popup__progress-info{margin:.5rem 0 0 0;font-size:.75rem;line-height:1.3333333333;color:oklch(.446 .03 256.802)}.cart-popup__actions{display:flex;gap:1rem;padding:0}.cart-popup__btn{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 0%;display:flex;padding:.5rem .5rem;border-radius:10px;font-weight:600;cursor:pointer;text-align:center;border:none;transition:all .2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);line-height:1.618}@media(max-width: 768px){.cart-popup__btn{font-size:14px}}.cart-popup__btn.--white{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 0%;display:flex;padding:.5rem .5rem;border-radius:10px;font-weight:600;cursor:pointer;text-align:center;border:none;transition:all .2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);line-height:1.618;border:2px solid #ddd;color:#333;background:#fff}@media(max-width: 768px){.cart-popup__btn.--white{font-size:14px}}.cart-popup__btn.--white:hover{background:#f9fafb}.cart-popup__btn.--green{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:1 1 0%;display:flex;padding:.5rem .5rem;border-radius:10px;font-weight:600;cursor:pointer;text-align:center;border:none;transition:all .2s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 0 rgba(0,0,0,0),0 0 rgba(0,0,0,0),0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);line-height:1.618;background:linear-gradient(90deg, #10b981, #059669);color:#fff}@media(max-width: 768px){.cart-popup__btn.--green{font-size:14px}}.cart-popup__btn.--green:hover{background:linear-gradient(90deg, #059669, #047857)}.cart-popup.is-visible{display:flex}@keyframes popupZoom{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}