/*
 * Gartvig SEO Child 1.1.0 — точечные правки поверх assets/site.css и
 * assets/wordpress.css родительской темы 1.0.27. Подключается после них.
 * Меню, заголовки, FAQ, ссылка «к содержимому» и базовый фокус уже решены
 * родителем и здесь не переопределяются.
 */

/* ---------------------------------------------------------------
 * Фокус клавиатуры на темных и синих блоках.
 * wordpress.css задает a/button/summary:focus-visible { outline: 3px solid #1457e6 }.
 * На синей полосе .contact-band (фон #1457e6) такой контур не виден (1:1),
 * на темных .cases-section и .footer он слабый (2,4–3:1). Меняется только цвет.
 * ------------------------------------------------------------- */
.contact-band :is(a, button):focus-visible {
	outline-color: #fff;
}

.cases-section :is(a, button):focus-visible,
.footer :is(a, button):focus-visible {
	outline-color: #77a7ff;
}

/* ---------------------------------------------------------------
 * Поля формы: граница var(--line) #dce4ef на белом дает 1,28:1,
 * для границ элементов управления нужно не меньше 3:1 (WCAG 1.4.11).
 * Состояние :focus родителя (синяя граница и подсветка) не меняется.
 * ------------------------------------------------------------- */
.contact-form input,
.contact-form textarea {
	border-color: #7f8fa6;
}

.contact-form input[aria-invalid="true"],
.contact-form textarea[aria-invalid="true"] {
	border-color: #c4314b;
}

/* ---------------------------------------------------------------
 * Период в цене поддержки на главной (после правки «в месяц»).
 * ------------------------------------------------------------- */
.pricing-amount .pricing-period {
	font-size: 0.5em;
	font-weight: 700;
	letter-spacing: 0;
	color: #586a82;
	white-space: nowrap;
}

/* ---------------------------------------------------------------
 * «Материалы по теме» и «Другие кейсы».
 * На страницах услуг блок получает класс родителя .commercial-section,
 * в кейсах стоит внутри .source-body и берет оформление H2 и текста оттуда.
 * ------------------------------------------------------------- */
.gsc-related--inline {
	margin: 48px 0 8px;
}

.gsc-related .gsc-related__lead {
	max-width: 760px;
	color: var(--muted, #607089);
}

.gsc-related .gsc-related__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
	gap: 16px;
	margin: 24px 0 0;
	padding: 0;
	list-style: none;
}

.gsc-related .gsc-related__item {
	margin: 0;
	padding: 0;
	min-width: 0;
}

.gsc-related .gsc-related__item::before,
.gsc-related .gsc-related__item::marker {
	content: none;
}

