@layer components{.recommendations{grid-template-columns:var(--content-grid);display:grid}.recommendations__inner{grid-column:2}.recommendations__heading{font-size:var(--type-xl);margin-block-end:var(--space-lg);font-weight:400}.recommendations__row{gap:var(--space-md);scroll-snap-type:x proximity;scrollbar-width:none;margin-block:-12px -24px;margin-inline:calc(-1 * var(--page-margin));padding-block:12px 24px;padding-inline:var(--page-margin);scroll-padding-inline:var(--page-margin);display:flex;overflow:auto hidden}.recommendations__row::-webkit-scrollbar{display:none}.recommendations__row>li{scroll-snap-align:start;flex:0 0 clamp(9.5rem,42vw,16rem);min-width:0}}