.custom-logo{max-width:150px;height:auto}.custom-logo:hover img{transform:scale(1.05)}.mega-menu-item{position:relative}.mega-menu-dropdown{left:50%!important;transform:translateX(-50%)!important;margin-left:40px;margin-right:40px;width:calc(100vw - 80px)}@media (min-width:1024px){.mega-menu-dropdown{width:calc(100vw - 2rem);max-width:1200px}}.simple-dropdown-menu{border-radius:8px;border-top:3px solid #3B82F6;min-width:200px}.simple-dropdown-menu li:first-child a{border-radius:8px 8px 0 0}.simple-dropdown-menu li:last-child a{border-radius:0 0 8px 8px}.mega-column h3{position:relative}.mega-column h3::after{content:'';position:absolute;bottom:0;left:0;width:30px;height:2px;background:linear-gradient(90deg,#3B82F6,#1D4ED8);border-radius:1px}.mega-column ul li a{position:relative;padding-left:0;transition:all 0.15s ease}.mega-column ul li a:hover{padding-left:12px;color:#3B82F6}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}.mobile-menu-container{overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.mobile-menu-list{list-style:none;padding:0;margin:0}.mobile-menu-list li{border-bottom:1px solid #E5E7EB}.mobile-menu-list li:last-child{border-bottom:none}.mobile-menu-list a{display:block;padding:12px 0;color:#374151;text-decoration:none;font-weight:500;transition:color 0.2s ease}.mobile-menu-list a:hover{color:#3B82F6}@media (max-width:1023px){.mega-menu-dropdown{position:static!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;box-shadow:none!important;border:none!important;background:#F9FAFB!important;opacity:1!important;visibility:visible!important;display:none;margin:0!important}.mega-menu-dropdown.mobile-active{display:block!important}.mega-menu-dropdown .container{padding:16px!important;margin:0!important;max-width:none!important;width:100%!important}.mega-menu-dropdown .grid{grid-template-columns:1fr!important;gap:16px!important}.mega-column{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px 0 rgb(0 0 0 / .1);width:100%;margin:0}.mobile-menu-item{position:relative;width:100%}.mobile-menu-item>a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:18px;font-weight:600;color:#1F2937;border-bottom:1px solid #E5E7EB;width:100%}.mobile-menu-item.active>a{color:#3B82F6}.mobile-toggle-icon{margin-left:auto;transition:transform 0.2s ease;flex-shrink:0}.mobile-menu-item.active .mobile-toggle-icon{transform:rotate(180deg)}.simple-dropdown .simple-dropdown-menu{position:static!important;left:auto!important;transform:none!important;opacity:1!important;visibility:visible!important;box-shadow:none!important;border:none!important;background:#F3F4F6!important;margin:8px 0 0 0!important;border-radius:8px;display:none;min-width:auto!important;width:100%!important;max-width:none!important}.simple-dropdown.mobile-active .simple-dropdown-menu{display:block!important}.simple-dropdown .simple-dropdown-menu li{width:100%}.simple-dropdown .simple-dropdown-menu li a{padding:12px 16px!important;font-size:16px;color:#6B7280;width:100%;display:block}}.slide-down{animation:slideDown 0.3s ease-out}.slide-up{animation:slideUp 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.menu-loading{pointer-events:none;opacity:.7}.mega-menu-item a:focus,.simple-dropdown a:focus,.mobile-menu-list a:focus{outline:2px solid #3B82F6;outline-offset:2px;border-radius:4px}@media (max-width:640px){.custom-logo img{max-height:40px}.mobile-menu-item>a{font-size:16px;padding:14px 0}.mega-menu-dropdown .container{padding:12px!important}.mega-column{padding:12px}}.cart-count-badge{animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}@media (max-width:1023px){.group .absolute.bg-gray-800{display:none}.cart-count-badge{font-size:10px;width:18px;height:18px;line-height:1;right:-6px;top:-6px}}@media (max-width:480px){.flex.items-center.space-x-3>a,#mobile-menu-button{width:36px;height:36px}.flex.items-center.space-x-3>a svg,#mobile-menu-button svg{width:18px;height:18px}}