/**
 * Mobile Awards Section Styles
 * 仅移动端展示的奖项图标模块
 */

.mobile-awards {
  background-color: #f5f5f5;
  padding-top: 0 !important;
}

.mobile-awards__container {
  padding: 0 16px 24px;
}

/* 标题 */
.mobile-awards__title {
  margin: 0 0 16px 0;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: normal;
  color: #C68635;
}

/* 图片列表：一行 4 个等宽排列 */
.mobile-awards__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  align-items: center;
}

/* 单个奖项 */
.mobile-awards__item {
  max-height: 80px;
}

.mobile-awards__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* 占位图 */
.mobile-awards__placeholder {
  width: 100px;
  height: 70px;
  background-color: #e8e8e8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mobile-awards__placeholder svg {
  width: 50%;
  height: 50%;
  opacity: 0.4;
}

/* 桌面端隐藏（由 hidden-desktop class 处理，此处做双重保障） */
@media (min-width: 960px) {
  .mobile-awards {
    display: none !important;
  }
}