.header{background:var(--white);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-sticky);width:100%}.nav-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center;height:var(--header-height);position:relative;overflow:visible}.logo{display:flex;align-items:center;text-decoration:none;color:var(--text-color)}.logo img{height:40px;margin-right:10px}.logo-text{font-size:24px;font-weight:700;color:var(--primary-color)}.nav-menu{display:flex;list-style:none;gap:30px;margin:0;padding:0}.nav-menu a{text-decoration:none;color:var(--text-color);font-weight:500;transition:color var(--transition-base);padding:var(--spacing-sm) 0;display:block}.nav-menu a:hover{color:var(--primary-color)}.nav-menu a.active{color:var(--primary-color);font-weight:600}.search-container{display:flex;align-items:center;gap:10px}.search-bar{padding:var(--spacing-sm) var(--spacing-md);border:var(--border-width) solid var(--border-color);border-radius:25px;width:300px;font-size:.875rem;transition:border-color var(--transition-base)}.search-bar:focus{outline:none;border-color:var(--primary-color)}.search-btn{background:var(--primary-color);color:var(--white);border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:25px;cursor:pointer;font-weight:500;transition:background-color var(--transition-base)}.search-btn:hover{background:var(--primary-dark)}.mobile-menu-btn{display:none;background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:8px;border-radius:4px;transition:background-color .3s ease}.mobile-menu-btn:hover{background-color:var(--light-gray)}.mobile-menu-btn:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width: 768px){.nav-container{position:relative;z-index:1001}.nav-menu{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;gap:0;box-shadow:0 4px 20px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;border-top:1px solid var(--border-color);z-index:1000}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-menu li{border-bottom:1px solid var(--border-color)}.nav-menu li:last-child{border-bottom:none}.nav-menu a{padding:15px 20px;font-size:16px;border-left:3px solid transparent;transition:all .3s ease}.nav-menu a:hover,.nav-menu a:focus{background-color:var(--light-gray);border-left-color:var(--primary-color);color:var(--primary-color)}.nav-menu a.active{background-color:var(--light-gray);border-left-color:var(--primary-color);color:var(--primary-color);font-weight:600}.mobile-menu-btn{display:block!important;z-index:1002;position:relative;visibility:visible;opacity:1;pointer-events:auto}.search-container{display:none!important;visibility:hidden;opacity:0;position:absolute;pointer-events:none}.mobile-menu-btn .hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.mobile-menu-btn .hamburger span{display:block;width:100%;height:2px;background-color:var(--text-color);transition:all .3s ease;transform-origin:center}.mobile-menu-btn.active .hamburger span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-btn.active .hamburger span:nth-child(2){opacity:0}.mobile-menu-btn.active .hamburger span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.section-title{font-size:2rem}.cards-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width: 480px){.nav-container{padding:0 15px;justify-content:space-between}.logo-text{font-size:20px}.logo img{height:35px}.search-container{display:none!important;visibility:hidden;opacity:0;position:absolute;pointer-events:none}.mobile-menu-btn{display:block!important;visibility:visible;opacity:1;pointer-events:auto;margin-left:auto}.main-content{padding:40px 15px}.toast{min-width:250px;right:10px}}