/* Shared horizontal product rail for "POVEZANI PROIZVODI" sections.
   Reuses .series-card visuals unchanged; only the container/track here is new.
   Scoped entirely under .related-rail so catalog-page .series-grid layouts are untouched. */
.related-rail__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.related-rail__head>div{min-width:0}
.related-rail__nav{display:flex;flex:none;gap:8px}
.related-rail__arrow{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid rgb(16 32 51/.25);background:transparent;color:var(--premio-navy);font-size:17px;line-height:1;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease}
.related-rail__arrow:hover:not(:disabled){border-color:var(--premio-cyan);background:var(--premio-cyan)}
.related-rail__arrow:focus-visible{outline:2px solid var(--premio-navy);outline-offset:2px}
.related-rail__arrow:disabled{opacity:.32;cursor:default}
.related-rail__viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none}
.related-rail__viewport::-webkit-scrollbar{display:none}
.related-rail__track{display:flex;gap:24px;--rail-visible:5}
.related-rail__track .series-card{flex:0 0 calc((100% - (var(--rail-visible) - 1)*24px)/var(--rail-visible));min-width:0;scroll-snap-align:start}
.related-rail__track .series-card__image{height:230px}
@media(min-width:768px) and (max-width:1199px){.related-rail__track{--rail-visible:2.7;gap:20px}}
@media(max-width:767px){.related-rail__head{align-items:center}.related-rail__nav{display:none}.related-rail__track{--rail-visible:1.24;gap:14px}.related-rail__track .series-card__image{height:210px}}
@media(prefers-reduced-motion:reduce){.related-rail__viewport{scroll-behavior:auto}}