.gsc-related__card {
	display: flex;
	flex-direction: column;
	gap: 10px;
	height: 100%;
	padding: 24px;
	border: 1px solid var(--line, #dce4ef);
	border-radius: var(--radius-md, 20px);
	background: #fff;
	color: var(--ink, #101828);
	text-decoration: none;
	transition: border-color 0.2s, transform 0.2s;
}

.gsc-related__card:hover {
	border-color: var(--blue, #1457e6);
	transform: translateY(-2px);
}

.gsc-related__kicker {
	color: var(--blue, #1457e6);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.4;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.gsc-related__name {
	font-size: 19px;
	font-weight: 750;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

.gsc-related__meta {
	margin-top: auto;
	color: #586a82;
	font-size: 15px;
	line-height: 1.5;
}

@media (max-width: 720px) {
	.gsc-related--inline {
		margin-top: 36px;
	}

	.gsc-related__card {
		padding: 20px;
	}

	.gsc-related__name {
		font-size: 18px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.gsc-related__card:hover {
		transform: none;
	}
}

/* ===============================================================
 * 1.2.0 — визуальные эффекты. Каждый блок работает, только когда на <body>
 * есть класс gsc-fx-<ключ> (inc/effects.php). Движение — только при
 * prefers-reduced-motion: no-preference; родитель при reduce дополнительно
 * отключает все transition.
 * ============================================================= */

/* ---------- Карточки при наведении (hover) ---------- */
.gsc-fx-hover #prices .pricing-card,
.gsc-fx-hover .solution-card,
.gsc-fx-hover .commercial-tile,
.gsc-fx-hover .gsc-related__card,
.gsc-fx-hover .project-compact-item {
	position: relative;
	transition:
		transform 0.28s cubic-bezier(0.2, 0.7, 0.2, 1),
		box-shadow 0.28s ease,
		border-color 0.28s ease,
		background-color 0.28s ease;
}

/* Полоса-акцент сверху карточки цены. */
.gsc-fx-hover #prices .pricing-card::before {
	content: "";
	position: absolute;
	top: -1px;
	left: 24px;
	right: 24px;
	height: 4px;
	border-radius: 0 0 4px 4px;
	background: linear-gradient(90deg, #1457e6, #4f8bff 60%, #8db5ff);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
	pointer-events: none;
}

.gsc-fx-hover #prices .pricing-amount {
	transition: color 0.28s ease;
}

@media (hover: hover) {
	.gsc-fx-hover #prices .pricing-card:hover {
		border-color: #1457e6;
		box-shadow: 0 26px 60px rgba(20, 52, 104, 0.16), 0 3px 10px rgba(20, 52, 104, 0.06);
	}

	.gsc-fx-hover #prices .pricing-card:hover::before {
		transform: scaleX(1);
	}

	.gsc-fx-hover #prices .pricing-card:hover .pricing-amount {
		color: #0b46c4;
	}

	.gsc-fx-hover .solution-card:hover,
	.gsc-fx-hover .commercial-tile:hover,
	.gsc-fx-hover .gsc-related__card:hover {
		border-color: #9dbcf2;
		box-shadow: 0 20px 48px rgba(20, 52, 104, 0.12), 0 2px 8px rgba(20, 52, 104, 0.05);
	}

	.gsc-fx-hover .project-compact-item:hover {
		border-color: #9dbcf2;
		box-shadow: 0 10px 26px rgba(20, 52, 104, 0.1);
	}
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
	.gsc-fx-hover #prices .pricing-card:hover {
		transform: translateY(-8px);
	}

	.gsc-fx-hover .solution-card:hover,
	.gsc-fx-hover .commercial-tile:hover,
	.gsc-fx-hover .gsc-related__card:hover {
		transform: translateY(-5px);
	}

	.gsc-fx-hover .project-compact-item:hover {
		transform: translateY(-3px);
	}
}

/* С клавиатуры карточка выделяется так же, но без сдвига. */
.gsc-fx-hover #prices .pricing-card:focus-within {
	border-color: #1457e6;
	box-shadow: 0 26px 60px rgba(20, 52, 104, 0.16);
}

.gsc-fx-hover #prices .pricing-card:focus-within::before {
	transform: scaleX(1);
}

/* ---------- Шкалы «было → стало» (meters) ---------- */
/* Родитель: в карточках кейсов на главной «Подробнее ↗» переносился по буквам
 * («Подробне / е») — ссылка-подпись больше не сжимается. */
.case-result > span {
	flex: none;
	white-space: nowrap;
}

.gsc-meter {
	display: block;
	width: 100%;
	min-width: 140px;
	max-width: 260px;
	margin-top: 10px;
	color: inherit;
	font-size: 0;
	line-height: 0;
}

.case-result .gsc-meter {
	color: inherit;
}

.gsc-related .gsc-meter {
	color: #1457e6;
}

.gsc-meter__track {
	position: relative;
	display: block;
	height: 8px;
	border-radius: 999px;
	background: rgba(20, 87, 230, 0.12);
	background: color-mix(in srgb, currentColor 16%, transparent);
	overflow: visible;
}

.gsc-meter__zone {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: calc(var(--zone, 0.5) * 100%);
	border-radius: 999px;
	background: rgba(20, 87, 230, 0.16);
	background: color-mix(in srgb, currentColor 26%, transparent);
}

.gsc-meter__line {
	position: absolute;
	top: 2px;
	height: 4px;
	left: calc(var(--from) * 100%);
	width: calc((var(--to) - var(--from)) * 100%);
	border-radius: 999px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
}

.gsc-meter__dot {
	position: absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	margin: -6px 0 0 -6px;
	border-radius: 50%;
	box-sizing: border-box;
}

.gsc-meter__dot--from {
	left: calc(var(--from) * 100%);
	border: 2px solid currentColor;
	background: transparent;
	opacity: 0.55;
}

