/**
 * Responsive styles for Pixels.
 *
 * Add media queries here. Keep desktop rules in the other CSS files.
 * GeneratePress already includes mobile navigation and layout breakpoints.
 */

@media (max-width: 768px) {
	.pixels-header__inner{min-height:76px;padding:16px 20px;flex-wrap:wrap;gap:18px}.pixels-brand{font-size:30px}.pixels-primary-nav{order:3;flex-basis:100%;gap:18px;justify-content:flex-start;overflow:auto}.pixels-primary-nav a{font-size:16px;white-space:nowrap}.pixels-sign-in{font-size:16px;padding:12px 18px;margin-left:auto}.pixels-footer-cta{margin:0 20px;padding:28px 22px;display:block}.pixels-footer-cta h2{font-size:26px}.pixels-footer-cta p{font-size:16px}.pixels-footer-cta__actions{margin-top:22px;display:grid}.pixels-button{font-size:16px}.pixels-footer__inner{padding:30px 20px;display:block}.pixels-social-links{margin-top:24px}
	.pixels-top-strip__inner{padding:8px 20px}.pixels-top-strip__details{gap:12px;overflow:auto;white-space:nowrap}.pixels-top-strip__details span:nth-child(2),.pixels-top-strip__details span:nth-child(3){display:none}.pixels-top-strip__social{gap:10px}
}

@media (max-width: 768px) {
	.pixels-inner-banner{padding:42px 20px}.pixels-inner-banner__breadcrumb{font-size:15px}
	.pixels-home__inner{padding:0 20px}.pixels-home-hero{padding:55px 0 38px}.pixels-home-hero__description{font-size:17px}.pixels-home-hero__buttons,.pixels-home-contact__actions{flex-wrap:wrap}.pixels-home-stats{grid-template-columns:repeat(2,1fr)}.pixels-home-stat{border-bottom:1px solid #dceafa}.pixels-home-client-grid{grid-template-columns:repeat(2,1fr)}.pixels-home-plans{grid-template-columns:1fr}.pixels-home-contact .pixels-home__inner{display:block;padding:28px 22px}.pixels-home-contact h2{font-size:30px}.pixels-home-contact__actions{margin-top:22px}
}

@media (min-width: 769px) and (max-width: 1100px) {
	.pixels-header__inner{padding:0 22px}.pixels-primary-nav{gap:22px}.pixels-primary-nav a{font-size:18px}.pixels-footer-cta{margin:0 22px}
}

/* Site-wide mobile section guardrails. Keep every content block inside the viewport. */
@media (max-width: 600px) {
	*, *::before, *::after { box-sizing: border-box; }
	h1, h2, h3, h4, p, li { overflow-wrap: anywhere; }
	img, video, iframe, svg { max-width: 100%; }
	button, input, select, textarea { max-width: 100%; }
	.pixels-home__inner,
	.pixels-inner-banner__inner,
	.lsm-solution-single,
	.pixels-footer__inner,
	.pixels-footer-cta { width: 100%; max-width: 100%; }
	.pixels-home__inner,
	.pixels-inner-banner__inner,
	.lsm-solution-single { padding-left: 16px !important; padding-right: 16px !important; }
	.pixels-home-hero,
	.pixels-home-clients,
	.pixels-home-value,
	.pixels-home-process,
	.pixels-home-showcase,
	.pixels-home-pricing,
	.pixels-home-faq,
	.pixels-home-contact { overflow: hidden; }
	.pixels-home-hero .pixels-home__inner,
	.pixels-home-contact .pixels-home__inner,
	.pixels-home-stats,
	.pixels-home-plans,
	.pixels-home-client-grid,
	.pixels-home-process__grid,
	.pixels-home-faq__grid,
	.pixels-home-showcase__grid { display: grid; grid-template-columns: 1fr; }
	.pixels-home-hero__copy,
	.pixels-home-hero__image,
	.pixels-home-contact__copy,
	.pixels-home-contact__actions { min-width: 0; width: 100%; }
	.pixels-home-hero__buttons,
	.pixels-home-contact__actions,
	.pixels-footer-cta__actions { width: 100%; flex-direction: column; align-items: stretch; }
	.pixels-home-button,
	.pixels-button { width: 100%; min-height: 48px; text-align: center; }
	.pixels-home-art,
	.pixels-home-hero__art,
	.lsm-solutions__hero-art,
	.lsm-solution-single__hero-gallery { max-width: 100%; overflow: hidden; }
	.pixels-home-art-card--growth,
	.pixels-home-art-card--auto,
	.pixels-home-art-card--check { transform: none !important; }
	.pixels-home-plan,
	.pixels-home-client,
	.lsm-card,
	.lsm-solutions__card { min-width: 0; width: 100%; }
	.pixels-home-plan { padding: 20px 16px; }
	.pixels-home-plan__prices > div { gap: 12px; flex-wrap: wrap; }
	.pixels-inner-banner { padding: 38px 16px; }
	.pixels-inner-banner h1 { font-size: clamp(32px, 10vw, 48px); }
	.pixels-footer-cta { width: calc(100% - 32px); margin-left: 16px; margin-right: 16px; padding: 24px 18px; }
	.pixels-footer__inner { padding: 30px 16px; }
	.pixels-footer__inner > * { min-width: 0; max-width: 100%; }
	.pixels-footer__newsletter form { display: flex; flex-direction: column; gap: 10px; }
	.pixels-footer__newsletter input,
	.pixels-footer__newsletter button { width: 100%; }
	.lsm-solutions-page .lsm-solutions__hero { display: grid; grid-template-columns: 1fr; width: 100%; padding: 42px 16px 34px !important; overflow: hidden; }
	.lsm-solutions-page .lsm-solutions__hero-copy,
	.lsm-solutions-page .lsm-solutions__hero-art { grid-column: 1; padding: 0 !important; min-width: 0; }
	.lsm-solutions-page .lsm-solutions__hero h1 { font-size: clamp(34px, 10vw, 52px); }
	.lsm-solution-single__hero-gallery-item { max-width: 100%; }

	/* Polished opened mobile navigation drawer. */
	.pixels-primary-nav {
		width: 100vw !important;
		max-width: 100vw !important;
		height: calc(100vh - 120px) !important;
		padding: 22px 20px 30px !important;
		background: #fff !important;
		border: 0 !important;
		border-top: 1px solid #eee5df !important;
		box-shadow: 0 18px 35px rgba(36,17,47,.16) !important;
		gap: 6px !important;
		align-items: stretch !important;
	}
	.pixels-primary-nav a {
		display: flex !important;
		align-items: center !important;
		min-height: 50px !important;
		width: 100% !important;
		padding: 13px 16px !important;
		border-radius: 10px !important;
		color: #24112f !important;
		font-size: 17px !important;
		line-height: 1.2 !important;
		text-decoration: none !important;
	}
	.pixels-primary-nav a:hover,
	.pixels-primary-nav a:focus-visible,
	.pixels-primary-nav a.is-active {
		background: #fdf1d9 !important;
		color: #c98800 !important;
	}
}

@media (min-width: 601px) and (max-width: 900px) {
	.pixels-home-hero .pixels-home__inner,
	.pixels-home-plans,
	.pixels-home-client-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pixels-home-hero__copy { grid-column: 1 / -1; }
}