.navbar{background:var(--bg-secondary);background:color-mix(in srgb,var(--bg-secondary) 82%,#000 18%);padding:0;position:fixed;align-content:center;top:0;left:0;right:0;min-height:40px;max-height:40px;z-index:1000;transition:transform 0.3s ease}.navbar.hidden{transform:translateY(-100%)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:clamp(70%,calc(35.7142857% + 493.7142857px),100%);margin:0 auto;position:relative;background:color-mix(in srgb,var(--bg-secondary) 65%,#000 35%);border-radius:clamp(12px,2vw,18px);padding:0 clamp(12px,2vw,22px);height:100%;box-sizing:border-box;box-shadow:0 6px 18px rgba(0,0,0,0.16)}.nav-brand{font-family:cursive;font-size:clamp(14px,3vw,16px);font-weight:bold;color:var(--text-primary);text-decoration:none;text-transform:uppercase}.nav-controls{display:flex;align-items:center}.search-container{position:absolute;left:50%;transform:translateX(-50%);z-index:1002}.search-close{display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;border:none;background:transparent;color:var(--text-secondary);font-size:18px;line-height:24px;text-align:center;cursor:pointer}.search-box{padding:clamp(4px,1vh,8px) clamp(6px,1vw,12px);border:1px solid var(--border-color);border-radius:clamp(10px,2vw,20px);background:var(--bg-primary);color:var(--text-primary);font-size:clamp(10px,2vw,var(--text-size-small));width:clamp(120px,25vw,200px);outline:none}.search-box:focus{border-color:var(--accent-color)}.search-icon{display:none;cursor:pointer;font-size:clamp(16px,3.5vw,var(--text-size-large));color:var(--text-primary)}.theme-toggle{background:none;border:none;font-size:clamp(16px,3.5vw,var(--text-size-large));color:var(--text-primary);cursor:pointer;padding:clamp(2px,0.8vw,5px)}.install-app-btn{background:#0b5394;border:1px solid #063872;color:#ffffff;cursor:pointer;padding:clamp(4px,1vh,8px) clamp(6px,1vw,12px);border-radius:6px;font-size:clamp(12px,2.8vw,var(--text-size-base));display:inline-block;font-weight:600}.install-app-btn:hover{background:#09417a;border-color:#063872;color:#ffffff}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:clamp(2px,0.8vw,5px)}.hamburger span{width:clamp(15px,5vw,25px);height:clamp(4px,0.5vw,3px);background:var(--text-primary);margin:clamp(1px,0.4vw,3px) 0;transition:0.3s}.mobile-menu{display:none;position:fixed;top:clamp(40px,8vh,56px);left:0;right:0;width:100%;height:calc(100vh - clamp(40px,8vh,56px));background:var(--bg-primary);z-index:1003;margin:0;padding:0;border:none;border-radius:0;box-shadow:none;overflow-y:auto}.mobile-menu.show{display:block;width:100%;height:80%}.mobile-menu-grid{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0}.mobile-menu-section{width:100%;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column}.mobile-menu-section:last-child{border-bottom:none}.mobile-menu-section.brands{height:40%;background:var(--bg-secondary);display:flex;flex-direction:column}.brands-grid{display:flex;flex-wrap:wrap;position:relative;gap:0;height:100%;padding:clamp(2px,1vw,10px);overflow:hidden;background-image:linear-gradient(var(--border-color),var(--border-color)),linear-gradient(var(--border-color),var(--border-color)),linear-gradient(var(--border-color),var(--border-color));background-size:2px 70%,2px 70%,2px 70%;background-position:25% 50%,50% 50%,75% 50%;background-repeat:no-repeat}.brands-grid a{padding:clamp(2px,1vw,8px) clamp(1px,0.5vw,4px);text-align:center;font-size:clamp(6px,1.5vw,14px);color:var(--text-primary);text-decoration:none;transition:background-color 0.2s;border-radius:0;background:none;border:none;position:relative;flex:0 0 25%;box-sizing:border-box}.brands-grid a:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-menu-section.pages{height:35%;background:var(--bg-primary);display:flex;flex-direction:column}.pages-grid{display:flex;flex-wrap:wrap;position:relative;gap:0;height:100%;padding:clamp(2px,1vw,10px);overflow:hidden;background-image:linear-gradient(var(--border-color),var(--border-color)),linear-gradient(var(--border-color),var(--border-color));background-size:2px 70%,2px 70%;background-position:33.333% 50%,66.666% 50%;background-repeat:no-repeat}.pages-grid a{padding:clamp(2px,1vw,8px) clamp(1px,0.5vw,4px);text-align:center;font-size:clamp(6px,1.5vw,14px);color:var(--text-primary);text-decoration:none;transition:background-color 0.2s;border-radius:0;background:none;border:none;position:relative;flex:0 0 33.3333%;box-sizing:border-box}.pages-grid a:nth-child(n+17){display:none}.pages-grid a:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-menu-section.empty-20{background:var(--bg-secondary);min-height:40%;flex:0 0 40%}.brand-dd{position:relative}.brand-dd-toggle{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:clamp(4px,1vh,8px) clamp(6px,1vw,12px);cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:clamp(12px,2.5vw,16px)}.brand-dd-toggle .arrow{transition:transform 0.2s ease}.brand-dd-toggle.active .arrow{transform:rotate(180deg)}.brand-dd-menu{position:absolute;top:calc(100% + 6px);transform:translateX(-50%);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.15);min-width:92vw,360px;max-width:min(92vw,360px);max-height:60vh;overflow:auto;display:none;z-index:1100}.brand-dd-menu.show{display:block}.brand-dd-list{list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;column-gap:10px}@media (max-width:480px){.brand-dd-list{grid-template-columns:1fr;gap:6px}}.brand-search{padding:8px 8px 0 8px}.brand-search input{width:100%;padding:5px 0px;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);outline:none;font-size:11px}.brand-dd-item a{display:block;padding:2px 12px;color:var(--text-primary);text-decoration:none;font-size:12px;text-align:center}.brand-dd-item a:hover{background:var(--bg-secondary)}.brand-dd-item.selected a{background:#2196F3;font-weight:bold;border-color:#2196F3}.brand-dd-more{display:block;width:100%;border:none;background:var(--accent-color);color:#fff;border-radius:6px;padding:10px 12px;cursor:pointer;font-size:14px}.desktop-brand-dd{display:inline-flex;align-items:center;margin-right:8px}.simple-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:10px;height:100%}.grid-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:clamp(12px,2.5vw,16px);font-weight:500;cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;min-height:40px}.grid-btn:hover{background:var(--bg-secondary);border-color:var(--accent-color);color:var(--accent-color)}.mobile-menu a{display:block;padding:15px 20px;color:var(--text-primary);text-decoration:none;font-size:var(--text-size-base);transition:background-color 0.2s}.mobile-menu a:hover{background:var(--bg-secondary)}.navbar-search-results{position:absolute;justify-self:center;top:100%;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:5px;z-index:1001;display:none;min-width:600px;box-shadow:0 4px 12px rgba(0,0,0,0.15)}.navbar-search-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;height:100%}.navbar-phones-section{border-right:1px solid var(--border-color)}.navbar-search-results.show{display:block}.navbar-search-section{padding:15px;border-bottom:1px solid var(--border-color);max-height:60vh;overflow-y:auto}.navbar-search-section:last-child{border-bottom:none}.navbar-phone-item{border-left:3px solid #4CAF50}.navbar-news-item{border-left:3px solid #9C27B0}.navbar-search-section h3{font-size:var(--text-size-base);margin-bottom:10px;color:var(--text-primary);display:flex;align-items:center;gap:8px}.navbar-search-item{display:flex;align-items:center;gap:10px;padding:8px;cursor:pointer;border-radius:3px;transition:background-color 0.2s}.navbar-search-item:hover{background:var(--bg-secondary)}.navbar-search-item img{width:40px;height:40px;object-fit:contain;border-radius:3px}.navbar-search-thumb{width:40px;height:40px;object-fit:contain;border-radius:3px;background:var(--bg-secondary);opacity:0.3;transition:opacity 0.3s ease}.navbar-search-item-info{flex:1}.navbar-search-item-model{font-size:var(--text-size-small);font-weight:bold;color:var(--text-primary)}.navbar-search-item-brand{font-size:var(--text-size-small);color:var(--text-secondary)}@media (max-width:768px){.navbar-search-section:last-child{display:none}.install-app-btn{display:none}.search-box{display:none}.search-icon{display:block}.search-container.mobile-search{position:fixed !important;top:clamp(40px,8vh,56px);left:0 !important;right:0 !important;transform:none !important;width:100vw;height:40px;z-index:1100;display:flex;align-items:center;justify-content:center;background:transparent}.search-container.mobile-search form{position:relative;width:100vw;height:100%}.search-container.mobile-search .search-box{display:block;position:static;width:100%;height:100%;box-sizing:border-box;border-radius:9999px;border-width:2px;border-color:var(--accent-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-color) 30%,transparent);padding-right:0;z-index:1100}.search-container.mobile-search .search-close{display:block;z-index:1101;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;line-height:28px}.search-container.mobile-search .search-icon{display:none !important}.search-container{position:relative;left:auto;transform:none}.search-container.mobile-search{position:fixed !important;top:clamp(40px,8vh,56px);left:0 !important;right:0 !important;transform:none !important}.navbar-search-results-grid{grid-template-columns:1fr}.nav-container{max-width:100%;min-width:100%}.navbar-search-results{position:fixed;top:40px;left:50%;transform:translateX(-50%);width:80vw;min-width:0;max-width:80vw;z-index:1100}.navbar-phones-section{border-right:none;border-bottom:1px solid var(--border-color)}.hamburger{display:flex}.mobile-menu{top:clamp(47px,5vh,50px);height:calc(100vh - clamp(35px,7vh,50px))}.mobile-menu.show{height:80%}.brands-grid{padding:clamp(4px,1vw,8px)}.pages-grid{padding:clamp(4px,1vw,8px)}.brands-grid a{font-size:clamp(11px,1.5vw,12px);padding:clamp(3px,0.8vw,6px) clamp(1px,0.3vw,2px)}.pages-grid a{font-size:clamp(11px,1.5vw,12px);padding:clamp(3px,0.8vw,6px) clamp(1px,0.3vw,2px)}.mobile-menu a{padding:clamp(11px,1.5vw,12px) clamp(8px,2vw,15px);font-size:clamp(8px,2.5vw,16px)}}@media (max-width:480px){.brands-grid{padding:clamp(2px,0.8vw,6px)}.pages-grid{padding:clamp(2px,0.8vw,6px)}.brands-grid a{font-size:clamp(4px,1.2vw,10px);padding:clamp(2px,0.6vw,4px) clamp(1px,0.2vw,1px)}.pages-grid a{font-size:clamp(4px,1.2vw,10px);padding:clamp(2px,0.6vw,4px) clamp(1px,0.2vw,1px)}.mobile-menu a{padding:clamp(5px,1.2vw,10px) clamp(5px,0.5vw,12px);font-size:clamp(13px,1.5vw,12px)}}@media (max-width:319.98px){.navbar{}.nav-brand{font-size:clamp(10px,2.5vw,14px)}.hamburger span{width:clamp(12px,5vw,15px);height:clamp(3px,0.6vw,2px);margin:clamp(0.5px,0.6vw,1px) 0}.brands-grid{padding:clamp(1px,0.5vw,2px)}.brands-grid a{font-size:clamp(11px,1vw,6px)}.pages-grid{padding:clamp(1px,0.5vw,2px)}.pages-grid a{font-size:clamp(11px,1vw,6px);padding:clamp(1px,0.4vw,2px) clamp(0.5px,0.2vw,1px)}.mobile-menu-section.empty-20 div{font-size:clamp(8px,2vw,14px) !important}}