/* Container grid */
.landing-categories--grid .row {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    gap: 20px; /* spacing between items */
    margin: 0 auto;
    max-width: 100%;
    /*padding: 0 10px;*/
}

/* Grid item: responsive flexible layout */
.landing-categories--grid .col-mc-6 {
    flex: 1 1 calc(25% - 20px); /* 4 in a row minus gap */
    max-width: calc(25% - 20px);
    box-sizing: border-box;
    transition: all 0.3s ease;
}

/* Category card styling */
.landing-categories--item {
    border: 1px solid #ddd;
    border-radius: 8px;
    /*padding: 10px;*/
    background: #fff;
    text-align: center;
    height: 100%;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Hover effect */
.landing-categories--item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* Image */
.landing-categories--thumb img {
    width: 100%;
    height: auto;
    border-radius: 4px;
}

/* Title */
.category-sublisting-title {
	margin-top: 10px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	background-color: #d8232a;
	color: #fff;
	padding: 30px 0px;
	border-radius: 0 0 6px 6px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
}
.category-sublisting-title a {
    color: inherit;
    text-decoration: none;
}

/* Responsive fallbacks for smaller screens */
@media (max-width: 1024px) {
    .landing-categories--grid .col-mc-6 {
        flex: 1 1 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px);
    }
}

@media (max-width: 768px) {
    .landing-categories--grid .col-mc-6 {
        flex: 1 1 calc(50% - 20px);
        max-width: calc(50% - 20px);
    }
}

@media (max-width: 480px) {
    .landing-categories--grid .col-mc-6 {
        flex: 1 1 100%;
        max-width: 100%;
    }
}
/* Shared container for title and grid */
.landing-categories--container {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 10px;
}

/* Title styles */
.category-title {
    text-align: left;
    font-size: 28px;
    margin: 30px 0 20px;
    font-weight: bold;
    color: #333;
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 15px;
    padding-left: 15px;
  padding-right: 15px
}
 .catalog-category-view .breadcrumbs {
	margin-bottom: 30px !important;
}
 
/* Override for 3 items */
#row--3items .col-mc-6 {
  flex: 1 1 calc(33.333% - 20px);
  max-width: calc(33.333% - 20px);
}
#row--2items .col-mc-6 {
  flex: 1 1 calc(50% - 20px);
  max-width: calc(50% - 20px);
}
#row--2items .category-sublisting-title {
	padding: 20px 0px;
}