/*
 * Column effects (Elementor column → Advanced → "Effect" / "Effect on
 * hover"), stored as xtra_nomral_effect / xtra_hover_effect; Elementor adds
 * them as "column-<effect>" classes.
 */
.elementor-column[class*="column-fx_"] { transition: transform .22s ease-in-out; }

/* Zoom: 5% larger, always or on hover. */
.elementor-column.column-fx_zoom_0,
.elementor-column.column-fx_zoom_0_hover:hover { transform: scale(1.05); }

/* Shine: a light band sweeps across the column on hover. */
.elementor-column.column-fx_shine_hover { overflow: hidden; }
.elementor-column.column-fx_shine_hover::before {
	content: "";
	position: absolute;
	top: 0;
	left: -120%;
	z-index: 2;
	width: 50%;
	height: 100%;
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	transform: skewX(-25deg);
	pointer-events: none;
}
.elementor-column.column-fx_shine_hover:hover::before {
	left: 130%;
	transition: left .75s ease-in-out;
}