.shelf-rows{flex-direction:column;gap:44px;width:100%;min-width:0;display:flex}.shelf-row__head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.shelf-row__heading{align-items:center;gap:12px;min-width:0;display:flex}.shelf-row__icon{border-radius:12px;flex-shrink:0}.shelf-row__title h3{font-size:22px;font-weight:var(--fw-heading);letter-spacing:-.01em;text-align:left;margin:0}.shelf-row__title p{color:var(--muted);font-size:14px;font-weight:var(--fw-body);text-align:left;margin:4px 0 0}.shelf-row__nav{flex-shrink:0;gap:8px;display:flex}.shelf-row__arrow{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:border-color .15s,background .15s,opacity .15s;display:inline-flex}.shelf-row__arrow:hover:not(:disabled){border-color:var(--accent)}.shelf-row__arrow:disabled{cursor:default;opacity:.35}.shelf-row__viewport{position:relative}.shelf-row__viewport:before,.shelf-row__viewport:after{content:"";opacity:0;pointer-events:none;z-index:1;width:56px;transition:opacity .2s;position:absolute;top:0;bottom:0}.shelf-row__viewport:before{background:linear-gradient(to right, var(--background), transparent);left:0}.shelf-row__viewport:after{background:linear-gradient(to left, var(--background), transparent);right:0}.shelf-row__viewport[data-fade-left]:before,.shelf-row__viewport[data-fade-right]:after{opacity:1}.shelf-row__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;padding:4px 2px 12px;display:flex;overflow-x:auto}.shelf-row__track::-webkit-scrollbar{display:none}.shelf-row__card{scroll-snap-align:start;flex:0 0 clamp(320px,32%,380px);display:flex}.shelf-row__card>*{width:100%}@media (max-width:720px){.shelf-rows{gap:32px}.shelf-row__head{margin-bottom:12px}.shelf-row__title h3{font-size:19px}.shelf-row__nav{display:none}.shelf-row__card{flex-basis:86%}.shelf-row__viewport:before,.shelf-row__viewport:after{width:28px}}