/* ===== SPACING FIX ===== */

/* HERO HEIGHT FIX */

.hero,
.page-hero{
padding:4.5rem 0 3.5rem;
}


/* SECTION SPACING */

.section{
padding:4rem 0;
}

.section-title{
margin-bottom:2rem;
}

.split-head{
margin-bottom:2rem;
}


/* HEADINGS SPACING */

h1{
margin:18px 0 10px 0;
}

h2{
margin:16px 0 10px 0;
}

h3{
margin:12px 0 8px 0;
}

h4{
margin:10px 0 6px 0;
}

p{
margin:6px 0;
}


/* CARD SPACING */

.card,
.project-card,
.service-card,
.product-card{
margin-bottom:10px;
padding:18px;
}


/* GRID GAP FIX */

.cards,
.gallery,
.portfolio,
.shop-grid,
.services{
gap:18px;
}


/* BUTTON SPACING */

.button-row,
.hero-buttons{
margin-top:1rem;
gap:10px;
}


/* NAVBAR SPACING */

.nav-wrap,
.navbar{
min-height:68px;
padding:6px 0;
}


/* FOOTER SPACING */

.site-footer,
footer{
padding:2.5rem 0;
}

.footer-grid p,
.footer-grid li{
margin:4px 0;
}


/* CONTACT FORM SPACING */

.contact-form{
gap:8px;
}

.contact-form input,
.contact-form textarea,
.contact-form select{
padding:10px;
}


/* SHOP IMAGE HEIGHT FIX */

.product-card img{
height:210px;
object-fit:cover;
}


/* SERVICE IMAGE FIX */

.service-card img{
height:220px;
object-fit:cover;
}


/* PORTFOLIO IMAGE FIX */

.project-thumb img,
.gallery-item img{
height:220px;
object-fit:cover;
}


/* MOBILE FIX */

@media(max-width:900px){

.section{
padding:3rem 0;
}

.hero,
.page-hero{
padding:3rem 0;
}

}