.playpop-home {
	overflow: hidden;
	background: var(--playpop-background);
	font-family: var(--playpop-font-family-base);
}

.playpop-home-section {
	padding-block: var(--playpop-space-2xl);
}

.playpop-home-section--soft {
	background: var(--playpop-green-soft);
}

.playpop-home-section__header {
	max-inline-size: 42rem;
	margin-block-end: var(--playpop-space-xl);
}

.playpop-home-section__header p {
	margin-block: 0;
	color: var(--playpop-text-secondary);
}

.playpop-home-eyebrow {
	margin-block: 0 var(--playpop-space-sm);
	color: var(--playpop-green-dark);
	font-size: var(--playpop-font-size-small);
	font-weight: 700;
}

.playpop-hero {
	position: relative;
	padding-block-start: var(--playpop-space-xl);
	background:
		radial-gradient(circle at 15% 20%, var(--playpop-yellow-soft), transparent 28%),
		radial-gradient(circle at 85% 80%, var(--playpop-blue-soft), transparent 30%),
		var(--playpop-surface);
}

.playpop-hero__inner {
	display: grid;
	gap: var(--playpop-space-xl);
	align-items: center;
}

.playpop-hero__content {
	max-inline-size: 38rem;
}

.playpop-hero__content > p:not(.playpop-home-eyebrow) {
	margin-block: 0 var(--playpop-space-lg);
	color: var(--playpop-text-secondary);
}

.playpop-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--playpop-space-sm);
}

.playpop-hero__trust {
	display: flex;
	flex-wrap: wrap;
	gap: var(--playpop-space-sm);
	padding: 0;
	margin: var(--playpop-space-lg) 0 0;
	list-style: none;
}

.playpop-hero__trust li {
	display: inline-flex;
	align-items: center;
	gap: var(--playpop-space-xs);
	min-block-size: 2.25rem;
	padding-inline: var(--playpop-space-sm);
	color: var(--playpop-text-secondary);
	background: rgb(255 255 255 / 78%);
	border: 1px solid color-mix(in srgb, var(--playpop-purple) 14%, var(--playpop-border));
	border-radius: var(--playpop-radius-pill);
	box-shadow: 0 0.25rem 0.75rem rgb(121 86 184 / 7%);
	font-size: var(--playpop-font-size-caption);
	font-weight: 700;
}

.playpop-hero__visual-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--playpop-space-sm);
	min-inline-size: 0;
}

.playpop-hero__main-media {
	grid-column: 1 / -1;
	aspect-ratio: 3 / 2;
}

.playpop-hero__main-media,
.playpop-hero__side-banner {
	display: block;
	min-inline-size: 0;
	overflow: hidden;
	background: var(--playpop-background);
	border: 1px solid color-mix(in srgb, var(--playpop-purple) 16%, var(--playpop-border));
	border-radius: 1.25rem;
	box-shadow: 0 10px 25px rgb(124 58 237 / 8%);
}

.playpop-hero__main-media picture,
.playpop-hero__main-media img,
.playpop-hero__side-banner img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
}

.playpop-hero__main-media img,
.playpop-hero__side-banner img {
	object-fit: cover;
}

.playpop-hero__side-banner {
	aspect-ratio: 3 / 2;
	transition: box-shadow 180ms ease, transform 180ms ease;
}

a.playpop-hero__side-banner:hover,
a.playpop-hero__side-banner:focus-visible {
	box-shadow: 0 14px 30px rgb(124 58 237 / 15%);
	transform: translateY(-2px);
}

@media (max-width: 47.999rem) {
	.playpop-hero { padding-block-start: var(--playpop-space-lg); }
	.playpop-hero__inner { gap: var(--playpop-space-lg); }
	.playpop-hero__content { text-align: center; }
	.playpop-hero__actions { justify-content: center; }
	.playpop-hero__trust { justify-content: center; }
}

.playpop-choice-grid,
.playpop-category-grid,
.playpop-placeholder-grid,
.playpop-value-grid,
.playpop-blog-grid {
	display: grid;
	gap: var(--playpop-space-md);
}

.playpop-carousel__header {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: var(--playpop-space-md);
	max-inline-size: none;
}

