/* ==========================================================================
   KroozTV theme – main stylesheet
   Values mirror https://krooztvus.us/ (measured 2026-09-30).
   Breakpoints: tablet ≤1024px, mobile ≤767px.
   ========================================================================== */

:root {
	--kt-blue: #1a73e8;
	--kt-navy: #0d3b66;
	--kt-white: #fff;
	--kt-dark: #222;
	--kt-black: #000;
	--kt-grey-bg: #f1f1f1;
	--kt-footer-bg: rgba(26, 115, 232, .08);
	--kt-pink: #fe0463;
	--kt-caret: #533030;
	--kt-glow: 0 0 51px rgba(22, 63, 240, .48);
	--kt-font-head: "Montserrat", sans-serif;
	--kt-font-body: "Roboto", sans-serif;
	--kt-font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* ---------------------------------------------------------------- Base */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
	margin: 0;
	font-family: var(--kt-font-system);
	font-size: 1rem;
	line-height: 1.5;
	color: #333;
	background: var(--kt-white);
	-webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; vertical-align: middle; border: 0; }

a { color: var(--kt-blue); text-decoration: none; }
a:hover { color: var(--kt-blue); }

h1, h2, h3, h4, h5, h6 { margin: 0; }
p { margin: 0 0 .9rem; }

.kt-icon { display: inline-block; width: 1em; height: 1em; flex-shrink: 0; fill: currentColor; }

.screen-reader-text {
	position: absolute !important;
	width: 1px; height: 1px;
	padding: 0; margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.kt-skip:focus {
	clip: auto; width: auto; height: auto; margin: 0;
	left: 10px; top: 10px; z-index: 100000;
	padding: 10px 16px; background: var(--kt-white); color: var(--kt-navy);
}

.kt-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-align: center;
	transition: all .3s;
}

/* ---------------------------------------------------------------- Header */
.kt-header { background: var(--kt-white); position: relative; z-index: 50; }

.kt-header__inner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 10px;
}

.kt-header__logo { width: 300px; padding: 3px 0; line-height: 0; text-align: center; }
.kt-logo { display: inline-block; }
.kt-logo__img { width: 219px; height: auto; }

.kt-nav { position: static; }
.kt-nav__list { display: flex; list-style: none; margin: 0; padding: 0; }
.kt-nav__list li { margin: 0; padding: 0; }

.kt-nav__link {
	position: relative;
	display: block;
	padding: 15px;
	font-family: var(--kt-font-head);
	font-size: 20px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: -.9px;
	color: var(--kt-blue);
	transition: all .3s;
}
.kt-nav__link::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 10px;
	height: 3px;
	background: var(--kt-navy);
	opacity: 0;
	transform: translateX(-50%);
	transition: .3s cubic-bezier(.58, .3, .005, 1);
}
.kt-nav__link:hover,
.kt-nav__link:focus-visible,
.current-menu-item > .kt-nav__link { color: var(--kt-navy); }
.kt-nav__link:hover::after,
.kt-nav__link:focus-visible::after,
.current-menu-item > .kt-nav__link::after { width: 100%; opacity: 1; }

.kt-nav__toggle {
	display: none;
	align-items: center;
	justify-content: center;
	padding: 10px 9px;
	font-size: 22px;
	line-height: 1;
	color: #494c4f;
	background: transparent;
	border: 0;
	cursor: pointer;
}
.kt-nav__icon-close { display: none; }
.kt-nav.is-open .kt-nav__icon-open { display: none; }
.kt-nav.is-open .kt-nav__icon-close { display: inline-block; }

.kt-btn--header {
	padding: 12px 24px;
	font-family: var(--kt-font-head);
	font-size: 17px;
	font-weight: 500;
	line-height: 17px;
	color: var(--kt-white);
	background: var(--kt-blue);
	border-radius: 25px;
}
.kt-btn--header:hover,
.kt-btn--header:focus-visible { color: var(--kt-white); background: var(--kt-dark); }

/* ---------------------------------------------------------------- Hero */
.kt-hero {
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 771px;
	padding: 0 39px;
	background-color: #020101;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.kt-hero__inner { width: 100%; max-width: 718px; margin: 0 auto; }

.kt-hero__title {
	font-family: var(--kt-font-head);
	font-size: 60px;
	font-weight: 700;
	line-height: 1;
	color: var(--kt-white);
	text-align: center;
}
.kt-hero__title hr {
	height: 0;
	margin: 0;
	border: 1px inset #808080;
	color: #808080;
}

.kt-hero__list { list-style: none; margin: 20px 0 0; padding: 0; }
.kt-hero__list li {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	font-family: var(--kt-font-head);
	font-size: 26px;
	font-weight: 700;
	line-height: 39px;
	color: var(--kt-white);
	text-align: center;
	transition: color .3s;
}
.kt-hero__list li + li { margin-top: 9px; }
.kt-hero__list li:hover { color: var(--kt-blue); }
.kt-hero__list .kt-icon { width: 32px; height: 32px; margin-right: 3px; color: var(--kt-blue); }

.kt-hero__btn-wrap { margin-top: 20px; text-align: center; }
.kt-btn--hero {
	padding: 12px 24px;
	font-family: var(--kt-font-head);
	font-size: 15px;
	font-weight: 500;
	line-height: 15px;
	color: var(--kt-dark);
	background: var(--kt-white);
	border-radius: 40px;
}
.kt-btn--hero .kt-icon { width: 15px; height: 15px; }
.kt-btn--hero:hover,
.kt-btn--hero:focus-visible {
	color: var(--kt-white);
	background: var(--kt-blue);
	transform: translateY(-8px);
}

/* ---------------------------------------------------------------- Section headings */
.kt-devices__title,
.kt-how__title,
.kt-faq__title {
	font-family: var(--kt-font-head);
	font-size: 40px;
	font-weight: 600;
	line-height: 56px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-how__title { font-family: var(--kt-font-body); }

/* ---------------------------------------------------------------- Devices */
.kt-devices { padding: 20px 20px 20px; }
.kt-devices__title { margin-bottom: 40px; }

.kt-carousel { overflow: hidden; --kt-show: 5; }
.kt-carousel__track { display: flex; will-change: transform; }
.kt-carousel__slide {
	flex: 0 0 calc(100% / var(--kt-show));
	padding-bottom: 6px;
	text-align: center;
}
.kt-carousel__img { width: auto; max-width: 100%; }

/* ---------------------------------------------------------------- How it works */
.kt-how { max-width: 1279px; margin: 0 auto; padding: 20px 10px; }
.kt-how__title { margin-bottom: 20px; }
.kt-how__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	padding: 10px;
}
.kt-how__card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 248px;
	padding: 0 10px;
	text-align: center;
	border: 5px solid var(--kt-navy);
	border-radius: 20px;
	box-shadow: var(--kt-glow);
}
.kt-how__card:first-child { justify-content: flex-start; padding: 0; }
.kt-how__icon { display: flex; margin-bottom: 15px; line-height: 0; color: var(--kt-blue); }
.kt-how__icon .kt-icon { width: 65px; height: 65px; }
.kt-how__card-title {
	margin-bottom: 4px;
	font-family: var(--kt-font-head);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--kt-blue);
	text-shadow: 0 0 10px rgba(0, 0, 0, .3);
	transition: color .3s;
}
.kt-how__card:hover .kt-how__card-title { color: var(--kt-navy); }
.kt-how__card-text {
	margin: 0;
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--kt-black);
}

