/* /products/ 固有の配置。部品の見た目は components 側。 */
.p-products__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--se-space-3) var(--se-space-5);
  padding-bottom: var(--se-space-4);
  margin-bottom: var(--se-space-6);
  border-bottom: var(--se-rule);
  font-size: var(--se-text-sm);
}

.p-products__count-number {
  margin-inline: var(--se-space-1);
  font-family: var(--se-font-en);
  font-size: 18px;
  font-weight: 600;
}

.p-products__sort {
  display: flex;
  align-items: center;
  gap: var(--se-space-2);
  color: var(--se-ink-sub);
}

@media (min-width: 900px) {
  .p-products__aside {
    position: sticky;
    top: calc(var(--se-header-h) + var(--se-space-5));
  }
}