| Рядок 1: | Рядок 1: | ||
{{#css: | {{#css: | ||
.mainpage-grid { | .mainpage-grid { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); | grid-template-columns: repeat(auto-fit, minmax(460px, 1fr)); | ||
gap: 36px; | gap: 36px; | ||
max-width: 1600px; | max-width: 1600px; | ||
| Рядок 9: | Рядок 8: | ||
padding: 0 24px; | padding: 0 24px; | ||
} | } | ||
.mainpage-card { | .mainpage-card { | ||
background: #f6f6f6; | background: #f6f6f6; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
| Рядок 23: | Рядок 20: | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | transition: transform 0.2s ease, box-shadow 0.2s ease; | ||
} | } | ||
.mainpage-card:hover { | .mainpage-card:hover { | ||
transform: translateY(-4px); | transform: translateY(-4px); | ||
box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); | box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); | ||
} | } | ||
.mainpage-card h2 { | .mainpage-card h2 { | ||
font-size: 2em; | font-size: 2em; | ||
| Рядок 40: | Рядок 33: | ||
text-align: left; | text-align: left; | ||
} | } | ||
.mainpage-card .image { | .mainpage-card .image { | ||
height: auto; | height: auto; | ||
| Рядок 52: | Рядок 43: | ||
width: 100%; | width: 100%; | ||
} | } | ||
.mainpage-card .image img { | .mainpage-card .image img { | ||
max-height: 100%; | max-height: 100%; | ||
| Рядок 61: | Рядок 50: | ||
margin: 0 auto; | margin: 0 auto; | ||
} | } | ||
.categorytree { | .categorytree { | ||
text-align: left; | text-align: left; | ||