.promo-packs{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
  gap:32px;
  max-width:1100px;
  margin-inline:auto;
}
.promo-pack{
  display:flex;
  flex-direction:column;
  border:1px solid var(--color-gray-300);
  border-radius:var(--button-border-radius, 8px);
  overflow:hidden;
  background:#fff;
}
.promo-pack__media img,
.promo-pack__placeholder{
  display:block;
  width:100%;
  height:280px;
  object-fit:cover;
  background:var(--color-gray-50);
}
.promo-pack__body{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
}
.promo-pack__title{
  font-size:var(--text-xl);
  font-weight:600;
}
.promo-pack__price{
  font-size:var(--text-lg);
  font-weight:600;
}
.promo-pack__items{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.promo-pack__items li{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:var(--text-sm);
  color:var(--color-gray-500);
}
.promo-pack__items img{
  width:48px;
  height:48px;
  object-fit:cover;
  border-radius:6px;
}
.promo-pack__form .yc-btn,
.promo-pack .yc-btn{
  width:100%;
}

@media (max-width: 640px){
  .promo-packs{
    grid-template-columns:1fr;
  }
}