.level2 {
	margin: 2em 0 ;
	background: var(--bg-panel);
	border: 1px solid var(--border-color);
	border-radius: 8px;
	overflow: hidden;
	animation: slideDown 0.3s ease-out;
	display: flex;
	flex-direction: column;
	
	h2 {
		margin: 0 ;
		padding: 0 25px;
		
		display: flex ;
		justify-content: space-between ;
		
	}
	h2:before { content : none ; display; none ; }
	
}

.price {
	color: var(--accent-warm) ;
	text-align: right ;
	flex-grow: 1 ;
}

.thumbs {
	
	padding: 20px;
	background: rgba(0,0,0,0.4);
	border-top: 1px solid var(--border-color);
	border-bottom: 1px solid var(--border-color);
	overflow-x: auto;

	p {
		margin: 0 ;
		padding: 0 ;

		display: flex;
		align-items: center ;
		gap: 15px;
		justify-content: space-around ;
	}
	
	img {
		max-height: 150px ;
		border: solid 1px var(--accent) ;
	}
}

.technical {
	font-family: var(--font-mono) ;
	font-size: 0.95rem;
	color: var(--text-muted);
	padding: 5px 25px ;

	p {
		margin: 0 ;
	}
}

.description {
	padding: 25px ;
}


p:has(.button) {
	display: flex ;
	flex-wrap: wrap ;
	gap: 15px ;
	justify-content: right ;
	align-items: baseline ;
	margin: 0 ;
	
	a.button {
		display: inline-block ;
		background-color: transparent;
		border: 1px solid var(--accent);
		color: var(--accent);
		font-family: var(--font-mono);
		font-size: 0.9rem;
		cursor: pointer;
		transition: all 0.3s ease;
		text-transform: uppercase;
		letter-spacing: 1px;
		border-radius: 2px;
		
		padding: 8px 20px ;
		margin: 0.5ch ;
	}
	
	a.button:hover {
		background-color: var(--accent);
		color: var(--bg-deep);
	}
}