html{position:relative}body,html{min-height:100%;margin:0;font-family:Ubuntu Mono,sans-serif}#root{min-height:100%;margin-bottom:300px}footer{background-color:#f8f9fa;padding:40px 0;border-top:1px solid #e1e1e1;position:absolute;left:0;bottom:0;width:100%}footer p{font-size:14px;line-height:1.6}footer .text-muted{color:#6c757d}footer .d-flex{max-width:800px;margin:0 auto}footer .m-4{margin:0;text-align:center}footer a{color:#6c757d;text-decoration:none}footer a:hover{text-decoration:underline}.card{border-radius:12px;border:none;box-shadow:0 4px 10px #0000001a}.card-header{font-size:1.3rem;border-radius:12px 12px 0 0}.input-group-text{background-color:#f8f9fa;border-right:none}.form-control{border-left:none}.btn{border-radius:8px;transition:all .2s ease-in-out}.btn-primary{background-color:#007bff;border:none}.btn-primary:hover{background-color:#0056b3}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:10;border-radius:12px}#loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal-content{max-width:400px;border-radius:10px}.product-card{transition:transform .2s ease-in-out;border-radius:10px;display:flex;flex-direction:column;height:100%}.product-card .card-body{flex-grow:1}.product-card .card-footer{background:#fff}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 10px #0000001a}.product-image img{max-height:200px;object-fit:cover;border-top-left-radius:10px;border-top-right-radius:10px}.placeholder-image{height:200px;background:#f8f9fa;display:flex;align-items:center;justify-content:center;font-size:14px;color:#888}.card-footer{background:#fff}#featured h4{font-family:Arial,sans-serif;font-size:2rem;font-weight:600;color:#333;letter-spacing:1px;text-transform:uppercase;margin-bottom:30px}#featured h4:after{content:"";display:block;width:60px;height:3px;background-color:#007bff;margin-top:10px;margin-left:auto;margin-right:auto}.navbar{box-shadow:0 2px 4px #0000000d}.navbar .nav-link{transition:color .2s ease}.navbar .nav-link:hover{color:#0d6efd}.navbar .dropdown-menu{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:1px solid rgba(0,0,0,.08)}.navbar .dropdown-item{padding:.5rem 1rem;transition:background-color .2s ease}.navbar .form-control:focus{box-shadow:0 0 0 .25rem #0d6efd26}.navbar .list-group{border-radius:.5rem;overflow:hidden}.position-absolute{z-index:1000}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:10px;text-align:center;box-shadow:0 4px 10px #0003;min-width:300px}