/* ---------------------------------------------------------------- Pricing */
.kt-pricing { max-width: 90%; margin: 0 auto; padding: 10px; }
.kt-pricing__head { display: flex; justify-content: center; padding: 20px 10px 0; }
.kt-pricing__title {
	padding: 12px;
	font-family: var(--kt-font-body);
	font-size: 37px;
	font-weight: 600;
	line-height: 50px;
	color: var(--kt-blue);
	border: 5px solid var(--kt-navy);
	border-radius: 50px;
}

.kt-tabs { padding: 20px; }
.kt-tabs__nav { display: flex; }
.kt-tabs__tab {
	position: relative;
	flex: 1 1 auto;
	margin: 24px;
	padding: 14px;
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--kt-dark);
	text-align: center;
	background: var(--kt-grey-bg);
	border: 3px groove var(--kt-blue);
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s;
}
.kt-tabs__tab:hover:not(.is-active) { color: var(--kt-white); background: var(--kt-blue); }
.kt-tabs__tab.is-active { color: var(--kt-white); background: var(--kt-blue); }
.kt-tabs__tab.is-active::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -14px;
	transform: translateX(-50%);
	border: 13.6px solid transparent;
	border-bottom: 0;
	border-top-color: var(--kt-caret);
}

.kt-tabs__panel { padding: 16px; }
.kt-tabs__panel[hidden] { display: none; }

.kt-plans {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	padding: 10px;
}
.kt-plan {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
	padding: 10px;
	text-align: center;
	border: 3px solid #030000;
	border-radius: 20px;
	transition: background .3s;
}
.kt-plan:hover { background: linear-gradient(180deg, #1a73e854 72%, #4f87f7 100%); }
.kt-plan__title {
	font-family: var(--kt-font-head);
	font-size: 30px;
	font-weight: 700;
	line-height: 39px;
	color: var(--kt-dark);
}
.kt-plan__features { list-style: none; margin: 0; padding: 0; }
.kt-plan__features li {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 500;
	line-height: 43px;
	color: var(--kt-black);
}
.kt-plan__features .kt-icon { width: 19px; height: 19px; color: var(--kt-blue); }
.kt-plan__offer {
	margin: 0 0 14.4px;
	font-family: var(--kt-font-head);
	font-size: 16px;
	line-height: 24px;
	color: var(--kt-dark);
}
.kt-plan__offer img.emoji { width: 1em; height: 1em; }
.kt-btn--plan {
	margin-top: auto;
	padding: 12px 24px;
	font-family: var(--kt-font-body);
	font-size: 25px;
	font-weight: 700;
	line-height: 25px;
	color: var(--kt-white);
	background: var(--kt-blue);
	border-radius: 15px;
	box-shadow: 0 0 51px #006eff;
}
.kt-btn--plan:hover,
.kt-btn--plan:focus-visible { color: var(--kt-white); background: var(--kt-navy); }

/* ---------------------------------------------------------------- FAQ */
.kt-faq__title { padding: 10px; }
.kt-faq__body { display: flex; padding: 0 10px; }
.kt-faq__col { flex: 1 1 50%; min-width: 0; }
.kt-faq__col--list { display: flex; flex-direction: column; justify-content: center; padding: 10px; }
.kt-faq__col--side { padding: 20px 10px 19px; text-align: center; }

.kt-accordion { max-width: 726px; width: 100%; margin: 0 auto; }
.kt-accordion__item { margin: 0; }
.kt-accordion__q {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px;
	list-style: none;
	color: var(--kt-blue);
	border: 1px solid var(--kt-blue);
	cursor: pointer;
}
.kt-accordion__q::-webkit-details-marker { display: none; }
.kt-accordion__q:hover { border-color: var(--kt-blue); }
.kt-accordion__icon { display: inline-flex; font-size: 16px; }
.kt-accordion__opened { display: none; }
.kt-accordion__item[open] .kt-accordion__opened { display: inline-block; }
.kt-accordion__item[open] .kt-accordion__closed { display: none; }
.kt-accordion__q-text {
	font-family: var(--kt-font-head);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.5;
}
.kt-accordion__a { padding: 10px; font-family: var(--kt-font-body); color: var(--kt-caret); }
.kt-accordion__a > :last-child { margin-bottom: 0; }

.kt-faq__side-text {
	margin-bottom: 20px;
	font-family: var(--kt-font-head);
	font-size: 22px;
	font-weight: 600;
	line-height: 1.7;
	color: var(--kt-blue);
}
.kt-faq__img { width: 621px; border-radius: 40px; }

/* ---------------------------------------------------------------- Features */
.kt-features__row {
	display: grid;
	align-items: center;
	gap: 20px;
	margin: 0 auto;
	padding: 10px;
}
.kt-features__row--top { grid-template-columns: repeat(3, 1fr); max-width: 90%; }
.kt-features__row--bottom { grid-template-columns: repeat(4, 1fr); max-width: 95%; }

.kt-features__intro { padding: 10px; text-align: center; }
.kt-features__title {
	margin-bottom: 20px;
	font-family: var(--kt-font-head);
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: var(--kt-blue);
}
.kt-features__text {
	font-family: var(--kt-font-body);
	font-size: 16px;
	line-height: 24px;
	color: var(--kt-black);
}
.kt-features__text p { margin: 0; }

.kt-feature__inner {
	text-align: center;
	border: 5px solid var(--kt-blue);
	border-radius: 50px;
	transition: transform .4s, box-shadow .3s;
}
.kt-feature:hover .kt-feature__inner {
	transform: translateY(-30px);
	box-shadow: 0 0 50px 0 rgba(22, 63, 240, .48);
}
.kt-feature__img { margin: 0 auto 13px; width: 30%; }
.kt-feature:nth-child(2) .kt-feature__img,
.kt-feature:nth-child(3) .kt-feature__img { width: 28.4%; }
.kt-features__row--bottom .kt-feature:nth-child(1) .kt-feature__img,
.kt-features__row--bottom .kt-feature:nth-child(3) .kt-feature__img { width: 33%; }
.kt-features__row--bottom .kt-feature:nth-child(2) .kt-feature__img { width: 36%; }
.kt-features__row--bottom .kt-feature:nth-child(4) .kt-feature__img { width: 30%; }
.kt-feature__img img { width: 100%; }
.kt-feature__title {
	margin: 0 0 16px;
	font-family: var(--kt-font-head);
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	color: var(--kt-blue);
	transition: color .3s;
}
.kt-feature:hover .kt-feature__title { color: var(--kt-navy); }
.kt-feature__text {
	margin: 0;
	padding-bottom: 5px;
	font-family: var(--kt-font-body);
	font-size: 16px;
	line-height: 24px;
	color: var(--kt-black);
}

.kt-spacer { height: 93px; }

/* ---------------------------------------------------------------- Footer */
.kt-footer__main {
	display: grid;
	grid-template-columns: 216fr 914fr 311fr;
	align-items: center;
	column-gap: 25px;
	padding: 10px;
	background: var(--kt-footer-bg);
	border-radius: 50px 50px 0 0;
}
.kt-footer__col { min-width: 0; text-align: center; }
.kt-footer__col--links { align-self: start; min-height: 311px; }

.kt-footer__menu { list-style: none; margin: 0; padding: 0; }
.kt-footer__menu li { margin-bottom: 14.4px; }
.kt-footer__menu a {
	font-family: var(--kt-font-head);
	font-size: 22px;
	font-weight: 700;
	line-height: 33px;
	color: var(--kt-blue);
}
.kt-footer__menu a:hover,
.kt-footer__menu a:focus-visible { color: var(--kt-navy); }

.kt-footer__logo { display: inline-block; }
.kt-footer__logo-img { width: 369px; }
.kt-footer__headline,
.kt-footer__title {
	font-family: var(--kt-font-head);
	font-size: 28px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--kt-blue);
}
.kt-footer__headline { margin: 0 0 23px; }
.kt-footer__headline a { color: inherit; }
.kt-footer__headline a:hover { color: var(--kt-navy); }
.kt-footer__text {
	margin: 0;
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--kt-dark);
}

