/*    35. RESPONSIVE — SMALL MOBILE (480px)
   ------------------------------------------- */
@media (max-width: 480px) {
	:root {
		--text-6xl: 2.4rem;
		--text-5xl: 2rem;
		--text-4xl: 1.6rem;
		--text-3xl: 1.4rem;
		--space-lg: 1rem;
		--space-xl: 1.25rem;
		--space-2xl: 1.75rem;
	}

	.container {
		padding: 0 var(--space-md);
	}

	.hero-title {
		font-size: var(--text-5xl);
	}

	.hero-badge {
		font-size: 0.55rem;
		padding: 3px 10px;
		letter-spacing: 2px;
	}

	.hero-desc {
		font-size: var(--text-sm);
	}

	.hero-actions .btn {
		padding: 12px 24px;
		font-size: var(--text-sm);
	}

	.hero-stats {
		gap: var(--space-lg);
	}

	.error-404-title {
		font-size: 3.5rem;
	}

	.error-404-subtitle {
		font-size: var(--text-xl);
	}

	.error-404-desc {
		font-size: var(--text-sm);
	}

	.about-facts-card {
		padding: var(--space-xl);
	}

	.tech-stack-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-sm);
	}

	.tech-item {
		padding: var(--space-lg) var(--space-sm);
	}

	/* Portal CTA */
	.portal-cta-features {
		grid-template-columns: 1fr;
		max-width: 240px;
	}

	.portal-cta-title {
		font-size: var(--text-xl);
	}

	.portal-cta-card {
		max-width: 100%;
	}

	.portal-cta-card-body {
		padding: 14px;
	}

	.portal-cta-card-row {
		font-size: 0.75rem;
		padding: 8px 0;
	}

	/* Pricing mobile small */
	.pricing-card {
		padding: var(--space-lg);
	}

	.price-amount {
		font-size: var(--text-3xl);
	}

	.price-original {
		font-size: var(--text-xs);
	}

	.pricing-features li {
		font-size: var(--text-xs);
		padding: 6px 0;
	}

	/* Slide panel */
	.slide-panel-wrapper {
		width: 100vw;
		max-width: 100%;
	}

	/* Footer */
	.footer-container {
		padding: var(--space-2xl) var(--space-md) var(--space-lg);
	}

	.footer-logo {
		font-size: var(--text-xl);
	}

	.footer-tagline {
		font-size: var(--text-base);
	}

	/* CTA section */
	.cta-title {
		font-size: var(--text-xl);
	}

	.cta-desc {
		font-size: var(--text-sm);
	}

	/* Buttons full-width on tiny screens */
	.btn {
		padding: 12px 24px;
		font-size: var(--text-sm);
	}

	.btn-lg {
		padding: 14px 32px;
		font-size: var(--text-sm);
	}

	/* Process steps */
	.process-step {
		padding: var(--space-md) var(--space-lg);
	}

	.process-step-content h3 {
		font-size: var(--text-base);
	}

	/* Service cards */
	.service-card {
		padding: var(--space-xl);
	}

	.service-title {
		font-size: var(--text-xl);
	}

	/* WP Powered */
	.wp-powered-card {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: var(--space-lg);
	}

	/* Plugin benefit */
	.plugin-benefit {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: var(--space-md);
	}

	.plugin-benefit-icon {
		margin-top: 0;
	}

	.vscode-feature {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: var(--space-md);
	}

	.vscode-feature-icon {
		margin-top: 0;
	}

	/* Badge */
	.pricing-badge {
		font-size: 0.6rem;
		padding: 3px 12px;
	}
}