/* =========================================================
   HOME: New Items（PC:5×2, SP:2×5）
   ========================================================= */

/* セクション＝コンテナ幅・左右ガター */
body.home section#front-newitems.frontNewItems{
  --cw: var(--container-width, 1320px);
  --cg: var(--container-gutter, 24px);
  max-width: var(--cw);
  margin: clamp(32px,6vw,72px) auto;
  padding-left: var(--cg);
  padding-right: var(--cg);
}

/* 見出し（既存仕様に合わせて data-en を上段、大見出しは日本語） */
body.home #front-newitems.frontNewItems .pdp-section__title{
  margin: 0 0 16px;
}
body.home #front-newitems.frontNewItems .pdp-section__title::before{
  content: attr(data-en);
  display: block;
  font-size: clamp(var(--fs-xl), 5vw, 56px);
  line-height: 1.1;
  font-weight: var(--fw-regular);
  letter-spacing: .01em;
  color: rgba(17,17,17,.88);
  margin-bottom: .5rem;
}

/* グリッド：PC=5列、SP=2列 */
.frontNewItems .newItems__grid{
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: clamp(12px, 2vw, 16px);
}
@media (max-width: 767px){
  .frontNewItems .newItems__grid{
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
  }
}

/* カード */
.frontNewItems .newItems__item{
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: var(--radius-sm, 8px);
  overflow: hidden;
  box-shadow: var(--shadow-sm, 0 8px 24px rgba(15,23,42,.08));
}

/* 画像：アスペクト固定で“大きすぎ”を防止 */
.frontNewItems .newItems__media{
  position: relative;
  aspect-ratio: 4 / 3;         /* ←ここで統一サイズ化 */
  background: #f6f7f8;
  overflow: hidden;
}
.frontNewItems .newItems__media img{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

/* 本文 */
.frontNewItems .newItems__body{
  padding: 10px 12px 14px;
}
.frontNewItems .newItems__title{
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0 0 .25rem;
}
.frontNewItems .newItems__title a{ color: inherit; text-decoration: none; }
.frontNewItems .newItems__price{
  font-size: .875rem;
  line-height: 1.6;
  color: var(--c-fg-muted, #6b7280);
}
.newItems__grid.is-loading{
  min-height: 360px;
}