.tm-rail { margin: 32px 0; }
.tm-rail-title { font-size: 18px; font-weight: 600; margin: 0 0 16px; padding: 0 4px; }
.tm-rail-list { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(180px, 1fr); gap: 12px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x mandatory; }
.tm-card { display: block; padding: 12px; background: #fff; border: 1px solid #eee; border-radius: 6px; text-decoration: none; color: #222; scroll-snap-align: start; transition: box-shadow .15s; }
.tm-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,.08); border-color: #ddd; }
.tm-card-img img { width: 100%; height: 140px; object-fit: contain; }
.tm-card-img { background: #fafafa; border-radius: 4px; }
.tm-card-name { font-size: 13px; line-height: 1.3; margin-top: 8px; height: 36px; overflow: hidden; }
.tm-card-brand { font-size: 11px; color: #888; margin-top: 4px; }
.tm-card-price { font-size: 14px; font-weight: 600; color: #c0392b; margin-top: 6px; }
.tm-card-price s { color: #888; font-weight: normal; font-size: 12px; margin-left: 4px; }
@media (max-width: 768px) { .tm-rail-list { grid-auto-columns: minmax(150px, 1fr); } .tm-card-img img { height: 110px; } }