/* Statik sayfalar, iletişim, markalar / kategoriler listesi */

.prose { font-size: .95rem; color: #333; line-height: 1.7; }
.prose h2 { font-size: 1.35rem; margin-top: 1.75rem; }
.prose h3 { font-size: 1.1rem; margin-top: 1.25rem; }
.prose ul { padding-left: 1.2rem; }

.cat-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 1rem; }
@media (max-width: 991px) { .cat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575px) { .cat-grid { grid-template-columns: repeat(2, 1fr); } }
.cat-box { background: var(--mh-light-gray); border-radius: var(--mh-radius); padding: 1.25rem 1rem; text-align: center; color: var(--mh-dark); transition: .15s; display: block; }
.cat-box:hover { background: var(--mh-primary-trans); color: var(--mh-primary-dark); transform: translateY(-2px); }
.cat-box i { font-size: 2rem; display: block; margin-bottom: .5rem; color: var(--mh-primary); }
.cat-box span { font-weight: 700; font-size: .85rem; display: block; }
.cat-box small { color: var(--mh-gray); font-size: .72rem; }

.brand-grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: .75rem; }
@media (max-width: 991px) { .brand-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 575px) { .brand-grid { grid-template-columns: repeat(3, 1fr); } }
.brand-box { border: 1px solid var(--mh-mid-gray); border-radius: var(--mh-radius-sm); padding: 1rem .5rem; text-align: center; font-weight: 800; font-size: .8rem; color: var(--mh-dark); background: #fff; transition: .15s; }
.brand-box:hover { border-color: var(--mh-primary); color: var(--mh-primary-dark); }
.brand-box small { display: block; color: var(--mh-gray); font-weight: 600; font-size: .7rem; }