:root{--primary-color: #4f46e5;--primary-hover: #4338ca;--secondary-color: #6b7280;--background-gradient-start: #e9d5ff;--background-gradient-end: #c7d2fe;--btn-green: #22c55e;--btn-green-hover: #16a34a;--text-dark: #1f2937;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1)}.marketplace-container{min-height:100vh;background:linear-gradient(to bottom right,var(--background-gradient-start),var(--background-gradient-end));padding:2rem 1.5rem 7rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;position:relative;color:var(--text-dark)}.marketplace-title{font-size:2.75rem;font-weight:900;color:var(--primary-color);text-align:center;margin-bottom:2.5rem;letter-spacing:.04em;-webkit-user-select:none;user-select:none}.products-grid{display:grid;gap:2rem;max-width:96rem;margin:0 auto;grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(3,1fr)}}.product-card{background:transparent;box-shadow:none;border-radius:1rem;box-shadow:0 12px 20px var(--shadow-light);overflow:hidden;transition:box-shadow .35s ease,transform .3s ease;cursor:pointer;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.product-card:hover{box-shadow:0 16px 40px var(--shadow-medium);transform:translateY(-6px);background:#ffffff40}.product-card img{width:100%;height:16rem;object-fit:cover;transition:transform .3s ease}.product-card:hover img{transform:scale(1.05)}.product-details{padding:1.5rem 1.5rem 2rem;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-name{font-size:1.6rem;font-weight:800;color:var(--text-dark);margin-bottom:.5rem;-webkit-user-select:none;user-select:none}.product-price{font-size:1.25rem;color:var(--secondary-color);margin-bottom:1.25rem;font-weight:600}.add-to-cart-btn{background-color:var(--primary-color);color:#fff;padding:.75rem;border-radius:.9rem;width:100%;font-weight:700;font-size:1.125rem;cursor:pointer;transition:background-color .3s ease,box-shadow .25s ease;border:none;box-shadow:0 4px 8px #4f46e54d;display:flex;justify-content:center;align-items:center;gap:.6rem;-webkit-user-select:none;user-select:none}.add-to-cart-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 12px #4338ca99}.cart-button-topright{position:fixed;top:1rem;right:1rem;background-color:var(--primary-color);color:#fff;border-radius:1.25rem;padding:.6rem 1.25rem;font-weight:700;cursor:pointer;border:none;font-size:1.125rem;box-shadow:0 5px 15px #4f46e559;transition:background-color .3s ease,box-shadow .3s ease;z-index:20;display:flex;align-items:center;gap:.5rem;-webkit-user-select:none;user-select:none}.cart-button-topright:hover{background-color:var(--primary-hover);box-shadow:0 8px 20px #4338ca99}.bottom-tabbar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:480px;border-radius:1.5rem;box-shadow:0 8px 24px #0000001f;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:.5rem 0;display:flex;justify-content:space-around;align-items:center;z-index:9999;transition:bottom .3s ease,box-shadow .3s ease}@media (max-width: 640px){.bottom-tabbar{width:calc(100% - 32px);border-radius:1.5rem}}.tab-button{display:flex;flex-direction:column;align-items:center;color:#6b7280;font-weight:600;font-size:.85rem;transition:color .25s ease;position:relative;gap:.2rem;padding:.3rem 0}.tab-button svg{stroke-width:2.25;width:28px;height:28px;transition:stroke .25s ease}.tab-button:hover,.tab-button.active{color:var(--primary-color)}.tab-button:hover svg,.tab-button.active svg{stroke:var(--primary-color)}.tab-badge{position:absolute;top:-6px;right:-10px;background-color:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:9999px;padding:0 .4rem;min-width:18px;height:18px;line-height:18px;text-align:center;-webkit-user-select:none;user-select:none}.product-details-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:10000;padding:1rem}.product-details-content{background:#fff;border-radius:1rem;padding:2rem;max-width:400px;width:100%;box-shadow:0 10px 30px #00000040;outline:none}.order-now-btn{background-color:var(--primary-color);color:#fff;padding:.75rem;border-radius:.9rem;width:100%;font-weight:700;font-size:1.125rem;cursor:pointer;transition:background-color .3s ease,box-shadow .25s ease;border:none;box-shadow:0 4px 8px #4f46e54d;display:flex;justify-content:center;align-items:center;gap:.6rem;-webkit-user-select:none;user-select:none;margin-top:1rem}.order-now-btn:hover{background-color:var(--primary-hover);box-shadow:0 6px 12px #4338ca99}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999}.modal-content{background:#fff;padding:1.5rem;border-radius:12px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 4px 20px #0003;animation:fadeIn .2s ease-out}.modal-content img{width:180px;height:180px;object-fit:contain;border-radius:8px;margin-bottom:1rem}@keyframes fadeIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-content h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.modal-content p{font-size:1rem;color:#444}.modal-close-btn{position:absolute;top:.5rem;right:.5rem;background:transparent;border:none;cursor:pointer}.order-now-btn{margin-top:1rem;background-color:#4f46e5;color:#fff;padding:.5rem 1rem;border:none;border-radius:8px;font-weight:600;cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:10}.modal{background:#fff;padding:1rem 2rem;border-radius:10px;width:90%;max-width:500px}.close-btn{margin-top:1rem;padding:.5rem 1rem;background:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer}*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;justify-content:center;align-items:center;height:100vh;padding:20px}.login-form{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 8px 24px #63636333;width:100%;max-width:400px;display:flex;flex-direction:column}.login-form h2{margin-bottom:1.5rem;text-align:center;color:#222}.login-form label{margin-bottom:.4rem;font-weight:600}.login-form input{padding:.75rem 1rem;margin-bottom:1.2rem;border-radius:8px;border:1.5px solid #ddd;font-size:1rem;transition:border-color .3s ease}.login-form input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 5px #4f46e580}.login-form button{padding:.9rem 1rem;border:none;border-radius:8px;background-color:#4f46e5;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:background-color .3s ease}.login-form button:hover{background-color:#4338ca}@media (max-width: 480px){.login-form{padding:1.5rem 1.8rem;max-width:100%}}