/* 
related-items.css
Styles for Related Items
*/
.related-cpts {
    background-color: var(--bg-section-color);
    padding: 6rem 0;
    background-image: url("/wp-content/themes/shopkeeper-child/img/background.jpg");
}

.related-items-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px; 
    margin: 2% 10%; 
}

/* Media Queries for Responsive Design */
@media (max-width: 1200px) {
    .related-items-row {
        grid-template-columns: repeat(2, 1fr); 
    }
}

@media (max-width: 768px) {
    .related-items-row {
        grid-template-columns: 1fr; 
    }
}

.related-cpts h2 {
	text-align:center;
	margin-bottom:2rem;
}