.gsc-meter__dot--to {
	left: calc(var(--from) * 100%);
	background: currentColor;
	box-shadow: 0 0 0 4px rgba(20, 87, 230, 0.12);
	box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 22%, transparent);
}

.gsc-meter__fill {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: calc(var(--value, 0) * 100%);
	border-radius: 999px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: left center;
}

.gsc-meter.is-in .gsc-meter__line,
.gsc-meter.is-in .gsc-meter__fill {
	transform: scaleX(1);
}

.gsc-meter.is-in .gsc-meter__dot--to {
	left: calc(var(--to) * 100%);
}

@media (prefers-reduced-motion: no-preference) {
	.gsc-meter__line,
	.gsc-meter__fill {
		transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.15s;
	}

	.gsc-meter__dot--to {
		transition: left 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.15s;
	}
}

/* ---------- Просмотр скриншотов (lightbox) ---------- */
.gsc-fx-lightbox .source-body figure a[data-gsc-zoom] {
	cursor: zoom-in;
	position: relative;
}

.gsc-fx-lightbox .source-body figure a[data-gsc-zoom]::after {
	content: "";
	position: absolute;
	right: 12px;
	bottom: 12px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(8, 28, 64, 0.72) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m15.5 15.5 5 5M10.5 7.5v6M7.5 10.5h6'/%3E%3C/svg%3E") center / 22px no-repeat;
	opacity: 0.85;
	transition: opacity 0.2s, transform 0.2s;
	pointer-events: none;
}

.gsc-fx-lightbox .source-body figure a[data-gsc-zoom]:hover::after,
.gsc-fx-lightbox .source-body figure a[data-gsc-zoom]:focus-visible::after {
	opacity: 1;
	transform: scale(1.06);
}

.gsc-lightbox {
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: #fff;
	overflow: hidden;
}

.gsc-lightbox::backdrop {
	background: rgba(6, 17, 38, 0.88);
}

.gsc-lightbox__stage {
	position: absolute;
	inset: 64px 16px 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: auto;
	overscroll-behavior: contain;
}

.gsc-lightbox__stage img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
	cursor: zoom-in;
}

.gsc-lightbox.is-actual .gsc-lightbox__stage {
	align-items: flex-start;
	justify-content: flex-start;
}

.gsc-lightbox.is-actual .gsc-lightbox__stage img {
	max-width: none;
	max-height: none;
	margin: auto;
	cursor: zoom-out;
}

.gsc-lightbox__bar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 64px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 0 16px;
}

.gsc-lightbox__count {
	font-size: 15px;
	font-weight: 700;
	color: #c9d8f5;
}

.gsc-lightbox__caption {
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 15px;
	line-height: 1.4;
	color: #dbe6fb;
	overflow: hidden;
}

.gsc-lightbox button {
	width: 44px;
	height: 44px;
	display: inline-grid;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.08);
	color: #fff;
	font: 700 22px/1 Arial, sans-serif;
	cursor: pointer;
	transition: background-color 0.2s;
}

.gsc-lightbox button:hover {
	background: rgba(255, 255, 255, 0.2);
}

.gsc-lightbox button:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 3px;
}

.gsc-lightbox__nav {
	position: absolute;
	top: 50%;
	margin-top: -22px;
	z-index: 1;
}

.gsc-lightbox__nav--prev {
	left: 16px;
}

.gsc-lightbox__nav--next {
	right: 16px;
}

.gsc-lightbox[data-single] .gsc-lightbox__nav,
.gsc-lightbox[data-single] .gsc-lightbox__count {
	display: none;
}

html.gsc-lightbox-open {
	overflow: hidden;
}

@media (prefers-reduced-motion: no-preference) {
	.gsc-lightbox[open] .gsc-lightbox__stage img {
		animation: gsc-zoom-in 0.28s cubic-bezier(0.2, 0.7, 0.2, 1);
	}

	.gsc-lightbox[open]::backdrop {
		animation: gsc-fade-in 0.25s ease;
	}
}

@keyframes gsc-zoom-in {
	from {
		opacity: 0;
		transform: scale(0.96);
	}
}

@keyframes gsc-fade-in {
	from {
		opacity: 0;
	}
}

