/* Start custom CSS *//* ===================== GHOST TABS LAYOUT ===================== */
.ghost-tabs-wrap{
	display:flex;
	gap:24px;
	align-items:flex-start;
	position:relative;
}

/* ===================== MOBILE TOP BAR ===================== */
.ghost-mobile-top{
	display:none;
	width:100%;
}

.ghost-mobile-trigger{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:4px;
	padding:14px 16px;
	border:none;
	border-radius:14px;
	background:#0e2f45;
	color:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.08);
	cursor:pointer;
	text-align:left;
}

.ghost-mobile-trigger-label{
	font-size:12px;
	line-height:1.2;
	opacity:0.75;
	text-transform:uppercase;
	letter-spacing:0.08em;
}

.ghost-mobile-current{
	font-size:15px;
	line-height:1.3;
	font-weight:600;
}

/* ===================== MOBILE OVERLAY ===================== */
.ghost-mobile-overlay{
	display:none;
	position:fixed;
	inset:0;
	background:rgba(0,0,0,0.4);
	z-index:998;
}

/* ===================== SIDEBAR ===================== */
.ghost-tabs-side{
	width:360px;
	max-width:100%;
	display:flex;
	flex-direction:column;
	gap:12px;
}

.ghost-mobile-close{
	display:none;
	align-self:flex-end;
	width:40px;
	height:40px;
	border:none;
	border-radius:10px;
	background:#f3f5f7;
	color:#0e2f45;
	font-size:24px;
	line-height:1;
	cursor:pointer;
}

/* ===================== TAB ===================== */
.ghost-tab{
	display:flex;
	align-items:center;
	gap:12px;
	padding:16px 18px;
	border-radius:12px;
	background:#fff;
	border:1px solid rgba(0,0,0,0.06);
	text-decoration:none;
	color:#1a1a1a !important;
	box-shadow:0 2px 10px rgba(0,0,0,0.04);
	transition:all 0.25s ease;
}

.ghost-tab:hover{
	background:#0e2f45;
	color:#fff !important;
	border-color:transparent;
}

.ghost-tab-icon{
	width:24px;
	min-width:24px;
	display:flex;
	align-items:center;
	justify-content:center;
	opacity:0.75;
	transition:opacity 0.25s ease;
}

.ghost-tab-icon svg{
	width:20px;
	height:20px;
	display:block;
	overflow:visible;
}

.ghost-tab-text{
	font-size:14px;
	line-height:1.25;
}

.ghost-tab.active-tab{
	background:#0e2f45;
	color:#fff !important;
	border-color:transparent;
}

.ghost-tab.active-tab .ghost-tab-icon,
.ghost-tab:hover .ghost-tab-icon{
	opacity:1;
}

/* ===================== CONTENT ===================== */
.ghost-tabs-content{
	flex:1;
	min-width:0;
}

.ghost-pane{
	display:none;
}

.ghost-pane.active-pane{
	display:block;
}

/* ===================== HERO PLACEHOLDER ===================== */
.ghost-hero{
	height:220px;
	border-radius:14px;
	background:#0e2f45;
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:18px;
}

.ghost-logo{
	color:#fff;
	font-weight:700;
	letter-spacing:2px;
}

/* ===================== MOBILE / TABLET ===================== */
@media (max-width: 1024px){
	.ghost-tabs-wrap{
		flex-direction:column;
		gap:16px;
	}

	.ghost-mobile-top{
		display:block;
	}
	.ghost-tab{
		align-items:flex-start;
	}

	.ghost-tab-text,
	.ghost-mobile-current{
		white-space:normal;
		word-break:break-word;
		overflow-wrap:break-word;
		min-width:0;
	}

	.ghost-tab-text{
		flex:1;
	}

	.ghost-tabs-side{
		position:fixed;
		top:0;
		left:0;
		width:min(88vw, 360px);
		height:100vh;
		padding:20px;
		background:#ffffff;
		box-shadow:0 10px 30px rgba(0,0,0,0.14);
		overflow-y:auto;
		z-index:999;
		transform:translateX(-110%);
		transition:transform 0.3s ease;
	}

	.ghost-tabs-wrap.menu-open .ghost-tabs-side{
		transform:translateX(0);
	}

	.ghost-tabs-wrap.menu-open .ghost-mobile-overlay{
		display:block;
	}

	.ghost-mobile-close{
		display:flex;
		align-items:center;
		justify-content:center;
		margin-bottom:4px;
	}

	.ghost-tab{
		box-shadow:none;
	}
	.ghost-mobile-trigger{
	width:100%;
	padding:14px 16px;
	border:none;
	border-radius:14px;
	background:#0e2f45;
	color:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.08);
	cursor:pointer;
	text-align:left;
}

.ghost-mobile-trigger-inner{
	display:flex;
	align-items:center;
	gap:20px;
	width:100%;
}

.ghost-mobile-trigger-text{
	display:flex;
	flex-direction:column;
	align-items:flex-start;
	gap:0px;
	min-width:0;
}

.ghost-mobile-trigger-label{
	font-size:12px;
	line-height:1.2;
	opacity:0.75;
	text-transform:uppercase;
	letter-spacing:0.08em;
}

.ghost-mobile-current{
	font-size:15px;
	line-height:1.3;
	font-weight:600;
}

.ghost-mobile-menu-icon{
	width:23px;
	min-width:23px;
	display:flex;
	flex-direction:column;
	gap:5px;
}

.ghost-mobile-menu-icon span{
	display:block;
	width:100%;
	height:2px;
	border-radius:999px;
	background:#fff;
	transition:transform 0.25s ease, opacity 0.25s ease;
}

.ghost-tabs-wrap.menu-open .ghost-mobile-menu-icon span:nth-child(1){
	transform:translateY(5px) rotate(45deg);
}

.ghost-tabs-wrap.menu-open .ghost-mobile-menu-icon span:nth-child(2){
	opacity:0;
}

.ghost-tabs-wrap.menu-open .ghost-mobile-menu-icon span:nth-child(3){
	transform:translateY(-5px) rotate(-45deg);
}
}/* End custom CSS */