/* KWYAB Layout: Header (Top bar, branding, live search) */
.header-top-bar{background:#0e141a;color:#fff;text-align:center;padding:8px 0;font-size:.85rem;font-weight:600;letter-spacing:.5px}.top-bar-text{opacity:.8}.site-header{background:var(--color-primary);position:sticky;top:0;z-index:100;transition:transform .35s cubic-bezier(.25,.8,.25,1),background-color .3s ease,backdrop-filter .3s ease;will-change:transform}.site-header.header-scrolled{background:rgba(23,33,43,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px rgba(0,0,0,.15);border-bottom:1px solid rgba(255,255,255,.05)}.site-header.header-hidden{transform:translateY(-100%)}.header-main-wrapper{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:40px}.site-branding{flex-shrink:0}.site-branding img{max-height:60px;width:auto}.header-search-container{flex-grow:1;max-width:800px}.header-search-form{display:flex;position:relative;width:100%;background:#fff;border-radius:50px;box-shadow:0 4px 10px rgba(0,0,0,.1);transition:var(--transition-smooth);border:2px solid transparent}.header-search-form:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-light)}.header-search-field{width:100%;padding:14px 20px;border:none;border-radius:50px 0 0 50px;font-family:var(--font-body);font-size:1rem;color:var(--color-primary);outline:none;background:transparent}.header-search-submit{position:relative;background:var(--color-accent);border:none;width:65px;border-radius:0 50px 50px 0;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.header-search-submit svg{width:22px;height:22px}.header-search-submit:hover{background:var(--color-accent-hover)}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none;-webkit-appearance:none}.header-search-container{position:relative}.live-search-results{position:absolute;top:110%;left:0;width:100%;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);border-radius:16px;box-shadow:0 15px 40px rgba(0,0,0,.2);border:1px solid var(--color-border);z-index:1000;display:none;overflow:hidden;animation:fadeInUp .2s ease}.ls-loading,.ls-empty{padding:20px;text-align:center;color:var(--color-secondary);font-style:italic}.ls-list{list-style:none;margin:0;padding:0}.ls-item{border-bottom:1px solid var(--color-border)}.ls-item:last-child{border-bottom:none}.ls-item a{display:flex;align-items:center;padding:15px;gap:15px;color:var(--color-primary);transition:var(--transition-smooth)}.ls-item a:hover{background:var(--color-background-light);color:var(--color-accent)}.ls-item img{width:50px;height:50px;object-fit:cover;border-radius:8px;background:var(--color-border)}.ls-info{flex:1;display:flex;flex-direction:column;align-items:flex-start}.ls-title{font-size:.95rem;font-weight:600;line-height:1.3;display:block;margin-bottom:6px}.ls-badge{display:inline-block;padding:4px 10px;border-radius:50px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;background:var(--color-background-light);color:var(--color-secondary)}.ls-badge-review{background:var(--color-accent-light);color:var(--color-accent)}.ls-badge-versus{background:rgba(231,76,60,.1);color:var(--color-danger)}.ls-all{display:block;text-align:center;padding:15px;background:var(--color-background-light);color:var(--color-accent);font-weight:700;font-size:.9rem;text-transform:uppercase;border-top:1px solid var(--color-border)}.dynamic-card-desc{color:var(--color-secondary);font-size:.95rem;line-height:1.6;margin:0 0 15px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.live-search-results-local{top:100%;margin-top:15px}
@media (max-width:1024px){.header-main-wrapper{display:flex;flex-wrap:wrap;align-items:center;padding:12px 0;gap:12px}.site-branding{flex:1;order:1}.site-branding img{max-height:48px}.header-search-container{order:3;flex:0 0 100%;max-width:100%;margin-top:0}.header-search-form{box-shadow:0 5px 20px rgba(0,0,0,.15)}}
@media (max-width:768px){.site-branding img{max-height:42px}}