.nk-compat-legacy-widget,
.nk-compat-section,
.nk-compat-legacy-widget *,
.nk-compat-section * {
	box-sizing: border-box;
}

.nk-compat-legacy-widget {
	width: 100%;
}

.nk-compat-section {
	position: relative;
	width: 100%;
	padding: clamp(3rem, 7vw, 7rem) 1.25rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.nk-compat-section__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: clamp(1.5rem, 4vw, 4rem);
	align-items: center;
	width: min(100%, 1200px);
	margin-inline: auto;
}

.nk-compat-section__inner--stacked {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.nk-compat-layout-6-6-cols-left-reverse .nk-compat-section__inner {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.nk-compat-layout-6-6-cols-left-reverse .nk-compat-section__media {
	order: 2;
}

.nk-compat-layout-12-cols-center .nk-compat-section__content,
.nk-compat-section__inner--stacked > .nk-compat-section__content {
	max-width: 780px;
	margin-inline: auto;
	text-align: center;
}

.nk-compat-section__title,
.nk-compat-section-heading > :first-child {
	margin: 0 0 1rem;
	font-size: clamp(2rem, 5vw, 4rem);
	line-height: 1.08;
}

.nk-compat-section__subtitle,
.nk-compat-section__text,
.nk-compat-section-heading > div {
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.7;
}

.nk-compat-section__image,
.nk-compat-card__image,
.nk-compat-gallery__image,
.nk-compat-card__media img {
	display: block;
	width: 100%;
	height: auto;
}

.nk-compat-grid {
	display: grid;
	gap: clamp(1rem, 2.5vw, 2rem);
	width: 100%;
}

.nk-compat-cols-1 { grid-template-columns: minmax(0, 1fr); }
.nk-compat-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nk-compat-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.nk-compat-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.nk-compat-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.nk-compat-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.nk-compat-card,
.nk-compat-feature,
.nk-compat-pricing {
	overflow: hidden;
	padding: 1.25rem;
	border: 1px solid #e4e7eb;
	border-radius: 1rem;
	background: #fff;
	box-shadow: 0 0.5rem 1.5rem rgba(15, 23, 42, 0.07);
}

.nk-compat-card__media {
	display: block;
	margin: -1.25rem -1.25rem 1.25rem;
}

.nk-compat-card__media img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.nk-compat-card__title,
.nk-compat-feature h3,
.nk-compat-pricing h3 {
	margin: 0.75rem 0;
	font-size: 1.2rem;
}

.nk-compat-card__title a,
.nk-compat-member a,
.nk-compat-topic-list a {
	color: inherit;
	text-decoration: none;
}

.nk-compat-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	margin-top: 1rem;
	padding: 0.7rem 1.25rem;
	border-radius: 999px;
	background: #ef5b85;
	color: #fff;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

.nk-compat-button:hover,
.nk-compat-button:focus-visible {
	background: #cf3f6b;
	color: #fff;
}

.nk-compat-accordion__item {
	border-bottom: 1px solid #dfe3e8;
}

.nk-compat-accordion__item summary {
	cursor: pointer;
	padding: 1rem 0;
	font-weight: 700;
}

.nk-compat-accordion__item > div {
	padding: 0 0 1rem;
}

.nk-compat-gallery__item {
	margin: 0;
}

.nk-compat-feature {
	text-align: center;
}

.nk-compat-feature__icon {
	display: block;
	width: 4rem;
	height: 4rem;
	margin: 0 auto 1rem;
	object-fit: contain;
}

.nk-compat-member-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 1.25rem;
}

.nk-compat-member {
	text-align: center;
}

.nk-compat-member img {
	display: block;
	width: min(100%, 180px);
	aspect-ratio: 1;
	margin: 0 auto 0.75rem;
	border-radius: 50%;
	object-fit: cover;
}

.nk-compat-member span {
	display: block;
	font-weight: 700;
}

.nk-compat-pricing {
	text-align: center;
}

.nk-compat-pricing__price {
	margin: 1rem 0;
	font-size: clamp(2.25rem, 5vw, 4rem);
	font-weight: 800;
}

.nk-compat-pricing__price span {
	font-size: 0.5em;
	vertical-align: super;
}

.nk-compat-pricing__content ul {
	padding: 0;
	list-style: none;
}

.nk-compat-topic-list,
.nk-compat-menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

.nk-compat-topic-list li,
.nk-compat-menu li {
	padding: 0.75rem 0;
	border-bottom: 1px solid #e4e7eb;
}

.nk-compat-separator {
	width: 100%;
	margin: 1.5rem 0;
	border: 0;
	border-top: 1px solid #dfe3e8;
}

@media (min-width: 1025px) {
	.nk-compat-hide-desktop { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.nk-compat-hide-tablet { display: none !important; }
	.nk-compat-cols-4,
	.nk-compat-cols-5,
	.nk-compat-cols-6 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.nk-compat-member-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.nk-compat-hide-mobile { display: none !important; }
	.nk-compat-layout-6-6-cols-left-reverse .nk-compat-section__inner,
	.nk-compat-cols-2,
	.nk-compat-cols-3,
	.nk-compat-cols-4,
	.nk-compat-cols-5,
	.nk-compat-cols-6 { grid-template-columns: minmax(0, 1fr); }
	.nk-compat-layout-6-6-cols-left-reverse .nk-compat-section__media { order: 0; }
	.nk-compat-member-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