/* ---------- Плавная смена кейсов в портфолио (filter) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.gsc-fx-filter [data-portfolio] [data-case-card],
	.gsc-fx-filter [data-portfolio] [data-project-item] {
		transition:
			opacity 0.4s ease,
			transform 0.4s cubic-bezier(0.2, 0.7, 0.2, 1),
			box-shadow 0.25s ease,
			border-color 0.25s ease;
	}

	@starting-style {
		.gsc-fx-filter [data-portfolio] [data-case-card],
		.gsc-fx-filter [data-portfolio] [data-project-item] {
			opacity: 0;
			transform: translateY(14px) scale(0.985);
		}
	}
}

.gsc-fx-filter [data-portfolio] .filter-row button {
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.gsc-fx-filter [data-portfolio] .filter-row button[aria-pressed="true"] {
	box-shadow: 0 8px 22px rgba(20, 87, 230, 0.22);
}

/* ---------- Полоса чтения и оглавление (reading) ---------- */
.gsc-progress {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 60;
	height: 3px;
	pointer-events: none;
	background: transparent;
}

.admin-bar .gsc-progress {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar .gsc-progress {
		top: 46px;
	}
}

.gsc-progress span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #1457e6, #4f8bff 70%, #8db5ff);
	transform: scaleX(var(--p, 0));
	transform-origin: left center;
	will-change: transform;
}

.gsc-fx-reading .toc a {
	position: relative;
	transition: color 0.2s ease;
}

.gsc-fx-reading .toc a.is-current {
	color: #1457e6;
	font-weight: 700;
}

.gsc-fx-reading .toc a.is-current::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 0.2em;
	bottom: 0.2em;
	width: 3px;
	border-radius: 2px;
	background: #1457e6;
}

/* ---------- Этапы работы (steps) ---------- */
.gsc-steps .commercial-tile {
	position: relative;
	overflow: hidden;
}

.gsc-steps .commercial-tile::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: linear-gradient(90deg, #1457e6, #4f8bff 60%, #8db5ff);
	transform: scaleX(0);
	transform-origin: left center;
}

.gsc-steps.is-in .commercial-tile::after {
	transform: scaleX(1);
}

.gsc-step-num {
	display: inline-grid;
	place-items: center;
	min-width: 2.1em;
	height: 2.1em;
	margin-right: 0.45em;
	padding: 0 0.35em;
	border-radius: 999px;
	background: #eaf1ff;
	color: #1457e6;
	font-size: 0.82em;
	font-weight: 800;
	line-height: 1;
	vertical-align: 0.12em;
	transition: background-color 0.4s ease, color 0.4s ease;
}

.gsc-steps.is-in .gsc-step-num {
	background: #1457e6;
	color: #fff;
}

@media (prefers-reduced-motion: no-preference) {
	.gsc-steps .commercial-tile::after {
		transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
		transition-delay: calc(var(--i, 0) * 0.28s);
	}

	.gsc-steps .gsc-step-num {
		transition-delay: calc(var(--i, 0) * 0.28s + 0.25s);
	}
}

.gsc-step-sep {
	display: none;
}

/* ---------- Плавное раскрытие вопросов (faq) ---------- */
@supports (interpolate-size: allow-keywords) and selector(::details-content) {
	@media (prefers-reduced-motion: no-preference) {
		.gsc-fx-faq main details {
			interpolate-size: allow-keywords;
		}

		.gsc-fx-faq main details::details-content {
			block-size: 0;
			overflow: clip;
			opacity: 0;
			transition:
				block-size 0.32s cubic-bezier(0.2, 0.7, 0.2, 1),
				opacity 0.32s ease,
				content-visibility 0.32s allow-discrete;
		}

		.gsc-fx-faq main details[open]::details-content {
			block-size: auto;
			opacity: 1;
		}
	}
}

.gsc-fx-faq .faq-item summary::after {
	display: inline-block;
	transition: transform 0.3s ease, color 0.2s ease;
}

.gsc-fx-faq .faq-item summary:hover {
	color: #1457e6;
}

