.input-group{border-radius:6px;box-shadow:none;transition:box-shadow 0.2s ease}.input-group:focus-within{box-shadow:none}.brands-grid-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.9375rem;margin-bottom:.9375rem}@media (max-width:992px){.brands-grid-wrapper{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}@media (max-width:576px){.brands-grid-wrapper{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}.brand-card{background:var(--tp-common-white,#fff);border-radius:.375rem;padding:.9375rem;box-shadow:0 10px 30px var(--shadow-color);transition:all 0.5s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;min-height:220px;opacity:0;transform:translateY(30px);animation:fadeInUp 0.6s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.brand-card:hover{transform:translateY(-10px);box-shadow:0 .25rem .5rem rgb(0 0 0 / .2)}.brand-card__logo-wrapper{width:100%;display:flex;align-items:start;justify-content:center;overflow:hidden;border-radius:.375rem;margin-bottom:.9375rem;position:relative;max-height:150px}.brand-card__logo{width:100%;height:100%;object-fit:contain;transition:transform 0.3s ease;opacity:1;max-height:75%}.brand-card:hover .brand-card__logo{transform:scale(1.05)}.brand-card__content{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;padding:.9375rem;position:absolute;bottom:0}.brand-card__name{text-align:center;font-size:.875rem;font-weight:600;color:var(--tp-text-body);margin-top:10px;word-wrap:break-word;width:100%;line-height:1.4;overflow-wrap:break-word;hyphens:auto}.brand-card:hover .brand-card__name{text-decoration:underline}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#f8f8f8 37%,#f0f0f0 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:8px}@keyframes skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.skeleton-batch{display:contents}.brand-card.skeletons{pointer-events:none;cursor:default}.brand-card.skeletons:hover{transform:none;box-shadow:none}.skel-logo{width:100%;aspect-ratio:3/2;border-radius:8px}.skel-name{width:70%;height:18px;margin:12px auto 0}.btn-load-more{background:var(--pns-sec-color);border:none!important;color:var(--tp-text-body);font-weight:600;border-radius:.375rem;position:relative;padding:.675rem .9375rem;margin:0;font-size:.875rem;text-align:center}.btn-load-more:hover:not(:disabled){background-color:var(--pns-color);color:var(--tp-common-white)}.btn-load-more:active:not(:disabled){transform:translateY(0)}.btn-load-more:disabled{opacity:.6;cursor:not-allowed}.btn-load-more .btn-icon{transition:transform 0.3s ease}.btn-load-more:hover:not(:disabled) .btn-icon{transform:rotate(90deg)}.tpsection_sub_title{color:var(--tp-text-body,#333);font-size:20px;font-weight:600}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brand-card:not(.skeletons){animation:fadeIn 0.4s ease forwards}.brand-card:not(.skeletons):nth-child(1){animation-delay:0.05s}.brand-card:not(.skeletons):nth-child(2){animation-delay:0.1s}.brand-card:not(.skeletons):nth-child(3){animation-delay:0.15s}.brand-card:not(.skeletons):nth-child(4){animation-delay:0.2s}.brand-card:not(.skeletons):nth-child(5){animation-delay:0.25s}.brand-card:not(.skeletons):nth-child(6){animation-delay:0.3s}.brand-card__badge{position:absolute;top:8px;left:8px;background:#fff;border:1px solid rgb(0 0 0 / .1);padding:2px 6px;font-size:11px;font-weight:600;border-radius:999px;z-index:3}.brand-card__tagline{margin:2px 0;font-size:12px;color:#6b7280;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.brand-card__meta{font-size:12px;color:#6b7280;margin-top:6px}.brand-card__cta{background:var(--pns-sec-color);border:none!important;color:var(--tp-text-body);font-weight:600;border-radius:.375rem;position:relative;padding:.3125rem .3125rem;margin:0;font-size:.875rem;width:100%;text-align:center}.brand-card:hover .brand-card__cta{background-color:var(--pns-color);color:var(--tp-common-white)}
