/* ArenaFM: compact community feature cards for the homepage. */
#catalog .af-feature-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
  margin:0 0 17px;
}
#catalog .af-feature-grid > .player-tactics-cta,
#catalog .af-feature-grid > .community-upload-banner {
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  min-height:147px;
  padding:15px 17px;
  margin:0!important;
  border:1px solid #354534;
  border-radius:13px;
  background:linear-gradient(135deg,#1b241b 0%,#171d17 70%,#20281c 100%);
  box-shadow:none;
  transition:border-color .18s ease,background-color .18s ease;
}
#catalog .af-feature-grid > .community-upload-banner {
  border-color:#41513a;
  background:linear-gradient(125deg,#1c241b 0%,#1a2219 70%,#232c1b 100%);
}
#catalog .af-feature-grid > .player-tactics-cta:hover,
#catalog .af-feature-grid > .community-upload-banner:hover {
  border-color:#759b50;
}
#catalog .af-feature-grid .eyebrow,
#catalog .af-feature-grid .community-upload-eyebrow {
  display:block;
  color:#bce381;
  font-size:9px;
  line-height:1.35;
  font-weight:600;
  letter-spacing:.09em;
  margin:0 0 7px;
}
#catalog .af-feature-grid .player-tactics-cta strong,
#catalog .af-feature-grid .community-upload-banner h2 {
  display:block;
  color:#f3f6ee;
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.25;
  letter-spacing:-.025em;
  font-weight:600;
  margin:0;
}
#catalog .af-feature-grid .player-tactics-cta p:not(.eyebrow),
#catalog .af-feature-grid .community-upload-banner p {
  color:#b3c0ae;
  font-size:12px;
  line-height:1.4;
  margin:5px 0 0;
}
#catalog .af-feature-grid .player-tactics-cta-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  width:100%;
  gap:7px;
  margin-top:auto;
}
#catalog .af-feature-grid .tactics-action,
#catalog .af-feature-grid .community-upload-button {
  position:relative;
  flex:0 0 auto;
  min-width:0;
  min-height:37px;
  padding:8px 12px;
  border-radius:9px;
  font-size:12px;
  font-weight:500;
  line-height:1.3;
  letter-spacing:-.01em;
  white-space:normal;
  text-align:center;
}
#catalog .af-feature-grid .community-upload-button {
  align-self:flex-start;
  width:auto;
  max-width:100%;
  margin-top:auto;
  padding:8px 15px;
  background:#bce381;
  color:#19250e;
}
#catalog .af-feature-grid .tactics-action:hover,
#catalog .af-feature-grid .community-upload-button:hover {
  transform:translateY(-1px);
  box-shadow:0 0 18px #bce38130;
}
@media (max-width:720px) {
  #catalog .af-feature-grid {
    grid-template-columns:minmax(0,1fr);
    gap:9px;
    margin-bottom:14px;
  }
  #catalog .af-feature-grid > .player-tactics-cta,
  #catalog .af-feature-grid > .community-upload-banner {
    min-height:0;
    padding:13px 14px;
    gap:10px;
  }
  #catalog .af-feature-grid .player-tactics-cta strong,
  #catalog .af-feature-grid .community-upload-banner h2 {font-size:18px}
}
@media (max-width:380px) {
  #catalog .af-feature-grid .tactics-action {font-size:11px;padding:8px 10px}
}
@media (prefers-reduced-motion:reduce) {
  #catalog .af-feature-grid > .player-tactics-cta,
  #catalog .af-feature-grid > .community-upload-banner {transition:none}
}