/* 线上商城 */
.online-head .sec-sub { max-width: 10.4rem; margin-left: auto; margin-right: auto; }
.online-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem; }
.online-card { position: relative; height: 100%; min-height: 2.8rem; display: flex; flex-direction: column; justify-content: space-between; padding: .44rem .48rem .4rem; border-radius: var(--radius-lg); background: var(--c-bg-gray); border: 1px solid transparent; transition: background .3s, border-color .3s, box-shadow .3s, transform .3s var(--ease); }
a.online-card:hover { background: #fff; border-color: var(--c-line); box-shadow: 0 .16rem .4rem rgba(0, 0, 0, .06); transform: translateY(-.04rem); }
.online-name { font-size: .26rem; font-weight: 700; line-height: 1.4; }
.online-sub { margin-top: .08rem; font-size: .17rem; color: var(--c-text-3); }
.online-line { display: block; width: .36rem; height: .03rem; margin-top: .26rem; background: var(--c-primary); }
.online-foot { display: flex; align-items: flex-end; justify-content: space-between; gap: .2rem; margin-top: .36rem; }
.online-logo { min-width: 0; height: .6rem; display: flex; align-items: center; }
.online-logo .pic, .online-logo .pic img { height: 100%; width: auto; max-width: 2.4rem; object-fit: contain; object-position: left center; border-radius: .06rem; }
.online-platform { font-size: .22rem; font-weight: 600; color: var(--c-text-2); }
.online-go { flex-shrink: 0; width: .48rem; height: .48rem; border-radius: 50%; border: 1px solid #d6d6d6; display: flex; align-items: center; justify-content: center; font-size: .2rem; transition: all .3s; }
a.online-card:hover .online-go { background: var(--c-primary); border-color: var(--c-primary); color: #fff; }
.online-card.is-disabled { cursor: default; }
.online-card.is-disabled .online-go { display: none; }
.online-empty { grid-column: 1 / -1; padding: .8rem 0; text-align: center; color: var(--c-text-3); font-size: .18rem; }

/* 平板（PC 内容 + 手机导航）：每行 2 张 */
@media (max-width: 1199px) and (min-width: 761px) {
  .online-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* 手机：单列，只显示 Logo + 店名 + 箭头 */
@media (max-width: 760px) {
  .online-head .sec-sub { text-align: left; }
  .online-list { grid-template-columns: minmax(0, 1fr); gap: .2rem; }
  .online-card { min-height: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: .24rem; padding: .26rem .3rem; border-radius: .2rem; }
  a.online-card:hover { transform: none; box-shadow: none; }
  .online-text { flex: 1; min-width: 0; order: 2; }
  .online-name { font-size: .28rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .online-sub, .online-line { display: none; }
  .online-foot { display: contents; }
  .online-logo { order: 1; flex-shrink: 0; height: .72rem; }
  .online-logo .pic, .online-logo .pic img { max-width: 2rem; border-radius: .08rem; }
  .online-platform { font-size: .28rem; }
  .online-go { order: 3; width: auto; height: auto; border: 0; font-size: .36rem; color: var(--c-text-3); }
  a.online-card:hover .online-go { background: none; color: var(--c-text); }
  .online-empty { font-size: .26rem; padding: .6rem 0; }
}