@charset "utf-8";
#specs {
	position: absolute;/* float above content */
	width: auto;
	min-width: 20%;
	top:70px;
	background: var(--colorcontrasttrans);
	padding: 10px 20px;
	margin: 0;
	border-radius: 2px;
	font-family: var(--mainfont);
	font-weight: 400;

	color: var(--whitetheme);
	line-height: 1.5;
	justify-content-content: center;
	z-index: 5000;
	transition: color 1s ease, background-color 1s ease;

}

body.lang-zh #specs {
	line-height: 1.5;
}

/* Headings inside specs */
#specs h2 {
	margin-top: 0;
	margin-bottom: 0em;
	font-size: 2em;
	font-weight: 400;
	font-family: var(--titlefont);
	color: var(--whitetheme);
	transition: color 1s ease;

}

section:has(.one_pic:hover) #specs {
	color: var(--colorlight);
	background: var(--white80);
}

section:has(.one_pic:hover) #specs h2 {
	color: var(--colorlight);
}

body.lang-zh #specs h2 {
	font-size: 2em; /* Scales down the title slightly for Chinese */
}

/* Paragraphs inside specs */
#specs p {
	margin: 0.3em 0;
	font-size: 0.95em;
	font-weight: 400;
	font-family: var(--mainfont), var(--chinesefont), sans-serif;

}

body.lang-zh #specs p {
	font-size: 0.85em; /* Scales down body paragraphs slightly for Chinese */
	line-height: 1.715;
}

#specs strong {
	font-weight: 500;
	font-family: var(--mainfont), var(--chinesefont), sans-serif;
}

body.lang-zh #specs strong {
	font-weight: 600;
}

#totop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
	fill:var(--colorcontrast);
}

#totop a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}

#specs .subtitle {
    margin: 0 0 1em 0;
    font-style: italic;
	font-size: 1em;
}





@media (max-width: 768px) {
	#specs {
		position: relative;
		top:0px;
		width: calc(100% - 20px);;
		padding: 10px 20px;
		margin: 0;
		background: var(--colormid);
		color: var(--colorcontrast2);
	}



	#specs h2 {
		font-size: 1.5em;
		color: var(--whitetheme);
		font-weight: 400;
	}

	body.lang-zh #specs h2 {
		font-size: 1.5em; /* Scales down the title slightly for Chinese */
	}

	#specs p {
		font-size: 0.9em;
	}

	#specs .subtitle {
		color: var(--white80);
	}

	body.lang-zh #specs p {
	font-size: 0.85em; /* Scales down body paragraphs slightly for Chinese */
	line-height: 1.61;
	}

	#totop {
	bottom: 10px;
	right: 10px;
	}
}