:root{--primary-color:#4bc599;--primary-light:#3ac6a0;--primary-dark:#4bc599;--secondary-color:#807e7e;--secondary-light:#616161;--secondary-dark:#310404;--accent-color:#ff6584;--accent-light:#ff85a1;--accent-dark:#e64f6d;--light-bg:#f8f9fa;--light-gray:#f6f6f6;--medium-gray:#ced4da;--dark-text:#2d3748;--darker-text:#1a202c;--success-color:#48bb78;--warning-color:#ed8936;--danger-color:#f56565;--info-color:#4299e1;--vendor-1:#9f7aea;--vendor-2:#4299e1;--vendor-3:#48bb78;--vendor-4:#ed8936}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--dark-text);background-color:var(--light-gray);padding-bottom:60px}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.text-accent{color:var(--accent-color)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-accent{background-color:var(--accent-color)!important}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;transition:all .3s ease;padding:.5rem 1.25rem}.btn-primary:hover,.btn-primary:focus{background-color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color);padding:.5rem 1.25rem}.btn-outline-primary:hover{background-color:var(--primary-color);color:#fff}.btn-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:#fff;padding:.5rem 1.25rem}.btn-secondary:hover{background-color:var(--secondary-dark);border-color:var(--secondary-dark)}.btn-accent{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff;padding:.5rem 1.25rem}.btn-accent:hover{background-color:var(--accent-dark);border-color:var(--accent-dark)}#page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease}.loader-logo{width:100px;height:100px;position:relative;display:flex;justify-content:center;align-items:center}.logo-circle{width:80px;height:80px;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px rgba(75,197,153,.2);position:relative;z-index:2}.logo-circle img{width:50%;height:auto}.spinner-circle{position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid transparent;border-top-color:#4bc599;border-right-color:#4bc599;animation:spin 1s linear infinite;z-index:1}.spinner-circle::before,.spinner-circle::after{content:"";position:absolute;border-radius:50%;border:3px solid transparent}.spinner-circle::before{top:5px;left:5px;right:5px;bottom:5px;border-top-color:#4bc599;border-right-color:#4bc599;opacity:.7;animation:spin 2s linear infinite}.spinner-circle::after{top:15px;left:15px;right:15px;bottom:15px;border-top-color:#4bc599;border-right-color:#4bc599;opacity:.4;animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.page-content{opacity:0;transition:opacity .5s ease}.loaded .page-content{opacity:1}.loaded #page-loader{opacity:0;pointer-events:none}.vendor-card{transition:all .3s ease;border-radius:10px;overflow:hidden;border:none;box-shadow:0 2px 10px rgba(31,31,31,.335);margin-bottom:20px;text-align:center;padding:20px 10px;height:100%;background-color:var(--light-bg)}.vendor-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.vendor-card-link{text-decoration:none;color:transparent}.vendor-logo{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color);margin:0 auto 15px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.vendor-name{font-weight:600;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1rem;color:var(--primary-color)}.vendor-rating{color:#ffc107;font-size:.8rem}.vendor-products{font-size:.8rem;color:#6c757d}.category-badge{position:absolute;top:10px;right:10px;background:var(--primary-color);color:#fff;padding:3px 8px;border-radius:10px;font-size:.7rem}.search-box{position:relative;margin-bottom:30px}.search-box .form-control{padding-left:40px;border-radius:20px;height:45px}.search-box i{position:absolute;left:15px;top:12px;color:#6c757d}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination .page-link{color:#000}@media(max-width:992px){.vendor-logo{width:70px;height:70px}.vendor-name{font-size:.9rem}}@media(max-width:768px){.page-header h1{font-size:1.75rem}.vendor-logo{width:60px;height:60px}.category-filters .btn{padding:.4rem .8rem;font-size:.8rem;margin-right:.5rem;margin-bottom:.5rem}.footer-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -2px 10px rgba(0,0,0,.1);z-index:1000}.footer-nav-item{flex:1;text-align:center;padding:.5rem;font-size:.7rem;color:#6c757d;text-decoration:none;display:flex;flex-direction:column;align-items:center}.footer-nav-item i{font-size:1.2rem;margin-bottom:.2rem}.footer-nav-item.active{color:var(--primary-color)}}@media(max-width:576px){.page-header h1{font-size:1.5rem}.vendor-logo{width:50px;height:50px}.vendor-name{font-size:.8rem}.vendor-rating,.vendor-products{font-size:.7rem}.category-badge{font-size:.6rem;padding:2px 6px}.footer-nav-item{font-size:.6rem;padding:.3rem}.footer-nav-item i{font-size:1rem}}.footer-nav{display:none}@media(max-width:768px){body{padding-bottom:60px}.footer-nav{display:flex}}