Шаблон:Mainpage

{{#css: .mainpage-grid {

 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(480px, 1fr));
 gap: 40px;
 padding: 0 32px;        /* отступы по бокам */
 margin: 40px auto;

}

.mainpage-card {

 background: #f6f6f6;
 border: 1px solid #ddd;
 border-radius: 12px;
 padding: 28px 24px;
 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: flex-start;
 transition: transform 0.2s ease, box-shadow 0.2s ease;

}

.mainpage-card:hover {

 transform: translateY(-4px);
 box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);

}

.mainpage-card h2 {

 font-size: 1.8em;
 color: #002855;
 margin-bottom: 18px;
 border-bottom: 2px solid #0057b7;
 padding-bottom: 4px;
 width: 100%;
 text-align: left;

}

.mainpage-card .image {

 height: auto;
 min-height: 140px;
 max-height: 200px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 1.2em;
 width: 100%;

}

.mainpage-card .image img {

 max-height: 100%;
 max-width: 80%;
 object-fit: contain;
 display: block;
 margin: 0 auto;

}