.brand-list{scroll-behavior:smooth;gap:12px;display:flex}.brand-strip{justify-content:center;align-items:center;gap:14px;padding:18px 0;display:flex}.brand-item{color:var(--muted);cursor:pointer;font-family:var(--font-ui);background:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;display:flex}.brand-item:hover{transform:translateY(-6px);box-shadow:0 20px 40px #02060c59}.brand-item:focus{outline:none;box-shadow:0 0 0 4px #b8862d14}.brand-nav{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:18px}.futuristic-brands .brands-panel{-webkit-backdrop-filter:blur(6px)saturate(1.05);backdrop-filter:blur(6px)saturate(1.05);background:linear-gradient(135deg,#ffffff05,#06060629);border:1px solid #ffffff08;border-radius:12px;padding:18px;position:relative;overflow:visible}.futuristic-brands .brands-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;display:flex}.futuristic-brands .search-by-left{flex:1}.futuristic-brands .search-by-controls{flex:none}.futuristic-brands .brands-header.search-by{flex-direction:column;align-items:flex-start;gap:10px}.futuristic-brands .brands-header.search-by .pill-toggle{order:0}.futuristic-brands .brands-header.search-by .hero-brands{order:1;width:100%}.futuristic-brands .section-title.large{letter-spacing:.02em;color:#fff;font-size:56px;line-height:1;font-family:var(--font-display);margin:0;font-weight:400}.futuristic-brands .pill-toggle{background:0 0;border:1px solid #ffffff0f;border-radius:40px;align-items:center;gap:6px;padding:6px;display:flex}.futuristic-brands .pill-toggle .pill{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:28px;padding:10px 22px;font-weight:600}.futuristic-brands .pill-toggle .pill.active{color:#fff;background:linear-gradient(90deg,#b8862d,#a86f2a);border:1px solid #0000000f;box-shadow:0 6px 18px #b8862d1f}.futuristic-brands .brands-row{align-items:center;gap:12px;display:flex}.futuristic-brands .brand-list{-ms-overflow-style:none;scrollbar-width:none;align-items:center;gap:20px;padding:12px 8px;overflow-x:auto}.futuristic-brands .brand-list::-webkit-scrollbar{width:0;height:0;display:none}.futuristic-brands .brand-item{--size:110px;width:var(--size);height:var(--size);flex:none;transition:transform .28s cubic-bezier(.2,.9,.2,1),box-shadow .28s;position:relative;box-shadow:0 8px 28px #02060c52}.futuristic-brands .brand-logo-img{object-fit:contain;width:56px;height:56px;display:block}.futuristic-brands .brand-item .brand-name{display:none}.futuristic-brands .brand-item img{filter:none;opacity:1;max-width:72%;max-height:72%}.futuristic-brands .brand-nav{justify-content:center;align-items:center;padding:8px;display:flex}@media (max-width:900px){.futuristic-brands .section-title.large{font-size:40px}}@media (max-width:700px){.futuristic-brands .brand-item{--size:80px}.futuristic-brands .brands-header{text-align:center;flex-direction:column;align-items:center;gap:12px}.futuristic-brands .brands-panel:after{display:none}.futuristic-brands .brands-panel{padding:6px}}.hero-brands{align-items:center;gap:8px;width:100%;margin-top:6px;display:grid;overflow-x:visible}.hero-brands .brand-list{scroll-behavior:smooth;scroll-snap-type:x proximity;--hero-brand-size:72px;width:max-content;min-height:calc(var(--hero-brand-size) + 20px);box-sizing:border-box;white-space:nowrap;flex:none;gap:12px;overflow:visible}.hero-brands .brand-list::-webkit-scrollbar{width:0;height:0;display:none}.hero-brands .brand-item{border-radius:12px;flex:none;width:72px;height:72px;padding:10px;box-shadow:0 8px 20px #02060c52}.hero-brands .brand-logo-img{width:44px;max-width:100%;height:auto}.hero-brands .brand-nav{padding:6px}.hero-brands .brand-item.placeholder{visibility:hidden;pointer-events:none}@media (max-width:600px){.hero-brands .brand-nav{display:none!important}}.debug-brands .hero{outline:2px solid #ff0000e6}.debug-brands .hero-left{outline:2px dashed #ffa500e6}.debug-brands .hero-brands{outline:2px solid #007bffe6}.debug-brands .hero-brands .brand-list{outline:2px dotted #00c878e6}.debug-brands .hero-brands .brand-item{outline:1px solid #ff09}.brand-scroll{box-sizing:border-box;-webkit-overflow-scrolling:touch;touch-action:pan-x;max-width:100%;overflow-x:auto}.brand-scroll.debug-scrollbar{scrollbar-width:thin;scrollbar-color:#c8c8c8cc transparent;overflow-x:scroll!important}.brand-scroll.debug-scrollbar::-webkit-scrollbar{height:12px}.brand-scroll.debug-scrollbar::-webkit-scrollbar-track{background:0 0}.brand-scroll.debug-scrollbar::-webkit-scrollbar-thumb{background:#c8c8c8e6;border-radius:8px}@media (min-width:901px){.hero-brands{align-items:center;gap:12px;display:flex}.hero-brands .brand-list{scroll-snap-type:none;white-space:normal;box-sizing:border-box;flex-wrap:wrap;justify-content:flex-start;gap:12px;width:100%;min-height:auto;display:flex;overflow:visible}.hero-brands .brand-item{aspect-ratio:1;border-radius:12px;flex:0 0 calc(12.5% - 10.5px);width:calc(12.5% - 10.5px);height:auto;padding:12px;box-shadow:0 8px 20px #02060c52}.hero-brands .brand-logo-img{width:54%;max-width:100%;height:auto}.hero-brands .brand-nav{display:flex}}