| Рядок 12: | Рядок 12: | ||
.flex-columns > div { | .flex-columns > div { | ||
flex: 1 1 520px; | flex: 1 1 520px; | ||
max-width: | max-width: 720px; | ||
background: #f9f9f9; | background: #f9f9f9; | ||
border: 1px solid #ddd; | border: 1px solid #ddd; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: | padding: 42px 36px; | ||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); | ||
transition: transform 0.2s ease, box-shadow 0.2s ease; | transition: transform 0.2s ease, box-shadow 0.2s ease; | ||
| Рядок 39: | Рядок 39: | ||
max-height: 7em; | max-height: 7em; | ||
object-fit: contain; | object-fit: contain; | ||
} | } | ||
| Рядок 56: | Рядок 48: | ||
padding-bottom: 0.4em; | padding-bottom: 0.4em; | ||
text-align: center; | text-align: center; | ||
} | |||
/* 🎯 Найважливіше: жорсткий контроль шрифту в дереві */ | |||
.categorytree, | |||
.categorytree * { | |||
font-size: 1.2em !important; | |||
line-height: 1.75 !important; | |||
text-align: left !important; | |||
color: #111 !important; | |||
} | } | ||
}} | }} | ||