.popular-products{container-type:inline-size}.popular-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.popular-heading h2{margin-bottom:8px}.popular-heading p{font-size:14px;color:#6c818d;margin:0}.popular-controls{display:flex;gap:8px}.popular-controls[hidden]{display:none}.popular-controls button{border:1px solid #c8dedb;background:#fff;color:#087f79;border-radius:50%;width:42px;height:42px;font-size:22px;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1}.popular-controls button:disabled{opacity:.35;cursor:default}.popular-track{--popular-card:calc((100% - 48px)/3);display:grid;grid-auto-flow:column;grid-auto-columns:var(--popular-card);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1px;scrollbar-width:thin;scrollbar-color:#83bbb2 #edf5f2;padding:2px 1px 15px;align-items:stretch}.popular-track>*{scroll-snap-align:start;min-width:0;box-sizing:border-box}.popular-track:focus-visible,.popular-controls button:focus-visible{outline:3px solid #78c6b7;outline-offset:4px}@container(min-width:1400px){.popular-track{--popular-card:calc((100% - 72px)/4)}}@container(max-width:960px){.popular-track{--popular-card:calc((100% - 24px)/2)}}@container(max-width:560px){.popular-track{--popular-card:90%;gap:16px}.popular-heading{align-items:start}.popular-heading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.popular-track{scroll-behavior:auto}}