.quick-navigation{padding:var(--spacing-md);background:var(--color-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);transition:var(--transition-normal);position:relative;overflow:hidden}.quick-navigation-header{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);position:relative}.quick-navigation-icon{width:24px;height:24px;color:var(--color-primary)}.quick-navigation-title{font-size:var(--font-size-2xl);font-weight:700}.navigation-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.navigation-category{text-align:center;position:relative}.navigation-category-button{width:100%;padding:var(--spacing-md);background:var(--color-muted);border:1px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-normal);text-decoration:none;display:block;color:inherit;position:relative;overflow:hidden}.navigation-category-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left var(--transition-normal)}.navigation-category-button:active,.navigation-category-button:visited{color:inherit}.navigation-category-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg);background:var(--color-card);border-color:var(--color-primary-light)}.navigation-category-button:hover:before{left:100%}.navigation-category-button:hover .navigation-category-icon{transform:scale(1.1);color:var(--color-primary)}.navigation-category-icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);display:block;color:var(--color-muted-foreground);transition:var(--transition-normal)}.navigation-category-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-foreground);margin:0 0 var(--spacing-xs) 0}.popular-searches{margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-muted);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.popular-searches-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-foreground);margin:2px 4px 10px;text-align:left}.popular-searches-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start}.popular-search-tag{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-card);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-decoration:none;transition:var(--transition-normal);border:1px solid var(--color-primary);position:relative;overflow:hidden}.popular-search-tag,.popular-search-tag:active,.popular-search-tag:visited{color:var(--color-accent-foreground)}.popular-search-tag:hover{color:var(--color-primary-foreground);transform:translateY(-2px);box-shadow:var(--shadow-md)}.popular-search-tag:hover:before{left:0}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;transition:var(--transition-normal)}.badge-secondary{background:var(--gradient-primary);color:var(--color-primary-foreground);border:1px solid var(--color-primary)}@media (max-width:768px){.quick-navigation{padding:10px}.quick-navigation-title{font-size:var(--font-size-xl)}.navigation-categories{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-xs)}.navigation-category-button{padding:var(--spacing-sm)}.navigation-category-icon{font-size:var(--font-size-lg);margin-bottom:2px}.navigation-category-title{font-size:var(--font-size-sm)}.popular-searches-list{gap:var(--spacing-xs);justify-content:flex-start}.popular-search-tag{padding:2px var(--spacing-md);font-size:var(--font-size-xs)}}@media (max-width:480px){.quick-navigation{padding:10px}.quick-navigation-title{font-size:var(--font-size-lg)}.navigation-categories{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.navigation-category-icon{font-size:var(--font-size-base)}.navigation-category-title{font-size:var(--font-size-xs)}.popular-searches-title{font-size:var(--font-size-md)}.popular-searches{padding:var(--spacing-xs)}}