/**
 * Celsyn 360 Liquid — Quick View modal body.
 * Chrome (close button bar) is glass (.celsyn-glass-modal__chrome, shared
 * with the cart drawer); the body is the modal's own opaque surface
 * (.celsyn-glass-modal, glass.css) — readable product info, glass reserved
 * for the floating close control.
 */

#celsyn-qv-modal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% ) scale( 0.96 );
	width: min( 92vw, 760px );
	max-height: 86vh;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}
#celsyn-qv-modal.is-open { transform: translate( -50%, -50% ) scale( 1 ); }

.celsyn-qv__chrome {
	display: flex;
	justify-content: flex-end;
	padding: var( --space-3 );
	border-radius: var( --radius-lg ) var( --radius-lg ) 0 0;
}
.celsyn-qv__body {
	padding: var( --space-6 );
	overflow-y: auto;
	display: grid;
	gap: var( --space-6 );
}
@media ( min-width: 640px ) {
	.celsyn-qv__body { grid-template-columns: 1fr 1fr; align-items: start; }
}
.celsyn-qv__media {
	aspect-ratio: 4 / 5;
	border-radius: var( --radius-md );
	overflow: hidden;
	background: var( --env-surface-2 );
}
.celsyn-qv__media img { width: 100%; height: 100%; object-fit: cover; }
.celsyn-qv__name { font-family: var( --font-display ); font-size: var( --text-xl ); margin: 0 0 var( --space-3 ); }
.celsyn-qv__price { font-weight: 600; font-size: var( --text-lg ); margin-bottom: var( --space-4 ); }
.celsyn-qv__desc { color: var( --env-text-muted ); margin-bottom: var( --space-5 ); }
.celsyn-qv__loading { padding: var( --space-8 ); text-align: center; color: var( --env-text-muted ); }