.playpop-carousel__controls {
	display: flex;
	flex: 0 0 auto;
	gap: var(--playpop-space-xs);
}

.playpop-carousel__controls button {
	display: grid;
	place-items: center;
	inline-size: 2.5rem;
	block-size: 2.5rem;
	padding: 0;
	color: var(--playpop-purple);
	background: var(--playpop-surface);
	border: 1px solid color-mix(in srgb, var(--playpop-purple) 22%, var(--playpop-border));
	border-radius: var(--playpop-radius-pill);
	font: inherit;
	font-size: 1.5rem;
	cursor: pointer;
}

.playpop-product-carousel {
	display: grid;
	grid-auto-columns: min(82vw, 19rem);
	grid-auto-flow: column;
	gap: var(--playpop-space-md);
	padding-block: var(--playpop-space-xs) var(--playpop-space-lg);
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline mandatory;
	scrollbar-width: thin;
	scrollbar-color: var(--playpop-purple-soft) transparent;
}

.playpop-product-carousel .playpop-product-card {
	grid-template-columns: minmax(0, 1fr);
	gap: 0;
	padding: 0;
	scroll-snap-align: start;
}

.playpop-product-carousel .playpop-product-card__media { margin: var(--playpop-space-sm) var(--playpop-space-sm) 0; border-radius: 0.75rem; }
.playpop-product-carousel .playpop-product-card__image,
.playpop-product-carousel .playpop-product-card__image-placeholder { min-block-size: 14rem; aspect-ratio: 1; }
.playpop-product-carousel .playpop-product-card__body { padding: var(--playpop-space-md); }

@media (max-width: 47.99rem) {
	.playpop-product-carousel {
		gap: 8px;
	}

	.playpop-product-carousel .playpop-product-card__media {
		margin: 0.25rem 0.25rem 0;
	}

	.playpop-product-carousel .playpop-product-card__body {
		padding: 0.5rem;
	}
}

