/**
 * Luxtent responsive fixes for the Impreza theme.
 * Version: 1.6.0
 */

/*
 * The fixed messenger wrapper spans the full stack of hidden buttons. Without
 * this rule its transparent area can intercept clicks on product-slider arrows.
 */
#messenger-container {
	pointer-events: none;
}

#messenger-container #trigger-btn,
#messenger-container .messenger-link {
	pointer-events: auto;
}

@media (max-width: 600px) {
	/*
	 * Model selector grid (Impreza Grid Layout 12310).
	 * Impreza calculates a wrapper taller than the card and offsets it upward,
	 * which lets the 3D model icons cross the card boundary on narrow screens.
	 */
	.w-grid.layout_12310 .w-grid-item,
	.w-grid.layout_12310 .w-grid-item-h,
	.w-grid.layout_12310 .w-grid-item-anchor {
		overflow: hidden !important;
	}

	.w-grid.layout_12310 .w-vwrapper.usg_vwrapper_1 {
		display: flex !important;
		flex-direction: column !important;
		justify-content: space-between !important;
		gap: 2px !important;
		top: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		left: 0 !important;
		height: 100% !important;
		min-height: 0 !important;
		padding: 6px 8px 8px !important;
		overflow: hidden !important;
	}

	.w-grid.layout_12310 .w-vwrapper.usg_vwrapper_1 > * {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.w-grid.layout_12310 [class~="3d_icon"] {
		display: flex !important;
		flex: 1 1 44px !important;
		align-items: center !important;
		justify-content: center !important;
		width: 100% !important;
		max-height: 46px !important;
		min-height: 0 !important;
		overflow: hidden !important;
	}

	.w-grid.layout_12310 [class~="3d_icon"] img {
		display: block !important;
		width: auto !important;
		height: auto !important;
		max-width: 76% !important;
		max-height: 44px !important;
		object-fit: contain !important;
	}

	.w-grid.layout_12310 .usg_post_title_1,
	.w-grid.layout_12310 .usg_text_1 {
		flex: 0 0 auto !important;
		max-width: 100% !important;
	}
}