.shop-by-brand{background:#fff;border-top:1px solid #0000000f;border-bottom:1px solid #0000000f;padding:28px 0}@media (width<=768px){.shop-by-brand{padding:20px 0}}.shop-by-brand__header{border-bottom:1px solid #0000001a;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;padding-bottom:14px;display:flex}.shop-by-brand__header-text{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.shop-by-brand__controls{align-items:center;gap:10px;display:flex}.shop-by-brand__arrow{color:#000;cursor:pointer;background:#fff;border:1px solid #0000002e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.shop-by-brand__arrow:hover{color:#fff;background:#000;border-color:#000}.shop-by-brand__arrow:disabled{opacity:.3;pointer-events:none}.shop-by-brand__arrow:active{transform:scale(.94)}.shop-by-brand__title{font-family:var(--font-display);letter-spacing:-.04em;color:#000;margin:8px 0 0;font-size:clamp(2rem,3.6vw,3rem);font-weight:900;line-height:1}.shop-by-brand__view-all{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#000;padding-bottom:2px;font-size:.75rem;font-weight:800;text-decoration:none;position:relative}.shop-by-brand__view-all:after{content:"";transform-origin:0;background:#000;height:1px;transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(1)}.shop-by-brand__view-all:hover{text-decoration:none}.shop-by-brand__view-all:hover:after{transform-origin:100%;transform:scaleX(0)}.shop-by-brand__carousel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.shop-by-brand__marquee{will-change:transform;width:max-content;animation:brand-marquee var(--brand-marquee-duration,48s) linear infinite;opacity:1;display:flex}.shop-by-brand__carousel:hover .shop-by-brand__marquee,.shop-by-brand__marquee:focus-within{animation-play-state:paused}.shop-by-brand__track{flex:none;gap:14px;padding-right:14px;display:flex}.shop-by-brand__track>.brand-chip{flex:none;width:180px}@keyframes brand-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.shop-by-brand__marquee{animation:none;transform:none}}@media (width<=720px){.shop-by-brand__track>.brand-chip{width:170px}}@media (width<=500px){.shop-by-brand__track>.brand-chip{width:130px}.shop-by-brand__view-all{font-size:.6875rem}}.brand-chip{aspect-ratio:4/3;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 18px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.brand-chip:hover{transform:translateY(-2px)}.brand-chip__logo{object-fit:contain;object-position:center center;color:#0000;background:0 0;width:100%;height:100%;font-size:0;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block}.brand-chip:hover .brand-chip__logo{transform:scale(1.06)}.brand-chip__name,.brand-chip__scrim,.brand-chip__bg{display:none!important}.brand-chip__bg{background-position:50%;background-size:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.brand-chip:hover .brand-chip__bg{transform:scale(1.08)}.brand-chip__scrim{pointer-events:none;background:linear-gradient(#0000 60%,#00000059 88%,#0009 100%);transition:background .3s;position:absolute;inset:0}.brand-chip:hover .brand-chip__scrim{background:linear-gradient(#0000 55%,#00000073 92%,#000000b3 100%)}.brand-chip__name{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;z-index:2;text-transform:capitalize;font-size:1.0625rem;font-weight:800;line-height:1.1;position:absolute;bottom:12px;left:14px;right:14px}@media (width<=500px){.shop-by-brand__grid{grid-template-columns:repeat(2,1fr);gap:8px}.brand-chip__name{font-size:.9375rem}}