.shop-rail{flex-direction:column;gap:12px;min-width:0;display:flex}.shop-rail__head{align-items:center;gap:12px;display:flex}.shop-rail__title{font-size:var(--ui-title-size,24px);font-weight:var(--ui-title-weight,600);letter-spacing:var(--ui-title-tracking,-.02em);flex:1;min-width:0;margin:0}.shop-rail__all{color:var(--ui-muted);align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.shop-rail__all:hover{color:var(--ui-text)}.shop-rail__viewport{position:relative}.shop-rail__track{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:calc(20% - 12.8px);grid-auto-flow:column;gap:16px;padding:4px 0 8px;display:grid;overflow-x:auto}.shop-rail__track::-webkit-scrollbar{display:none}.shop-rail__track>*{scroll-snap-align:start;min-width:0}@media (width<=1280px){.shop-rail__track{grid-auto-columns:calc(25% - 12px)}}@media (width<=1024px){.shop-rail__track{grid-auto-columns:calc(33.3333% - 10.6667px)}}@media (width<=640px){.shop-rail__track{grid-auto-columns:calc(50% - 8px)}}.shop-rail__arrow{z-index:3;border:1px solid var(--ui-border-strong);background:var(--ui-raised);width:40px;height:40px;color:var(--ui-text);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:40%}.shop-rail__arrow[data-side=left]{left:-12px}.shop-rail__arrow[data-side=right]{right:-12px}.shop-rail__arrow:disabled{opacity:.35;cursor:default}.shop-rail__dots{justify-content:center;gap:6px;min-height:12px;display:flex}.shop-rail__dot{background:var(--fill-5,#ffffff1f);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0}.shop-rail__dot[data-active]{background:var(--ui-text)}.shop-suggested{flex-direction:column;gap:6px;display:flex}.shop-suggested__reason{color:var(--ui-muted);margin:0;font-size:12px}.shop-suggested__reason a{color:inherit}