.recommendation-message{margin-bottom:20px;padding:10px;background-color:#f0f8ff;border:1px solid #b0d4ff;border-radius:5px;font-style:italic;color:#333;transition:opacity .5s ease-out}.recommendation-message.fade-out{opacity:0}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-bundle{opacity:0;transition:opacity .3s ease}.product-bundle.loaded{opacity:1}.cont{width:100%;max-width:800px;margin:0 auto;padding:5px;box-sizing:border-box}.product-recommendation{position:relative;padding:20px 50px}.navigation-buttons{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;pointer-events:none}.nav-button{background-color:#2a363eb3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;font-size:24px;pointer-events:auto;box-shadow:0 2px 5px #0003}.nav-button:hover{background-color:#2980b9e6;transform:scale(1.1)}.nav-button:disabled{background-color:#bdc3c7b3;cursor:not-allowed;transform:scale(1)}.nav-button:before{content:"";display:inline-block;width:10px;height:10px;border-top:2px solid white;border-right:2px solid white}.nav-button:first-child:before{transform:rotate(-135deg);margin-left:5px}.nav-button:last-child:before{transform:rotate(45deg);margin-right:5px}.product-bundle{transition:transform .3s ease}.recommendation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:2px solid #3498db;padding-bottom:10px}.recommendation-header h3{margin:0 10px 0 0;color:#2c3e50;font-size:19px}.show-more-btn{padding:8px 15px;font-size:13px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.show-more-btn:hover{background-color:#2980b9}#recommendedProductsModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;opacity:0;transition:opacity .3s ease}#recommendedProductsModal.show{opacity:1}#recommendedProductsModal .modal-content{background-color:#fefefe;margin:5% auto;padding:20px;border:1px solid #888;width:80%;max-width:800px;border-radius:8px;transform:translateY(-50px);opacity:0;transition:all .3s ease}#recommendedProductsList{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recommended-product a,.complementary-product a,.product-title{text-decoration:none;color:#343a40}#recommendedProductsList .recommended-product{flex-basis:calc(33.33% - 20px);margin:10px;padding:15px;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.input-row{display:flex;flex-wrap:wrap;margin-left:-10px;margin-right:-10px}.input-col{flex:1 0 100%;padding:0 10px;margin-bottom:20px}@media screen and (min-width: 768px){.input-col{flex:1 0 calc(50% - 20px)}}.input-group{margin-bottom:0}.search-result-item{margin-bottom:5px;padding:5px;border:1px solid #ddd;border-radius:4px}.search-result-content{display:flex;align-items:center}.product-image-small{width:150px;height:110px;object-fit:none;margin-right:10px}.search-input-wrapper{position:relative;display:flex;align-items:center}.reset-search-btn{position:absolute;right:10px;background:none;border:none;font-size:20px;cursor:pointer;color:#999;display:none}.reset-search-btn:hover{color:#333}.decking-calculator-inner{margin:0 auto;padding:15px 30px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.decking-calculator-inner h2{color:#2c3e50;text-align:center;margin-bottom:30px;font-size:28px;font-weight:700}.tab-button{flex:1;border:none;background-color:transparent;padding:12px 24px;cursor:pointer;transition:var(--transition);font-size:16px;font-weight:500;color:#7f8c8d;border-radius:50px}.tab-buttons{display:flex;justify-content:center;margin-bottom:30px;background-color:#f1f3f5;border-radius:50px;padding:5px}.tab-button{padding:12px 24px;background-color:transparent;border:none;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500;color:#7f8c8d;border-radius:50px}.tab-button.active{background-color:#3498db;color:#fff;box-shadow:0 2px 10px #3498db4d}.tab-content{display:none;opacity:0;transition:opacity .3s ease}.tab-content.active{display:block;opacity:1}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;color:#34495e;font-weight:500}.input-group input{width:100%;padding:12px;border:2px solid #bdc3c7;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input-group input:focus{border-color:#3498db;outline:none}.calculate-btn{width:100%;padding:14px;background-color:#2ecc71;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .1s ease;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.calculate-btn:hover{background-color:#27ae60}.calculate-btn:active{transform:scale(.98)}.result,.product-recommendation{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:all .3s ease;opacity:0;transform:translateY(20px)}.result.show,.product-recommendation.show{opacity:1;transform:translateY(0)}.error{color:#e74c3c;margin-top:5px;font-size:14px}.product-image2{max-width:100%;height:auto;margin-bottom:15px;border-radius:8px;box-shadow:0 2px 10px #0000001a}.search-results{position:absolute;background-color:#fff;border:1px solid #bdc3c7;border-radius:8px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 10px #0000001a}.search-result-item{padding:12px;cursor:pointer;transition:background-color .2s ease}.search-result-item:hover{background-color:#f1f3f5}.product-bundle{display:flex;flex-wrap:wrap;align-items:stretch;gap:5px;justify-content:center}.recommended-product,.complementary-product{flex:0 1 calc(33.33% - 20px);min-width:200px;max-width:300px;background-color:#fff;border:1px solid #e9ecef;border-radius:8px;padding:15px;box-shadow:0 2px 5px #0000001a;transition:all .3s ease;display:flex;flex-direction:column}.recommended-product:hover,.complementary-product:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.bundle-plus{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#3498db}.recommended-product:hover .product-image2,.complementary-product:hover .product-image2{transform:scale(1.05)}.product-img{width:100%!important;height:180px!important;object-fit:contain!important;border-radius:6px;margin-bottom:15px;transition:transform .3s ease}.product-info{display:block!important;flex-grow:1}.product-details{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.recommended-product:hover .product-title,.complementary-product:hover .product-title{color:#3498db}.product-title{font-size:16px;color:#343a40;margin-bottom:10px;font-weight:700;transition:color .3s ease}.add-to-cart-btn{margin-top:auto}.complementary-product-summary{flex-basis:100%;margin-top:20px;padding:15px;background-color:#e8f4fd;border-radius:8px;box-shadow:0 2px 10px #0000001a}.add-to-cart-btn{width:100%;padding:10px;background-color:#2b77f3;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;font-size:16px;font-weight:500;margin-top:10px;text-align:center}.add-to-cart-btn:hover{background-color:#1368f1}#addBundleToCartBtn{width:100%;padding:15px;font-size:18px;background-color:#2ecc71;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .3s ease;margin-top:20px}#addBundleToCartBtn:hover{background-color:#27ae60}#addToCartBtn{margin-top:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-in-out}.product-quantity,.product-price,.product-dimensions{font-size:14px;color:#6c757d;margin-bottom:5px}.select-product-btn{margin-top:auto;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.select-product-btn:hover{background-color:#0056b3}@media (max-width: 768px){.modal-content{width:95%;padding:20px}.product-bundle{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}#recommendedProductsList{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.modal-header h2{font-size:20px}}.custom-notification{display:none;position:fixed;z-index:1000;left:50%;top:30px;transform:translate(-50%);background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:20px;max-width:300px;width:100%;text-align:center}.custom-notification h4{margin-top:0;color:#4caf50}.custom-notification p{margin-bottom:15px}.custom-notification button{background-color:#4caf50;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:4px;transition:background-color .3s}.custom-notification button:hover{background-color:#45a049}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006;opacity:0;transition:opacity .3s ease}.modal-content{background-color:#f8f9fa;margin:5% auto;padding:30px;border:1px solid #ddd;width:80%;max-width:800px;border-radius:12px;box-shadow:0 5px 15px #0000001a;transform:translateY(-20px);opacity:0;transition:all .3s ease}.modal.show{opacity:1}.modal.show .modal-content{transform:translateY(0);opacity:1}.close{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;transition:color .2s ease}.close:hover,.close:focus{color:#343a40;text-decoration:none;cursor:pointer}#recommendedProductsModal.show .modal-content{transform:translateY(0);opacity:1}#modalSearchResults{max-height:300px;overflow-y:auto;margin-top:20px}#modalSearchResults .search-result-item{cursor:pointer;padding:10px;border-bottom:1px solid #eee}#modalSearchResults .search-result-item:hover{background-color:#f0f0f0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;border-bottom:2px solid #e9ecef}.modal-header h2{font-size:24px}@media screen and (max-width: 600px){.modal-content{width:95%;margin:10% auto;padding:15px}.modal-header h2{font-size:20px}#modalSearchInput input{font-size:14px}.search-result-item{padding:8px}.product-image-small{width:100px;height:100px}.product-title{font-size:14px}}@media (max-width: 768px){.recommended-product,.complementary-product{flex:0 1 calc(50% - 20px)}}@media (max-width: 480px){.recommended-product,.complementary-product{flex:0 1 100%}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/deck-calc.css.map */