/**
 * BE Testimonials Jar (home §13). Ported from reference site.css v23 (.tst, .tcard, .tst-jar)
 * plus the base `.stars` rule. Every hard value reads a custom property set by the Style
 * controls; the var() fallback is the reference value.
 */

.e-con > .elementor-widget-be-testimonials-jar,
.e-con-inner > .elementor-widget-be-testimonials-jar {
	width: 100%;
}

.elementor-widget-be-testimonials-jar .tst {
	background: linear-gradient(180deg, var(--be-tj-bg1, #ECEAE6) 0%, var(--be-tj-bg2, #DEDBD6) 55%, var(--be-tj-bg3, #E7E4DF) 100%);
	padding-top: var(--be-tj-pt, 96px);
	padding-bottom: var(--be-tj-pb, 110px);
	padding-left: var(--gl, 32px);
	padding-right: var(--gr, 32px);
	overflow: hidden;
	font-family: var(--f);
	font-size: 15px;
	line-height: 1.7;
	color: var(--text, #16120E);
}

.elementor-widget-be-testimonials-jar .tst-in {
	max-width: 1240px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.elementor-widget-be-testimonials-jar .tst-k {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	font: 500 10.5px var(--f);
	letter-spacing: .32em;
	text-transform: uppercase;
	color: var(--be-tj-k, #7A6A5A);
}

.elementor-widget-be-testimonials-jar .tst-k i {
	width: 28px;
	height: 1px;
	background: var(--be-tj-k-line, #B9A58C);
}

.elementor-widget-be-testimonials-jar .tst .tst-h {
	font-family: var(--f-serif);
	font-weight: 500;
	color: var(--be-tj-title, #1D1714);
	font-size: clamp(40px, 5.2vw, 74px);
	line-height: 1.02;
	margin: 18px 0 0;
	padding: 0;
	letter-spacing: -.01em;
	text-wrap: balance;
}

.elementor-widget-be-testimonials-jar .tst .tst-h em {
	display: block;
	font-style: italic;
	font-weight: 500;
	color: var(--be-tj-sub, #1D1714);
}

.elementor-widget-be-testimonials-jar .tst-note {
	font-size: 12px;
	line-height: 1.7;
	color: var(--be-tj-note, #857A70);
	margin: 16px 0 0;
	max-width: 520px;
}

.elementor-widget-be-testimonials-jar .tst-stage {
	width: 100%;
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: center;
	gap: var(--be-tj-gap, clamp(20px, 4vw, 64px));
	margin-top: var(--be-tj-stage-mt, 48px);
}

.elementor-widget-be-testimonials-jar .tst-jar {
	width: var(--be-tj-jar-w, clamp(250px, 25vw, 330px));
	margin: 0;
	filter: drop-shadow(0 30px 40px var(--be-tj-jar-shadow, rgba(40, 24, 12, .28)));
}

.elementor-widget-be-testimonials-jar .tst-jar svg {
	display: block;
	width: 100%;
	height: auto;
}

.elementor-widget-be-testimonials-jar .tst-col {
	display: flex;
	flex-direction: column;
	gap: var(--be-tj-card-gap, 22px);
}

.elementor-widget-be-testimonials-jar .tst-col.l {
	align-items: flex-end;
}

.elementor-widget-be-testimonials-jar .tst-col.l .tcard:nth-child(2) {
	margin-right: var(--be-tj-stagger, 44px);
}

.elementor-widget-be-testimonials-jar .tst-col.r {
	align-items: flex-start;
	padding-top: var(--be-tj-right-pt, 90px);
}

.elementor-widget-be-testimonials-jar .tst-col.r .tcard:nth-child(2) {
	margin-left: var(--be-tj-stagger, 44px);
}

/* Card with two ticket notches at the dashed divider. */
.elementor-widget-be-testimonials-jar .tcard {
	width: min(100%, var(--be-tj-card-w, 340px));
	text-align: left;
	background: var(--be-tj-card-bg, rgba(255, 255, 255, .82));
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	border-radius: var(--be-tj-radius, 16px);
	padding: var(--be-tj-pad, 22px) var(--be-tj-pad, 22px) 0;
	box-shadow: 0 18px 40px var(--be-tj-card-shadow, rgba(60, 40, 25, .10));
	-webkit-mask: radial-gradient(circle 9px at 0 calc(100% - 66px), #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% calc(100% - 66px), #0000 97%, #000) right / 51% 100% no-repeat;
	mask: radial-gradient(circle 9px at 0 calc(100% - 66px), #0000 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 9px at 100% calc(100% - 66px), #0000 97%, #000) right / 51% 100% no-repeat;
	transition: transform var(--be-tj-speed, .4s);
}

.elementor-widget-be-testimonials-jar .tst[data-anim="1"] .tcard:hover {
	transform: translateY(var(--be-tj-lift, -4px));
}

.elementor-widget-be-testimonials-jar .tc-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.elementor-widget-be-testimonials-jar .tc-top .q {
	width: 30px;
	height: 23px;
	fill: var(--be-tj-quote, #1D1714);
}

.elementor-widget-be-testimonials-jar .tc-top .stars {
	color: var(--be-tj-stars, #B98A3E);
	letter-spacing: .18em;
	font-size: 15px;
	line-height: 1.7;
}

.elementor-widget-be-testimonials-jar .tcard p {
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--be-tj-text, #4A403A);
	margin: 16px 0 20px;
}

.elementor-widget-be-testimonials-jar .tc-who {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px dashed var(--be-tj-divider, rgba(60, 40, 25, .18));
	margin: 0 calc(-1 * var(--be-tj-pad, 22px));
	padding: 14px var(--be-tj-pad, 22px) 16px;
}

.elementor-widget-be-testimonials-jar .tc-who .av {
	width: 38px;
	height: 38px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--be-tj-av1, #E8D6BC), var(--be-tj-av2, #C9A979));
	display: grid;
	place-items: center;
	flex: none;
	overflow: hidden;
}

.elementor-widget-be-testimonials-jar .tc-who .av svg {
	width: 20px;
	height: 20px;
	fill: none;
	stroke: var(--be-tj-av-icon, #5A3E22);
	stroke-width: 1.6;
}

.elementor-widget-be-testimonials-jar .tc-who .av img {
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	border-radius: 0;
}

.elementor-widget-be-testimonials-jar .tc-who b {
	display: block;
	font-size: 13px;
	line-height: 1.7;
	color: var(--be-tj-name, #1D1714);
	font-weight: 600;
}

.elementor-widget-be-testimonials-jar .tc-who small {
	display: block;
	font-size: 10.5px;
	line-height: 1.7;
	color: var(--be-tj-meta, #8A7E74);
	margin-top: 3px;
}

/* Reference @media (max-width:980px): one column, bottle first. */
@media (max-width: 980px) {
	.elementor-widget-be-testimonials-jar .tst-stage {
		grid-template-columns: 1fr;
		justify-items: center;
	}

	.elementor-widget-be-testimonials-jar .tst-jar {
		order: -1;
		width: var(--be-tj-jar-w, min(70vw, 280px));
	}

	.elementor-widget-be-testimonials-jar .tst-col,
	.elementor-widget-be-testimonials-jar .tst-col.l,
	.elementor-widget-be-testimonials-jar .tst-col.r {
		align-items: center;
		padding-top: 0;
		width: 100%;
	}

	.elementor-widget-be-testimonials-jar .tst-col.l .tcard:nth-child(2),
	.elementor-widget-be-testimonials-jar .tst-col.r .tcard:nth-child(2) {
		margin: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.elementor-widget-be-testimonials-jar .tcard {
		transition: none;
	}

	.elementor-widget-be-testimonials-jar .tst[data-anim="1"] .tcard:hover {
		transform: none;
	}
}