*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease,color .3s ease}body.light-mode{background-color:#fff;color:#333}body.dark-mode{background-color:#1a1a1a;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none;transition:color .3s ease}button{cursor:pointer;transition:all .3s ease}img{display:block;height:auto;max-width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem}button:hover{opacity:.9;transform:translateY(-2px)}a:hover{opacity:.8}button:focus,input:focus,textarea:focus{outline:2px solid #e88ca6;outline-offset:2px}.dark-mode button:focus,.dark-mode input:focus,.dark-mode textarea:focus{outline-color:#f5a5c0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}.dark-mode ::-webkit-scrollbar-track{background:#2d2d2d}::-webkit-scrollbar-thumb{background:#e88ca6;border-radius:4px}.dark-mode ::-webkit-scrollbar-thumb{background:#f5a5c0}::-webkit-scrollbar-thumb:hover{background:#d47a94}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#e88ca6}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#e88ca6;height:40px;width:40px}.dark-mode .loading-spinner{border-color:#e88ca6 #2d2d2d #2d2d2d}.nav-link{overflow:hidden;position:relative}.nav-link:after{background-color:#fff;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:0}.nav-link:hover:after{width:80%}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.cart-icon{animation:bounce .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu{animation:slideDown .3s ease forwards}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}@media (max-width:768px){.hide-mobile{display:none}}@media (min-width:769px){.show-mobile{display:none}}
/*# sourceMappingURL=main.5b8f901e.css.map*/