/* Wagakki x AVANT: Mobile poster 2-col for .hj-top-events */
@media (max-width: 767px) {
  /* root grid */
  .hj-top-events {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
  /* kill default margins from theme cards */
  .hj-top-events > *,
  .hj-top-events > *.entry, 
  .hj-top-events > article,
  .hj-top-events > li,
  .hj-top-events .swiper-wrapper > * {
    margin: 0 !important;
  }

  /* card base */
  .hj-top-events .hj-card {
    display: block;
  }

  /* thumb wrapper forces poster aspect (3:4) */
  .hj-top-events .hj-thumb {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 4;
    overflow: hidden;
    border-radius: 14px;
    background: #f3f4f6;
  }
  .hj-top-events .hj-thumb img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }

  /* title two-line clamp */
  .hj-top-events .hj-title {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }

  /* hide large meta/excerpt on mobile */
  .hj-top-events .hj-hide-mobile,
  .hj-top-events .entry-meta,
  .hj-top-events .p-entry__excerpt,
  .hj-top-events .c-post__excerpt,
  .hj-top-events .excerpt { display: none !important; }

  /* tighten category pill if exists */
  .hj-top-events .cat, 
  .hj-top-events .p-entry__cat,
  .hj-top-events .category,
  .hj-top-events .c-post__cat {
    font-size: 11px;
    padding: 3px 8px;
    line-height: 1;
  }
}