.tirna-sitat {
	--tirna-sitat-image-width: 320px;
	--tirna-sitat-quote-size: 30px;
	--tirna-sitat-image-focus: 50% 28%;
	--tirna-sitat-text: var(--wp--preset--color--primary-100, #393b52);
	--tirna-sitat-muted: var(--wp--preset--color--primary-80, #797b8c);
	--tirna-sitat-soft: var(--wp--preset--color--secondary-10, #f4f7f5);
	--tirna-sitat-accent: var(--wp--preset--color--third-100, #f0956e);
	--tirna-sitat-border: var(--wp--preset--color--secondary-30, #dee8e1);

	align-items: stretch;
	background: linear-gradient(135deg, #ffffff 0%, var(--tirna-sitat-soft) 100%);
	border: 1px solid var(--tirna-sitat-border);
	border-radius: 24px;
	box-sizing: border-box;
	color: var(--tirna-sitat-text);
	display: grid;
	gap: clamp(18px, 3vw, 32px);
	grid-template-columns: minmax(0, 1fr);
	margin: calc(var(--wp--preset--spacing--40, 40px) + 18px) clamp(18px, 4vw, 44px) var(--wp--preset--spacing--40, 40px);
	overflow: visible;
	padding: clamp(24px, 4vw, 56px);
	position: relative;
}

.tirna-sitat--has-image.tirna-sitat--image-left,
.tirna-sitat--has-image.tirna-sitat--image-right {
	grid-template-columns: minmax(310px, 1fr) clamp(180px, var(--tirna-sitat-image-width), 460px);
	min-height: clamp(300px, 26vw, 400px);
}

.tirna-sitat--has-image.tirna-sitat--image-left .tirna-sitat__media {
	order: -1;
}

.tirna-sitat--image-top .tirna-sitat__media {
	aspect-ratio: 16 / 9;
	margin: calc(clamp(24px, 4vw, 56px) * -1) calc(clamp(24px, 4vw, 56px) * -1) 0;
	transform: translateY(clamp(-28px, -3vw, -18px));
}

.tirna-sitat__content {
	align-self: center;
	max-width: 620px;
	position: relative;
	z-index: 1;
}

.tirna-sitat__mark {
	color: var(--tirna-sitat-accent);
	display: block;
	font-family: Georgia, serif;
	font-size: clamp(54px, 8vw, 96px);
	font-weight: 700;
	height: .52em;
	line-height: 1;
	margin-bottom: 10px;
}

.tirna-sitat__quote {
	border: 0;
	font-size: clamp(18px, var(--tirna-sitat-quote-size), 46px);
	font-weight: 600;
	line-height: 1.35;
	margin: 0;
	padding: 0;
}

.tirna-sitat__caption {
	display: grid;
	gap: 4px;
	margin-top: clamp(20px, 3vw, 32px);
}

.tirna-sitat__caption strong {
	font-size: var(--wp--preset--font-size--default, 18px);
	line-height: 1.3;
}

.tirna-sitat__caption span {
	color: var(--tirna-sitat-muted);
	font-size: var(--wp--preset--font-size--small, 16px);
	line-height: 1.5;
}

.tirna-sitat__media {
	align-self: start;
	aspect-ratio: 4 / 4.6;
	border-radius: 22px;
	box-shadow: 0 10px 18px rgba(57, 59, 82, .26);
	min-height: 0;
	overflow: hidden;
	position: relative;
	transform: translate(clamp(28px, 4vw, 56px), clamp(-74px, -6vw, -58px));
	z-index: 2;
}

.tirna-sitat__image {
	display: block;
	inset: 0;
	height: 100% !important;
	margin: 0;
	object-fit: cover;
	object-position: var(--tirna-sitat-image-focus);
	position: absolute;
	width: 100% !important;
}

.tirna-sitat__media img {
	display: block;
	height: 100% !important;
	inset: 0;
	margin: 0 !important;
	max-width: none !important;
	object-fit: cover !important;
	object-position: var(--tirna-sitat-image-focus) !important;
	position: absolute;
	width: 100% !important;
}

.tirna-sitat__admin-warning {
	background: #fff8e5;
	border: 1px solid #dba617;
	border-radius: 8px;
	color: #4d3b08;
	font-size: 14px;
	font-weight: 600;
	grid-column: 1 / -1;
	padding: 10px 12px;
}

.tirna-sitat--style-compact {
	border-radius: 18px;
	gap: 24px;
	margin: var(--wp--preset--spacing--30, 32px) 0;
	min-height: 0;
	padding: clamp(20px, 3vw, 36px);
}

.tirna-sitat--style-compact.tirna-sitat--has-image.tirna-sitat--image-left,
.tirna-sitat--style-compact.tirna-sitat--has-image.tirna-sitat--image-right {
	grid-template-columns: minmax(280px, 1fr) clamp(150px, var(--tirna-sitat-image-width), 260px);
}

.tirna-sitat--style-compact .tirna-sitat__media {
	aspect-ratio: 1 / 1;
	box-shadow: 0 8px 16px rgba(57, 59, 82, .18);
	transform: none;
}

.tirna-sitat--style-compact .tirna-sitat__quote {
	font-size: clamp(18px, calc(var(--tirna-sitat-quote-size) * .82), 34px);
}

.tirna-sitat--style-minimal {
	background: transparent;
	border: 0;
	border-radius: 0;
	margin: var(--wp--preset--spacing--30, 32px) 0;
	min-height: 0;
	padding: 0;
}

.tirna-sitat--style-minimal .tirna-sitat__mark {
	font-size: 54px;
}

.tirna-sitat--style-minimal .tirna-sitat__media {
	display: none;
}

.tirna-sitat--style-wall {
	background: var(--tirna-sitat-soft);
	border-radius: 16px;
	margin: var(--wp--preset--spacing--30, 32px) 0;
	min-height: 0;
	padding: clamp(18px, 3vw, 32px);
}

.tirna-sitat--style-wall .tirna-sitat__media {
	display: none;
}

.tirna-sitat--style-wall .tirna-sitat__mark {
	font-size: 44px;
}

.tirna-sitat--style-wall .tirna-sitat__quote {
	font-size: clamp(17px, calc(var(--tirna-sitat-quote-size) * .68), 26px);
}

.tirna-sitat-vegg {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin: var(--wp--preset--spacing--40, 40px) 0;
}

.tirna-sitat-vegg .tirna-sitat {
	height: 100%;
	margin: 0;
}

.tirna-sitat-karusell {
	margin: var(--wp--preset--spacing--40, 40px) 0;
}

.tirna-sitat-karusell__viewport {
	overflow-x: auto;
	padding: 6px 4px 18px;
	scroll-behavior: smooth;
	scroll-snap-type: x mandatory;
	scrollbar-width: thin;
}

.tirna-sitat-karusell__track {
	display: grid;
	gap: 18px;
	grid-auto-columns: minmax(260px, 430px);
	grid-auto-flow: column;
}

.tirna-sitat-karusell__slide {
	scroll-snap-align: start;
}

.tirna-sitat-karusell__slide .tirna-sitat {
	height: 100%;
	margin: 0;
}

.tirna-sitat-karusell__controls {
	align-items: center;
	display: flex;
	gap: 14px;
	justify-content: center;
	margin-top: 12px;
}

.tirna-sitat-karusell__arrow {
	align-items: center;
	appearance: none;
	background: var(--wp--preset--color--secondary-100, #90b29b);
	border: 1px solid var(--wp--preset--color--secondary-80, #a6c1af);
	border-radius: 999px;
	color: var(--tirna-sitat-text);
	cursor: pointer;
	display: inline-flex;
	font-size: 18px;
	font-weight: 700;
	height: 42px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	transition: background .18s ease, opacity .18s ease, transform .18s ease;
	width: 42px;
}

.tirna-sitat-karusell__arrow:hover:not(:disabled) {
	background: var(--tirna-sitat-accent);
	border-color: var(--tirna-sitat-accent);
	color: #fff;
	transform: translateY(-1px);
}

.tirna-sitat-karusell__arrow:disabled {
	cursor: default;
	opacity: .35;
}

.tirna-sitat-karusell__dots {
	align-items: center;
	display: inline-flex;
	gap: 8px;
	justify-content: center;
}

.tirna-sitat-karusell__dot {
	appearance: none;
	background: var(--wp--preset--color--secondary-50, #c7d9cd);
	border: 0;
	border-radius: 999px;
	cursor: pointer;
	height: 10px;
	padding: 0;
	transition: background .18s ease, width .18s ease;
	width: 10px;
}

.tirna-sitat-karusell__dot.is-active {
	background: var(--tirna-sitat-accent);
	width: 24px;
}

.tirna-sitat-karusell__arrow:focus-visible,
.tirna-sitat-karusell__dot:focus-visible {
	outline: 2px solid var(--tirna-sitat-accent);
	outline-offset: 3px;
}

.tirna-sitat--has-image.tirna-sitat--image-left .tirna-sitat__media {
	transform: translate(clamp(-56px, -4vw, -28px), clamp(-74px, -6vw, -58px));
}

.tirna-sitat--has-image.tirna-sitat--image-right .tirna-sitat__media {
	transform: translate(clamp(28px, 4vw, 56px), clamp(-74px, -6vw, -58px));
}

@media (max-width: 760px) {
	.tirna-sitat--has-image.tirna-sitat--image-left,
	.tirna-sitat--has-image.tirna-sitat--image-right {
		grid-template-columns: 1fr;
		min-height: 0;
	}

	.tirna-sitat--has-image.tirna-sitat--image-left .tirna-sitat__media {
		order: 0;
		transform: none;
	}

	.tirna-sitat__media {
		aspect-ratio: 16 / 10;
		transform: none;
	}

	.tirna-sitat--has-image.tirna-sitat--image-right .tirna-sitat__media {
		transform: none;
	}

	.tirna-sitat {
		margin: var(--wp--preset--spacing--30, 32px) 0;
		padding: 24px;
	}

	.tirna-sitat__quote {
		font-size: clamp(20px, calc(var(--tirna-sitat-quote-size) * .82), 32px);
	}

	.tirna-sitat-karusell__track {
		grid-auto-columns: minmax(82vw, 1fr);
	}

	.tirna-sitat-karusell__controls {
		gap: 10px;
	}

	.tirna-sitat-karusell__arrow {
		height: 38px;
		width: 38px;
	}
}