/* T-318g: ürün sayfası "Bunu inceleyenler bunlara da baktı" şeridi. Kartlar ortak _ProductCard (.pc); masaüstünde 4 sütun, tabletta 3, telefonda ince yana kaydırmalı şerit.
   Yalnız bu sayfada yüklenir (Detail.cshtml, ayar açıksa). Renk/boşluk/köşe token'lardan; hex yok. */
.reco-strip[hidden] { display: none !important; }
.reco-row {
    display: flex;
    gap: var(--space-4, 16px);
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
    padding: var(--space-1, 4px) 0 var(--space-3, 12px);   /* kartlar başlıkla aynı hizada (yan taşma payı yok) */
}
.reco-row > * { flex: 0 0 calc((100% - 3 * var(--space-4, 16px)) / 4); min-width: 0; scroll-snap-align: start; }
@media (max-width: 991.98px) {
    .reco-row > * { flex-basis: calc((100% - 2 * var(--space-4, 16px)) / 3); }
}
@media (max-width: 767.98px) {
    .reco-row { gap: var(--space-3, 12px); }
    .reco-row > * { flex-basis: 44%; }
}
/* Yükleme sırasında yer tutucu (düzen kaymasın): yalnız kabuk görünür olduktan sonra */
.reco-row.is-loading { min-height: 14rem; }
@media (prefers-reduced-motion: no-preference) {
    .reco-row { scroll-behavior: smooth; }
}