/* ============================================
Jay&Joy School — промо-лендинг (back-to-school)
Будується НА СИСТЕМІ ТЕМИ: .container / col-* / .btn-* / .h1–.h5 / .bg-* / var(--*).
Промо-токени (палітра/шрифти) — у :root теми (css/base/01-layout.css).
Тут — лише сторінкові секції поверх бази. Брейкпоінти: 1680 / 1279 / 768.
Кожна секція — окремий блок з коментарями Start/End, media-оверрайди — всередині блоку.
============================================ */

/* Page base - Start */
.jay-joy-school-page {
	color: var(--brown);
	font-family: var(--font-family-1);
	background: var(--cream);
	margin-top: 0;
}
.jay-joy-school-page p {
	color: var(--brown);
}
/* Заголовки (Sansus Webissimo) + pill-кнопки — у base.css теми (per-project, typography.md). Тут ручних font-size немає. */
/* Page base - End */

/* Доп. боковой отступ контейнеров (крім hero/steps/header/footer) - decision Олександра */
.jay-joy-school-page .terms-section > .container,
.jay-joy-school-page .prizes-section > .container,
.jay-joy-school-page .join-section > .container { padding: 0 6vw; }
@media (max-width: 1680px) {
	.jay-joy-school-page .terms-section > .container,
	.jay-joy-school-page .prizes-section > .container,
	.jay-joy-school-page .join-section > .container { padding: 0 4vw; }
}
@media (max-width: 1279px) {
	.jay-joy-school-page .terms-section > .container,
	.jay-joy-school-page .prizes-section > .container,
	.jay-joy-school-page .join-section > .container { padding: 0; }
}

/* Hero (sec-1) - Start */
.jay-joy-school-page .hero-section {
	position: relative;
	padding: 0;
	padding-top: var(--header-height);
	background-image: url(/wp-content/themes/shop/img/page-jay-joy-school/hero-bg.webp);
	background-position: center top;
	background-size: cover;
	background-repeat: no-repeat;
}
.jay-joy-school-page .hero {
	display: flex;
	align-items: center;
	height: calc(100vh - var(--header-height) + 40px);
	padding: 40px 0 80px 0;
}
.jay-joy-school-page .hero__card {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 37vw;
	padding: 40px 40px 0 40px;
	background: var(--cream);
	border-radius: 50px;
	text-align: center;
	box-shadow: 0 16px 50px rgba(82, 38, 10, 0.10);
}
.jay-joy-school-page .hero__date {
	margin-top: 6px;
}
.jay-joy-school-page .hero__title {
	margin-top: 18px;
}
.jay-joy-school-page .hero__subtitle {
	max-width: 590px;
	margin: 18px auto 0;
}
.jay-joy-school-page .hero__cta {
	align-self: center;
	margin-top: 40px;
	min-height: 64px;
	padding: 0 48px;
}
.jay-joy-school-page .hero__cta span { font-size: 20px; }
.jay-joy-school-page .hero__fan {
	display: block;
	align-self: center;
	width: 100%;
	max-width: 470px;
	height: auto;
	margin-top: 20px;
}
.jay-joy-school-page .hero__decor {
	position: absolute;
	z-index: 2;
	pointer-events: none;
}
.jay-joy-school-page .hero__decor--plane {
	width: 80px;
	top: 35px;
	left: 0;
}
.jay-joy-school-page .hero__decor--pencils {
	width: 110px;
	top: 5px;
	right: 0;
}
.jay-joy-school-page .hero__heroes-mob {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 16px;
}
@media (max-width: 1680px) {
	.jay-joy-school-page .hero__fan { max-width: 300px; margin-top: 10px; }
	.jay-joy-school-page .hero__decor--plane { width: 70px; }
}
@media (max-width: 1279px) {
	.jay-joy-school-page .hero-section {
		background-image: url(/wp-content/themes/shop/img/page-jay-joy-school/hero-heroes-mob.webp);
		height: calc(100vh - var(--header-height) + 70px);
		min-height: 720px;
		justify-content: flex-start;
	}
	.jay-joy-school-page .hero {
		flex-direction: column;
		align-items: stretch;
		min-height: auto;
		height: auto;
		padding: 16px 0;
	}
	.jay-joy-school-page .hero__card {
		display: block;
		width: 100%;
		min-height: 0;
		max-width: 100%;
		padding: 14px 8px 0px;
		border-radius: 16px;
	}
	.jay-joy-school-page .hero__decor { display: block; }
	.jay-joy-school-page .hero__decor--plane { width: 54px; top: 14px; left: 0; }
	.jay-joy-school-page .hero__decor--pencils { width: 74px; top: 8px; right: 0; }
	.jay-joy-school-page .hero__subtitle { margin: 10px auto 0; }
	.jay-joy-school-page .hero__cta { align-self: center; margin-top: 16px; min-height: 48px; padding: 0 28px; margin-left: auto; margin-right: auto; font-size: 14px; line-height: 14px; }
	.jay-joy-school-page .hero__cta span { font-size: 14px; }
	.jay-joy-school-page .hero__fan { max-width: 260px; margin: 0px auto 0; }
}
/* Hero (sec-1) - End */

