.svu-social-home {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
}

.svu-module-card,
.svu-owner-cta,
.svu-coming-soon,
.svu-featured-section {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 25px;
}

.svu-module-icon {
    font-size: 40px;
    margin-bottom: 10px;
}

.svu-primary-btn,
.svu-whatsapp-btn {
    display: inline-block;
    padding: 12px 18px;
    border-radius: 10px;
    text-decoration: none;
    margin-top: 12px;
}

.svu-primary-btn {
    background: #111827;
    color: #fff;
}

.svu-whatsapp-btn {
    background: #25D366;
    color: #fff;
}

.svu-owner-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.svu-coming-grid {
    display: grid;
    gap: 12px;
}

.svu-coming-card {
    background: #f3f4f6;
    border-radius: 12px;
    padding: 16px;
}

@media (min-width: 768px) {

    .svu-coming-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* ===========================
   APP HEADER
=========================== */

.svu-app-header{

	background:#ffffff;
	border-bottom:1px solid #e5e7eb;
	position:sticky;
	top:0;
	z-index:999;

}

.svu-app-header-inner{

	max-width:900px;
	margin:auto;

	display:flex;
	align-items:center;

	min-height:60px;

	padding:0 18px;

}

.svu-app-header h1{

	font-size:26px;
	font-weight:700;
	margin:0;

}

.svu-back-btn{

	text-decoration:none;

	font-size:24px;

	margin-right:16px;

	color:#111827;

}

/* ===========================
   FOOTER
=========================== */

.svu-app-footer{

	text-align:center;

	padding:30px 20px;

	color:#6b7280;

	font-size:14px;

	border-top:1px solid #e5e7eb;

	margin-top:40px;

}


/* Hide Astra header/footer on all app pages */

.home header.site-header,
.home footer.site-footer,

.page-slug-svu-pg-finder header.site-header,
.page-slug-svu-pg-finder footer.site-footer,

.single-pg header.site-header,
.single-pg footer.site-footer{
    display:none;
}

/* Bottom Navigation */

.svu-bottom-nav{
    position:fixed;
    bottom:0;
    left:0;
    right:0;

    height:64px;

    background:#fff;
    border-top:1px solid #ddd;

    display:flex;

    z-index:9999;
}

.svu-bottom-nav a{

    flex:1;

    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    text-decoration:none;
    color:#777;

    font-size:12px;
}

.svu-bottom-nav a .dashicons{

    font-size:22px;
    width:22px;
    height:22px;
    margin-bottom:4px;
}

.svu-bottom-nav a.active{

    color:#0073aa;
    font-weight:600;
}
.svu-app-page{
    padding-bottom:70px;
}