/**
 * Overlay program cards — mobile: full readable copy (no line-clamp clipping).
 * pilates / cycle / bassejn / kids / grupp.
 */

@media (max-width: 980px) {
	.domfk-cycle__program-media,
	.domfk-pilates__program-media,
	.domfk-bassejn__program-media,
	.domfk-kids__program-media,
	.domfk-grupp__card-media {
		display: grid;
		grid-template-areas: "stack";
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: unset;
		min-height: 340px;
		border-radius: 12px;
		overflow: visible;
	}

	.domfk-cycle__program-img,
	.domfk-pilates__program-img,
	.domfk-bassejn__program-img,
	.domfk-kids__program-img,
	.domfk-grupp__card-img,
	.domfk-cycle__program-shade,
	.domfk-pilates__program-shade,
	.domfk-bassejn__program-shade,
	.domfk-kids__program-shade,
	.domfk-grupp__card-shade {
		grid-area: stack;
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		border-radius: inherit;
	}

	.domfk-cycle__program-img,
	.domfk-pilates__program-img,
	.domfk-bassejn__program-img,
	.domfk-kids__program-img,
	.domfk-grupp__card-img {
		object-fit: cover;
	}

	.domfk-cycle__program-shade,
	.domfk-pilates__program-shade,
	.domfk-bassejn__program-shade,
	.domfk-kids__program-shade,
	.domfk-grupp__card-shade {
		background-image: linear-gradient(
			180deg,
			rgba(31, 31, 31, 0.1) 0%,
			rgba(31, 31, 31, 0.35) 38%,
			rgba(0, 0, 0, 0.9) 100%
		);
		opacity: 1;
	}

	.domfk-cycle__program-top,
	.domfk-pilates__program-top,
	.domfk-bassejn__program-top,
	.domfk-kids__program-top,
	.domfk-grupp__card-top {
		grid-area: stack;
		align-self: start;
		justify-self: start;
		position: relative;
		z-index: 2;
		margin: 10px 0 0 10px;
		top: auto;
		left: auto;
	}

	.domfk-cycle__program-body,
	.domfk-pilates__program-body,
	.domfk-bassejn__program-body,
	.domfk-kids__program-body,
	.domfk-grupp__card-body {
		grid-area: stack;
		align-self: end;
		justify-self: stretch;
		position: relative;
		z-index: 2;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		margin: 0;
		padding: 56% 10px 12px;
		max-height: none;
		gap: 6px;
		box-sizing: border-box;
		overflow: visible;
	}

	.domfk-cycle__program-title,
	.domfk-pilates__program-title,
	.domfk-bassejn__program-title,
	.domfk-kids__program-title,
	.domfk-grupp__card-title {
		font-size: clamp(13px, 3.6vw, 20px);
		line-height: 1.15;
		display: block;
		-webkit-line-clamp: unset;
		overflow: visible;
		word-break: break-word;
		overflow-wrap: anywhere;
	}

	.domfk-cycle__program-text,
	.domfk-pilates__program-text,
	.domfk-bassejn__program-text,
	.domfk-kids__program-text,
	.domfk-grupp__card-text {
		flex: none;
		min-height: 0;
		font-size: clamp(12px, 3.2vw, 14px) !important;
		line-height: 1.35 !important;
		display: block !important;
		-webkit-line-clamp: unset !important;
		line-clamp: unset !important;
		overflow: visible !important;
		word-break: break-word;
		overflow-wrap: anywhere;
	}
}

@media (max-width: 560px) {
	.domfk-cycle__program-media,
	.domfk-pilates__program-media,
	.domfk-bassejn__program-media,
	.domfk-kids__program-media,
	.domfk-grupp__card-media {
		min-height: 300px;
		border-radius: 10px;
	}

	.domfk-cycle__program-top,
	.domfk-pilates__program-top,
	.domfk-bassejn__program-top,
	.domfk-kids__program-top,
	.domfk-grupp__card-top {
		margin: 8px 0 0 8px;
	}

	.domfk-cycle__program-body,
	.domfk-pilates__program-body,
	.domfk-bassejn__program-body,
	.domfk-kids__program-body,
	.domfk-grupp__card-body {
		padding: 52% 8px 10px;
		max-height: none;
	}

	.domfk-cycle__program-title,
	.domfk-pilates__program-title,
	.domfk-bassejn__program-title,
	.domfk-kids__program-title,
	.domfk-grupp__card-title {
		font-size: clamp(12px, 3.5vw, 16px);
	}

	.domfk-cycle__program-text,
	.domfk-pilates__program-text,
	.domfk-bassejn__program-text,
	.domfk-kids__program-text,
	.domfk-grupp__card-text {
		font-size: clamp(12px, 3.4vw, 14px) !important;
		line-height: 1.35 !important;
		-webkit-line-clamp: unset !important;
		overflow: visible !important;
	}
}