.header-section { position: relative; margin-bottom: 25px; }
.baram-banner { 
	width: 100%; height: 140px; border-radius: 20px; display: flex; align-items: center; padding: 0 40px; position: relative; overflow: hidden;
	/*background: 
			linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 40%),
			linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0) 100%), 
			url('/assets/images/character_banner.png');*/
	background-size: cover; background-position: center;
}
.banner-text h2 { margin: 0; font-size: 1.6rem; font-weight: 800; }
.banner-text h2 span { color: var(--accent); }
.banner-text p { margin: 8px 0 0; font-size: 1rem; color: #ccc; }

.banner-text h2 {
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.baram-banner:hover .banner-text h2 {
    transform: scale(1.05) rotate(-1deg);
}

.search-section { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); z-index: 5; }
.search-box { 
	background: rgba(36, 36, 38, 0.9); padding: 8px; border-radius: 14px; display: flex; gap: 8px; border: 4px solid var(--accent); backdrop-filter: blur(8px);
}
.search-box select, .search-box input { background: transparent; border: none; color: #fff; padding: 10px; outline: none; }
.search-box button { background: var(--accent); border: none; padding: 0 20px; border-radius: 10px; cursor: pointer; color: var(--accent-active); font-weight: bold; }

@media (max-width: 1148px) {
	.baram-banner { height: 130px; padding: 0 20px; border-radius: 20px 20px 0 0; justify-content: center; text-align: center; }
	.banner-text h2 { 
		font-size: 1.2rem; 
		line-height: 1.4;
	}
	
	.banner-text p { 
		font-size: 0.85rem; 
		margin-top: 5px;
		word-break: keep-all;
	}
	.search-section { position: relative; right: 0; top: 0; transform: none; }
	.search-box { border-radius: 0 0 20px 20px; padding: 15px; flex-wrap: wrap; background: var(--card-bg); border: 1px solid var(--border-color); border-top: none; }
	.search-box select, .search-box input { flex: 1; min-width: 120px; background: rgba(255,255,255,0.05); border-radius: 8px; margin-bottom: 5px; }
	.search-box button { width: 100%; margin-top: 5px; padding: 12px; }

	.side-profile { flex: 0 0 100% !important; }
}