:root{--primary-color: #3498db;--secondary-color: #2ecc71;--text-color: #333333;--background-color: #f5f5f5;--card-background: #ffffff;--input-background: #ffffff;--border-color: #e0e0e0;--border-radius: 8px;--box-shadow: 0 2px 10px rgba(0, 0, 0, .1);--transition: all .3s ease}.recommended-products-heading{color:#000!important;font-size:20px;justify-content:space-between;align-items:center;margin-bottom:20px!important;border-bottom:2px solid #3498db!important}.contact-message{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;padding:20px;margin-top:20px}.contact-message h3{color:#0056b3;margin-bottom:10px}.contact-message p{margin-bottom:10px}.contact-message a{color:#0056b3;text-decoration:none}.contact-message a:hover{text-decoration:underline}.cont{width:100%;max-width:800px;margin:0 auto;padding:5px;box-sizing:border-box}.concrete-calculator{background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:30px;transition:var(--transition)}.concrete-calculator:hover{box-shadow:0 4px 20px #00000026}.tab-buttons{display:flex;background-color:#f1f3f5;border-radius:50px;padding:5px;margin-bottom:30px}.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-button.active{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 10px #3498db4d}.input-group{margin-bottom:20px}.input-row{display:flex;flex-wrap:wrap;margin:-10px}.input-col{flex:1 0 calc(50% - 20px);margin:10px}.input-group label{display:block;margin-bottom:8px;color:#34495e;font-weight:500}.input-group input{width:100%!important;padding:12px;border:2px solid #bdc3c7!important;border-radius:8px;font-size:16px;transition:border-color .3s ease;text-align:left!important}.input-group input:focus{border-color:var(--primary-color);outline:none}.input-group input::placeholder{color:#bbb}.input-group input.invalid{border-color:#e74c3c}.option-buttons{display:flex;gap:10px;margin-bottom:20px}.option-button{flex:1;padding:12px;border:1px solid #ddd;border-radius:30px;background-color:#fff;cursor:pointer;transition:var(--transition);font-size:16px}.option-button.selected{color:#212b36;border-color:var(--primary-color);border-width:3px;border-radius:30px}.calculate-btn{width:100%;padding:14px;background-color:var(--secondary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.calculate-btn:hover{background-color:#27ae60}.result{margin-top:30px;padding:20px;background-color:#f8f9fa;border-radius:var(--border-radius);box-shadow:var(--box-shadow);transition:var(--transition);opacity:0;transform:translateY(20px);max-height:0;overflow:hidden}.result.show{opacity:1;transform:translateY(0);max-height:1000px}.result h3{margin-top:0}.error-message{color:#e74c3c;font-size:12px;margin-top:5px}.product-recommendation{margin-top:30px;background-color:var(--card-background);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:20px}.recommendation-header{margin-bottom:10px}.product-bundle{display:flex;flex-wrap:wrap;gap:20px;padding-bottom:20px}.recommended-product{flex:0 0 calc(33.33% - 15px);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:10px;text-align:center;box-sizing:border-box}.product-img{max-width:100%;height:auto;margin-bottom:10px}.product-title{font-size:16px;margin-bottom:10px}.product-price,.quantity-display{font-weight:lighter;margin-bottom:5px;font-size:small}.total-amount{font-weight:700;margin-bottom:5px}.add-to-cart-btn{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer;transition:background-color .3s}.add-to-cart-btn:hover{background-color:#2980b9}@media (max-width: 768px){.product-bundle{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.recommended-product{flex:0 0 calc(100% - 20px);scroll-snap-align:start}.carousel-controls{display:flex}}@media (max-width: 600px){.concrete-calculator{padding:15px 30px}.input-col{flex:1 0 100%}}.carousel-controls{display:none;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);justify-content:space-between;pointer-events:none}.carousel-control{background-color:#3498dbb3;color:#fff;border:none;width:40px;height:40px;border-radius:50%;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s;pointer-events:auto}.carousel-control:hover{background-color:#2980b9e6}@media (max-width: 768px){.product-recommendation{position:relative}.product-bundle{flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding:10px 0}.recommended-product{flex:0 0 calc(100% - 20px);scroll-snap-align:start}.carousel-controls{display:flex}}.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}
/*# sourceMappingURL=/cdn/shop/t/32/assets/concrete-calc.css.map */