/* Умови конкурсу (sec-2) - Start */
.jay-joy-school-page .terms-section {
	position: relative;
	margin-top: -40px;
	padding-top: 150px;
	padding-bottom: 150px;
	background: var(--cream);
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
	z-index: 1;
}
.jay-joy-school-page .terms__text {
	align-self: center;
	max-width: 660px;
}
.jay-joy-school-page .terms__title {
	margin-bottom: 18px;
}
.jay-joy-school-page .terms__lead {
	margin-bottom: 22px;
}
.jay-joy-school-page .terms__divider {
	display: block;
	width: 100%;
	max-width: 633px;
	height: 0;
	border-top: 2.5px dashed var(--primary);
	margin-bottom: 22px;
}
.jay-joy-school-page .terms__body {
	margin-bottom: 12px;
	max-width: 600px;
}
.jay-joy-school-page .terms__visuals {
	position: relative;
	min-height: 0;
}
.jay-joy-school-page .terms__coloring {
	position: absolute;
	bottom: -190px;
	right: 6%;
	width: 100%;
	height: auto;
	z-index: 2;
}
@media (max-width: 1680px) {
	.jay-joy-school-page .terms-section { padding-top: 110px; padding-bottom: 110px; }
}
@media (max-width: 1279px) {
	.jay-joy-school-page .terms-section {
		margin-top: -20px;
		padding-top: 40px;
		padding-bottom: 40px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}
	.jay-joy-school-page .terms__text { padding: 0; }
	.jay-joy-school-page .terms__visuals {
		min-height: auto;
		margin-top: -55px;
	}
	.jay-joy-school-page .terms__coloring {
		position: relative;
		width: 100%;
		margin: 0 auto;
		bottom: -55px;
		right: 0;
		left: 0;
	}
}
/* Умови конкурсу (sec-2) - End */

