/* ==========================================================================
   Blog
   ========================================================================== */

/* blog */

@media (min-width:1024px) {
    .blog-content-width{margin:0 auto;width:60%}
}

.blog-image-grid{display:grid;margin:2rem 0 0 0;padding:60px 0;position:relative;z-index:1}
.blog-image-grid::before {
    content: ''; /* Creates the pseudo-element */
    position: absolute;
    top: 0;
    left: 0;
    width: 200vw; /* Full viewport width */
    height: 100%; /* Matches the height of the related products */
    background: var(--accent-3); /* Set your desired background color or gradient */
    z-index: -1; /* Place it behind the related products */
    transform: translateX(-50%)
}

.blog-image-grid{gap:1em}
.blog-image-grid-1{grid-template-columns:1fr}
.blog-image-grid-2{grid-template-columns:repeat(2,1fr)}
.blog-image-grid-3{grid-template-columns:repeat(3,1fr)}
.blog-image-grid-4{grid-template-columns:repeat(4,1fr)}

.blog-image-grid-5,
.blog-image-grid-6 {
	grid-template-columns: repeat(3, 1fr);
}

.single-post a{font-weight:bold}
.single-post p.highlight {
	background-color: var(--accent-3);
	color:var(--accent-4);
    font-weight:bold;
	padding: 1rem;
	margin: 1.5rem 0;
	border-radius: 4px;
}