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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin-top:40px}.card{background-color:#0f1f2e;border-radius:16px;color:#fff;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 14px 30px #00000059;transform:translateY(-8px)}.card-image{height:260px;object-fit:cover;transition:transform .4s ease;width:100%}.card:hover .card-image{transform:scale(1.08)}.card-content{padding:14px}.card-content h3{font-size:18px;margin:0 0 6px}.card-content p{font-size:14px;margin:0;opacity:.85}.cards-grid{perspective:1000px}.card{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}.card:hover{box-shadow:0 25px 50px #00000059;transform:rotateX(8deg) rotateY(-8deg) translateY(-6px)}.card>*{transform:translateZ(40px)}.popup{align-items:center;background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.popup-box{background:#0f172a;border-radius:18px;color:#fff;max-height:90vh;max-width:520px;overflow-y:auto;padding:20px;text-align:center;width:100%}.popup-box img{border-radius:14px;margin-bottom:15px;max-height:300px;object-fit:cover;width:100%}.popup-para{font-size:14px;line-height:1.6;margin-top:12px;opacity:.9}.popup-box button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;margin-top:16px;padding:8px 18px}@media (max-width:1024px){.cards-grid{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-grid{gap:20px;grid-template-columns:1fr}.card{max-width:100%}.card-image{height:220px}}@media (max-width:480px){.card-content h3{font-size:16px}.card-content p{font-size:13px}.popup-box{max-width:100%;padding:16px}.popup-box img{max-height:220px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{align-items:center;background:#0f172a;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:14px 30px;position:sticky;top:0;z-index:100}.nav-logo{font-size:22px;font-weight:700;letter-spacing:1px}.nav-links{display:flex;gap:16px;list-style:none;margin:0;padding:0}.nav-links li button{align-items:center;background:#1e293b;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:6px;padding:8px 16px;transition:all .3s ease}.nav-links .cart button{background:#2563eb}.nav-links .cart button:hover{background:#1e40af}#nav-toggle,.nav-toggle{display:none}.nav-toggle{color:#fff;cursor:pointer;font-size:28px;-webkit-user-select:none;user-select:none}@media (max-width:768px){.nav-toggle{display:block}.nav-links{align-items:center;background:#0f172a;box-shadow:0 4px 15px #0003;display:none;flex-direction:column;gap:16px;left:0;padding:20px 0;position:absolute;top:58px;transition:all .3s ease-in-out;width:100%}#nav-toggle:checked+.nav-toggle+.nav-links{display:flex}.nav-links li{padding:10px 0;width:90%}.nav-links li button{justify-content:center;width:100%}}.nav-links,.nav-links li button{transition:all .3s ease}.nav-links li button:hover{background:#2563eb;box-shadow:0 4px 10px #0003;color:#fff;transform:translateY(-2px);transition:all .3s ease}.wip-overlay{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.wip-box{background:#fff;border-radius:10px;max-width:360px;padding:30px;text-align:center;width:90%}.wip-box h2{margin-bottom:10px}.wip-box p{color:#555;font-size:14px}.wip-box button{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:15px;padding:8px 16px}
/*# sourceMappingURL=main.0d10ea3a.css.map*/