

/* PC: 人気製品→新着製品の間隔 64px／新着製品の下に 96px 余白（Figma） */
@media screen and (min-width: 1024px) {
  body.page-products-jewelry .element-top.renewal-subpage .jewelry-top-new-products {
    margin-top: 64rem;
    margin-bottom: 96rem;
  }
}

/* イントロ→人気製品の間隔 96px（Figma） */
.jewelry-top-popular-products {
  margin-top: 96rem;
}

body.page-products-jewelry .jewelry-popular-products-sp,
body.page-products-jewelry .jewelry-new-products-sp {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32rem;
}

body.page-products-jewelry .jewelry-popular-products-sp__head,
body.page-products-jewelry .jewelry-new-products-sp__head {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 358rem;
  align-items: flex-start;
  margin-top: 16rem;
}

@media screen and (min-width: 1024px) {
  body.page-products-jewelry .jewelry-popular-products-sp,
  body.page-products-jewelry .jewelry-new-products-sp {
    display: none;
  }
}
