html{overflow-x:hidden}html body{display:flex;flex-direction:column;min-height:100vh;margin:0;background:linear-gradient(180deg,#0a0812,#0d0a14,#0a0812);font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}html body main{flex:1;padding-top:80px}@media (max-width: 768px){html body main{padding-top:70px}}@media (max-width: 480px){html body main{padding-top:60px}}html body header{display:flex;color:#fff;max-width:100%;justify-content:space-between;align-items:center;background:#0a0812d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(167,139,250,.15);padding:0 60px;position:fixed;top:0;left:0;right:0;height:80px;z-index:1000;transition:all .3s ease}@media (max-width: 768px){html body header{height:70px;padding:0 20px}}@media (max-width: 480px){html body header{height:60px;padding:0 15px}}html body .logo-section{display:flex;align-items:center}html body .logo-section .logo-link{display:flex;align-items:center;gap:14px;text-decoration:none;transition:all .3s ease}html body .logo-section .logo-link:hover .navlogo{transform:scale(1.05);box-shadow:0 0 20px #a78bfa66}html body .logo-section .logo-link:hover .brand-name{background:linear-gradient(135deg,#a78bfa,#fff);-webkit-background-clip:text;background-clip:text}html body .logo-section .navlogo{height:50px;width:50px;border-radius:50%;transition:all .3s ease;border:2px solid rgba(167,139,250,.3)}@media (max-width: 768px){html body .logo-section .navlogo{height:45px;width:45px}}@media (max-width: 480px){html body .logo-section .navlogo{height:38px;width:38px}}html body .logo-section .brand-name{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}@media (max-width: 768px){html body .logo-section .brand-name{font-size:1.3rem}}@media (max-width: 480px){html body .logo-section .brand-name{display:none}}html body .navbar{display:flex;align-items:center}html body .navbar .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:8px}@media (max-width: 768px){html body .navbar .nav-menu{position:fixed;top:70px;left:0;right:0;background:#0a0812fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:25px 20px;gap:8px;transform:translate(-100%);z-index:1000;border-bottom:1px solid rgba(167,139,250,.15);transition:transform .3s ease}html body .navbar .nav-menu.active{transform:translate(0)}}html body .navbar .nav-menu li{margin:0}html body .navbar .nav-menu li a{display:flex;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:500;color:#fffc;text-decoration:none;border-radius:10px;transition:all .3s ease;position:relative}html body .navbar .nav-menu li a:hover{color:#fff;background:#a78bfa26}html body .navbar .nav-menu li a.cart-link{background:#a78bfa33;border:1px solid rgba(167,139,250,.3)}html body .navbar .nav-menu li a.cart-link:hover{background:#a78bfa59;border-color:#a78bfa80}html body .navbar .nav-menu li a.cart-link svg{width:18px;height:18px}@media (max-width: 768px){html body .navbar .nav-menu li a{font-size:1.1rem;padding:16px 20px;justify-content:center;border-radius:12px}html body .navbar .nav-menu li a:hover{background:#a78bfa33}html body .navbar .nav-menu li a.cart-link{margin-top:10px;background:linear-gradient(135deg,#5942bd80,#a78bfa4d);border:1px solid rgba(167,139,250,.4)}}html body .navbar .mobile-menu-toggle{display:none;flex-direction:column;background:#a78bfa1a;border:1px solid rgba(167,139,250,.2);border-radius:10px;cursor:pointer;padding:10px;width:44px;height:44px;justify-content:center;align-items:center;gap:5px;transition:all .3s ease}@media (max-width: 768px){html body .navbar .mobile-menu-toggle{display:flex}}html body .navbar .mobile-menu-toggle .hamburger-line{width:22px;height:2px;background:#a78bfa;border-radius:2px;transition:all .3s ease;transform-origin:center}html body .navbar .mobile-menu-toggle.active{background:#a78bfa33}html body .navbar .mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}html body .navbar .mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}html body .navbar .mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}html body .navbar .mobile-menu-toggle:hover{background:#a78bfa33;border-color:#a78bfa66}html body .navbar .mobile-menu-toggle:hover .hamburger-line{background:#fff}html body footer{width:100%;margin:0 auto;color:#fff}html body .footer{border-top:1px solid rgba(167,139,250,.15);padding:60px 30px 30px;margin-top:80px}@media (max-width: 768px){html body .footer{padding:50px 20px 25px;margin-top:60px}}@media (max-width: 480px){html body .footer{padding:40px 15px 20px;margin-top:40px}}html body .footer-container{max-width:1200px;margin:0 auto}html body .footer-top{display:grid;grid-template-columns:1.2fr 2fr;gap:60px;padding-bottom:40px;border-bottom:1px solid rgba(167,139,250,.1)}@media (max-width: 768px){html body .footer-top{grid-template-columns:1fr;gap:40px}}html body .footer-brand .footer-logo-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:16px;transition:all .3s ease}html body .footer-brand .footer-logo-link:hover .footer-logo{transform:scale(1.05);box-shadow:0 0 20px #a78bfa66}html body .footer-brand .footer-logo{border-radius:50%;border:2px solid rgba(167,139,250,.3);transition:all .3s ease}html body .footer-brand .footer-brand-name{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,#fff,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html body .footer-brand .footer-tagline{color:#fff9;font-size:.95rem;line-height:1.6;margin:0;max-width:280px}html body .footer-links-section{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}@media (max-width: 480px){html body .footer-links-section{grid-template-columns:repeat(2,1fr);gap:30px}}html body .footer-links-group .footer-links-title{font-size:.9rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 18px}html body .footer-links-group .footer-links-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}html body .footer-links-group .footer-links-list li a{color:#ffffffb3;text-decoration:none;font-size:.95rem;transition:all .3s ease}html body .footer-links-group .footer-links-list li a:hover{color:#fff;padding-left:5px}html body .footer-social{display:flex;gap:12px}html body .footer-social .social-link{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#a78bfa26;border:1px solid rgba(167,139,250,.25);border-radius:10px;color:#a78bfa;transition:all .3s ease}html body .footer-social .social-link:hover{background:#a78bfa4d;border-color:#a78bfa80;color:#fff;transform:translateY(-3px)}html body .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:25px}@media (max-width: 480px){html body .footer-bottom{flex-direction:column;gap:15px;text-align:center}}html body .footer-bottom .footer-copyright{color:#ffffff80;font-size:.85rem;margin:0}html body .footer-bottom .footer-location{display:flex;align-items:center;gap:6px;color:#ffffff80;font-size:.85rem}html body .footer-bottom .footer-location svg{color:#a78bfab3}html,body{margin:0;width:100%;height:100%}