.spvx-catalog,.spvx-catalog *{box-sizing:border-box}
.spvx-catalog{--spvx-accent:#ff7716;--spvx-text:#102d43;color:var(--spvx-text);background:#fff;font-family:inherit;width:100%;max-width:1680px;margin:0 auto;padding:0 clamp(16px,4vw,70px) 40px}
.spvx-catalog a{color:inherit;text-decoration:none}
.spvx-brands{display:flex;gap:14px;overflow-x:auto;align-items:stretch;padding:3px 0 10px;scrollbar-width:thin;scrollbar-color:#bbc7d1 #f5f7fa}
.spvx-brand{flex:0 0 150px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:12px 10px;border:1px solid #e0e7ee;border-radius:6px;font-size:12px;font-weight:650;text-align:center;background:#fff}
.spvx-brand:hover{border-color:var(--spvx-accent)}
.spvx-brand-picture{display:block;width:110px;height:36px}
.spvx-brand-picture .spvx-image{display:block;width:100%;height:100%;object-fit:contain}
.spvx-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:28px 0 26px}
.spvx-heading h2{color:var(--spvx-text);margin:0 0 10px;font-size:clamp(26px,2.5vw,39px);font-weight:750;line-height:1.15;letter-spacing:-.035em}
.spvx-heading p{margin:0;color:#637586;font-size:15px;line-height:1.5}
.spvx-all{display:inline-flex;align-items:center;gap:20px;flex:none;border:1px solid #ffba89;border-radius:6px;padding:12px 18px;font-size:14px;font-weight:650}
.spvx-all:hover{background:#fff4ea}
.spvx-grid{--spvx-columns:6;display:grid;grid-template-columns:repeat(var(--spvx-columns),minmax(0,1fr));gap:16px}
.spvx-card{min-width:0;display:flex;flex-direction:column;border:1px solid #e1e7ed;border-radius:6px;overflow:hidden;background:#fff;transition:border-color .15s}
.spvx-card:hover{border-color:var(--spvx-accent)}
.spvx-picture{position:relative;width:100%;aspect-ratio:322/212;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden}
.spvx-picture .spvx-image{width:100%;height:100%;object-fit:contain;padding:14px}
.spvx-picture svg{width:72%;height:80%;color:#33566d}
.spvx-sprite{display:block;position:absolute;inset:0;background-size:592.236025% 349.056604%;background-repeat:no-repeat}
.spvx-body{display:flex;flex:1;flex-direction:column;gap:9px;background:#f5f6f8;padding:16px 14px;min-height:142px}
.spvx-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:16px;font-weight:700;line-height:1.3;color:var(--spvx-text)}
.spvx-arrow{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex:none;background:#fff;border:1px solid #d9e1e8;border-radius:50%;font-size:15px}
.spvx-description{font-size:12px;line-height:1.5;color:#647889}
.spvx-cta{align-self:flex-start;margin-top:auto;padding:6px 9px;background:#fff;border:1px solid #dfe5ec;border-radius:5px;color:#405d75;font-size:12px;font-weight:650;line-height:1.3}
.spvx-catalog a:focus-visible,.spvx-catalog [tabindex]:focus-visible{outline:2px solid var(--spvx-accent);outline-offset:2px}
@media(max-width:1024px){.spvx-grid{--spvx-columns:3}.spvx-heading{gap:16px}.spvx-heading h2{font-size:30px}}
@media(max-width:767px){
 .spvx-brands-desktop{display:none}
 .spvx-catalog{padding:0 16px 24px}
 .spvx-brands{gap:10px;margin-bottom:16px}
 .spvx-brand{flex-basis:120px;min-height:76px;font-size:10px;padding:9px 7px;gap:7px}
 .spvx-brand-picture{width:88px;height:28px}
 .spvx-heading{display:none}
 .spvx-mobile-heading .spvx-heading{display:block;margin:20px 0}
 .spvx-mobile-heading .spvx-heading h2{font-size:27px}
 .spvx-mobile-heading .spvx-heading p{font-size:13px}
 .spvx-mobile-heading .spvx-all{margin-top:12px;font-size:12px;padding:9px 12px}
 .spvx-grid{display:flex;gap:0;overflow-x:auto;padding:8px 0 12px;scrollbar-width:thin;scrollbar-color:#bbc7d1 #f5f7fa;scroll-snap-type:x proximity}
 .spvx-card{flex:0 0 112px;border:0;border-radius:0;overflow:visible;position:relative;scroll-snap-align:start}
 .spvx-card:not(:last-child)::after{content:"";position:absolute;right:0;top:14px;bottom:8px;width:1px;background:#e3e9ef}
 .spvx-picture{width:100%;height:72px;aspect-ratio:322/212;align-self:center;flex:none}
 .spvx-picture .spvx-image{padding:8px 26px}
 .spvx-picture .spvx-sprite{width:100px;height:66px;left:50%;top:3px;transform:translateX(-50%);right:auto;bottom:auto}
 .spvx-picture svg{width:56px;height:60px}
 .spvx-body{background:#fff;min-height:0;padding:8px 9px 0;display:block}
 .spvx-title{display:block;text-align:center;font-size:12px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}
 .spvx-description,.spvx-cta,.spvx-arrow{display:none}
 .spvx-mobile-grid .spvx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:14px 0}
 .spvx-mobile-grid .spvx-card{width:auto}
 .spvx-mobile-grid .spvx-card:nth-child(3n)::after{display:none}
}
@media(prefers-reduced-motion:reduce){.spvx-card{transition:none}}
.spvx-mobile-all{display:none}
@media(max-width:767px){
 .spvx-mobile-six .spvx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 0;overflow:visible;padding-bottom:20px}
 .spvx-mobile-six .spvx-card{width:auto;min-width:0}
 .spvx-mobile-six .spvx-card:nth-child(3n)::after{display:none}
 .spvx-mobile-six .spvx-hide-mobile{display:none}
 .spvx-mobile-six .spvx-mobile-all{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;border:1px solid #dce4ec;border-radius:6px;background:#fff;color:var(--spvx-text);padding:12px 14px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-transform:none;cursor:pointer}
}
.spvx-brands{display:block;position:relative}
.spvx-brand-track{display:flex;width:max-content}
.spvx-brand-group{display:flex;flex:none;gap:14px;padding-right:14px}
.spvx-brands-moving{overflow:hidden}
.spvx-brands-moving .spvx-brand-track{animation:spvx-brands-left var(--spvx-brand-duration,52s) linear infinite;will-change:transform}
.spvx-brands-moving:hover .spvx-brand-track{animation-play-state:paused}
.spvx-brands-moving:is(:focus,:has(.spvx-brand:focus)){overflow-x:auto}
.spvx-brands-moving:is(:focus,:has(.spvx-brand:focus)) .spvx-brand-track{animation:none;transform:none;will-change:auto}
.spvx-brands-moving:is(:focus,:has(.spvx-brand:focus)) .spvx-brand-group[aria-hidden="true"],.spvx-brands-moving:is(:focus,:has(.spvx-brand:focus)) a.spvx-brand[aria-hidden="true"]{display:none}
@keyframes spvx-brands-left{to{transform:translateX(-50%)}}
@media(max-width:767px){.spvx-brand-group{gap:10px;padding-right:10px}.spvx-brands-moving .spvx-brand-track{animation-duration:var(--spvx-brand-duration-mobile,42s)}}
@media(prefers-reduced-motion:reduce){
 .spvx-brands-moving{overflow-x:auto}
 .spvx-brands-moving .spvx-brand-track{animation:none;transform:none;will-change:auto}
 .spvx-brand-group[aria-hidden="true"],.spvx-brands-moving a.spvx-brand[aria-hidden="true"],}

@media(max-width:767px){.spvx-mobile-six .spvx-heading .spvx-all{display:none}}

@media(max-width:767px){
 .spvx-catalog .spvx-brand-group{gap:6px;padding-right:6px}
 .spvx-catalog .spvx-brand{
  flex:0 0 var(--spvx-brand-tile-width,calc((100vw - 50px)/4));
  width:var(--spvx-brand-tile-width,calc((100vw - 50px)/4));
  min-width:0;
  min-height:62px;
  padding:8px 5px;
  gap:6px;
  font-size:10px;
  line-height:1.2;
 }
 .spvx-catalog .spvx-brand-picture{width:100%;max-width:76px;height:24px}
 .spvx-catalog .spvx-brand>span:last-child{max-width:100%;overflow-wrap:anywhere}
}

/* Mobile separation between brands and the category grid. */
@media(max-width:767px){
 .spvx-catalog .spvx-brands{border-bottom:1px solid #e5ebf0;padding-bottom:16px;margin-bottom:20px}
}