.playpop-choice-grid--four {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.playpop-choice-grid--dynamic {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.playpop-choice-card,
.playpop-category-card,
.playpop-product-placeholder,
.playpop-value-card,
.playpop-blog-placeholder {
	padding: var(--playpop-space-lg);
	background: var(--playpop-surface);
	border: 1px solid var(--playpop-border);
	border-radius: var(--playpop-radius-large);
	box-shadow: var(--playpop-shadow-card);
}

.playpop-choice-card {
	display: grid;
	place-items: center;
	min-block-size: 6rem;
	font-weight: 700;
	text-align: center;
	color: var(--playpop-text);
	text-decoration: none;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.playpop-choice-card:hover,
.playpop-choice-card:focus-visible { color: var(--playpop-purple); box-shadow: var(--playpop-shadow-elevated); transform: translateY(-2px); }

.playpop-choice-card--dynamic {
	grid-template-rows: auto auto;
	gap: var(--playpop-space-sm);
	min-block-size: 8rem;
}

.playpop-choice-card__icon {
	display: grid;
	place-items: center;
	inline-size: 4rem;
	block-size: 4rem;
	color: inherit;
}

.playpop-choice-card__icon::before {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	background: currentcolor;
	content: "";
	-webkit-mask: var(--playpop-choice-icon) center / contain no-repeat;
	mask: var(--playpop-choice-icon) center / contain no-repeat;
}

.playpop-choice-card__title {
	color: inherit;
}

.playpop-choice-card--blue {
	background: var(--playpop-blue-soft);
}

.playpop-choice-card--pink {
	background: var(--playpop-pink-soft);
}

.playpop-choice-card--yellow {
	background: var(--playpop-yellow-soft);
}

.playpop-choice-card--purple {
	background: var(--playpop-purple-soft);
}

.playpop-choice-card--orange {
	background: var(--playpop-orange-soft);
}

.playpop-choice-card--green {
	background: var(--playpop-green-soft);
}

.playpop-choice-card--teal {
	background: var(--playpop-teal-soft);
}

.playpop-category-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.playpop-category-card {
	display: flex;
	align-items: center;
	min-block-size: 7rem;
	font-weight: 700;
}

.playpop-category-card:nth-child(5) {
	grid-column: 1 / -1;
}

.playpop-product-placeholder {
	display: grid;
	place-items: end start;
	min-block-size: 13rem;
	color: var(--playpop-text-secondary);
	background:
		linear-gradient(var(--playpop-surface), var(--playpop-surface)) padding-box,
		linear-gradient(135deg, var(--playpop-green-soft), var(--playpop-yellow-soft)) border-box;
	border-color: transparent;
	font-size: var(--playpop-font-size-small);
}

.playpop-home-callout,
.playpop-parent-guide {
	display: grid;
	gap: var(--playpop-space-lg);
	align-items: center;
	padding: var(--playpop-space-xl);
	border: 1px solid var(--playpop-border);
	border-radius: var(--playpop-radius-large);
	box-shadow: var(--playpop-shadow-card);
}

.playpop-home-callout--offer {
	background: var(--playpop-orange-soft);
}

.playpop-home-callout--smart {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, var(--playpop-purple-soft), var(--playpop-blue-soft));
	border-color: color-mix(in srgb, var(--playpop-purple) 22%, var(--playpop-border));
}

.playpop-home-callout__cta,
.playpop-parent-guide__cta {
	justify-self: start;
	color: var(--playpop-surface);
	background: linear-gradient(135deg, var(--playpop-purple), var(--playpop-orange));
	text-decoration: none;
}

.playpop-home-callout__placeholder {
	inline-size: 8rem;
	block-size: 8rem;
	justify-self: center;
	background: var(--playpop-yellow-soft);
	border-radius: var(--playpop-radius-pill);
	box-shadow: var(--playpop-shadow-elevated);
}

.playpop-home-callout__badge {
	justify-self: start;
	padding-block: var(--playpop-space-sm);
	padding-inline: var(--playpop-space-md);
	color: var(--playpop-green-dark);
	background: var(--playpop-yellow-soft);
	border: 1px solid var(--playpop-yellow);
	border-radius: var(--playpop-radius-pill);
	font-weight: 700;
}

.playpop-value-card h3,
.playpop-blog-placeholder h3 {
	font-size: var(--playpop-font-size-body);
}

.playpop-value-card p {
	margin: 0;
	color: var(--playpop-text-secondary);
}

.playpop-value-card {
	position: relative;
	min-block-size: 12rem;
	overflow: hidden;
	border-color: transparent;
	border-radius: 1.25rem;
	box-shadow: 0 0.65rem 1.5rem rgb(121 86 184 / 8%);
}

.playpop-value-card:nth-child(1) { background: var(--playpop-yellow-soft); }
.playpop-value-card:nth-child(2) { background: var(--playpop-blue-soft); }
.playpop-value-card:nth-child(3) { background: var(--playpop-pink-soft); }

.playpop-value-card__icon,
.playpop-parent-guide__icon {
	display: grid;
	place-items: center;
	inline-size: 3.25rem;
	block-size: 3.25rem;
	margin-block-end: var(--playpop-space-md);
	background: rgb(255 255 255 / 76%);
	border-radius: var(--playpop-radius-pill);
	box-shadow: var(--playpop-shadow-card);
	font-size: 1.6rem;
}

.playpop-parent-guide {
	grid-template-columns: auto minmax(0, 1fr);
	background: linear-gradient(135deg, var(--playpop-yellow-soft), var(--playpop-pink-soft));
	border-color: color-mix(in srgb, var(--playpop-orange) 18%, var(--playpop-border));
	border-radius: 1.25rem;
}

.playpop-parent-guide__icon { margin: 0; }
.playpop-parent-guide__cta { grid-column: 1 / -1; }

.playpop-blog-placeholder {
	min-block-size: 9rem;
	background: var(--playpop-surface);
}

@media (min-width: 48rem) {
	.playpop-product-carousel { grid-auto-columns: min(42vw, 20rem); }
	.playpop-hero__inner {
		grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.18fr);
	}

	.playpop-hero__inner--content-only {
		grid-template-columns: minmax(0, 42rem);
		justify-content: center;
	}

	.playpop-hero__inner--content-only .playpop-hero__content {
		max-inline-size: none;
		text-align: center;
	}

	.playpop-hero__inner--content-only .playpop-hero__actions,
	.playpop-hero__inner--content-only .playpop-hero__trust {
		justify-content: center;
	}

	.playpop-hero__visual-grid {
		grid-template-columns: minmax(0, 2fr) minmax(8rem, 1fr);
		grid-template-rows: repeat(2, minmax(0, 1fr));
	}

	.playpop-hero__main-media {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	.playpop-hero__side-banner {
		grid-column: 2;
		aspect-ratio: auto;
	}

	.playpop-hero__main-media + .playpop-hero__side-banner:last-child {
		grid-row: 1 / span 2;
	}

	.playpop-hero__visual-grid--side-only {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-rows: minmax(12rem, auto);
	}

	.playpop-hero__visual-grid--side-only .playpop-hero__side-banner {
		grid-column: auto;
	}

	.playpop-hero__visual-grid--side-only .playpop-hero__side-banner:only-child {
		grid-column: 1 / -1;
	}

	.playpop-choice-grid--four {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.playpop-choice-grid--dynamic {
		grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
	}

	.playpop-choice-grid--three,
	.playpop-value-grid,
	.playpop-blog-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.playpop-category-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

	.playpop-category-card:nth-child(5) {
		grid-column: auto;
	}

	.playpop-placeholder-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.playpop-home-callout {
		grid-template-columns: 1fr auto;
	}
}

@media (min-width: 64rem) {
	.playpop-product-carousel { grid-auto-columns: calc((100% - (3 * var(--playpop-space-md))) / 4); }
	.playpop-placeholder-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* "مشاهده همه مطالب" CTA under the homepage magazine section. */
.playpop-home-section__footer {
	text-align: center;
	margin-block-start: var(--playpop-space-xl);
}

.playpop-home-section__cta {
	display: inline-block;
	background: var(--playpop-color-primary);
	color: #fff;
	border-radius: var(--playpop-radius-pill);
	padding: 0.65rem 1.75rem;
	font-weight: 700;
	text-decoration: none;
	transition: background 0.15s ease;
}

.playpop-home-section__cta:hover {
	background: var(--playpop-color-primary-dark);
}

/* Final homepage polish: balanced, single-visual and compact. */
.playpop-home .playpop-home-section { padding-block: clamp(2.25rem, 5vw, 4.5rem); }
.playpop-home .playpop-home-section__header { margin-block-end: clamp(1.25rem, 2.5vw, 2rem); }
.playpop-home .playpop-hero { padding-block: clamp(1.5rem, 4vw, 3.5rem); }
.playpop-home .playpop-hero__inner { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.playpop-home .playpop-hero__main-media {
	grid-column: auto;
	margin: 0;
	max-block-size: 31rem;
	aspect-ratio: 6 / 5;
	background: transparent;
	border-color: color-mix(in srgb, var(--playpop-green) 12%, var(--playpop-border));
	box-shadow: 0 .75rem 2rem rgb(46 125 50 / 8%);
}
.playpop-home .playpop-hero__main-media img { inline-size: 100%; block-size: 100%; object-fit: contain; }
.playpop-home .playpop-hero__content h1 { text-wrap: balance; }
.playpop-home .playpop-button--primary { background: var(--playpop-green); }
.playpop-home .playpop-button--secondary { color: var(--playpop-green-dark); background: transparent; border-color: color-mix(in srgb, var(--playpop-green) 40%, var(--playpop-border)); }

.playpop-balanced-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--playpop-space-md);
}
.playpop-balanced-grid > * { flex: 0 1 calc(50% - (var(--playpop-space-md) / 2)); min-inline-size: 0; }
.playpop-choice-card--dynamic {
	grid-template-rows: auto auto auto;
	align-content: center;
	min-block-size: 9rem;
	padding: clamp(1rem, 2vw, 1.5rem);
	color: var(--card-text, var(--playpop-text));
	background: var(--card-bg, var(--playpop-surface));
	border-color: color-mix(in srgb, var(--card-icon, var(--playpop-green)) 16%, var(--playpop-border));
	box-shadow: 0 .4rem 1.25rem rgb(31 41 55 / 5%);
}
.playpop-quick-grid .playpop-choice-card--dynamic { text-align: start; place-items: center start; }
.playpop-choice-card__icon {
	inline-size: 3.25rem;
	block-size: 3.25rem;
	padding: .65rem;
	color: var(--card-icon, var(--playpop-green));
	background: rgb(255 255 255 / 75%);
	border-radius: 999px;
}
.playpop-choice-card__description { color: color-mix(in srgb, var(--card-text, var(--playpop-text)) 72%, transparent); font-size: var(--playpop-font-size-small); font-weight: 400; line-height: 1.75; }
.playpop-choice-card:hover,.playpop-choice-card:focus-visible { color: var(--card-text, var(--playpop-text)); box-shadow: 0 .7rem 1.5rem rgb(31 41 55 / 9%); }
.playpop-value-card {
	flex-basis: calc(50% - (var(--playpop-space-md) / 2));
	min-block-size: 10rem;
	color: var(--card-text, var(--playpop-text));
	background: var(--card-bg, var(--playpop-surface));
	border: 1px solid color-mix(in srgb, var(--card-icon, var(--playpop-green)) 14%, var(--playpop-border));
	text-decoration: none;
}
.playpop-value-card:nth-child(n) { background: var(--card-bg, var(--playpop-surface)); }
.playpop-value-card__icon { color: var(--card-icon, var(--playpop-green)); }
.playpop-value-card__icon:not(.has-image)::before { content: "\2713"; font-weight: 800; }
.playpop-value-card__icon.has-image::before { inline-size: 1.8rem; block-size: 1.8rem; background: currentcolor; content: ""; -webkit-mask: var(--card-icon-image) center/contain no-repeat; mask: var(--card-icon-image) center/contain no-repeat; }
.playpop-product-carousel { scroll-padding-inline: .25rem; }

@media (max-width: 47.99rem) {
	.playpop-home .playpop-home-section { padding-block: 2.25rem; }
	.playpop-home .playpop-hero__inner { grid-template-columns: 1fr; gap: 1.25rem; }
	.playpop-home .playpop-hero__content > p:not(.playpop-home-eyebrow) { margin-block-end: 1rem; }
	.playpop-home .playpop-hero__main-media { order: 2; inline-size: min(100%, 30rem); max-block-size: 18rem; margin-inline: auto; aspect-ratio: 4 / 3; }
	.playpop-home .playpop-hero__actions { gap: .5rem; }
	.playpop-home .playpop-hero__actions > * { flex: 1 1 9rem; }
	.playpop-balanced-grid > * { flex-basis: min(100%, 22rem); }
	.playpop-choice-card--dynamic { min-block-size: 7.5rem; }
	.playpop-product-carousel { grid-auto-columns: calc(100% - 1.25rem); padding-inline-end: .25rem; }
	.playpop-carousel__controls button { inline-size: 2.25rem; block-size: 2.25rem; }
}

@media (min-width: 48rem) {
	.playpop-balanced-grid > * { flex-basis: calc(33.333% - (2 * var(--playpop-space-md) / 3)); }
	.playpop-choice-grid--dynamic { grid-template-columns: none; }
}

/* Hero, age and quick-choice visual system. */
.playpop-home .playpop-hero {
	padding-block: clamp(1.25rem, 3vw, 2.75rem);
	background: var(--playpop-surface);
}

.playpop-home .playpop-hero__inner {
	position: relative;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: clamp(1.5rem, 3.5vw, 3.5rem);
	align-items: center;
	min-block-size: 27rem;
	padding: clamp(1.5rem, 3.5vw, 3rem);
	overflow: hidden;
	background:
		radial-gradient(circle at 8% 12%, rgb(255 224 130 / 42%), transparent 24%),
		radial-gradient(circle at 92% 88%, rgb(187 222 251 / 46%), transparent 28%),
		linear-gradient(135deg, #fffdf7 0%, #f4fbf4 52%, #f6f3ff 100%);
	border: 1px solid color-mix(in srgb, var(--playpop-green) 13%, var(--playpop-border));
	border-radius: clamp(1.5rem, 2.5vw, 1.875rem);
	box-shadow: 0 1.25rem 3.5rem rgb(47 113 53 / 9%);
}

.playpop-home .playpop-hero__inner::before,
.playpop-home .playpop-hero__inner::after {
	position: absolute;
	content: "";
	pointer-events: none;
}

.playpop-home .playpop-hero__inner::before {
	inset-block-start: -4rem;
	inset-inline-start: 34%;
	inline-size: 9rem;
	block-size: 9rem;
	background: rgb(255 214 102 / 17%);
	border-radius: 50%;
}

.playpop-home .playpop-hero__inner::after {
	inset-block-end: 1.35rem;
	inset-inline-end: 1.5rem;
	inline-size: 4.5rem;
	block-size: 4.5rem;
	background: radial-gradient(circle, rgb(124 58 237 / 16%) 0 2px, transparent 3px) 0 0 / 12px 12px;
	opacity: 0.55;
}

.playpop-home .playpop-hero__content,
.playpop-home .playpop-hero__main-media { position: relative; z-index: 1; }
.playpop-home .playpop-hero__content { max-inline-size: 34rem; }
.playpop-home .playpop-hero__content h1 {
	max-inline-size: 12ch;
	margin-block: 0 clamp(0.85rem, 1.5vw, 1.25rem);
	color: var(--playpop-text);
	font-size: clamp(2.2rem, 3.8vw, 3.4rem);
	line-height: 1.3;
	letter-spacing: -0.025em;
	text-wrap: balance;
}
.playpop-home .playpop-hero__content > p:not(.playpop-home-eyebrow) {
	max-inline-size: 34rem;
	margin-block: 0 clamp(1.25rem, 2vw, 1.75rem);
	color: var(--playpop-text-secondary);
	font-size: clamp(1rem, 1.25vw, 1.125rem);
	line-height: 2;
}
.playpop-home .playpop-hero__actions { gap: 0.75rem; }
.playpop-home .playpop-hero__actions .playpop-button { min-block-size: 3.1rem; padding-inline: 1.35rem; border-radius: 0.875rem; }
.playpop-home .playpop-hero__actions .playpop-button--primary { background: var(--playpop-green); box-shadow: 0 0.6rem 1.2rem rgb(82 164 71 / 20%); }
.playpop-home .playpop-hero__actions .playpop-button--primary:hover { background: var(--playpop-green-dark); transform: translateY(-1px); }
.playpop-home .playpop-hero__actions .playpop-button--secondary { color: var(--playpop-green-dark); background: rgb(255 255 255 / 72%); border-color: color-mix(in srgb, var(--playpop-green) 35%, var(--playpop-border)); }

.playpop-home .playpop-hero__main-media {
	align-self: center;
	inline-size: 100%;
	block-size: auto;
	max-block-size: none;
	aspect-ratio: 2 / 1;
	margin: 0;
	overflow: hidden;
	background: linear-gradient(135deg, var(--playpop-pink-soft), var(--playpop-blue-soft));
	border: 1px solid rgb(255 255 255 / 75%);
	border-radius: clamp(1.25rem, 2vw, 1.625rem);
	box-shadow: 0 1rem 2.5rem rgb(91 63 135 / 14%);
}
.playpop-home .playpop-hero__main-media img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	object-fit: cover;
	object-position: center;
}

.playpop-age-section .playpop-home-section__header,
.playpop-quick-section .playpop-home-section__header { margin-inline: auto; text-align: center; }
.playpop-age-section .playpop-balanced-grid,
.playpop-quick-section .playpop-balanced-grid { gap: clamp(0.875rem, 1.7vw, 1.25rem); }
.playpop-age-section .playpop-balanced-grid > *,
.playpop-quick-section .playpop-balanced-grid > * { flex: 0 1 calc(33.333% - 0.85rem); }

.playpop-age-section .playpop-choice-card--age {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	min-block-size: 16rem;
	padding: clamp(1.35rem, 2.4vw, 2rem);
	overflow: hidden;
	color: var(--playpop-text);
	background: linear-gradient(145deg, rgb(255 255 255 / 52%), transparent 70%), var(--card-bg);
	border: 1px solid color-mix(in srgb, var(--card-icon) 16%, var(--playpop-border));
	border-radius: 1.375rem;
	box-shadow: 0 0.65rem 1.75rem rgb(31 41 55 / 7%);
	text-align: center;
}
.playpop-age-section .playpop-choice-card--age::after {
	position: absolute;
	inset-block-start: -2.25rem;
	inset-inline-end: -2.25rem;
	inline-size: 6rem;
	block-size: 6rem;
	background: color-mix(in srgb, var(--card-icon) 11%, transparent);
	border-radius: 50%;
	content: "";
}
.playpop-choice-card__icon {
	box-sizing: border-box;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	inline-size: 3.75rem;
	block-size: 3.75rem;
	padding: 0.85rem;
	color: var(--card-icon);
	background: rgb(255 255 255 / 76%);
	border: 1px solid color-mix(in srgb, var(--card-icon) 18%, transparent);
	border-radius: 1.125rem;
	box-shadow: 0 0.45rem 1rem rgb(31 41 55 / 8%);
}
.playpop-age-section .playpop-choice-card__icon { margin-block-end: 1rem; }
.playpop-choice-card__icon::before { inline-size: 100%; block-size: 100%; }
.playpop-age-section .playpop-choice-card__icon:not(.has-image)::before { display: grid; place-items: center; background: none; content: "\2726"; font-size: 1.65rem; line-height: 1; -webkit-mask: none; mask: none; }
.playpop-choice-card__title { color: var(--playpop-text); font-size: 1.125rem; font-weight: 800; line-height: 1.55; }
.playpop-choice-card__description { display: block; margin-block-start: 0.45rem; color: var(--playpop-text-secondary); font-size: 0.875rem; font-weight: 400; line-height: 1.85; }
.playpop-choice-card__affordance { display: inline-flex; align-items: center; gap: 0.4rem; margin-block-start: auto; padding-block-start: 1rem; color: var(--card-icon); font-size: 0.8125rem; font-weight: 750; }
.playpop-choice-card__affordance span { transition: transform 160ms ease; }
.playpop-choice-card:hover .playpop-choice-card__affordance span { transform: translateX(-0.2rem); }
.playpop-age-section .playpop-choice-card--age:hover,
.playpop-age-section .playpop-choice-card--age:focus-visible { color: var(--playpop-text); box-shadow: 0 0.9rem 2rem rgb(31 41 55 / 10%); transform: translateY(-3px); }

.playpop-quick-section { background: linear-gradient(180deg, var(--playpop-green-soft), #f8fcf8); }
.playpop-quick-section .playpop-choice-card--quick {
	position: relative;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	grid-template-rows: none;
	place-items: center stretch;
	gap: 1rem;
	min-block-size: 10.5rem;
	padding: clamp(1.15rem, 2vw, 1.5rem);
	overflow: hidden;
	color: var(--playpop-text);
	background: linear-gradient(105deg, rgb(255 255 255 / 64%), transparent), var(--card-bg);
	border: 1px solid color-mix(in srgb, var(--card-icon) 18%, var(--playpop-border));
	border-block-start: 3px solid color-mix(in srgb, var(--card-icon) 70%, white);
	border-radius: 1.25rem;
	box-shadow: 0 0.55rem 1.5rem rgb(31 41 55 / 6%);
	text-align: start;
}
.playpop-quick-section .playpop-choice-card--quick::after {
	position: absolute;
	inset-block-end: -3rem;
	inset-inline-start: -3rem;
	inline-size: 7.5rem;
	block-size: 7.5rem;
	background: color-mix(in srgb, var(--card-icon) 9%, transparent);
	border-radius: 50%;
	content: "";
}
.playpop-quick-section .playpop-choice-card__icon { inline-size: 4.25rem; block-size: 4.25rem; border-radius: 1.25rem; }
.playpop-quick-section .playpop-choice-card__icon:not(.has-image)::before { display: grid; place-items: center; background: none; content: "\2197"; font-size: 1.65rem; line-height: 1; -webkit-mask: none; mask: none; }
.playpop-choice-card__body { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; min-inline-size: 0; }
.playpop-quick-section .playpop-choice-card__affordance { padding-block-start: 0.65rem; margin-block-start: 0; }
.playpop-quick-section .playpop-choice-card--quick:hover,
.playpop-quick-section .playpop-choice-card--quick:focus-visible { color: var(--playpop-text); background-color: color-mix(in srgb, var(--card-bg) 88%, white); box-shadow: 0 0.85rem 1.8rem rgb(31 41 55 / 10%); transform: translateY(-2px); }

@media (min-width: 48rem) and (max-width: 63.99rem) {
	.playpop-home .playpop-hero__inner { grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr); gap: 1.5rem; min-block-size: 23rem; padding: 1.5rem; }
	.playpop-home .playpop-hero__content h1 { font-size: clamp(1.8rem, 3.7vw, 2.45rem); }
	.playpop-home .playpop-hero__content > p:not(.playpop-home-eyebrow) { font-size: 0.9375rem; line-height: 1.85; }
	.playpop-home .playpop-hero__actions .playpop-button { min-block-size: 2.8rem; padding-inline: 1rem; font-size: 0.875rem; }
	.playpop-home .playpop-hero__main-media { block-size: auto; aspect-ratio: 2 / 1; }
	.playpop-age-section .playpop-balanced-grid > *,
	.playpop-quick-section .playpop-balanced-grid > * { flex-basis: calc(50% - 0.625rem); }
	.playpop-age-section .playpop-choice-card--age { min-block-size: 14rem; padding: 1.35rem; }
	.playpop-quick-section .playpop-choice-card--quick { min-block-size: 9.5rem; }
}

@media (max-width: 47.99rem) {
	.playpop-home .playpop-hero { padding-block: 0.75rem 1.75rem; }
	.playpop-home .playpop-hero__inner { grid-template-columns: minmax(0, 1fr); gap: 1.15rem; min-block-size: 0; padding: 1.25rem; border-radius: 1.5rem; }
	.playpop-home .playpop-hero__inner::before { inline-size: 6rem; block-size: 6rem; }
	.playpop-home .playpop-hero__inner::after { display: none; }
	.playpop-home .playpop-hero__content { max-inline-size: none; text-align: start; }
	.playpop-home .playpop-hero__content h1 { max-inline-size: 14ch; margin-block-end: 0.65rem; font-size: clamp(1.75rem, 8vw, 2.25rem); line-height: 1.35; }
	.playpop-home .playpop-hero__content > p:not(.playpop-home-eyebrow) { margin-block-end: 1rem; font-size: 0.9375rem; line-height: 1.85; }
	.playpop-home .playpop-hero__actions { justify-content: stretch; }
	.playpop-home .playpop-hero__actions > * { flex: 1 1 8.5rem; justify-content: center; min-block-size: 3rem; padding-inline: 0.8rem; }
	.playpop-home .playpop-hero__main-media { order: 2; inline-size: 100%; block-size: auto; max-block-size: none; aspect-ratio: 2 / 1; margin: 0; border-radius: 1.125rem; }
	.playpop-age-section .playpop-balanced-grid > *,
	.playpop-quick-section .playpop-balanced-grid > * { flex-basis: min(100%, 26rem); }
	.playpop-age-section .playpop-choice-card--age { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: auto auto auto; align-items: center; min-block-size: 0; padding: 1rem; text-align: start; }
	.playpop-age-section .playpop-choice-card__icon { grid-row: 1 / span 3; inline-size: 3.25rem; block-size: 3.25rem; margin-block: 0; margin-inline-end: 0.9rem; border-radius: 1rem; }
	.playpop-age-section .playpop-choice-card__description { margin-block-start: 0.2rem; }
	.playpop-age-section .playpop-choice-card__affordance { margin-block-start: 0; padding-block-start: 0.4rem; }
	.playpop-quick-section .playpop-choice-card--quick { min-block-size: 0; padding: 1rem; }
	.playpop-quick-section .playpop-choice-card__icon { inline-size: 3.5rem; block-size: 3.5rem; border-radius: 1rem; }
	.playpop-choice-card__title { font-size: 1rem; }
	.playpop-choice-card__description { font-size: 0.8125rem; line-height: 1.7; }
}