/* 04-platform-card-sizing.css */
/* === توحيد مقاسات بطاقات منصاتنا التعليمية === */
.platform-card{
  height: 216px !important;
  min-height: 216px !important;
  max-height: 216px !important;
  display: flex !important;
  align-items: center !important;
  padding: 16px !important;
  gap: 14px !important;
  overflow: hidden !important;
}
.platform-info{
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
.platform-title-box{
  height: 174px !important;
  min-height: 174px !important;
  max-height: 174px !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 14px 16px !important;
  overflow: hidden !important;
}
.platform-name{
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.45 !important;
}
.platform-sub{
  min-height: 44px !important;
  max-height: 44px !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.55 !important;
  margin-bottom: 8px !important;
}
.platform-tags{
  min-height: 62px !important;
  max-height: 62px !important;
  overflow: hidden !important;
  align-content: flex-start !important;
}
.platform-action{
  height: 100% !important;
  min-width: 82px !important;
  max-width: 82px !important;
  flex: 0 0 82px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}
.platform-action .btn-style,
.platform-action .btn-review{
  width: 76px !important;
  min-width: 76px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
  font-size: .74rem !important;
}
@media (max-width: 520px){
  .platform-card{
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  .platform-info{
    height: auto !important;
  }
  .platform-title-box{
    height: auto !important;
    min-height: 150px !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .platform-name,
  .platform-sub,
  .platform-tags{
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .platform-action{
    height: auto !important;
    min-width: 100% !important;
    max-width: none !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    justify-content: stretch !important;
  }
  .platform-action .btn-style,
  .platform-action .btn-review{
    width: 50% !important;
    min-width: 0 !important;
    flex: 1 1 50% !important;
  }
}