:root{
	--section-max-width: 1320px;
	--section-radius: 20px;
}

.ref-section{ padding:0 !important; }
.ref-wrap{
	max-width: var(--section-max-width) !important;
	margin: 0 auto !important;
	padding: 0 16px !important;
}

/* slide visibility */
.ref-slide{ display:none; }
.ref-slide.is-active{ display:block; }

/* OUTER */
.refx-cardwrap{
	position: relative;
	overflow: visible !important;
}

/* CARD */
.refx-cardbox{
	display:flex !important;
	border:1px solid #e7e7e7 !important;
	border-radius: var(--section-radius) !important;
	overflow:hidden !important;
	background:#fff !important;
	min-height:340px !important;
}

/* MEDIA LEFT */
.refx-media{
	position: relative !important;
	flex: 0 0 540px !important;
	background:#ffffff !important;
}

/* ✅ GALERIE = background cover */
.refx-gallery{
	position: relative !important;
	height: 340px !important;
	overflow:hidden !important;
	background-color:#f3f4f6 !important;

	background-size:cover !important;
	background-position:center !important;
	background-repeat:no-repeat !important;
}

/* IMG jen jako zdroj URL (skryté) */
.refx-gallery .refx-src{
	position:absolute !important;
	inset:0 !important;
	width:100% !important;
	height:100% !important;
	opacity:0 !important;
	pointer-events:none !important;
}

/* dots */
.refx-dots{
	position:absolute !important;
	left:0; right:0;
	bottom:18px;
	display:flex !important;
	justify-content:center !important;
	gap:10px;
	z-index:6;
}
.refx-dot{
	width:8px; height:8px;
	border-radius:999px;
	border:0;
	background:rgba(255,255,255,.85);
	cursor:pointer;
}
.refx-dot.is-active{ background:#111; }

/* CONTENT RIGHT */
.refx-content{
	flex: 1 1 auto !important;
	padding:52px 64px !important;
}

/* ✅ Quote clamp 4 řádky */
.refx-quote{
	color:#666 !important;
	font-style:italic !important;
	line-height:1.95 !important;
	margin:0 0 10px !important;
	font-size:15px !important;

	display:-webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow:hidden;
}

.refx-quote.is-expanded{
	-webkit-line-clamp: unset;
	display:block;
	overflow:visible;
}

/* Číst dále */
.refx-readmore{
	appearance:none;
	border:0;
	background:transparent;
	padding:0;
	margin:0 0 26px;
	cursor:pointer;
	font-size:14px;
	font-weight:700;
	color:#111;
}
.refx-readmore.is-hidden{ display:none; }

.refx-client{
	font-weight:800 !important;
	font-size:22px !important;
	margin-top:6px !important;
	color:#222 !important;
}
.refx-subtitle{
	color:#666 !important;
	margin-top:6px !important;
	font-size:14px !important;
}

/* AVATAR */
.refx-avatar{
	position:absolute !important;
	top:-18px !important;
	left:18px !important;
	width:110px !important;
	height:110px !important;
	border-radius:999px !important;
	background:#fff !important;
	border:4px solid #fff !important;
	box-shadow:none !important;
	overflow:hidden !important;
	z-index:10 !important;
}
.refx-avatar img{
	width:100% !important;
	height:100% !important;
	object-fit:cover !important;
	display:block !important;
}

/* nav under */
.ref-nav{
	margin-top:28px !important;
	display:flex !important;
	justify-content:center !important;
	gap:8px !important;
	opacity:.6 !important;
}
.ref-navdot{
	width:8px;height:8px;
	border-radius:999px;
	border:0;
	background:#ddd;
	cursor:pointer;
}
.ref-navdot.is-active{ background:#111; }

/* responsive */
@media (max-width: 1020px){
	.refx-cardbox{
		flex-direction: column !important;
		min-height: unset !important;
	}
	.refx-media{ flex: 0 0 auto !important; }
	.refx-gallery{ height:300px !important; }
	.refx-content{ padding:28px 22px !important; }
	.refx-avatar{
		top:-16px !important;
		left:16px !important;
		width:96px !important;
		height:96px !important;
		border-width:7px !important;
	}
}