.kt-footer__title { margin-bottom: 20px; padding: 10px 0 25px; }
.kt-contact { list-style: none; margin: 0; padding: 0; }
.kt-contact__item { position: relative; padding-bottom: 11px; margin-bottom: 11px; }
.kt-contact__item:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 68%;
	border-top: 1px dotted var(--kt-blue);
	transform: translateX(-50%);
}
.kt-contact__item,
.kt-contact__item a {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-family: var(--kt-font-head);
	font-size: 18px;
	font-weight: 600;
	line-height: 36px;
	color: var(--kt-blue);
}
.kt-contact__icon { display: inline-flex; font-size: 33px; }
.kt-contact__icon .kt-icon { width: 33px; height: 33px; }
.kt-contact__item:hover,
.kt-contact__item a:hover { color: var(--kt-navy); }

.kt-footer__bottom {
	padding: 17px 10px;
	background: var(--kt-footer-bg);
	text-align: center;
}
.kt-footer__bottom p {
	max-width: 1140px;
	margin: 0 auto;
	font-family: var(--kt-font-body);
	font-size: 22px;
	line-height: 33px;
	color: var(--kt-blue);
}

/* ---------------------------------------------------------------- Back to top */
.kt-to-top {
	position: fixed;
	left: 15px;
	bottom: 15px;
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	padding: 0;
	font-size: 16px;
	color: var(--kt-white);
	background: var(--kt-pink);
	border: 0;
	border-radius: 50px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.kt-to-top.is-visible { opacity: 1; visibility: visible; }

/* ---------------------------------------------------------------- Inner page header */
.kt-page-hero {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 432px;
	padding: 10px;
	overflow: hidden;
}
.kt-page-hero__bg {
	position: absolute;
	inset: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: .89;
}
.kt-page-hero__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 42%;
	margin: 0 0 35px 325px;
	padding: 10px;
	text-align: center;
}
.kt-page-hero__title,
.kt-page-hero__subtitle {
	font-family: var(--kt-font-head);
	font-weight: 600;
	color: var(--kt-white);
}
.kt-page-hero__title { font-size: 45px; line-height: 1; }
.kt-page-hero__subtitle { font-size: 25px; line-height: 1; }

/* ---------------------------------------------------------------- Inner page content (block editor) */
.kt-page-content { display: flow-root; }
.kt-page-content > :where(:not(.alignfull):not(.kt-pricing):not(.kt-faq)) { max-width: 1160px; margin-left: auto; margin-right: auto; }
/* :where() keeps these defaults at zero specificity so components (pricing etc.) win. */
:where(.kt-page-content) :where(p, li) {
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	color: var(--kt-black);
}
:where(.kt-page-content) a { color: var(--kt-blue); }
:where(.kt-page-content) a:hover { color: var(--kt-navy); }
.kt-section p:last-child { margin-bottom: 14.4px; }

/* Text section: centred blue H2 + paragraphs ("Try Before You Buy…") */
.kt-section { padding: 10px 10px; margin-bottom: 0; }
.kt-section__title,
.kt-page-content h2.wp-block-heading {
	margin: 0 0 20px;
	font-family: var(--kt-font-head);
	font-size: 32px;
	font-weight: 600;
	line-height: 1;
	color: var(--kt-blue);
	text-align: center;
}

/* Intro: image left, centred title + text right (Media & Text block, class "kt-intro") */
.kt-page-content .kt-intro.wp-block-media-text {
	display: grid;
	grid-template-columns: 343px 1fr !important;
	align-items: center;
	column-gap: 15px;
	margin: 0;
	padding: 10px 10px 25px;
}
.kt-intro .wp-block-media-text__media { margin: 0; }
.kt-intro .wp-block-media-text__media img { width: 100%; height: auto; border-radius: 25px; }
.kt-intro .wp-block-media-text__content { padding: 0; text-align: center; }
.kt-intro h3,
.kt-intro .kt-intro__title {
	margin: 8px 0 16px;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 1.2;
	color: #508cdb;
	text-align: center;
}
.kt-page-content .kt-intro p {
	margin: 0;
	font-size: 19px;
	line-height: 28.5px;
	color: #080808;
	text-align: center;
}

