/**
 * 공개구매 PIP 축소형 — 모바일 뷰포트(≤767px) 세로(9:16), PC(≥768px) 가로.
 * JS·PHP 클래스 적용 전에도 레이아웃이 맞도록 CSS 로 고정.
 */
@media (max-width: 767px) {
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) {
		width: 140px !important;
		max-width: min(140px, calc(100vw - 20px)) !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-body {
		height: auto !important;
		aspect-ratio: 9 / 16 !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}
	/* 세로 PIP — IVS video 는 cover 로 프레임 가득 채움 */
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-body iframe {
		object-fit: contain !important;
		object-position: center center !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-body video,
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-body #idx_live_pip_video,
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-body .idx-live-video-stage video {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		object-position: center center !important;
		transform: scaleX(-1) !important;
		-webkit-transform: scaleX(-1) !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-head {
		gap: 4px !important;
		padding: 5px 6px !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-badge {
		min-height: 20px !important;
		padding: 0 6px !important;
		font-size: 9px !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-actions {
		gap: 2px !important;
	}
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-head-btn-large,
	#idx_live_pip:not(.is-expanded):not(.is-order-pip-minimized) .idx-live-head-btn-close {
		width: 22px !important;
		height: 22px !important;
	}
}

@media (max-width: 360px) {
	#idx_live_pip:not(.is-expanded) {
		left: 8px !important;
		bottom: 22px !important;
	}
}