.tx-rel{margin:18px 0 6px}
.tx-rel__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.tx-rel__title{font-size:13px;font-weight:700;color:#3c4140}
.tx-rel__all{font-size:13px;color:#0b0c0c;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.tx-rel__all:hover{color:#2f6e45}
.tx-rel__track{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
.tx-rel__item{flex:0 0 auto;width:76px;height:76px;display:grid;place-items:center;border:1px solid #e3e4e1;border-radius:12px;background:#fff;overflow:hidden;scroll-snap-align:start;transition:border-color .15s}
.tx-rel__item:hover{border-color:#9ba19e}
.tx-rel__item.is-current{border:2px solid #0b0c0c}
.tx-rel__img{width:100%;height:100%;object-fit:contain;padding:6px;mix-blend-mode:multiply}
@media (min-width:990px){.tx-rel__item{width:84px;height:84px}}