:root{--primary:#036;--accent:#e53935;--dark:#222;--light:#f5fafd;--navbar:#036;--navbar-active:#e53935}body{font-family:'Montserrat',Arial,sans-serif;margin:0;background-size:200% 200%;animation:gradientBG 8s ease-in-out infinite;color:var(--dark);font-size:16px}@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#036;box-shadow: 0 2px 8px #00336611;position:sticky;top:0;z-index:100;min-height:60px}.navbar .logo{font-size:2em;font-weight:700;letter-spacing:2px;color:#fff;margin-left:40px;display:flex;align-items:center}.navbar .logo img{height:38px;margin-right:12px}.navbar .astral-logo{height:32px;margin-left:16px;background:#036;border-radius:6px;padding:2px 8px;box-shadow: 0 2px 8px #00336622}.navbar nav{display:flex;gap:18px;align-items:center;transition:max-height .3s , opacity .3s;margin-left:auto;margin-right:40px}.navbar nav a{color:#fff;text-decoration:none;font-weight:600;padding:8px 14px;border-radius:6px;transition:background .18s , color .18s;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.navbar nav a.active,.navbar nav a:hover{background:#e3f0ff;color:#e53935}.navbar.scrolled{box-shadow: 0 2px 16px #00336633;background:var(--navbar);transition:box-shadow .3s}.menu-toggle{display:none;background:none;border:none;font-size:2em;color:#036;cursor:pointer;margin-left:12px;min-width:48px;min-height:48px;display:flex;align-items:center;justify-content:center}.hero{background:linear-gradient(120deg,#23272a 60%,#156082 100%);color:#fff;min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(2px) brightness(.7);z-index:0}.hero-content{position:relative;z-index:1;max-width:700px;text-align:left;padding:40px 30px;box-sizing:border-box;width:100%}.hero-title{font-size:2.7em;font-weight:700;margin-bottom:12px;letter-spacing:1px}.hero-subtitle{font-size:1.3em;font-weight:400;margin-bottom:24px;color:#e0e0e0}.hero-list{margin:0 0 28px 0;padding:0;list-style:none}.hero-list li{margin-bottom:8px;font-size:1.08em;display:flex;align-items:center}.hero-list li::before{content:"✔";color:var(--accent);margin-right:10px;font-size:1.1em}.hero-btns{margin-top:18px;display:flex;flex-wrap:wrap;gap:18px}.hero-btn{background:var(--accent);color:#fff;border:none;border-radius:30px;padding:12px 32px;font-size:1.1em;font-weight:700;cursor:pointer;transition:background .2s , box-shadow .2s;box-shadow: 0 2px 12px #1abc9c44;text-decoration:none;flex-shrink:0}.hero-btn.secondary{background:transparent;border:2px solid #fff;color:#fff}.hero-btn:hover{background:#fff;color:#e53935}.hero-btn.secondary:hover{background:#fff;color:var(--primary);border-color:#e53935}.products-section{background:#fff;padding:60px 0 40px 0}.section-title{text-align:center;font-size:2em;font-weight:700;color:var(--primary);margin-bottom:36px;letter-spacing:1px}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1100px;margin:0 auto;justify-items:center;align-items:center;padding:0 15px}.products-grid img{width:320px;height:240px;object-fit:contain;border-radius:12px;box-shadow: 0 2px 16px #15608218;background:#fff;padding:10px;max-width:100%;box-sizing:border-box}.products-grid img:hover{transform:scale(1.08);box-shadow: 0 8px 32px #e5393533, 0 2px 16px #15608244;border:3px solid;border-image:linear-gradient(135deg,var(--accent),var(--primary)) 1;outline:3px solid #fff;outline-offset:-7px;z-index:2;transition:transform .3s cubic-bezier(.25,1.7,.45,.85) , box-shadow .3s , border .3s , outline .3s;cursor:pointer}.about-astral-logo{display:block;margin:0 auto 12px auto;max-width:90vw;height:auto}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(2,1fr)}.about-astral>div,.testimonials>div,.company-history>div{padding:0 10px}}@media (max-width:800px){.products-grid{grid-template-columns:1fr}.products-grid img{width:96vw;height:38vw;min-height:120px;max-width:98vw}.about-astral-logo{height:48px!important;max-width:48vw!important;padding:4px 12px!important}.about-astral img,.company-history img{height:40vw!important;max-width:96vw!important}.testimonials>div>div{grid-template-columns:1fr!important}.navbar{flex-direction:row;height:48px;align-items:center;justify-content:space-between;padding:0 0 0 0}.navbar .logo{margin:0 0 0 10px;font-size:1.1em;display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap}.navbar .menu-toggle{display:flex!important;min-width:48px;min-height:48px;color:#fff;margin-right:10px}.navbar nav{display:none;position:absolute;top:48px;left:0;right:0;flex-direction:column;background:var(--navbar);box-shadow:0 8px 16px rgba(0,0,0,.2);max-height:0;overflow:hidden;margin-right:0;padding-bottom:10px}.navbar nav.show{display:flex;max-height:500px;opacity:1}.navbar nav a{padding:18px 0 18px 24px;font-size:1.18em;min-height:52px;font-weight:700;background:rgba(255,255,255,.07);color:#fff;border-bottom:1.5px solid #e53935;letter-spacing:.5px;text-align:left;border-radius:0;width:100%;box-sizing:border-box;justify-content:flex-start}.navbar nav a.active,.navbar nav a:hover{background:#e53935;color:#fff;border-radius:0 18px 18px 0;box-shadow: 0 2px 8px #e5393533}}@media (max-width:600px){.hero-content{padding:30px 10px}.navbar .logo{font-size:1.3em;margin-left:10px}.navbar nav{margin-right:10px}.products-grid img{width:98vw;height:44vw;min-height:120px;max-width:99vw}.about-astral-logo{max-width:70vw;height:auto}.about-astral img,.company-history img{height:60vw!important;max-width:98vw!important}.testimonials>div>div{grid-template-columns:1fr!important}}@media (max-width:500px){.about-astral-logo{height:36px!important;max-width:38vw!important;padding:2px 6px!important}.hero-btn{padding:10px 24px;font-size:1em}.hero-btns{justify-content:center}}@media (max-width:400px){.hero-title{font-size:1.8em;line-height:1.2}.hero-subtitle{font-size:1.1em}.products-grid img{width:99vw;height:50vw}}@media (min-width:801px){.navbar .menu-toggle{display:none}.navbar nav{display:flex!important;flex-direction:row;background:none;box-shadow:none;border-radius:0;width:auto;margin-right:40px;position:static;max-height:none;overflow:visible;opacity:1}.navbar nav a{padding-left:18px;padding-right:18px;border-bottom:none;text-align:center;min-width:auto;min-height:auto;justify-content:center;border-radius:6px}}#loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(255,255,255,.98);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s}.loader-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center}.loader-spinner svg{margin-bottom:18px;animation:loader-rotate 1s linear infinite}.loader-text{font-size:1.2em;color:#e53935;font-weight:600;letter-spacing:1px;font-family:'Montserrat',Arial,sans-serif}@keyframes loader-rotate {
    100% {
        transform: rotate(360deg);
    }
}.categories-page,.orders-page{padding:20px;text-align:center}.categories-page h1,.orders-page h1{color:var(--primary);font-size:2.5em}.hero-btn.see-categories-btn{background:linear-gradient(90deg,#e53935 0%,#036 100%);color:#fff;border:none;border-radius:30px;padding:12px 38px;font-size:1.15em;font-weight:700;margin-left:8px;box-shadow: 0 4px 18px #e5393533, 0 2px 8px #00336622;letter-spacing:1px;transition:background .25s , transform .18s , box-shadow .25s;position:relative;overflow:hidden;text-decoration:none!important}.hero-btn.see-categories-btn:hover{background:linear-gradient(90deg,#036 0%,#e53935 100%);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow: 0 8px 32px #00336633, 0 2px 16px #e5393544;text-shadow: 0 2px 8px #fff4}.footer{background-color:#036;color:#fff;padding:50px 30px}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px;margin:auto}.footer-left,.footer-middle,.footer-right{flex:1;min-width:280px;margin:10px}.footer-logo{width:220px;max-width:90vw;margin-bottom:32px}.footer-desc{font-size:15px;margin-bottom:20px;color:#ccc}.social-icons a{color:#fff;background:#333;border-radius:50%;padding:10px;margin:5px;font-size:16px;display:inline-block;transition:background .3s}.social-icons a:hover{background:#007bff}.footer-contact{display:flex;align-items:center;color:#ccc;margin-bottom:20px}.footer-contact i{font-size:20px;margin-right:10px;color:#007bff}.footer-links h3,.footer-right h3{margin-bottom:10px;font-family:'Montserrat',sans-serif;border-bottom:2px solid #007bff;display:inline-block;padding-bottom:5px}.footer-links ul{list-style:none;padding:0;display:flex;flex-wrap:wrap}.footer-links li{width:50%;margin-bottom:8px}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.subscribe-box{display:flex;margin-top:15px}.subscribe-box input{padding:12px;border:none;flex:1;background:#222;color:#ccc;border-radius:25px 0 0 25px;outline:none}.subscribe-box button{padding:12px 18px;border:none;background:#007bff;color:#fff;border-radius:0 25px 25px 0;cursor:pointer;transition:background .3s , transform .18s , box-shadow .18s;position:relative}.subscribe-box button:hover{background:#e53935;transform:translateY(-2px) scale(1.07);box-shadow: 0 4px 16px #e5393533}.footer-toast{display:none;position:fixed;right:40px;top:40px;left:auto;transform:none;background:#fff;border:2px solid #000;color:#000;padding:16px 32px;border-radius:30px;font-size:1.13em;font-weight:600;z-index:9999;opacity:0;transition:opacity .4s;letter-spacing:1px}.footer-toast.show{display:block;opacity:1}@media (max-width:768px){.footer-container{flex-direction:column;align-items:center}.footer-left,.footer-middle,.footer-right{margin-bottom:30px}}