/* Що буде в рюкзаку (sec-3) — координатний холст 1920x2902 - Start */
.jay-joy-school-page .prizes-section {
	position: relative;
	z-index: 2;
	margin-top: -40px;
	padding: 0 0 120vh;
	overflow: visible;
	background: var(--primary);
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.jay-joy-school-page .prizes-stage {
	position: relative;
	grid-column: 1 / -1;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	aspect-ratio: 1920 / 2902;
	container-type: inline-size;
	will-change: transform;
}
.jay-joy-school-page .prizes-title {
	position: absolute;
	left: 0;
	right: 0;
	top: 6.0%;
	text-align: center;
	z-index: 5;
}
.jay-joy-school-page .prize { display: contents; }
.jay-joy-school-page .prize__pics { position: absolute; z-index: 2; }
.jay-joy-school-page .prize--backpack .prize__pics { z-index: 1; }
.jay-joy-school-page .prize__img { position: absolute; left: 0; top: 0; width: 100%; height: auto; }
.jay-joy-school-page .prize__label {
	position: absolute;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--cream);
	color: var(--brown);
	font-family: var(--font-family-2);
	font-weight: 700;
	white-space: nowrap;
	border-radius: var(--radius-pill);
	height: 2.6cqw;
	padding: 0 1.05cqw;
	font-size: 1.04cqw;
	letter-spacing: -0.4px;
	box-shadow: 0 6px 18px rgba(82, 38, 10, 0.10);
}
.jay-joy-school-page .prize--abetka .prize__pics { left: 35.52%; top: 12.78%; width: 23.13%; aspect-ratio: 444 / 441; }
.jay-joy-school-page .prize__img--abetka-2 { left: 36.94%; width: 63.06%; transform: rotate(5deg); }
.jay-joy-school-page .prize__img--abetka-1 { left: 0; top: 19.05%; width: 66.67%; transform: rotate(-8deg); }
.jay-joy-school-page .prize--abetka .prize__label { left: 30.05%; top: 14.51%; }
.jay-joy-school-page .prize--rostomir .prize__pics { left: 57.40%; top: 13.65%; width: 7.03%; aspect-ratio: 135 / 420; }
.jay-joy-school-page .prize--rostomir .prize__img { transform: rotate(2deg); }
.jay-joy-school-page .prize--rostomir .prize__label { left: 59.79%; top: 20.50%; }
.jay-joy-school-page .prize--zoshyt .prize__pics { left: 36.77%; top: 28.84%; width: 29.27%; aspect-ratio: 562 / 289; }
.jay-joy-school-page .prize__img--zoshyt-3 { left: 48.58%; width: 51.42%; transform: rotate(6deg); }
.jay-joy-school-page .prize__img--zoshyt-2 { left: 24.73%; width: 51.42%; transform: rotate(-2deg); }
.jay-joy-school-page .prize__img--zoshyt-1 { left: 0; width: 51.42%; transform: rotate(-10deg); }
.jay-joy-school-page .prize--zoshyt .prize__label { left: 31.82%; top: 30.22%; }
.jay-joy-school-page .prize--penal .prize__pics { left: 33.54%; top: 39.52%; width: 18.07%; aspect-ratio: 347 / 360; }
.jay-joy-school-page .prize--penal .prize__img { transform: rotate(-16deg); }
.jay-joy-school-page .prize--penal .prize__label { left: 30.78%; top: 40.25%; }
.jay-joy-school-page .prize--znachky .prize__pics { left: 46.67%; top: 40.90%; width: 11.72%; aspect-ratio: 225 / 252; }
.jay-joy-school-page .prize__img--zn-37b { left: 21.78%; top: 0; width: 44.89%; }
.jay-joy-school-page .prize__img--zn-37a { left: 0; top: 29.76%; width: 32.44%; }
.jay-joy-school-page .prize__img--zn-25b { left: 68.44%; top: 12.70%; width: 31.56%; }
.jay-joy-school-page .prize__img--zn-25a { left: 33.33%; top: 31.35%; width: 54.22%; }
.jay-joy-school-page .prize__img--zn-50 { left: 9.33%; top: 58.33%; width: 46.67%; }
.jay-joy-school-page .prize--znachky .prize__label { left: 51.35%; top: 39.83%; }
.jay-joy-school-page .prize--brelok .prize__pics { left: 54.43%; top: 45.14%; width: 10.16%; aspect-ratio: 1; }
.jay-joy-school-page .prize--brelok .prize__img { transform: rotate(4deg); }
.jay-joy-school-page .prize--brelok .prize__label { left: 60.63%; top: 45.76%; }
.jay-joy-school-page .prize--pastila .prize__pics { left: 36.88%; top: 52.65%; width: 8.33%; aspect-ratio: 160 / 281; }
.jay-joy-school-page .prize__img--pastila-2 { left: 51.88%; top: 0; width: 48.13%; transform: rotate(8deg); }
.jay-joy-school-page .prize__img--pastila-1 { left: 0; top: 25.27%; width: 67.50%; transform: rotate(-6deg); }
.jay-joy-school-page .prize--pastila .prize__label { left: 30.94%; top: 53.82%; }
.jay-joy-school-page .prize--chocolate .prize__pics { left: 43.70%; top: 54.20%; width: 25.94%; aspect-ratio: 498 / 344; }
.jay-joy-school-page .prize--chocolate .prize__img { transform: rotate(2deg); }
.jay-joy-school-page .prize__label--chocolate { left: 55.21%; top: 54.34%; max-width: 9cqw; height: auto; padding-top: 0.5cqw; padding-bottom: 0.5cqw; white-space: normal; text-align: center; line-height: 1.15; }
.jay-joy-school-page .prize--backpack .prize__pics { left: 30%; top: 64.64%; width: 40%; aspect-ratio: 1; }
.jay-joy-school-page .prize--backpack .prize__label { left: 54%; top: 70%; }
@media (max-width: 1279px) {
	/* Мобільний координатний холст призів (макет 375×1504) + scroll-room під анімацію */
	.jay-joy-school-page .prizes-section { margin-top: -20px; padding: 40px 0 70vh; border-top-left-radius: 16px; border-top-right-radius: 16px; }
	.jay-joy-school-page .prizes-section > .container { padding-bottom: 0; overflow-x: clip; }
	.jay-joy-school-page .prizes-stage { aspect-ratio: 375 / 1504; max-width: 460px; margin: 0 auto; }
	.jay-joy-school-page .prize--abetka .prize__pics { left: 5.07%; top: 11.7%; width: 67.2%; }
	.jay-joy-school-page .prize--abetka .prize__label { left: 3.73%; top: 13.96%; }
	.jay-joy-school-page .prize--rostomir .prize__pics { left: 71.73%; top: 12.43%; width: 20.27%; }
	.jay-joy-school-page .prize--rostomir .prize__label { left: 78.93%; top: 19.88%; }
	.jay-joy-school-page .prize--zoshyt .prize__pics { left: 5.33%; top: 28.99%; width: 93.87%; }
	.jay-joy-school-page .prize--zoshyt .prize__label { left: 3.2%; top: 31.12%; }
	.jay-joy-school-page .prize--penal .prize__pics { left: -2.67%; top: 42.09%; width: 55.47%; }
	.jay-joy-school-page .prize--penal .prize__label { left: 3.47%; top: 53.72%; }
	.jay-joy-school-page .prize--znachky .prize__pics { left: 37.87%; top: 42.15%; width: 35.47%; }
	.jay-joy-school-page .prize--znachky .prize__label { left: 54.93%; top: 42.29%; }
	.jay-joy-school-page .prize--brelok .prize__pics { left: 48%; top: 47.87%; width: 48.53%; }
	.jay-joy-school-page .prize--brelok .prize__label { left: 69.6%; top: 49.27%; }
	.jay-joy-school-page .prize--pastila .prize__pics { left: 2.67%; top: 58.24%; width: 28.27%; }
	.jay-joy-school-page .prize--pastila .prize__label { left: 3.47%; top: 70.08%; }
	.jay-joy-school-page .prize--chocolate .prize__pics { left: 16.8%; top: 59.38%; width: 87.2%; }
	.jay-joy-school-page .prize__label--chocolate { left: 46.4%; top: 60.51%; max-width: none; white-space: nowrap; }
	.jay-joy-school-page .prize--backpack .prize__pics { left: 0; top: 71.01%; width: 100%; }
	.jay-joy-school-page .prize--backpack .prize__label { left: 69.33%; top: 79.72%; }
	.jay-joy-school-page .prize__label { height: 6.4cqw; padding: 0 2.4cqw; font-size: 3.1cqw; letter-spacing: -0.2px; }
}
@media (max-width: 768px) {
	.jay-joy-school-page .prizes-section { padding: 32px 0 70vh; }
}
/* Що буде в рюкзаку (sec-3) - End */

