/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 21 2026 | 18:57:33 */
/* =========================================================
BLKFOG RELATED PRODUCTS
========================================================= */



/* Section spacing */

.related.products{
margin-top:90px;
padding-top:50px;
border-top:1px solid var(--bf-border);
}

/* Section title */

.related.products h2{
font-size:20px;
letter-spacing:.12em;
font-weight:600;
text-transform:uppercase;

margin-bottom:36px;

color:var(--bf-black);
}

/* Divider under section title */

.related.products h2::after{
content:"";
display:block;
width:60px;
height:1px;
background:var(--bf-border);
margin:12px auto 0;
}
.related.products h2{
text-align:center;
}

/* Match shop grid spacing */

.related.products ul.products{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
padding:0;
margin:0;
list-style:none;
}

/* Remove default Woo margins */

.related.products ul.products li.product{
width:100% !important;
margin:0 !important;
}
.related.products ul.products{
justify-content:center;
}

/* =========================================================
BLKFOG PRODUCT CARD HOVER (FROM THE LINE)
========================================================= */

.related.products ul.products li.product{
transition:transform .25s ease, box-shadow .25s ease;
}

.related.products ul.products li.product:hover{
transform:translateY(-4px);
box-shadow:0 8px 18px rgba(0,0,0,.06);
}

/* Related products on mobile */

@media (max-width:1024px){
.related.products ul.products{
grid-template-columns:repeat(3,1fr);
 }
}

@media (max-width:640px){
.related.products ul.products{
grid-template-columns:repeat(2,1fr);
 }
}