/* VendorList Landing v2.12.1 — critical Featured Brands + Section Order */
.vll2-section-flow{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important}
.vll2-section-flow>section{order:var(--vll2-section-order,50);width:100%!important;min-width:0!important}

.vll2-featured-brands{
  position:relative!important;z-index:4!important;width:100%!important;height:auto!important;min-height:0!important;
  padding:18px clamp(16px,4vw,56px)!important;box-sizing:border-box!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--brand-bg) 96%,#fff 2%),var(--brand-bg))!important;
  color:var(--brand-text)!important;overflow:hidden!important;
}
.vll2-featured-brands-shell{
  width:min(1320px,100%)!important;max-width:1320px!important;height:auto!important;min-height:126px!important;
  margin:0 auto!important;display:grid!important;
  grid-template-columns:minmax(220px,290px) 42px minmax(0,1fr) 42px auto!important;
  align-items:center!important;gap:12px!important;padding:14px!important;box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,var(--brand-border) 26%,rgba(255,255,255,.12))!important;border-radius:22px!important;
  background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--brand-border) 8%,transparent),transparent 30%),
             color-mix(in srgb,var(--brand-bg) 93%,#fff 2%)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;
}
.vll2-featured-brands-intro{min-width:0!important;padding:4px 10px 4px 14px!important}
.vll2-featured-brands-intro>span{display:block!important;margin-bottom:4px!important;color:var(--brand-border)!important;font-size:9px!important;font-weight:900!important;letter-spacing:.16em!important}
.vll2-featured-brands-intro>strong{display:block!important;color:var(--brand-text)!important;font-size:17px!important;line-height:1.6!important;font-weight:900!important}
.vll2-featured-brands-intro>small{display:block!important;color:var(--brand-muted)!important;font-size:10px!important;line-height:1.65!important;margin-top:2px!important}
.vll2-brand-viewport{
  min-width:0!important;width:auto!important;height:auto!important;direction:ltr!important;overflow-x:auto!important;overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;scrollbar-width:none!important;padding:2px 10px!important;
  border-right:1px solid color-mix(in srgb,var(--brand-border) 20%,transparent)!important;
  border-left:1px solid color-mix(in srgb,var(--brand-border) 20%,transparent)!important;
}
.vll2-brand-viewport::-webkit-scrollbar{display:none!important}
.vll2-brand-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;gap:12px!important;width:max-content!important;min-width:max-content!important;height:auto!important}
.vll2-brand-item{
  direction:rtl!important;flex:0 0 190px!important;width:190px!important;max-width:190px!important;min-height:88px!important;height:auto!important;
  display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
  padding:10px!important;box-sizing:border-box!important;border-radius:16px!important;
  border:1px solid color-mix(in srgb,var(--brand-border) 18%,rgba(255,255,255,.09))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--brand-card) 97%,#fff 2%),var(--brand-card))!important;
  text-decoration:none!important;color:inherit!important;overflow:hidden!important;
}
.vll2-brand-logo{
  width:74px!important;height:64px!important;min-width:74px!important;border-radius:12px!important;display:grid!important;place-items:center!important;
  padding:7px!important;box-sizing:border-box!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(255,255,255,.7)!important;overflow:hidden!important;
}
.vll2-brand-logo img{display:block!important;width:auto!important;height:auto!important;max-width:100%!important;max-height:var(--brand-logo-h,58px)!important;object-fit:contain!important}
.vll2-brand-copy{display:block!important;min-width:0!important}
.vll2-brand-copy strong{display:block!important;color:var(--brand-text)!important;font-size:12px!important;font-weight:900!important;line-height:1.55!important}
.vll2-brand-copy small{display:block!important;color:var(--brand-muted)!important;font-size:9px!important;line-height:1.55!important;margin-top:3px!important}
.vll2-brand-arrow{
  width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  border:1px solid color-mix(in srgb,var(--brand-border) 32%,rgba(255,255,255,.14))!important;
  background:color-mix(in srgb,var(--brand-card) 94%,#fff 3%)!important;color:var(--brand-text)!important;font-size:25px!important;line-height:1!important;cursor:pointer!important;
}
.vll2-brand-all{
  min-height:45px!important;height:auto!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:0 14px!important;
  border-radius:12px!important;border:1px solid color-mix(in srgb,var(--brand-border) 48%,transparent)!important;
  color:var(--brand-text)!important;text-decoration:none!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important;
}
@media(max-width:1050px){
  .vll2-featured-brands-shell{grid-template-columns:minmax(190px,245px) 38px minmax(0,1fr) 38px!important}
  .vll2-brand-all{grid-column:1/-1!important;justify-self:center!important}
}
@media(max-width:760px){
  .vll2-featured-brands{padding:14px 12px!important}
  .vll2-featured-brands-shell{grid-template-columns:38px minmax(0,1fr) 38px!important;padding:12px!important}
  .vll2-featured-brands-intro{grid-column:1/-1!important;text-align:center!important}
  .vll2-brand-item{flex-basis:164px!important;width:164px!important;max-width:164px!important;grid-template-columns:62px minmax(0,1fr)!important}
  .vll2-brand-logo{width:62px!important;min-width:62px!important;height:58px!important}
  .vll2-brand-all{grid-column:1/-1!important}
}