/* Як взяти участь + форма (sec-4) - Start */
.jay-joy-school-page .join-steps-section { position: relative; z-index: 3; margin-top: -40px; padding-top: 140px; padding-bottom: 70px; background: var(--cream); border-top-left-radius: 50px; border-top-right-radius: 50px; }
.jay-joy-school-page .join-section { position: relative; z-index: 3; padding-top: 0; padding-bottom: 140px; background: var(--cream); }
.jay-joy-school-page .join-head { margin-bottom: 50px; }
.jay-joy-school-page .join-sub { margin-top: 0; }

/* Кроки «лесенкою» (auto-cols теми) */
.jay-joy-school-page .join-steps { margin-bottom: 80px; align-items: start; gap: 3.5vw; }
.jay-joy-school-page .step { position: relative; }
.jay-joy-school-page .step--2,
.jay-joy-school-page .step--4 { margin-top: 90px; }
.jay-joy-school-page .step__bg { display: block; width: 100%; height: auto; }
.jay-joy-school-page .step__title {
	position: absolute; top: 16%; left: 7%; width: 100%; margin: 0;
	color: var(--brown); line-height: 1.15;
}

/* 2 колонки: форма + правий стовпець.
Кастомний grid (не col-*): потрібен mob-reorder (облако/герої перед формою — рішення Олександра), col-* reorder не вміє. */
.jay-joy-school-page .join-cols { display: grid; grid-template-columns: 1fr 1fr; column-gap: 60px; row-gap: 30px; align-items: start; }
.jay-joy-school-page .join-form-col { grid-column: 1; grid-row: 1 / 4; }
.jay-joy-school-page .join-follow { grid-column: 2; grid-row: 1; }
.jay-joy-school-page .join-cloud  { grid-column: 2; grid-row: 2; }
.jay-joy-school-page .join-heroes { grid-column: 2; grid-row: 3; }

