@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

.page-id-1421 {
	--if-green: #0f4c00;
	font-family: Montserrat, Arial, sans-serif;
}

.page-id-1421 .hero-section { display: none; }
.page-id-1421 .ct-container-full[data-vertical-spacing] {
	padding-block: min(2.448vw, 47px) min(4.167vw, 80px);
	background: #f2f1ed;
}
.page-id-1421 .entry-content {
	width: min(52.083vw, 1000px);
	max-width: calc(100% - 64px);
	margin-inline: auto;
}
.page-id-1421 .entry-content > div:has(#if-verify-form) {
	width: 100%;
	max-width: none !important;
	height: auto;
	min-height: min(28.125vw, 540px);
	padding: min(2.917vw, 56px) min(3.385vw, 65px) min(1.563vw, 30px) !important;
	border: 1px solid #c9c9c9 !important;
	border-radius: min(1.458vw, 28px) !important;
	box-shadow: none !important;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start;
	background: #fff !important;
	overflow: visible;
}
.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child {
	justify-content: center;
	margin-bottom: min(1.094vw, 21px) !important;
}
.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child > div:first-child {
	width: min(.938vw, 18px) !important;
	height: min(.938vw, 18px) !important;
	margin-right: min(1.042vw, 20px) !important;
	background: #27c815 !important;
}
.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child > div:last-child {
	color: var(--if-green);
	font-family: inherit;
	font-size: min(1.25vw, 24px) !important;
	line-height: min(1.51vw, 29px) !important;
	font-weight: 700 !important;
}
.page-id-1421 .entry-content > div:has(#if-verify-form) > div:nth-child(2) {
	max-width: min(41.146vw, 790px);
	margin: 0 auto min(2.448vw, 47px) !important;
	color: #595757 !important;
	font-size: min(.938vw, 18px) !important;
	line-height: min(1.563vw, 30px) !important;
	font-weight: 500 !important;
	text-align: center;
}
.page-id-1421 #if-verify-form label {
	margin-bottom: min(.885vw, 17px) !important;
	color: var(--if-green);
	font-family: inherit;
	font-size: min(1.25vw, 24px) !important;
	line-height: min(1.51vw, 29px) !important;
	font-weight: 600 !important;
	text-align: center;
}
.page-id-1421 #if-verify-fwm {
	width: 100%;
	height: min(4.063vw, 78px);
	padding: 0 min(1.25vw, 24px) !important;
	border: 1px solid #c9c9c9 !important;
	border-radius: min(.781vw, 15px) !important;
	color: #595757;
	background: #fff;
	font-family: inherit;
	font-size: min(1.077vw, 20.67px) !important;
	font-weight: 500;
}
.page-id-1421 #if-verify-fwm:focus {
	border-color: var(--if-green) !important;
	box-shadow: 0 0 0 2px rgb(15 76 0 / 12%);
}
.page-id-1421 #if-verify-btn {
	width: 100%;
	height: min(4.01vw, 77px);
	margin-top: min(1.354vw, 26px) !important;
	padding: 0 20px !important;
	border-radius: min(.781vw, 15px) !important;
	background: var(--if-green) !important;
	font-family: inherit;
	font-size: min(1.25vw, 24px) !important;
	line-height: min(1.51vw, 29px) !important;
	font-weight: 700;
}
.page-id-1421 #if-verify-btn:hover { background: #0b3b00 !important; }
.page-id-1421 .entry-content > div:has(#if-verify-form) > div:last-of-type {
	max-width: min(39.583vw, 760px);
	margin: min(.781vw, 15px) auto 0 !important;
	color: #595757 !important;
	font-size: min(.938vw, 18px) !important;
	line-height: min(1.615vw, 31px) !important;
	font-weight: 500 !important;
	text-align: center;
}
.page-id-1421 .if-verify-spinner { border-top-color: var(--if-green) !important; }

