/**
 * iBeta 3D Viewer — styles
 * v1.0.0
 */

.ib3d-wrap{display:flex;flex-direction:column;gap:20px;padding:24px 0}
.ib3d-header h3{font-size:24px;font-weight:800;color:#0A1628;margin:0 0 6px}
.ib3d-header p{color:#5B6B85;font-size:15px;margin:0;line-height:1.5}

.ib3d-viewer{
	width:100%;
	height:520px;
	max-height:70vh;
	border-radius:24px;
	background:linear-gradient(135deg,#F5F7FF 0%,#FFF0E8 100%);
	border:1px solid #E1E8F2;
	display:block;
	--poster-color:transparent;
}
@media (max-width:768px){
	.ib3d-viewer{height:380px}
}

.ib3d-ar-btn{
	position:absolute;
	bottom:16px;
	right:16px;
	background:#0A1628;
	color:#fff;
	border:none;
	border-radius:999px;
	padding:10px 18px;
	font-size:14px;
	font-weight:700;
	cursor:pointer;
	display:inline-flex;
	align-items:center;
	gap:8px;
	box-shadow:0 8px 20px rgba(10,22,40,.25);
	transition:transform .2s ease,box-shadow .2s ease;
}
.ib3d-ar-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,22,40,.35)}

.ib3d-progress{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:3px;
	background:rgba(24,85,204,.1);
	overflow:hidden;
}
.ib3d-progress__bar{
	height:100%;
	background:linear-gradient(90deg,#1855CC,#F05A00);
	transform-origin:left;
	transition:transform .2s ease;
}

.ib3d-hint{
	display:flex;
	gap:24px;
	flex-wrap:wrap;
	color:#5B6B85;
	font-size:13px;
	font-weight:500;
}
@media (max-width:600px){
	.ib3d-hint{gap:14px;font-size:12px}
}