/* Heading + image/text row (Group "kt-trial" with an H3 "kt-trial__title" and a Media & Text "kt-split") */
.kt-page-content > .kt-trial { max-width: 93%; padding: 10px; }
/* Classic themes wrap Group contents in .wp-block-group__inner-container. */
.kt-trial > .wp-block-group__inner-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.kt-trial__title {
	max-width: 89%;
	margin: 0 auto;
	font-family: var(--kt-font-head);
	font-size: 40px;
	font-weight: 600;
	line-height: 1;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-split.wp-block-media-text {
	display: grid;
	grid-template-columns: 427px 1fr !important;
	align-items: center;
	column-gap: 20px;
	margin: 0;
	padding: 10px;
}
.kt-split .wp-block-media-text__media { margin: 0; }
.kt-split .wp-block-media-text__media img { width: 100%; height: auto; border-radius: 32px; }
.kt-split .wp-block-media-text__content { padding: 0; text-align: center; }
.kt-page-content .kt-split p {
	margin: 0 0 14.4px;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	color: var(--kt-caret);
	text-align: center;
}

/* Form section (Group "kt-form-section": H3 "kt-form-title" + Fluent Forms shortcode) */
.kt-page-content > .kt-form-section { padding: 10px; }
.kt-form-title {
	margin: 8px 0 16px;
	font-family: var(--kt-font-head);
	font-size: 40px;
	font-weight: 500;
	line-height: 48px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .fluentform .ff-el-group { margin-bottom: 20px; }
.kt-page-content .fluentform .ff-el-input--label { margin-bottom: 5px; line-height: 24px; }
.kt-page-content .fluentform .ff-el-input--label label {
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 600;
	color: var(--kt-blue);
}
.kt-page-content .fluentform .ff-el-form-control {
	padding: 11px 15px;
	font-family: var(--kt-font-head);
	font-size: 16px;
	color: var(--kt-navy);
	border: 1px solid #dadbdd;
	border-radius: 7px;
}
.kt-page-content .fluentform .ff-el-form-control::placeholder { color: var(--kt-navy); opacity: 1; }
.kt-page-content .fluentform .ff-el-form-control[readonly] { background-color: #e9ecef; }
.kt-page-content .fluentform .ff_submit_btn_wrapper { text-align: center; }
.kt-page-content .fluentform .ff-btn-submit,
.kt-page-content .fluentform .ff-btn-submit:hover {
	padding: 8px 16px;
	font-family: var(--kt-font-head);
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
	color: var(--kt-blue) !important;
	background: var(--kt-white) !important;
	border: 3px solid var(--kt-blue);
	border-radius: 30px;
	opacity: 1;
}

/* Text box with image on the right (Media & Text, media right, class "kt-box-right") */
.kt-page-content > .kt-box-right.wp-block-media-text {
	display: grid;
	grid-template-columns: 1fr 23% !important;
	align-items: center;
	column-gap: 15px;
	max-width: 90%;
	margin: 0 auto;
	padding: 10px;
}
.kt-box-right .wp-block-media-text__media { margin: 0; }
.kt-box-right .wp-block-media-text__media img { width: 100%; height: auto; border-radius: 37px; }
.kt-box-right .wp-block-media-text__content { padding: 0; text-align: center; }
.kt-page-content .kt-box-right h3 {
	margin: 8px 0 58px;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 42px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-box-right p { margin: 0; font-size: 20px; font-weight: 400; line-height: 30px; color: var(--kt-black); text-align: center; }

/* Two columns: text left, form right (Columns block, class "kt-cols") */
.kt-page-content > .kt-cols.wp-block-columns {
	display: grid;
	grid-template-columns: 71fr 73fr;
	column-gap: 40px;
	max-width: none;
	margin: 0;
	padding: 20px;
}
.kt-cols > .wp-block-column { min-width: 0; }
.kt-page-content .kt-col-title {
	margin: 0 0 20px;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 60px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-cols p { margin: 0 0 14.4px; font-family: var(--kt-font-body); font-size: 16px; font-weight: 400; line-height: 24px; color: var(--kt-black); }
.kt-page-content .kt-cols .kt-form-title { font-size: 35px; font-weight: 600; line-height: 42px; }
.kt-page-content .kt-cols .fluentform .ff-btn-submit { padding: 8px 20px; font-size: 16px; }

/* Legal / long-text pages (Group "kt-legal" with an H3 "kt-legal__title").
   Width modifiers: kt-legal--84, kt-legal--85. Title sizes: kt-legal__title--28-66, --28-28.
   kt-legal--strong-blue makes bold text blue. */
.kt-page-content > .kt-legal { max-width: 1160px; padding: 10px; }
.kt-page-content > .kt-legal--84 { max-width: 84%; }
.kt-page-content > .kt-legal--85 { max-width: 85%; }
.kt-page-content .kt-legal__title {
	margin: 0 0 20px;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 50px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-legal__title--28-66 { font-size: 28px; line-height: 66px; }
.kt-page-content .kt-legal__title--28-28 { font-size: 28px; line-height: 28px; }
.kt-page-content .kt-legal :where(p, li) { font-family: var(--kt-font-body); font-size: 16px; font-weight: 400; line-height: 24px; color: var(--kt-black); }
.kt-page-content .kt-legal p { margin: 0 0 14.4px; }
.kt-page-content .kt-legal :where(h3:not(.kt-legal__title), h4, h5) { margin: 8px 0 16px; font-family: var(--kt-font-body); font-weight: 500; text-align: left; }
.kt-page-content .kt-legal h3:not(.kt-legal__title) { font-size: 28px; line-height: 33.6px; color: var(--kt-navy); }
.kt-page-content .kt-legal h4 { font-size: 24px; line-height: 28.8px; color: var(--kt-caret); }
.kt-page-content .kt-legal h5 { font-size: 20px; line-height: 24px; color: var(--kt-black); }
.kt-page-content .kt-legal ul { margin: 0; padding-left: 40px; list-style: disc; }
.kt-page-content .kt-legal ol { margin: 0; padding-left: 40px; list-style: decimal; }
.kt-page-content .kt-legal a { color: var(--kt-blue); text-decoration: underline; }
.kt-page-content .kt-legal strong { font-weight: 700; color: var(--kt-black); }
.kt-page-content .kt-legal--strong-blue strong { color: var(--kt-blue); }
.kt-page-content .kt-legal blockquote { margin: 16px 40px; padding: 0; border: 0; }
/* "Last Updated" line (paragraph "kt-updated") */
.kt-page-content > .kt-updated {
	max-width: 1140px;
	margin: 30px auto 10px;
	font-family: var(--kt-font-system);
	font-size: 16px;
	line-height: 24px;
	color: var(--kt-blue);
	text-align: right;
}

/* About page: intro (Group "kt-about-intro") */
.kt-page-content > .kt-about-intro { padding: 10px; }
.kt-page-content .kt-about-intro__title {
	margin: 0 0 20px;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-about-intro p { margin: 0 0 14.4px; font-family: var(--kt-font-body); font-size: 20px; font-weight: 400; line-height: 1.5; color: var(--kt-black); }

/* About page: heading + image with stacked outline buttons (Group "kt-about-cta" > Columns "kt-media-buttons") */
.kt-page-content > .kt-about-cta { max-width: none; padding: 10px; }
.kt-about-cta > .wp-block-group__inner-container { display: flex; flex-direction: column; align-items: center; gap: 20px; }
.kt-page-content .kt-about-cta__title {
	width: 88.254%;
	margin: 0;
	font-family: var(--kt-font-head);
	font-size: 35px;
	font-weight: 600;
	line-height: 49px;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content .kt-media-buttons.wp-block-columns {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
	width: 100%;
	min-height: 296px;
	margin: 0;
}
.kt-media-buttons .kt-media-buttons__media { flex: 0 1 auto !important; }
.kt-media-buttons .kt-media-buttons__media figure { margin: 0; }
.kt-media-buttons .kt-media-buttons__buttons { display: flex; flex: 0 0 23.946% !important; justify-content: center; align-items: center; }
.kt-page-content .kt-btn-stack { flex-direction: column; align-items: center; gap: 20px; }
.kt-page-content .kt-btn-outline .wp-block-button__link {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	padding: 12px 24px;
	font-family: var(--kt-font-head);
	font-size: 23px;
	font-weight: 600;
	line-height: 1;
	color: var(--kt-blue);
	text-decoration: none;
	background: var(--kt-white);
	border: 5px solid var(--kt-blue);
	border-radius: 20px;
	transition: all .5s;
}
.kt-page-content .kt-btn-outline .wp-block-button__link::after {
	content: "";
	width: 1em;
	height: 1em;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M7 12h9m-3.5-4 4 4-4 4' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.kt-page-content .kt-btn-outline .wp-block-button__link:hover,
.kt-page-content .kt-btn-outline .wp-block-button__link:focus-visible { color: var(--kt-white); background: var(--kt-blue); }

/* Review page intro: image left, centred title + text (Media & Text "kt-review-intro") */
.kt-page-content > .kt-review-intro.wp-block-media-text {
	display: grid;
	grid-template-columns: 300px 1fr !important;
	align-items: center;
	column-gap: 15px;
	margin: 0 auto;
	padding: 10px;
}
.kt-review-intro .wp-block-media-text__media { margin: 0; }
.kt-review-intro .wp-block-media-text__media img { width: 100%; height: auto; border-radius: 20px; }
.kt-review-intro .wp-block-media-text__content { padding: 0; text-align: center; }
.kt-page-content .kt-review-intro h3 { margin: 0 0 10px; font-family: var(--kt-font-head); font-size: 30px; font-weight: 600; line-height: 1.2; text-align: center; }
.kt-page-content .kt-review-intro h3 a { color: var(--kt-blue); text-decoration: none; }
.kt-page-content .kt-review-intro p { margin: 0; font-family: var(--kt-font-head); font-size: 16px; font-weight: 400; line-height: 1.5; color: var(--kt-black); text-align: center; }
/* Review form button (reference: 190px wide, 2px border, fills blue on hover) */
.kt-page-content .kt-review-form .fluentform .ff-btn-submit { width: 190px; border-width: 2px; }
.kt-page-content .kt-review-form .fluentform .ff-btn-submit:hover { color: var(--kt-white) !important; background: var(--kt-blue) !important; }

/* Order page (H3 "kt-order-title", Group "kt-order-thanks", H3 "kt-order-howto", Columns "kt-order-cols") */
.kt-page-content > .kt-order-title,
.kt-page-content > .kt-order-howto {
	padding: 0 10px;
	font-family: var(--kt-font-head);
	font-weight: 600;
	color: var(--kt-blue);
	text-align: center;
}
.kt-page-content > .kt-order-title { margin: 10px auto; font-size: 28px; line-height: 69px; }
.kt-page-content > .kt-order-howto { margin: 10px auto 20px; font-size: 40px; line-height: 58px; }
.kt-page-content > .kt-order-thanks { padding: 10px; }
.kt-page-content .kt-order-thanks h3 { margin: 0 0 20px; font-family: var(--kt-font-head); font-size: 37px; font-weight: 600; line-height: 1.2; color: var(--kt-navy); text-align: center; }
.kt-page-content .kt-order-thanks p { margin: 0 0 14.4px; font-family: var(--kt-font-head); font-size: 16px; font-weight: 400; color: var(--kt-black); }
.kt-page-content > .kt-order-cols.wp-block-columns {
	display: flex;
	flex-wrap: nowrap;
	gap: 20px;
	max-width: none;
	margin: 0;
	padding: 10px;
}
.kt-page-content .kt-order-cols > .kt-order-cols__info { display: flex; flex: 1 1 0 !important; flex-direction: column; align-items: center; min-width: 0; }
.kt-page-content .kt-order-cols > .kt-order-cols__form { display: flex; flex: 0 0 50% !important; justify-content: center; }
.kt-page-content .kt-order-cols__info p { width: 100%; margin: 0 0 14.4px; font-family: var(--kt-font-head); font-size: 23px; font-weight: 400; line-height: 1.5; color: #000102; text-align: center; }
.kt-page-content .kt-order-cols__info a { color: var(--kt-blue); }
.kt-page-content .kt-order-img { width: 100%; margin: 0; }
.kt-page-content .kt-order-img img { width: 100%; height: 386px; object-fit: cover; border-radius: 20px; opacity: .8; }
.kt-page-content .kt-order-cols__form .fluentform { width: 622px; max-width: 100%; }
.kt-page-content .kt-order-cols__form .fluentform .ff-el-group { margin-bottom: 11px; }
.kt-page-content .kt-order-cols__form .fluentform .ff-el-form-control::placeholder { color: var(--kt-black); }
.kt-page-content .kt-order-cols__form .fluentform .ff-btn-submit { margin-top: 26px; padding: 8px; border-radius: 13px; }
.kt-page-content .kt-order-cols__form .fluentform .ff-btn-submit:hover { color: var(--kt-white) !important; background: var(--kt-blue) !important; }
/* Live price box (filled by assets/js/main.js) */
.kt-plan-price__line { font-size: 24px; }
.kt-plan-price__total { font-weight: 700; }
.kt-plan-price__val { color: var(--kt-blue); }

/* Lead heading between the page header and the content (H3 "kt-lead-title") */
.kt-page-content > .kt-lead-title {
	max-width: 95%;
	margin: 15px auto;
	padding: 30px;
	font-family: var(--kt-font-head);
	font-size: 28px;
	font-weight: 600;
	line-height: 55px;
	color: var(--kt-blue);
	text-align: center;
}

/* Tabs built from blocks: Group "kt-tabs-block" > Groups "kt-tab" (first H4 "kt-tab__label" = tab name).
   assets/js/main.js turns them into tabs; without JS every panel stays visible. */
.kt-page-content > .kt-tabs-block { max-width: 90%; padding: 10px; }
.kt-tabs-nav { display: flex; flex-wrap: wrap; }
.kt-tabs-nav__btn {
	position: relative;
	flex: 1 1 auto;
	margin: 5px;
	padding: 13px;
	font-family: var(--kt-font-head);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.5;
	color: var(--kt-blue);
	text-align: center;
	background: var(--kt-white);
	border: 3px solid var(--kt-blue);
	border-radius: 50px;
	cursor: pointer;
	transition: all .3s;
}
.kt-tabs-nav__btn.is-active { color: var(--kt-white); background: var(--kt-blue); border-radius: 20px; }
.kt-tabs-nav__btn.is-active::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -10px;
	transform: translateX(-50%);
	border: 9.6px solid transparent;
	border-bottom: 0;
	border-top-color: var(--kt-blue);
}
.kt-tabs-block.is-tabbed .kt-tab__label { display: none; }
.kt-tabs-block.is-tabbed .kt-tab[hidden] { display: none; }
.kt-page-content .kt-tab {
	margin-top: 24px;
	padding: 16px;
	border: 5px double var(--kt-caret);
}
.kt-tab__label {
	margin: 0 0 16px;
	font-family: var(--kt-font-head);
	font-size: 22px;
	font-weight: 700;
	color: var(--kt-blue);
}
/* Tab panel typography (reference uses the theme's system font here) */
.kt-page-content .kt-tab :where(p, li, h5, h6, blockquote, pre) { font-family: var(--kt-font-system); color: var(--kt-black); }
.kt-page-content .kt-tab :where(p, li) { font-size: 16px; font-weight: 400; line-height: 24px; }
.kt-page-content .kt-tab p { margin: 0 0 14.4px; }
.kt-page-content .kt-tab h5 { margin: 8px 0 16px; font-size: 20px; font-weight: 500; line-height: 24px; }
.kt-page-content .kt-tab h6 { margin: 8px 0 16px; font-size: 16px; font-weight: 500; line-height: 19.2px; }
.kt-page-content .kt-tab ol { margin: 0; padding-left: 40px; list-style: decimal; }
.kt-page-content .kt-tab ul { margin: 0; padding-left: 40px; list-style: disc; }
.kt-page-content .kt-tab li ul { list-style: circle; }
.kt-page-content .kt-tab li > p { margin: 0 0 14.4px; }
.kt-page-content .kt-tab hr { height: 0; margin: 0; border: 1px inset #808080; color: #808080; opacity: 1; }
.kt-page-content .kt-tab blockquote { margin: 16px 40px; padding: 0; border: 0; }
.kt-page-content .kt-tab pre { margin: 16px 0; padding: 0; font-family: monospace; font-size: 16px; white-space: pre-wrap; background: none; border: 0; }

/* ---------------------------------------------------------------- Blog / misc (refined per page later) */
.kt-container { max-width: 1140px; margin: 0 auto; padding: 40px 20px; }
.kt-page-title {
	margin-bottom: 24px;
	font-family: var(--kt-font-head);
	font-size: 40px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--kt-blue);
}
.kt-meta { color: #666; font-size: 14px; }
.kt-post-list { display: grid; gap: 30px; }
.kt-post-card__title { font-family: var(--kt-font-head); font-size: 24px; }

/* ==========================================================================
   Tablet (≤1024px)
   ========================================================================== */
@media (max-width: 1024px) {
	.kt-header__inner { gap: 20px; }
	.kt-header__logo { width: auto; }
	.kt-logo__img { width: 169px; }

	.kt-header__logo { width: 232px; }
	.kt-nav { display: flex; justify-content: center; min-width: 192px; }
	.kt-nav__toggle { display: inline-flex; }
	.kt-nav__list {
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		display: none;
		flex-direction: column;
		background: var(--kt-white);
		box-shadow: 0 4px 10px rgba(0, 0, 0, .05);
	}
	.kt-nav.is-open .kt-nav__list { display: flex; }
	.kt-nav__list li { border-bottom: 1px solid #e6e6e6; }
	.kt-nav__list li:last-child { border-bottom: 0; }
	.kt-nav__link { padding: 15px 15px 15px 25%; }
	.kt-nav__link::after { left: 0; width: 0; transform: none; }
	.kt-nav__link:hover::after,
	.current-menu-item > .kt-nav__link::after { width: 100%; }

	.kt-hero { background-position: top center; }
	.kt-hero__title { font-size: 55px; }

	.kt-devices__title,
	.kt-how__title,
	.kt-faq__title { font-size: 35px; }
	.kt-carousel { --kt-show: 3; }

	.kt-how { padding: 20px; }
	.kt-how__icon { margin-bottom: 27px; }
	.kt-how__card-title { margin-bottom: 14px; font-size: 20px; }
	.kt-how__card-text { font-size: 15px; line-height: 22.5px; }

	.kt-pricing__title { font-size: 38px; line-height: 1.5; }
	.kt-plans { grid-template-columns: repeat(2, 1fr); }

	.kt-faq__side-text { font-size: 15px; line-height: 2.1; }
	.kt-faq__img { width: 100%; }

	.kt-page-hero { min-height: 242px; }
	.kt-page-hero__inner { width: auto; max-width: calc(100% - 345px); }
	.kt-page-hero__title { font-size: 40px; }
	.kt-page-hero__subtitle { font-size: 24px; }
	.kt-page-content .kt-intro.wp-block-media-text { grid-template-columns: 288px 1fr !important; padding-bottom: 10px; }
	.kt-intro h3,
	.kt-intro .kt-intro__title { font-size: 25px; line-height: 30px; }
	.kt-page-content .kt-intro p { font-size: 20px; line-height: 30px; }
	.kt-page-content > .kt-trial { max-width: 87%; }
	.kt-trial__title { max-width: none; font-size: 25px; line-height: 35px; }
	.kt-page-content .kt-split.wp-block-media-text { grid-template-columns: 1fr !important; row-gap: 20px; }
	.kt-split .wp-block-media-text__media { width: 75%; margin: 0 auto; }
	/* Core Media & Text only stacks below 600px; stack explicitly here. */
	.kt-split .wp-block-media-text__media { grid-column: 1; grid-row: 1; }
	.kt-split .wp-block-media-text__content { grid-column: 1; grid-row: 2; }
	.kt-form-title { font-size: 25px; line-height: 50px; }
	.kt-page-content > .kt-lead-title { font-size: 30px; }
	.kt-page-content > .kt-order-howto { font-size: 24px; line-height: 1.5; }
	.kt-page-content > .kt-order-cols.wp-block-columns { flex-direction: column; align-items: center; }
	.kt-page-content .kt-order-cols > .kt-order-cols__info,
	.kt-page-content .kt-order-cols > .kt-order-cols__form { flex: 0 0 auto !important; width: 100%; }
	.kt-page-content .kt-order-cols > .kt-order-cols__form { max-width: 720px; }
	.kt-page-content .kt-order-cols__form .fluentform { width: 692px; }
	.kt-page-content .kt-about-intro__title { font-size: 25px; }
	.kt-page-content .kt-about-intro p { max-width: 732px; font-size: 18px; }
	.kt-page-content .kt-about-cta__title { width: 479px; max-width: 100%; font-size: 25px; line-height: 2.1em; }
	.kt-page-content .kt-btn-outline .wp-block-button__link { font-size: 20px; }
	/* Beat core's "stack columns below 782px" rule (flex-basis:100% !important). */
	.kt-page-content .kt-media-buttons.wp-block-columns { flex-wrap: nowrap !important; }
	.kt-page-content .kt-media-buttons.wp-block-columns > .kt-media-buttons__media { flex: 1 1 0 !important; min-width: 0; }
	.kt-page-content .kt-media-buttons.wp-block-columns > .kt-media-buttons__buttons { flex: 0 0 210px !important; }
	.kt-media-buttons .kt-media-buttons__media img { width: 100%; height: 230px; object-fit: cover; border-radius: 20px; }
	.kt-page-content > .kt-box-right.wp-block-media-text { grid-template-columns: 1fr 40% !important; max-width: 100%; }
	.kt-page-content .kt-box-right h3 { font-size: 30px; line-height: 36px; }
	.kt-page-content > .kt-cols.wp-block-columns { grid-template-columns: 1fr; }
	.kt-page-content .kt-col-title { font-size: 25px; line-height: 67.5px; }
	.kt-page-content .kt-cols p { font-size: 18px; line-height: 27px; }
	.kt-page-content .kt-cols .kt-form-title { font-size: 25px; line-height: 30px; }
	.kt-tabs-nav { flex-wrap: nowrap; }

	.kt-footer__main { grid-template-columns: 1fr; row-gap: 20px; }
	.kt-footer__col--links { min-height: 0; }
	.kt-footer__logo { margin-bottom: 8px; }
	.kt-footer__logo-img { width: 390px; }
	.kt-footer__headline { margin-bottom: 7px; }
	.kt-footer__title { margin-bottom: 40px; }
	.kt-contact__item { padding-bottom: 12.5px; margin-bottom: 12.5px; }
}

/* ==========================================================================
   Mobile (≤767px)
   ========================================================================== */
@media (max-width: 767px) {
	.kt-header__inner { flex-wrap: wrap; }
	.kt-header__logo { flex: 0 0 100%; width: auto; }
	.kt-header__cta { display: none; }

	.kt-hero { min-height: 446px; padding: 20px 2px; }
	.kt-hero__title { font-size: 26px; }
	.kt-hero__list { margin-top: 10px; }
	.kt-hero__list li { font-size: 13px; line-height: 19.5px; }
	.kt-hero__btn-wrap { margin-top: 10px; }
	.kt-btn--hero { font-size: 13px; line-height: 13px; }
	.kt-btn--hero .kt-icon { width: 13px; height: 13px; }

	.kt-devices__title { font-size: 23px; }
	.kt-carousel { --kt-show: 2; }

	.kt-how__title { font-size: 26px; }
	.kt-faq__title { font-size: 25px; }
	.kt-how__grid { grid-template-columns: 1fr; max-width: 320px; margin: 0 auto; }
	.kt-how__card { min-height: 0; }
	.kt-how__icon { margin-bottom: 8px; }
	.kt-how__icon .kt-icon { width: 48px; height: 48px; }
	.kt-how__card-title { font-size: 15px; }

	.kt-pricing { max-width: 100%; padding: 0; }
	.kt-pricing__head { padding: 0; }
	.kt-pricing__title { width: 100%; font-size: 30px; line-height: 39px; text-align: center; }
	.kt-tabs { padding: 20px 0 0; }
	.kt-tabs__nav { flex-direction: column; padding-top: 5px; }
	.kt-tabs__tab { margin: 0 5px 9px; }
	.kt-tabs__tab.is-active::after { display: none; }
	.kt-plans { grid-template-columns: 1fr; }

	.kt-faq__body { flex-direction: column; }
	.kt-accordion__q-text { font-size: 16px; }
	.kt-faq__side-text { font-size: 16px; }

	.kt-features__row--top,
	.kt-features__row--bottom { grid-template-columns: 1fr; max-width: 100%; }

	.kt-page-title { font-size: 30px; }

	.kt-page-hero { min-height: 300px; }
	.kt-page-hero__inner { max-width: none; width: 100%; margin: 0 0 -20px; }
	.kt-page-hero__subtitle { font-size: 20px; line-height: 28px; }
	.kt-page-content .kt-intro.wp-block-media-text { grid-template-columns: 1fr !important; row-gap: 20px; }
	.kt-intro .wp-block-media-text__media { width: 303px; max-width: 100%; margin: 0 auto; grid-column: 1; grid-row: 1; }
	.kt-intro .wp-block-media-text__content { grid-column: 1; grid-row: 2; }
	.kt-page-content > .kt-trial { max-width: 100%; }
	.kt-trial__title { font-size: 24px; line-height: 36px; }
	.kt-split .wp-block-media-text__content { padding: 0 10px; }
	.kt-page-content .kt-split p { font-size: 16px; line-height: 24px; }
	.kt-form-title { font-size: 24px; line-height: 33.6px; }
	.kt-page-content > .kt-lead-title { font-size: 24px; line-height: 26.4px; }
	.kt-page-content .kt-about-intro p { font-size: 16px; }
	.kt-page-content > .kt-order-title { line-height: 1.5; }
	.kt-page-content .kt-order-thanks h3 { font-size: 24px; }
	.kt-page-content .kt-order-thanks p { margin-bottom: 1px; font-size: 20px; }
	.kt-page-content .kt-order-cols__info p { font-size: 18px; }
	.kt-page-content .kt-order-cols__form .fluentform { width: 284px; }
	.kt-page-content > .kt-review-intro.wp-block-media-text { grid-template-columns: 1fr !important; row-gap: 15px; }
	.kt-review-intro .wp-block-media-text__media { grid-column: 1; grid-row: 1; width: 300px; max-width: 100%; margin: 0 auto; }
	.kt-review-intro .wp-block-media-text__content { grid-column: 1; grid-row: 2; }
	.kt-page-content .kt-about-cta__title { line-height: 2em; }
	.kt-page-content .kt-media-buttons.wp-block-columns { flex-direction: column; }
	.kt-page-content .kt-media-buttons.wp-block-columns > .kt-media-buttons__media,
	.kt-page-content .kt-media-buttons.wp-block-columns > .kt-media-buttons__buttons { flex: 0 0 auto !important; width: 100%; }
	.kt-page-content .kt-btn-outline .wp-block-button__link { font-size: 16px; }
	.kt-page-content > .kt-box-right.wp-block-media-text { grid-template-columns: 1fr !important; row-gap: 6px; }
	.kt-box-right .wp-block-media-text__media { grid-column: 1; grid-row: 1; width: 60%; margin: 0 auto; }
	.kt-box-right .wp-block-media-text__content { grid-column: 1; grid-row: 2; }
	.kt-page-content .kt-box-right h3 { margin: 8px 0 0; font-size: 20px; line-height: 24px; }
	.kt-page-content .kt-box-right p { font-size: 16px; line-height: 24px; }
	.kt-page-content .kt-col-title { font-size: 20px; line-height: 54px; }
	.kt-page-content .kt-cols p { font-size: 16px; line-height: 24px; }
	.kt-page-content > .kt-legal--84,
	.kt-page-content > .kt-legal--85 { max-width: 100%; }
	.kt-page-content .kt-legal :where(p, li) { font-size: 15px; line-height: 22.5px; }
	.kt-page-content > .kt-updated { margin-right: 10px; }
	.kt-page-content > .kt-tabs-block { max-width: 100%; }
	.kt-tabs-nav { flex-direction: column; }
}

/* ------------------------------------------------------------ Telegram popup */
.kt-tg {
	position: fixed;
	inset: 0;
	z-index: 100001;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	opacity: 0;
	transition: opacity .25s ease;
}
.kt-tg[hidden] { display: none; }
.kt-tg.is-open { opacity: 1; }
.kt-tg__overlay {
	position: absolute;
	inset: 0;
	background: rgba(6, 18, 34, .6);
}
.kt-tg__dialog {
	position: relative;
	width: 100%;
	max-width: 560px;
	max-height: calc(100vh - 32px);
	max-height: calc(100dvh - 32px);
	overflow-y: auto;
	background: var(--kt-white);
	border-radius: 18px;
	box-shadow: 0 24px 60px rgba(0, 0, 0, .3);
	font-family: var(--kt-font-head);
	transform: translateY(12px) scale(.95);
	transition: transform .25s ease;
	outline: none;
}
.kt-tg.is-open .kt-tg__dialog { transform: none; }
.kt-tg__top {
	position: relative;
	padding: 36px 56px 34px;
	background: var(--kt-navy);
	color: var(--kt-white);
	text-align: center;
}
.kt-tg__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	margin-bottom: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .14);
	font-size: 30px;
}
.kt-tg__badge .kt-icon { transform: translate(-1px, 1px); }
.kt-tg__title {
	color: var(--kt-white);
	font-family: var(--kt-font-head);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.3;
}
.kt-tg__close {
	position: absolute;
	top: 18px;
	right: 18px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--kt-white);
	font-size: 22px;
	cursor: pointer;
	transition: background-color .2s ease;
}
.kt-tg__close:hover,
.kt-tg__close:focus-visible { background: rgba(255, 255, 255, .15); }
.kt-tg__body { padding: 32px 30px 24px; }
.kt-tg__text {
	margin: 0 0 22px;
	color: #7d8590;
	font-size: 16px;
	line-height: 1.6;
}
.kt-tg__list {
	display: grid;
	gap: 16px;
	margin: 0 0 26px;
	padding: 0;
	list-style: none;
}
.kt-tg__item {
	display: flex;
	align-items: center;
	gap: 16px;
	color: var(--kt-dark);
	font-size: 16px;
	line-height: 1.4;
}
.kt-tg__item-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 46px;
	height: 46px;
	border-radius: 10px;
	background: rgba(13, 59, 102, .08);
	color: var(--kt-navy);
	font-size: 20px;
}
.kt-tg__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	width: 100%;
	min-height: 58px;
	padding: 12px 20px;
	border-radius: 10px;
	background: var(--kt-navy);
	color: var(--kt-white);
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
	text-align: center;
	transition: background-color .2s ease;
}
.kt-tg__btn:hover,
.kt-tg__btn:focus-visible { background: var(--kt-blue); color: var(--kt-white); }
.kt-tg__btn .kt-icon { font-size: 20px; }
.kt-tg__later {
	display: block;
	margin: 14px auto 0;
	padding: 6px 12px;
	border: 0;
	background: transparent;
	color: #8b9199;
	font-family: inherit;
	font-size: 15px;
	cursor: pointer;
}
.kt-tg__later:hover,
.kt-tg__later:focus-visible { color: var(--kt-dark); }
body.kt-tg-lock { overflow: hidden; }

@media (max-width: 767px) {
	.kt-tg__top { padding: 30px 48px 26px; }
	.kt-tg__badge { width: 60px; height: 60px; margin-bottom: 14px; font-size: 26px; }
	.kt-tg__title { font-size: 19px; }
	.kt-tg__close { top: 10px; right: 10px; }
	.kt-tg__body { padding: 24px 20px 18px; }
	.kt-tg__text { margin-bottom: 18px; font-size: 15px; }
	.kt-tg__list { gap: 12px; margin-bottom: 22px; }
	.kt-tg__item { gap: 12px; font-size: 15px; }
	.kt-tg__item-icon { width: 42px; height: 42px; }
	.kt-tg__btn { min-height: 52px; font-size: 16px; }
}

@media (max-width: 380px), (max-height: 620px) {
	.kt-tg__top { padding: 20px 44px 18px; }
	.kt-tg__badge { width: 48px; height: 48px; margin-bottom: 10px; font-size: 22px; }
	.kt-tg__title { font-size: 18px; }
	.kt-tg__body { padding: 18px 18px 12px; }
	.kt-tg__text { margin-bottom: 14px; font-size: 14px; line-height: 1.5; }
	.kt-tg__list { gap: 10px; margin-bottom: 16px; }
	.kt-tg__item { font-size: 14px; }
	.kt-tg__item-icon { width: 38px; height: 38px; font-size: 18px; }
	.kt-tg__btn { min-height: 48px; font-size: 15px; }
	.kt-tg__later { margin-top: 8px; font-size: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; }
	.kt-tg__dialog { transform: none; }
}
