.upsell-popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.upsell-popup-content{background-color:#fff;padding:30px;max-width:700px;width:90%;max-height:90vh;overflow-y:auto}.upsell-popup .upsell-header{text-align:center;margin-bottom:30px}.upsell-popup .upsell-header h2{font-size:24px;font-weight:600;margin:0;text-transform:uppercase}.upsell-popup .upsell-products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}.upsell-popup .upsell-product{text-align:center;padding:0 10px}.upsell-popup .product-image-container{position:relative;margin-bottom:15px;padding:10px}.upsell-popup .upsell-product img{max-width:100%;height:auto;display:block;margin:0 auto}.upsell-popup .dot{height:8px;width:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 2px}.upsell-popup .upsell-product h3{font-size:16px;margin-bottom:10px}.upsell-popup .color-options{display:flex;justify-content:center;margin-bottom:10px;gap:5px}.upsell-popup .color-swatch{width:18px;height:18px;border-radius:50%;cursor:pointer;border:1px solid #ddd}.upsell-popup .color-swatch.yellow,.upsell-popup .color-swatch.lime{background-color:#e3d40c}.upsell-popup .color-swatch.orange{background-color:#f7941d}.upsell-popup .color-swatch.red{background-color:#ed1c24}.upsell-popup .color-swatch.blue{background-color:#0071bc}.upsell-popup .color-swatch.green{background-color:#39b54a}.upsell-popup .product-description{font-size:12px;line-height:1.4;margin-bottom:15px;min-height:50px}.upsell-popup .price{font-weight:600;margin-bottom:15px;font-size:16px}.upsell-popup .add-to-cart-upsell{background-color:#000;color:#fff;border:none;padding:8px 15px;cursor:pointer;font-size:12px;width:100%;font-weight:600}.upsell-popup .upsell-actions{display:flex;flex-direction:column;align-items:center;gap:15px}.upsell-popup .continue-checkout{background-color:#000;color:#fff;border:none;padding:12px 20px;cursor:pointer;font-size:14px;width:100%;max-width:300px;font-weight:600}.upsell-popup .dismiss-upsell{background:none;border:none;color:#666;cursor:pointer;padding:5px;font-size:14px}@media (max-width: 767px){.upsell-popup .upsell-products-grid{grid-template-columns:1fr;gap:30px}.upsell-popup .upsell-popup-content{padding:20px;width:95%}}.upsell-popup .product-image-container{position:relative;margin-bottom:15px;padding:10px;overflow:hidden}.upsell-popup .product-image-slider{position:relative;width:100%;height:0;padding-bottom:100%}.upsell-popup .product-image-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;display:none}.upsell-popup .product-image-slide.active{opacity:1;display:block}.upsell-popup .product-image-slide img{object-fit:contain;width:100%;height:100%;display:block}.upsell-popup .product-slider-dots{display:flex;justify-content:center;margin-top:10px}.upsell-popup .dot{height:8px;width:8px;background-color:#bbb;border-radius:50%;display:inline-block;margin:0 2px;cursor:pointer;transition:background-color .3s ease}.upsell-popup .dot.active{background-color:#333}.upsell-popup .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;font-size:18px;opacity:0;transition:opacity .3s ease}@media (max-width: 767px){.upsell-popup .slider-arrow{display:none}}.upsell-popup .color-options{display:flex;justify-content:center;margin:10px 0;gap:5px}.upsell-popup .color-swatch{width:18px;height:18px;border-radius:50%;cursor:pointer;border:1px solid #ddd;transition:transform .2s ease,box-shadow .2s ease}.upsell-popup .color-swatch.selected{box-shadow:0 0 0 2px #000;transform:scale(1.1)}.upsell-popup .color-swatch:hover{transform:scale(1.05)}.upsell-popup .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;background-color:#ffffffb3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;font-size:18px;opacity:0;transition:opacity .3s ease,background-color .2s ease}.upsell-popup .product-image-container:hover .slider-arrow{opacity:1}.upsell-popup .slider-arrow:hover{background-color:#ffffffe6}.upsell-popup .slider-arrow.prev{left:10px}.upsell-popup .slider-arrow.next{right:10px}@media (max-width: 767px){.upsell-popup .slider-arrow{width:25px;height:25px;font-size:14px;opacity:1}}.upsell-popup .product-description p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/194/assets/helmet-upsell.css.map */