.thbd-card {
	border-radius: 0 0 18px 18px;
}

.thbd-card .thbd-card__cover {
	height: auto;
	aspect-ratio: 1 / 1;
	border-radius: 0;
}

.thbd-card--size-compact .thbd-card__body {
	min-height: 155px;
	padding: 16px;
}

.thbd-card--size-compact .thbd-card__title {
	font-size: 1.1rem;
}

.thbd-card--size-normal .thbd-card__body {
	min-height: 205px;
	padding: 20px;
}

.thbd-card--size-spacious .thbd-card__body {
	min-height: 260px;
	padding: 28px;
}

.thbd-card--size-spacious .thbd-card__title {
	font-size: 1.55rem;
}

.thbd-card--without-description .thbd-card__body {
	min-height: 0;
}

.thbd-card--without-description .thbd-card__button {
	margin-top: 16px;
}

.thbd-card--image-cover .thbd-card__cover img {
	object-fit: cover;
}

.thbd-card--image-contain .thbd-card__cover img {
	object-fit: contain;
}

.thbd-card--image-contain .thbd-card__cover {
	background: #fff;
}

.thbd-card--text-small .thbd-card__title {
	font-size: 1.05rem;
}

.thbd-card--text-small .thbd-card__body p,
.thbd-card--text-small .thbd-card__button {
	font-size: .88rem;
}

.thbd-card--text-normal .thbd-card__title {
	font-size: 1.3rem;
}

.thbd-card--text-normal .thbd-card__body p,
.thbd-card--text-normal .thbd-card__button {
	font-size: 1rem;
}

.thbd-card--text-large .thbd-card__title {
	font-size: 1.55rem;
}

.thbd-card--text-large .thbd-card__body p,
.thbd-card--text-large .thbd-card__button {
	font-size: 1.08rem;
}

.thbd-card--style-classic {
	background: #fff;
}

.thbd-card--style-minimal {
	overflow: visible;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.thbd-card--style-minimal:hover {
	box-shadow: none;
}

.thbd-card--style-minimal .thbd-card__cover {
	border-radius: 14px;
}

.thbd-card--style-soft {
	border-color: transparent;
	background: #f5f7fb;
	box-shadow: none;
}

.thbd-card--style-soft:hover {
	box-shadow: 0 12px 30px rgba(17, 24, 39, .08);
}

.thbd-card--style-outline {
	border: 2px solid var(--thbd-accent);
	box-shadow: none;
}

.thbd-card--style-outline:hover {
	box-shadow: 0 12px 28px rgba(109, 93, 252, .16);
}

.thbd-card--style-elevated {
	border-color: transparent;
	box-shadow: 0 18px 45px rgba(17, 24, 39, .16);
}

.thbd-card--style-elevated:hover {
	box-shadow: 0 28px 65px rgba(17, 24, 39, .22);
}

.thbd-card--style-dark {
	border-color: #273244;
	background: #111827;
	box-shadow: 0 16px 40px rgba(17, 24, 39, .22);
}

.thbd-card--style-dark .thbd-card__title a {
	color: #fff;
}

.thbd-card--style-dark .thbd-card__body p {
	color: #cbd5e1;
}

.thbd-card--style-dark .thbd-card__category,
.thbd-card--style-dark .thbd-card__button {
	color: #a9c2ff;
}

.thbd-card--style-gradient {
	border-color: rgba(109, 93, 252, .22);
	background: linear-gradient(145deg, #f2efff 0%, #fff 48%, #eaf8ff 100%);
	box-shadow: 0 14px 38px rgba(81, 70, 216, .12);
}

.thbd-card--style-gradient:hover {
	box-shadow: 0 22px 52px rgba(81, 70, 216, .2);
}

.thbd-card .thbd-card__button {
	min-height: 42px;
	padding: 10px 16px;
	border-radius: 9px;
	background: var(--thbd-accent);
	color: #fff;
	line-height: 1.2;
}

.thbd-card .thbd-card__button:hover {
	background: var(--thbd-accent-dark);
	color: #fff;
}

@media (max-width: 620px) {
	.thbd-card--size-compact .thbd-card__body,
	.thbd-card--size-normal .thbd-card__body,
	.thbd-card--size-spacious .thbd-card__body {
		min-height: 0;
	}
}
