/* Home page block "Программные продукты" (Figma T-asu.ru, node 44-271). Markup: includes/products-showcase.php.
   Colours from the design: blue #1e96f0, text #333, secondary text #7a7d80, tile border #e5e5e5.
   "#top" prefix: the theme styles headings/links with #top selectors. */

/* the theme's sections (.avia-section) are full-width floats with clear:both - behave the same way */
#top .tpr { float: left; clear: both; width: 100%; box-sizing: border-box; background: #fff; padding: 81px 0 90px; }
#top .tpr__inner { max-width: 1160px; margin: 0 auto; padding: 0 16px; box-sizing: border-box; }

#top .tpr__title { margin: 0; padding: 0; text-align: center; color: #333; font-size: 30px; line-height: 36px; font-weight: 300; text-transform: none; letter-spacing: 0; }
#top .tpr__sub { margin: 13px 0 0; text-align: center; color: #7a7d80; font-size: 15px; line-height: 24px; font-weight: 300; }

#top .tpr__grid { display: -ms-grid; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 48px; align-items: stretch; }

/* card */
#top .tpr-card { display: flex; flex-direction: column; box-sizing: border-box; background: #fff; border: 1px solid #1e96f0; border-top-width: 3px; padding: 33px 32px 28px; margin: 0; }
#top .tpr-card__head { min-height: 104px; }
#top .tpr-card__title { margin: 0 0 8px; padding: 0; color: #333; font-size: 21px; line-height: 27px; font-weight: 300; text-transform: none; letter-spacing: 0; }
#top .tpr-card__text { margin: 0; padding: 0; color: #7a7d80; font-size: 14.5px; line-height: 23px; font-weight: 300; }

/* logo tiles */
#top .tpr-logos { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
#top .tpr-logo { display: block; box-sizing: border-box; width: 96px; height: 96px; border: 1px solid #e5e5e5; background: #fff; overflow: hidden; transition: border-color .2s; }
#top .tpr-logo:hover { border-color: #1e96f0; }
#top .tpr-logo img { display: block; width: 100%; height: 100%; max-width: none; object-fit: contain; margin: 0; padding: 0; border: 0; }

/* links */
#top .tpr-card__more { display: inline-block; margin-top: 24px; color: #1e96f0; font-size: 14px; line-height: 21px; font-weight: 300; text-decoration: none; }
#top .tpr-card__more:hover { color: #1e96f0; text-decoration: underline; }
#top .tpr-card__more span { display: inline-block; margin-left: 3px; }

#top .tpr__all { display: inline-block; margin-top: 24px; box-sizing: border-box; height: 44px; padding: 0 28px; background: #1e96f0; color: #fff; font-size: 14px; line-height: 44px; font-weight: 700; text-decoration: none; transition: background-color .2s; }
#top .tpr__all:hover { background: #1580d0; color: #fff; }

/* tablet: 2 columns, phone: 1 column */
@media only screen and (max-width: 989px) {
	#top .tpr { padding: 56px 0 64px; }
	#top .tpr__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 36px; }
	#top .tpr-card__head { min-height: 0; }
}
@media only screen and (max-width: 640px) {
	#top .tpr { padding: 40px 0 48px; }
	#top .tpr__title { font-size: 26px; line-height: 32px; }
	#top .tpr__grid { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 28px; }
	#top .tpr-card { padding: 25px 20px 22px; }
	#top .tpr__all { display: block; text-align: center; }
}