*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Helvetica Neue,Arial,sans-serif}body{background-color:#f9fafc;color:#1a1a1a}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#fff;box-shadow:0 2px 8px #00000014}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 30px;height:80px}.logo{display:flex;align-items:center;text-decoration:none}.logo-text{position:relative;display:inline-block;font-size:2rem;font-weight:700;color:#fff;letter-spacing:-.5px;padding:6px 18px}.logo-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;border-radius:16px;transform:skew(-12deg);z-index:-1}.logo-word{position:relative;z-index:1}.nav-menu{display:flex;list-style:none;margin:0;padding:0}.nav-link{display:inline-block;padding:0 18px;line-height:80px;text-decoration:none;color:#1a1a1a;font-weight:600;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;position:relative;transition:color .3s ease;cursor:pointer;border:none;background:none;font-family:inherit;appearance:none;-webkit-appearance:none}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background-color:#c0392b;transition:width .3s ease}.nav-link:hover{color:#c0392b}.nav-link:hover:after{width:100%}.dropdown-arrow{display:inline-block;vertical-align:middle;margin-left:4px;transition:transform .3s ease}.has-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.header-right{display:flex;align-items:center;gap:15px}.has-dropdown{position:static}.mega-dropdown{position:absolute;top:80px;left:0;width:100%;background:#fff;box-shadow:0 8px 24px #00000014;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:999}.has-dropdown:hover .mega-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-container{max-width:1200px;margin:0 auto;padding:40px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.dropdown-cat-title{font-size:1rem;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #c0392b}.dropdown-products{display:flex;flex-direction:column;gap:12px}.dropdown-product{display:flex;align-items:center;gap:12px;text-decoration:none;color:#555;font-size:.9rem;font-weight:500;padding:8px;border-radius:8px;transition:all .2s ease}.dropdown-product:hover{background:#f5f5f5;color:#1a1a1a}.dropdown-product img{width:48px;height:48px;object-fit:cover;border-radius:6px;flex-shrink:0}.dropdown-desc{font-size:1.1rem;line-height:1.7;color:#555;margin:0}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn svg{fill:#1a1a1a;display:block}html.no-scroll,body.no-scroll{overflow:hidden!important}@media(max-width:992px){.header-container{height:70px}.logo-text{font-size:1.5rem;padding:5px 14px}.logo-bg{border-radius:12px}.nav-menu{flex-direction:column;width:100%}.nav-link{line-height:normal;padding:15px 25px;font-size:1rem}.nav-container{display:none;position:absolute;top:70px;left:0;right:0;background-color:#fff;flex-direction:column;box-shadow:0 4px 12px #0000001a;max-height:calc(100vh - 70px);overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-container.active{display:flex}.nav-link{color:#1a1a1a!important;border-bottom:1px solid #f0f0f0}.mobile-menu-btn{display:block}.header-right{order:3}.has-dropdown{position:relative}.mega-dropdown{position:static;width:100%;box-shadow:none;opacity:0;visibility:hidden;transform:none;max-height:0;overflow:hidden;background:#f9f9f9;transition:max-height .3s ease,opacity .3s ease,visibility .3s ease}.has-dropdown.open .mega-dropdown{opacity:1;visibility:visible;max-height:1000px}.has-dropdown.open .dropdown-arrow{transform:rotate(180deg)!important}.has-dropdown:hover .dropdown-arrow{transform:none!important}.dropdown-container{grid-template-columns:1fr;padding:15px 25px;gap:20px}.dropdown-cat-title{color:#1a1a1a;font-size:.9rem;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #c0392b}.dropdown-product{color:#555;padding:12px 0;min-height:44px;display:flex;align-items:center}.dropdown-product:hover{background:transparent;color:#1a1a1a}.dropdown-product img{width:40px;height:40px}}