/* ---------- Появление карточек при прокрутке (reveal) ---------- */
@media (prefers-reduced-motion: no-preference) {
	.gsc-reveal {
		opacity: 0;
		transform: translateY(22px);
		transition:
			opacity 0.6s ease,
			transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1) !important;
		transition-delay: var(--gsc-delay, 0ms) !important;
	}

	.gsc-reveal.is-in {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Подбор услуги (quiz) ---------- */
.gsc-quiz[hidden] {
	display: none !important;
}

.gsc-quiz__lead {
	max-width: 720px;
	color: #586a82;
}

.gsc-quiz__panel {
	position: relative;
	max-width: 860px;
	margin-top: 28px;
	padding: 32px;
	border: 1px solid #d7e2f4;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 24px 70px rgba(20, 52, 104, 0.1);
	overflow: hidden;
}

.gsc-quiz__progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	background: #eaf1ff;
}

.gsc-quiz__progress span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #1457e6, #4f8bff 70%, #8db5ff);
	transform: scaleX(var(--p, 0.05));
	transform-origin: left center;
	transition: transform 0.45s cubic-bezier(0.2, 0.7, 0.2, 1);
}

.gsc-quiz__step {
	margin: 0;
	padding: 0;
	border: 0;
	min-width: 0;
}

.gsc-quiz__question {
	display: block;
	margin: 0 0 18px;
	padding: 0;
	font-size: 23px;
	line-height: 1.3;
	font-weight: 800;
	color: #17243a;
}

.gsc-quiz__count {
	display: block;
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1457e6;
}

.gsc-quiz__options {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.gsc-quiz__option {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 64px;
	padding: 14px 18px;
	border: 1px solid #d7e2f4;
	border-radius: 14px;
	background: #f8fbff;
	color: #17243a;
	font-size: 17px;
	line-height: 1.4;
	cursor: pointer;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

.gsc-quiz__option input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.gsc-quiz__option:hover {
	border-color: #1457e6;
	background: #fff;
	box-shadow: 0 10px 26px rgba(20, 52, 104, 0.1);
}

.gsc-quiz__option:has(input:focus-visible) {
	outline: 3px solid #1457e6;
	outline-offset: 3px;
}

.gsc-quiz__option:has(input:checked) {
	border-color: #1457e6;
	background: #eaf1ff;
}

.gsc-quiz__back {
	margin-top: 18px;
	padding: 8px 0;
	border: 0;
	background: none;
	color: #1457e6;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.gsc-quiz__result {
	outline: none;
}

.gsc-quiz .gsc-quiz__result-kicker {
	margin: 0 0 6px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #1457e6;
}

.gsc-quiz .gsc-quiz__result h3 {
	margin: 0 0 8px;
	font-size: 26px;
	line-height: 1.25;
	color: #17243a;
}

.gsc-quiz .gsc-quiz__result-price {
	margin: 0 0 12px;
	font-size: 26px;
	line-height: 1.25;
	font-weight: 800;
	color: #1457e6;
}

.gsc-quiz__result p {
	color: #586a82;
}

.gsc-quiz .gsc-quiz__extra {
	color: #17243a;
}

.gsc-quiz__extra {
	margin-top: 16px;
	padding: 14px 18px;
	border-radius: 14px;
	background: #f4f7fb;
	color: #17243a;
}

.gsc-quiz__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 20px;
	margin-top: 22px;
}

.gsc-quiz__actions .button {
	margin: 0;
}

.gsc-quiz__restart {
	border: 0;
	background: none;
	padding: 8px 0;
	color: #586a82;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
	.gsc-quiz__step:not([hidden]),
	.gsc-quiz__result:not([hidden]) {
		animation: gsc-step-in 0.35s cubic-bezier(0.2, 0.7, 0.2, 1);
	}
}

@keyframes gsc-step-in {
	from {
		opacity: 0;
		transform: translateX(18px);
	}
}

@media (max-width: 720px) {
	.gsc-quiz__panel {
		padding: 24px 18px;
	}

	.gsc-quiz__options {
		grid-template-columns: minmax(0, 1fr);
	}

	.gsc-quiz__question {
		font-size: 21px;
	}

	.gsc-quiz .gsc-quiz__result-price {
		font-size: 22px;
	}
}

@media print {
	.gsc-reveal {
		opacity: 1 !important;
		transform: none !important;
	}

	.gsc-progress,
	.gsc-lightbox,
	.gsc-quiz {
		display: none !important;
	}
}