@charset "utf-8";

/*------------------------------------------------------
© 2026 Nudge Inc. All Rights
商品カード横スクロール・自動送りの共通骨格スタイルを定義する
------------------------------------------------------*/

.reco-scroll-wrap {
  width: 100%;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

.reco-scroll-wrap::-webkit-scrollbar {
  display: none;
}

.reco-scroll {
  display: flex;
  gap: 14px;
  flex-wrap: nowrap;
  align-items: flex-start;
  width: max-content;
  min-width: 100%;
  margin: 0;
  padding: 4px 0 20px;
}

.reco-dots {
  display: flex;
  gap: 5px;
  justify-content: center;
  padding-top: 10px;
}

.reco-dot {
  width: 5px;
  height: 5px;
  padding: 0;
  cursor: pointer;
  background: #e4e4e4;
  border: none;
  border-radius: 50%;
  transition: background .2s, width .25s;
}

.reco-dot.on {
  width: 16px;
  background: #111111;
  border-radius: 3px;
}