/* Rekommendationer på produktsidan (inc/recs.php): Passar till (delkort), Köps ofta tillsammans, Mer från märket. */
.rc{margin:36px 0 0}
.rc-hd{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.rc-hd h2{font-size:clamp(20px,2.4vw,26px);margin-top:2px}
.rc-parts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}
.rc-part{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;min-width:0}
.rc-part__img{display:block}
.rc-part img{width:72px;height:72px;object-fit:contain;background:var(--soft);border-radius:4px}
.rc-part>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.rc-part h3{font:600 14px/1.3 var(--body);letter-spacing:0;text-wrap:balance}
.rc-part h3 a{text-decoration:none}
.rc-part .pr{font-size:14px}
.rc-part.is-o{opacity:.6}
.rc-all{padding:0 16px}
.rc-rail{grid-template-columns:repeat(5,minmax(0,1fr))}
.rc-rail>.cd:nth-child(n+6){display:none}
@media (max-width:1100px){.rc-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.rc-rail>.cd:nth-child(n+5){display:none}}
@media (max-width:760px){
.rc-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;margin-inline:-20px;padding:0 20px 6px;scrollbar-width:none}
.rc-rail::-webkit-scrollbar{display:none}
.rc-rail>.cd,.rc-rail>.cd:nth-child(n+5){display:flex;flex:0 0 66%;scroll-snap-align:start}
.rc-parts{grid-template-columns:1fr}
}