/* Ліва колонка */
.jay-joy-school-page .join-term { margin-top: 20px; display: flex; justify-content: space-between; }
.jay-joy-school-page .join-term span + span { margin-left: 10px; }
.jay-joy-school-page .join-divider { display: block; height: 0; border-top: 2.5px dashed var(--primary); margin: 22px 0; }
.jay-joy-school-page .join-lead { margin-bottom: 26px; max-width: 620px; }

/* Форма — стандарт теми (.form-input/.form-data-group/col-*/.checkbox-custom); контекстний вигляд під дизайн */
.jay-joy-school-page .join-form { display: flex; flex-direction: column; gap: 16px; max-width: 760px; }
.jay-joy-school-page .join-section .form-input,
.jay-joy-school-page .join-upload {
	height: 64px; width: 100%;
	border-radius: var(--radius-medium);
	background: #fff;
	border: 1.25px solid rgba(239, 148, 19, 0.32);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}
.jay-joy-school-page .join-section .form-input {
	padding: 0 24px;
	font-family: var(--font-family-1); font-size: 18px; color: var(--brown);
}
.jay-joy-school-page .join-section .form-input::placeholder { color: rgba(82, 38, 10, 0.48); }
.jay-joy-school-page .join-section .form-input:focus { outline: none; border-color: var(--primary); }
.jay-joy-school-page .join-upload { position: relative; display: flex; align-items: center; padding: 0 24px; cursor: pointer; }
.jay-joy-school-page .join-upload input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }
.jay-joy-school-page .join-upload__text { font-family: var(--font-family-1); font-size: 18px; color: rgba(82, 38, 10, 0.48); }
.jay-joy-school-page .join-upload__icon { width: 30px; height: 30px; margin-left: auto; object-fit: contain; }
/* Превʼю завантажених малюнків (до 3) */
.jay-joy-school-page .join-upload__previews { display: none; align-items: center; gap: 10px; margin-right: 14px; }
.jay-joy-school-page .join-upload.has-files .join-upload__previews { display: flex; }
.jay-joy-school-page .join-upload.has-files .join-upload__text { display: none; }
.jay-joy-school-page .join-upload__preview { position: relative; width: 44px; height: 44px; flex: 0 0 auto; }
.jay-joy-school-page .join-upload__preview img { width: 100%; height: 100%; object-fit: cover; border-radius: 8px; border: 1px solid rgba(239, 148, 19, 0.32); }
.jay-joy-school-page .join-upload__remove { position: absolute; top: -7px; right: -7px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: var(--primary); color: #fff; font-size: 14px; line-height: 1; cursor: pointer; box-shadow: 0 2px 6px rgba(82, 38, 10, 0.25); }
.jay-joy-school-page .join-upload__remove:hover { opacity: 0.85; }
.jay-joy-school-page .join-form .privacy-policy { margin: 6px 0 4px; }
.jay-joy-school-page .join-form__submit { align-self: flex-start; margin-top: 0; --btn-height: 70px; --btn-padding: 0 40px; font-size: 22px; line-height: 22px; }
.jay-joy-school-page .join-form__submit span { height: 20px; }

/* Правий стовпець */
.jay-joy-school-page .join-follow { display: flex; align-items: center; justify-content: space-between; gap: 22px; border: 2.5px dashed var(--primary); border-radius: 20px; padding: 24px 28px; }
.jay-joy-school-page .join-follow__text { font-family: var(--font-family-1); font-size: 20px; line-height: 1.3; max-width: 330px; color: var(--brown); }
.jay-joy-school-page .join-follow__btn { flex: 0 0 auto; --btn-height: 56px; padding: 0 32px; font-size: 18px; line-height: 18px; pointer-events: all;}
.jay-joy-school-page .join-follow__btn span { height: 18px; }
.jay-joy-school-page .join-follow__btn img { height: 22px; }
.jay-joy-school-page .join-cloud { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; max-width: 520px; margin: 0 auto; aspect-ratio: 561 / 357; padding: 8% 15% 11%; background: url(/wp-content/themes/shop/img/page-jay-joy-school/cloud.svg) center / 100% 100% no-repeat; }
.jay-joy-school-page .join-cloud__text { font-family: var(--font-family-1); font-size: 20px; line-height: 1.4; color: #fff; margin-bottom: 22px; }
.jay-joy-school-page .join-cloud__btn {
	--btn-bg: var(--cream);
	--btn-color: var(--brown);
	--btn-hover-bg: var(--cream-2);
	--btn-hover-color: var(--brown);
	--btn-height: 60px;
	--btn-padding: 0 34px;
	background: var(--btn-bg);
	padding: var(--btn-padding);
}
.jay-joy-school-page .join-cloud__btn span { color: var(--btn-color); font-size: 20px; }
.jay-joy-school-page .join-cloud__btn:hover { background: var(--btn-hover-bg); }
.jay-joy-school-page .join-cloud__btn:hover span { color: var(--btn-hover-color); }
.join-heroes { position: absolute; right: 4vw; bottom: 175px; z-index: 9; width: 34vw; max-width: 600px; height: auto; pointer-events: none; }
@media (max-width: 1680px) {
	.jay-joy-school-page .join-steps-section { padding-top: 110px; }
	.jay-joy-school-page .join-section { padding-bottom: 110px; }
	.jay-joy-school-page .join-steps { margin-bottom: 60px; gap: var(--blocks-indent); }
	.jay-joy-school-page .join-cloud__text { margin-top: 4vw; margin-bottom: 15px; }
	.join-heroes { bottom: 210px; }
}

@media (max-width: 1279px) {
	.jay-joy-school-page .join-steps-section { margin-top: -20px; padding-top: 40px; padding-bottom: 0; border-top-left-radius: 16px; border-top-right-radius: 16px; }
	.jay-joy-school-page .join-section { padding-bottom: 80px; }
	.jay-joy-school-page .join-head { margin-bottom: 30px; }
	.jay-joy-school-page .join-steps { margin-bottom: 20px; }
	.jay-joy-school-page .step--2,
	.jay-joy-school-page .step--4 { margin-top: 0; }
	.jay-joy-school-page .step { min-height: 0; }
	.jay-joy-school-page .join-cols { display: flex; flex-direction: column; gap: 26px; padding: 0; pointer-events: none;}
	.jay-joy-school-page .join-cloud  { order: 1; }
	.jay-joy-school-page .join-heroes-mob { order: 2; width: 100%; max-width: 320px; margin: 0 auto; }
	.join-heroes { width: 58vw; right: 2vw; bottom: 90px; }
	.jay-joy-school-page .join-form-col { order: 3; }
	.jay-joy-school-page .join-follow { order: 4; }
	.jay-joy-school-page .join-form,
	.jay-joy-school-page .join-lead { max-width: none; }
	.jay-joy-school-page .join-cloud__btn { --btn-height: 40px; --btn-padding: 0 24px; font-size: 14px; line-height: 14px; background: var(--btn-bg); padding: var(--btn-padding);pointer-events: all;}
	.jay-joy-school-page .join-cloud__btn span { color: var(--btn-color); font-size: 14px; }
	.jay-joy-school-page .join-section > .container {pointer-events: none;}

	.jay-joy-school-page .join-form { pointer-events: all;}

}
@media (max-width: 768px) {
	.jay-joy-school-page .join-section .form-input,
	.jay-joy-school-page .join-upload { height: 58px; }
	.jay-joy-school-page .join-form__submit { width: 100%; align-self: stretch; }
	.jay-joy-school-page .join-follow { flex-direction: column; align-items: flex-start; gap: 16px; margin-top: 40px; }
	.jay-joy-school-page .join-cloud { aspect-ratio: auto; min-height: 220px; width: 290px; padding: 0; background-size: contain; margin-left: auto; margin-right: 0; margin-bottom: -95px; z-index: -1; }
}
/* Як взяти участь + форма (sec-4) - End */

/* Декор: ribbon-завитки + кулька-шарик + скрепка (desktop) - Start */
.jay-joy-school-page .terms-section::before {
	content: ""; position: absolute; z-index: 3; pointer-events: none;
	width: 100px; height: 92px; top: 0; right: 5vw;
	background: url(/wp-content/themes/shop/img/page-jay-joy-school/ribbon-1.svg) center / contain no-repeat;
}
.jay-joy-school-page .terms-section::after {
	content: ""; position: absolute; z-index: 3; pointer-events: none;
	width: 112px; height: 88px; bottom: 4vw; object-fit: contain; left: 0;
	background: url(/wp-content/themes/shop/img/page-jay-joy-school/ribbon-2.svg) center / contain no-repeat;
}
.jay-joy-school-page .join-steps-section::before {
	content: ""; position: absolute; z-index: 3; pointer-events: none;
	width: 80px; height: 160px; top: 7vw; right: 0;
	background: url(/wp-content/themes/shop/img/page-jay-joy-school/ribbon-3.svg) center / contain no-repeat;
}
.jay-joy-school-page .join-steps-section::after {
	content: ""; position: absolute; z-index: 3; pointer-events: none;
	width: 120px; height: 95px; object-fit: contain; bottom: 3vw; left: 0;
	background: url(/wp-content/themes/shop/img/page-jay-joy-school/ribbon-2.svg) center / contain no-repeat;
}
.jay-joy-school-page .join-follow { position: relative; }
.jay-joy-school-page .join-follow::before {
	content: ""; position: absolute; z-index: 4; pointer-events: none;
	width: 32px; height: 42px; top: -29px; right: 21px;
	background: url(/wp-content/themes/shop/img/page-jay-joy-school/clip.svg) center / contain no-repeat;
}
@media (max-width: 1279px) {
	.jay-joy-school-page .join-steps-section::before,
	.jay-joy-school-page .join-steps-section::after { display: none; }
	/* terms-ріббони залишаються видимими (за дизайном), дрібніші */
	.jay-joy-school-page .terms-section::before { width: 56px; height: 52px; top: 0px; right: 16px; }
	.jay-joy-school-page .terms-section::after { width: 60px; height: 48px; bottom: 50vw; }
}
/* Декор - End */

/* Лайтбокс правил акції - Start */
.promo-rules-lightbox .lightbox-content { text-align: left; max-height: 82vh; overflow-y: auto; }
.promo-rules-lightbox .form-head { margin-bottom: 14px; }
.promo-rules-content { font-family: var(--font-family-1); color: var(--brown); font-size: 17px; line-height: 1.55; }
.promo-rules-content h2, .promo-rules-content h3 { font-family: var(--font-family-2); color: var(--brown); margin: 18px 0 10px; }
.promo-rules-content p { margin: 0 0 12px; }
.promo-rules-content ul, .promo-rules-content ol { margin: 0 0 12px; padding-left: 22px; }
.promo-rules-content li { margin-bottom: 6px; }

.promo-rules-content a { color: var(--primary); text-decoration: underline; }
@media (max-width: 1680px) {
	.promo-rules-content li {
		font-size: 14px;
		line-height: 22px;
	}	
}
@media (max-width: 1279px) {
	.promo-rules-content li {
		font-size: 14px;
		line-height: 22px;
	}	
}
/* Лайтбокс правил акції - End */