#brands-hero{min-height:55vh;position:relative;display:flex;align-items:center;overflow:hidden}.brands-hero-bg{position:absolute;inset:0;background-image:url("../brands/header.jpg");background-size:cover;background-position:center 30%;transform:scale(1.04);transition:transform 8s ease}.brands-hero-bg.loaded{transform:scale(1)}.brands-hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/46px 46px,linear-gradient(105deg,rgba(5,13,26,.92) 0,rgba(9,24,48,.78) 50%,rgba(12,45,92,.55) 100%)}.brands-hero-overlay::after{content:"";position:absolute;width:480px;height:480px;top:-150px;right:-110px;border-radius:50%;background:radial-gradient(circle,rgba(200,16,46,.18) 0,transparent 70%);pointer-events:none}.brands-hero-overlay-teal{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 50%,rgba(1,33,105,.08) 0,transparent 55%)}.brands-hero-content{position:relative;z-index:1}.brands-hero-content .breadcrumb-nav{display:flex;width:fit-content;align-items:center;gap:10px;font-size:.8rem;font-weight:500;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:50px;padding:.5rem 1.15rem;margin-bottom:1.3rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.brands-hero-content .breadcrumb-nav a{color:rgba(255,255,255,.6);text-decoration:none;transition:color .2s}.brands-hero-content .breadcrumb-nav a:hover{color:#fff}.brands-hero-content .breadcrumb-sep{color:rgba(255,255,255,.3);font-size:.6rem;display:inline-flex}.brands-hero-content .breadcrumb-nav>span:not(.breadcrumb-sep){color:#fff!important;font-weight:600}.brands-hero-title{font-size:clamp(2rem, 4.5vw, 3.6rem);font-weight:800;color:#fff;line-height:1.1;margin-bottom:1rem}.brands-hero-title span{background:linear-gradient(135deg,#012169,#00e5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brands-hero-desc{color:rgba(255,255,255,.6);font-size:1rem;line-height:1.6;max-width:520px;margin-bottom:0}.hero-brand-counter{display:flex;gap:2rem;margin-top:2rem}.hero-brand-counter .hc-item{text-align:center}.hero-brand-counter .hc-num{font-family:"Space Grotesk",sans-serif;font-size:2rem;font-weight:800;color:#fff;line-height:1}.hero-brand-counter .hc-label{font-size:.75rem;color:rgba(255,255,255,.45);margin-top:2px;letter-spacing:.5px}#brands-filter{background:#fff;border-bottom:1px solid rgba(15,23,42,.08);padding:1.5rem 0;box-shadow:0 2px 12px rgba(15,23,42,.05)}.filter-search-wrap{position:relative}.filter-search-wrap .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:rgba(1,33,105,.4);font-size:.95rem;pointer-events:none}.brands-search-input{background:#f8fafc;border:1.5px solid rgba(1,33,105,.14);border-radius:12px;color:#0f172a;font-size:.95rem;padding:.78rem 1rem .78rem 2.75rem;width:100%;outline:0;transition:border-color .2s,background .2s,box-shadow .2s;font-family:Inter,sans-serif}.brands-search-input::placeholder{color:rgba(15,23,42,.35)}.brands-search-input:focus{border-color:#012169;background:rgba(1,33,105,.03);box-shadow:0 0 0 3px rgba(1,33,105,.08)}.filter-dropdown-wrap{position:relative;display:flex;align-items:center;background:#f8fafc;border:1.5px solid rgba(1,33,105,.14);border-radius:12px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.filter-dropdown-wrap:focus-within{border-color:#012169;box-shadow:0 0 0 3px rgba(1,33,105,.08)}.filter-dropdown-icon{display:grid;place-items:center;padding:0 12px 0 14px;color:#fff;background:linear-gradient(135deg,#012169,#c8102e);align-self:stretch;font-size:.8rem;flex-shrink:0}.filter-select{flex:1;appearance:none;-webkit-appearance:none;background:0 0;border:none;outline:0;color:#0f172a;font-size:.88rem;font-weight:600;font-family:Inter,sans-serif;padding:.68rem 2.2rem .68rem .9rem;cursor:pointer;width:100%}.filter-select option{font-weight:500;background:#fff;color:#0f172a}.filter-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:rgba(1,33,105,.5);pointer-events:none;display:grid;place-items:center}.results-count{font-size:.8rem;color:rgba(15,23,42,.4);white-space:nowrap;align-self:center}.results-count span{color:#012169;font-weight:700}#brands-grid{padding:4rem 0 6rem;background:#f8fafc;min-height:60vh}.section-heading-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.view-all-link{font-size:.85rem;font-weight:600;color:#012169;text-decoration:none;display:flex;align-items:center;gap:6px;transition:gap .2s}.view-all-link:hover{gap:10px;color:#012169}.brand-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:18px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;cursor:pointer;text-decoration:none;display:flex;flex-direction:column;height:100%}.brand-card:hover{transform:translateY(-6px);border-color:rgba(1,33,105,.3);box-shadow:0 16px 48px rgba(15,23,42,.1),0 0 0 1px rgba(1,33,105,.1)}.brand-logo-wrap{background:#fff;display:flex;align-items:center;justify-content:center;height:120px;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(15,23,42,.06);position:relative;overflow:hidden}.brand-logo-wrap::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(1,33,105,.4),transparent);opacity:0;transition:opacity .3s}.brand-card:hover .brand-logo-wrap::after{opacity:1}.brand-logo-wrap img{max-width:140px;max-height:72px;width:auto;height:auto;object-fit:contain;filter:grayscale(15%);transition:filter .3s,transform .3s}.brand-card:hover .brand-logo-wrap img{filter:grayscale(0%);transform:scale(1.05)}.brand-card-body{padding:1.1rem 1.25rem 1.25rem;display:flex;flex-direction:column;flex:1}.brand-card-name{font-family:"Space Grotesk",sans-serif;font-size:.95rem;font-weight:700;color:#0f172a;margin-bottom:.35rem}.brand-card-cat{font-size:.72rem;color:#012169;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:.6rem}.brand-card-desc{font-size:.78rem;color:rgba(15,23,42,.5);line-height:1.5;flex:1;margin-bottom:.75rem}.brand-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.brand-card-btn{font-size:.75rem;font-weight:700;color:rgba(15,23,42,.4);display:flex;align-items:center;gap:5px;transition:color .2s,gap .2s}.brand-card:hover .brand-card-btn{color:#012169;gap:8px}.brand-card-products{font-size:.72rem;color:rgba(15,23,42,.3);font-weight:500}.no-results{text-align:center;padding:4rem 1rem;display:none}.no-results i{font-size:3rem;color:rgba(15,23,42,.1);margin-bottom:1rem}.no-results h5{color:rgba(15,23,42,.4);font-size:1rem;font-weight:600}.no-results p{color:rgba(15,23,42,.25);font-size:.85rem}.brand-col.hidden{display:none!important}#brands-cta{padding:5rem 0;background:linear-gradient(135deg,#f0fdf9 0,#fff 50%,#fef6f0 100%);position:relative;overflow:hidden;border-top:1px solid rgba(15,23,42,.07)}#brands-cta::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(1,33,105,.08) 0,transparent 55%)}#brands-cta::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 50%,rgba(200,16,46,.06) 0,transparent 50%)}@media (max-width:576px){.brands-hero-title{font-size:1.9rem}.hero-brand-counter{gap:1.2rem}.filter-tabs{gap:6px}}