*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#e23744;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c62d3a}::selection{color:#e23744;background:#e2374433}.navbar{z-index:1000;background:linear-gradient(135deg,#e23744 0%,#c62d3a 100%);justify-content:space-between;align-items:center;height:65px;padding:0 40px;font-family:Poppins,Segoe UI,sans-serif;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #e2374459}.nav-links{align-items:center;gap:8px;height:100%;display:flex}.nav-link{color:#fff;letter-spacing:.5px;white-space:nowrap;border-radius:8px;padding:8px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;position:relative}.nav-link:hover{background:#ffffff26;transform:translateY(-1px)}.nav-link.active{background:#fff3;box-shadow:0 2px 8px #0000001a}.nav-link .cart-badge{color:#333;background:#ffc107;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;animation:.3s popIn;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #0003}@keyframes popIn{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.nav-auth{align-items:center;display:flex}.nav-user-info{align-items:center;gap:15px;display:flex}.nav-user-name{color:#fff;white-space:nowrap;font-size:15px;font-weight:600}.nav-btn{color:#e23744;cursor:pointer;white-space:nowrap;background-color:#fff;border:none;border-radius:25px;padding:8px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;box-shadow:0 2px 8px #0000001a}.nav-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0003}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:26px;line-height:1;display:none}.hamburger-btn:hover{box-shadow:none;transform:none}.mobile-nav-overlay{display:none}.footer{color:#aaa;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);margin-top:auto;padding:40px 20px;font-family:Poppins,Segoe UI,sans-serif}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:40px;max-width:1100px;margin:0 auto;display:flex}.footer-brand h3{color:#fff;margin-bottom:8px;font-size:22px}.footer-brand p{max-width:300px;font-size:14px;line-height:1.6}.footer-links h4,.footer-contact h4{color:#fff;margin-bottom:12px;font-size:16px}.footer-links ul{padding:0;list-style:none}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#aaa;font-size:14px;text-decoration:none;transition:color .2s}.footer-links ul li a:hover{color:#e23744}.footer-contact p{margin-bottom:6px;font-size:14px}.footer-bottom{text-align:center;color:#666;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px;font-size:13px}button{transition:all .25s}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}button:active{transform:translateY(0)}@media (width<=768px){.navbar{height:55px;padding:0 15px}.nav-links,.nav-user-name{display:none}.hamburger-btn{display:block}.mobile-nav-overlay{z-index:2000;background:#00000080;justify-content:flex-start;display:flex;position:fixed;inset:0}.mobile-nav-menu{background:linear-gradient(#e23744 0%,#c62d3a 100%);flex-direction:column;width:260px;height:100%;padding:20px 0;animation:.25s slideIn;display:flex;box-shadow:4px 0 20px #0000004d}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav-header{border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 20px 20px;display:flex}.mobile-nav-header h3{color:#fff;margin:0;font-size:20px}.mobile-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:5px;font-size:24px}.mobile-close-btn:hover{box-shadow:none;transform:none}.mobile-nav-link{color:#fff;padding:14px 25px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s;display:block}.mobile-nav-link:hover,.mobile-nav-link.active{background:#ffffff26}.mobile-nav-user{border-top:1px solid #ffffff26;margin-top:auto;padding:20px}.mobile-nav-user .nav-user-name{margin-bottom:12px;font-size:16px;display:block}.mobile-nav-user .nav-btn{text-align:center;width:100%;padding:12px;display:block}.footer{padding:30px 20px}.footer-content{flex-direction:column;gap:25px}.footer-brand p{max-width:100%}}