/* Figma 808:2898 — verification guide immediately below the main panel. */
.page-id-1421 .if-verify-guide {
	/* The 990px guide row is intentionally 10px narrower than the 1000px form panel. */
	width: min(calc(100% - 10px), 990px);
	margin: min(3.906vw, 75px) auto min(5.208vw, 100px);
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: min(2.188vw, 42px);
}
.page-id-1421 .if-verify-guide__step {
	margin: 0;
	aspect-ratio: 300 / 267;
	overflow: hidden;
	border: 1px solid #fff;
	border-radius: min(2.865vw, 55px);
	background: #f2f1ed;
}
.page-id-1421 .if-verify-guide__step img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Verification response states — shared desktop/mobile treatment. */
.page-id-1421 .entry-content > div:has(#if-verify-form):has(#if-verify-again) { min-height: 0; }
.page-id-1421 #if-verify-form:has(+ div #if-verify-again)::after {
	content: 'Reminder: If the same code is checked multiple times, please verify the purchase channel and contact official support if needed.';
	display: block;
	max-width: min(39.74vw, 763px);
	margin: min(.781vw, 15px) auto 0;
	color: #595757;
	font-size: min(.938vw, 18px);
	line-height: 1.45;
	font-weight: 500;
	text-align: center;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) {
	position: relative;
	/* Figma 782:795: 913px result card inside the 1000px verification panel. */
	width: calc(100% + min(2.292vw, 44px));
	margin: min(1.823vw, 35px) calc(-1 * min(1.146vw, 22px)) 0 !important;
	padding: min(2.031vw, 39px) min(1.198vw, 23px) min(1.667vw, 32px) !important;
	border-radius: min(.625vw, 12px) !important;
	box-sizing: border-box;
	text-align: center;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again)::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: max(-1.823vw, -35px);
	border-top: 1px dashed #d8d8d4;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again)[style*="ecfdf3"] {
	border-color: #789878 !important;
	background: #e8f0e7 !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again)[style*="fff7e6"] {
	border-color: #f2b543 !important;
	background: #fff6e3 !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:first-child {
	margin-bottom: min(.885vw, 17px) !important;
	color: var(--if-green) !important;
	font-family: inherit;
	font-size: min(1.25vw, 24px) !important;
	line-height: 1.2;
	font-weight: 700 !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(2),
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(3) {
	margin-top: 0 !important;
	margin-bottom: min(1.51vw, 29px) !important;
	color: #595757 !important;
	font-family: inherit;
	font-size: min(.938vw, 18px) !important;
	line-height: 1.4 !important;
	font-weight: 500;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(3) { margin-bottom: min(.417vw, 8px) !important; }
/* The fourth child is the status note only when a successful result is followed by details. */
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(4):has(+ details) {
	margin-top: 0 !important;
	margin-bottom: min(1.458vw, 28px) !important;
	color: var(--if-green) !important;
	font-family: inherit;
	font-size: min(1.25vw, 24px) !important;
	line-height: 1.2 !important;
	font-weight: 600;
	white-space: normal;
	overflow-wrap: break-word;
}
/* Long repeat-check warnings need the same typography but must expand the card instead of clipping. */
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(4):has(+ details)[style*="b54708"] { color: #b54708 !important; }
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(4):has(+ details)[style*="b42318"] { color: #b42318 !important; }
.page-id-1421 #if-verify-form + div:has(#if-verify-again) details {
	margin-top: 0 !important;
	margin-bottom: min(.99vw, 19px);
	font-family: inherit;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) summary {
	color: #595757 !important;
	font-size: min(.938vw, 18px) !important;
	line-height: 1.3;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) details > div {
	font-family: inherit;
	font-size: min(.938vw, 18px) !important;
	line-height: 1.45 !important;
	text-align: left;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child {
	margin-top: 0 !important;
	display: flex !important;
	gap: min(1.615vw, 31px) !important;
	flex-wrap: nowrap !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > a,
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > button {
	flex: 1 1 0 !important;
	min-width: 0 !important;
	min-height: min(3.854vw, 74px);
	padding: 0 min(1.042vw, 20px) !important;
	border-radius: min(.521vw, 10px) !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	font-family: inherit !important;
	font-size: min(1.042vw, 20px) !important;
	line-height: 1.2 !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > a {
	background: var(--if-green) !important;
	color: #fff !important;
}
.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > button {
	border-color: #d1d1cf !important;
	background: #fff !important;
	color: var(--if-green) !important;
}

@media (max-width: 1100px) {
	.page-id-1421 .ct-container-full[data-vertical-spacing] { padding-block: 40px 64px; }
	.page-id-1421 .entry-content { max-width: calc(100% - 48px); }
	.page-id-1421 .entry-content > div:has(#if-verify-form) {
		height: auto;
		min-height: 0;
		padding-inline: clamp(30px, 6.5vw, 65px) !important;
	}
	.page-id-1421 .if-verify-guide { gap: min(3.5vw, 32px); }
}

@media (max-width: 767px), (hover: none) and (pointer: coarse) and (max-width: 1024px) {
	.page-id-1421 .ct-container-full[data-vertical-spacing] { min-height: calc(100vh - clamp(38px, 11.467vw, 55px)); padding-block: clamp(14px, 4.533vw, 22px) 0; background: #f2f1ed; }
	.page-id-1421 .entry-content { width: 76%; max-width: none; }
	.page-id-1421 .entry-content > div:has(#if-verify-form) {
		height: auto;
		min-height: clamp(131px, 41.04vw, 197px);
		padding: clamp(10px, 3.2vw, 15px) clamp(16px, 4.967vw, 24px) clamp(8px, 2.4vw, 12px) !important;
		border-radius: clamp(4px, 1.333vw, 6px) !important;
	}
	.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child { margin-bottom: clamp(3px, 1.067vw, 5px) !important; }
	.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child > div:first-child {
		width: clamp(4px, 1.333vw, 6px) !important;
		height: clamp(4px, 1.333vw, 6px) !important;
		margin-right: clamp(3px, 1.067vw, 5px) !important;
		flex: 0 0 clamp(4px, 1.333vw, 6px);
	}
	.page-id-1421 .entry-content > div:has(#if-verify-form) > div:first-child > div:last-child {
		font-size: clamp(9px, 2.667vw, 12.8px) !important;
		line-height: 1.2 !important;
		text-align: center;
	}
	.page-id-1421 .entry-content > div:has(#if-verify-form) > div:nth-child(2) {
		max-width: 100%;
		margin-bottom: clamp(8px, 2.667vw, 13px) !important;
		font-size: clamp(4.5px, 1.333vw, 6.4px) !important;
		line-height: 1.6 !important;
	}
	.page-id-1421 #if-verify-form label {
		margin-bottom: clamp(6px, 1.867vw, 9px) !important;
		font-size: clamp(7px, 2.133vw, 10.2px) !important;
		line-height: 1 !important;
	}
	.page-id-1421 #if-verify-fwm {
		height: clamp(19px, 5.909vw, 28px);
		min-height: 0;
		padding: 0 clamp(6px, 1.867vw, 9px) !important;
		border-radius: clamp(4px, 1.333vw, 6px) !important;
		font-size: clamp(4.5px, 1.333vw, 6.4px) !important;
	}
	.page-id-1421 #if-verify-btn {
		height: clamp(19px, 5.856vw, 28px);
		min-height: 0 !important;
		margin-top: clamp(6px, 2.133vw, 10px) !important;
		border-radius: clamp(4px, 1.333vw, 6px) !important;
		font-size: clamp(7px, 2.133vw, 10.2px) !important;
		line-height: 1 !important;
	}
	.page-id-1421 .entry-content > div:has(#if-verify-form) > div:last-of-type {
		max-width: 100%;
		margin-top: clamp(4px, 1.333vw, 6px) !important;
		font-size: clamp(4.5px, 1.333vw, 6.4px) !important;
		line-height: 1.4 !important;
	}
	.page-id-1421 .if-verify-guide {
		width: 76%;
		margin: 8vw auto 12vw;
		grid-template-columns: 1fr;
		gap: 5.333vw;
	}
	.page-id-1421 .if-verify-guide__step {
		border-radius: clamp(18px, 7.333vw, 35px);
	}
	.page-id-1421 #if-verify-form:has(+ div #if-verify-again)::after {
		max-width: 100%;
		margin-top: clamp(4px, 1.333vw, 6px);
		font-size: 1.8vw;
		line-height: 1.4;
	}
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) {
		width: calc(100% + 4.4vw);
		margin: 3.5vw -2.2vw 0 !important;
		padding: 3.9vw 2.3vw 3.2vw !important;
		border-radius: clamp(4px, 1.333vw, 6px) !important;
	}
	.page-id-1421 #if-verify-form + div:has(#if-verify-again)::before { top: -3.5vw; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:first-child {
		margin-bottom: 1.7vw !important;
		font-size: 2.4vw !important;
	}
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(2),
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(3) {
		font-size: 1.8vw !important;
	}
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(2) { margin-bottom: 2.9vw !important; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(3) { margin-bottom: .8vw !important; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:nth-child(4):has(+ details) {
		margin-bottom: 2.8vw !important;
		font-size: 2.4vw !important;
		white-space: normal;
		overflow-wrap: break-word;
	}
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) details { margin-bottom: 1.9vw; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) summary,
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) details > div { font-size: 1.8vw !important; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child { gap: 3.1vw !important; }
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > a,
	.page-id-1421 #if-verify-form + div:has(#if-verify-again) > div:last-child > button {
		min-height: 7.4vw;
		padding-inline: 2vw !important;
		border-radius: clamp(4px, 1.333vw, 6px) !important;
		font-size: 2vw !important;
	}
}

@media (max-width: 359px) {
	.page-id-1421 .entry-content { width: calc(100% - 64px); }
}