#product-addons-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box;overflow:hidden}#product-addons-popup .popup-content{background:#fff;border-radius:10px;text-align:center;box-shadow:0 10px 30px rgb(0 0 0 / .2);position:relative;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;max-height:85vh;width:90vw;max-width:1200px;padding:20px}@media (max-width:1024px){#product-addons-popup .popup-content{max-width:1000px}}@media (max-width:768px){#product-addons-popup .popup-content{max-width:700px;padding:15px}}@media (max-width:480px){#product-addons-popup .popup-content{max-width:400px;padding:10px}}#product-addons-popup .filter-buttons-wrapper{overflow-x:auto;white-space:nowrap;margin-bottom:15px}#product-addons-popup .filter-buttons{display:inline-flex;gap:10px}#product-addons-popup .filter-btn{flex:0 0 auto;background-color:#ffffffcf;border:1px solid #ddd;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background 0.3s ease}#product-addons-popup .filter-btn.active{background-color:#f74b4b;color:#fff;border-color:#005f85}#product-addons-popup .filter-btn:hover{background-color:#f74b4b;color:#fff}#product-addons-popup .products-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-items:center;width:100%;margin:0 auto;padding:0;box-sizing:border-box}@media (max-width:1200px){#product-addons-popup .products-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){#product-addons-popup .products-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){#product-addons-popup .products-grid{grid-template-columns:repeat(2,1fr);gap:12px}}#product-addons-popup .addon-product{position:relative;background:#fff;padding:10px;border:1px solid #ddd;border-radius:6px;text-align:center;width:100%;box-sizing:border-box;transition:box-shadow 0.2s ease,transform 0.2s ease}#product-addons-popup .addon-product:hover{box-shadow:0 2px 6px rgb(0 0 0 / .15);transform:translateY(-2px)}#product-addons-popup .addon-product .addon-checkbox{position:absolute;top:10px;left:10px;accent-color:#28a745;z-index:20}#product-addons-popup .addon-product img{max-width:100%;height:auto;margin-bottom:10px;border-radius:4px}#product-addons-popup .addon-product-name{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:10px;height:36px;line-height:18px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#product-addons-popup .addon-product .addon-product-price{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:5px;overflow:hidden}#product-addons-popup .addon-product .addon-add-button{display:inline-block;background-color:#28a745;color:#fff;padding:6px 16px;border-radius:4px;cursor:pointer;font-weight:600;transition:background 0.3s ease}#product-addons-popup .addon-product .addon-add-button:hover{background-color:#218838}#product-addons-popup .popup-footer{display:flex;justify-content:space-between;align-items:center;position:sticky;bottom:0;left:0;width:100%;padding:10px 20px;background:#fff;box-shadow:0 -5px 15px rgb(0 0 0 / .1);z-index:99999}#product-addons-popup #selected-summary{flex-grow:1;margin:0 10px;font-size:14px;font-weight:500;color:#333;padding:6px 12px;background:#f9f9f9;border-radius:6px;border:1px solid #ddd;overflow:hidden;text-overflow:ellipsis}#product-addons-popup .popup-footer .skip-btn,#product-addons-popup .popup-footer .continue-btn{flex:0 0 auto;background:#ff0202;color:#fff}#product-addons-popup .popup-footer .skip-btn:hover,#product-addons-popup .popup-footer .continue-btn:hover{background:#005f85}#product-addons-popup .popup-footer .continue-btn{background:#1d8508ab;color:#fff}#product-addons-popup .addon-quantity{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-top:8px}#product-addons-popup .addon-quantity button{background-color:#fff;border:none;outline:none;cursor:pointer;width:30px;height:30px;font-size:16px;color:#333;transition:background-color 0.2s ease}#product-addons-popup .addon-quantity button:hover{background-color:#f2f2f2}#product-addons-popup .addon-quantity button:disabled{opacity:.5;cursor:not-allowed}#product-addons-popup .addon-quantity input[type="number"]{width:50px;height:30px;border:none;text-align:center;font-size:14px;color:#333;outline:none;-moz-appearance:textfield}#product-addons-popup .addon-quantity input[type="number"]::-webkit-inner-spin-button,#product-addons-popup .addon-quantity input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (max-width:480px){#product-addons-popup .products-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px}#product-addons-popup .addon-product{width:100%;padding:5px}#product-addons-popup .addon-product img{max-width:100%;height:auto}#product-addons-popup .addon-quantity button{width:26px;height:26px;font-size:14px}#product-addons-popup .addon-quantity input[type="number"]{width:40px;height:26px;font-size:14px}}#product-addons-popup .spark{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#ff0 20%,transparent 20%);border-radius:50%;opacity:1;pointer-events:none;transform:translate(-50%,-50%);animation:sparkAnim 0.5s ease-out forwards}@keyframes sparkAnim{0%{transform:translate(-50%,-50%) scale(1);opacity:1}100%{transform:translate(-50%,-50%) scale(5);opacity:0}}#product-addons-popup .confetti{position:absolute;width:5px;height:10px;opacity:1;pointer-events:none;transform:translate(0,0) rotate(0deg);animation:confettiBurst 1s ease-out forwards}@keyframes confettiBurst{0%{transform:translate(0,0) rotate(0deg);opacity:1}100%{transform:translate(var(--tx),var(--ty)) rotate(360deg);opacity:0}}#product-addons-popup .addon-quantity button.disabled,#product-addons-popup .addon-quantity input[type="number"].disabled{opacity:.5;cursor:not-allowed}#product-addons-popup #selected-summary{min-height:40px}#product-addons-popup .addon-product{display:flex;flex-direction:column;justify-content:space-between;height:100%}#product-addons-popup .addon-product-wrapper{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}#product-addons-popup .addon-quantity{margin-top:auto}#product-addons-popup .popup-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ddd;padding-bottom:8px;margin-bottom:15px}#product-addons-popup .popup-close-btn{position:relative;width:32px;height:32px;border:2px solid #222;border-radius:50%;background:#fff;cursor:pointer;padding:0;font-size:0;line-height:0;transition:background .15s ease,border-color .15s ease,transform .12s ease}#product-addons-popup .popup-close-btn::before,#product-addons-popup .popup-close-btn::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:2px;background:#222;transform-origin:center}#product-addons-popup .popup-close-btn::before{transform:translate(-50%,-50%) rotate(45deg)}#product-addons-popup .popup-close-btn::after{transform:translate(-50%,-50%) rotate(-45deg)}#product-addons-popup .popup-close-btn:hover{background:#f7f7f7;border-color:#111;transform:scale(1.03)}@media (max-width:480px){#product-addons-popup .popup-close-btn{width:28px;height:28px;border-width:2px}#product-addons-popup .popup-close-btn::before,#product-addons-popup .popup-close-btn::after{width:12px;height:2px}}#product-addons-popup .popup-footer{box-sizing:border-box;flex-wrap:wrap;gap:8px}#product-addons-popup #app-popup-message{flex:0 0 100%;order:-1;color:#a01818;padding:8px;background:#fff1f1}#product-addons-popup #app-popup-message[hidden]{display:none}#product-addons-popup button:disabled{opacity:.65;cursor:wait}#product-addons-popup .popup-close-btn{flex-shrink:0}#product-addons-popup .addon-product img{width:100%;aspect-ratio:1;object-fit:cover}