/* Mobile First: 1 Column */
.mtd-category-grid { display: grid; grid-template-columns: 1fr; gap: 30px; margin: 40px 0; }

/* Tablet: 2 Columns */
@media (min-width: 768px) {
    .mtd-category-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Desktop: 3 Columns */
@media (min-width: 1024px) {
    .mtd-category-grid { grid-template-columns: repeat(3, 1fr); gap: 40px; }
}

/* General Layout Elements */
.mtd-cat-block { display: flex; align-items: flex-start; }
.mtd-cat-icon { font-size: 1.8rem; margin-right: 15px; margin-top: 3px; }
.mtd-cat-details { display: flex; flex-direction: column; }
.mtd-cat-name-heading { margin: 0 0 5px 0; font-size: 1.25rem; font-weight: bold; line-height: 1.2; }
.mtd-cat-name-link { color: #0000EE; text-decoration: underline; font-weight: bold; }
.mtd-count { color: #555; font-weight: normal; font-size: 0.95rem; }
.mtd-subcats-list { font-size: 0.9rem; color: #666; line-height: 1.5; }
.mtd-subcats-list a { color: #444; text-decoration: none; }
.mtd-subcats-list a:hover { text-decoration: underline; color: #0000EE; }
.mtd-breadcrumbs { font-size: 0.9rem; color: #555; margin-bottom: 20px; }
.mtd-breadcrumbs a { color: #0000EE; text-decoration: none; }
.mtd-listing-row { padding: 10px 0; border-bottom: 1px solid #d3d3d3; list-style: none; font-size: 1.1rem; line-height: 1.6; }
.mtd-claim-link { font-size: 0.85rem; color: #e67e22; font-weight: bold; margin-left: 8px; }
.mtd-success-msg { padding: 15px; background: #e6fffa; color: #234e52; font-weight: bold; margin-bottom: 20px; border: 1px solid #b2f5ea; border-radius: 4px; }
.mtd-ad-row { background-color: #f8f9fa; text-align: center; padding: 20px 0; margin: 10px 0; border-bottom: none; }
.mtd-ad-row:before { content: "Advertisement"; display: block; font-size: 0.75rem; color: #999; text-transform: uppercase; margin-bottom: 8px; letter-spacing: 1px; }