/* ===========================================
   閲覧履歴（アーカイブ下部）だけをフル幅見えに
   ※ .sp-recent-fullrow 配下にのみ作用（厳密スコープ）
   =========================================== */
.sp-recent-fullrow {
  width: 100%;
  /* 背景色を付けたい場合はここに:
     background: #F6F5F3; */
}

/* 中央寄せと左右余白（サイト基準幅に合わせて調整可） */
.sp-recent-fullrow .sp-recent-inner {
  max-width: 1200px; /* 1140/1200/1280 など、サイトの基準に合わせてOK */
  margin: 0 auto;
  padding: 0 20px;   /* 端の余白（モバイルの左右余白にも効く） */
}

/* セクションタイトル微調整が必要ならここに（例） */
/*
.sp-recent-fullrow .sp-sec__title-en,
.sp-recent-fullrow .sp-sec__title-ja {
  margin-left: 0;
  text-align: left;
}
*/

/* カルーセル系の幅が .products 依存だと崩れる可能性があるので保険 */
.sp-recent-fullrow .sp-carousel,
.sp-recent-fullrow .sp-carousel__viewport,
.sp-recent-fullrow .sp-carousel__track {
  width: 100%;
}

/* 必要ならブレークポイントで余白を最適化 */
@media (min-width: 1025px) {
  .sp-recent-fullrow .sp-recent-inner {
    padding-left: 24px;
    padding-right: 24px;
  }
}

/* 閲覧履歴セクションだけ、インナーを全幅に */
.sp-recent-fullrow .sp-recent-inner {
  max-width: none !important; /* 1200px を打ち消す */
  width: 100%;
  margin: 0;                  /* auto 中央寄せも解除（任意） */
  padding-left: 0;            /* 端まで使いたければ 0 に */
  padding-right: 0;
  text-align: left;           /* 既存の center を戻したい場合 */
}