.x360t-wrap {
	width: 100%;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 45px -18px rgba(0,0,0,0.35);
	border: 1px solid rgba(0,0,0,0.08);
	background: #000;
}
.x360t-viewer { width: 100%; height: var(--x360t-height, 600px); }

.x360t-arrow { cursor: pointer; }
.x360t-arrow-icon {
	position: relative;
	width: 46px; height: 46px; border-radius: 50%;
	background: rgba(200,16,46,0.92);
	box-shadow: 0 2px 6px rgba(0,0,0,0.35), 0 0 0 1px rgba(0,0,0,0.06);
	display: flex; align-items: center; justify-content: center;
	transition: transform .2s ease, background .2s ease;
}
/* Google Street View-style pulsing ring to draw the eye to each arrow. */
.x360t-arrow-icon::after {
	content: ''; position: absolute; inset: -6px; border-radius: 50%;
	border: 2px solid rgba(200,16,46,0.5);
	animation: x360t-pulse 2.2s ease-out infinite;
}
/* A chevron (two joined edges), not a solid triangle — matches the Street
   View navigation arrow look. */
.x360t-arrow-icon::before {
	content: ''; width: 13px; height: 13px; margin-top: 3px;
	border-top: 3px solid #fff; border-right: 3px solid #fff;
	display: block; transform: rotate(calc(var(--x360t-arrow-yaw, 0deg) - 45deg));
	transition: transform .2s ease, border-color .2s ease;
}
@keyframes x360t-pulse {
	0%   { transform: scale(0.85); opacity: 0.75; }
	70%  { transform: scale(1.4); opacity: 0; }
	100% { opacity: 0; }
}
.x360t-arrow:hover .x360t-arrow-icon { background: #96091f; transform: scale(1.12); }
.x360t-arrow-label {
	position: absolute; top: 100%; left: 50%; transform: translateX(-50%); margin-top: 6px;
	background: rgba(0,0,0,0.75); color: #fff; font-size: 0.78rem; font-weight: 700;
	padding: 4px 10px; border-radius: 100px; white-space: nowrap; pointer-events: none;
	opacity: 0; transition: opacity .2s ease;
}
.x360t-arrow:hover .x360t-arrow-label { opacity: 1; }

@media (max-width: 640px) {
	.x360t-viewer { height: min(var(--x360t-height, 600px), 85vw); }
}