.related-products{margin-top:80px;position:relative}.related-products--scroll:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0,#fff);width:64px;height:calc(100% - 56px);position:absolute;top:56px;right:0}.related-products__header{justify-content:space-between;align-items:end;gap:12px;margin-bottom:24px;display:flex}.related-products__title{margin:0;font-size:24px;font-weight:500}.related-products__hint{color:#888;white-space:nowrap;font-size:12px}.related-products__track{min-width:0}.related-products__track--grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.related-products__track--scroll{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-auto-columns:clamp(160px,20vw,220px);grid-auto-flow:column;gap:16px;margin-inline:-16px;padding:0 16px 12px;scroll-padding-inline:16px;display:grid;overflow:auto hidden}.related-products__track--scroll::-webkit-scrollbar{display:none}.related-products__track--scroll .related-products__card{scroll-snap-align:start}.related-products__card{min-width:0;color:inherit;text-decoration:none;display:block}.related-products__imageWrap{background:#f5f5f5;overflow:hidden}.related-products__image{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .3s;display:block}.related-products__card:hover .related-products__image{transform:scale(1.05)}.related-products__content{flex-direction:column;justify-content:space-between;gap:2px;min-width:0;padding-top:12px;display:flex}.related-products__content h3{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:18px;font-weight:400;overflow:hidden}@media (max-width:768px){.related-products__track--grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.related-products__track--scroll{grid-auto-columns:40vw;gap:16px}.related-products__content,.related-products__content h3{font-size:12px}}@media (max-width:480px){.related-products--scroll:after{width:40px}}