/*
 * Home page on phones: shorter, calmer, easier to scroll (inc/home-content.php enqueues this on the front page).
 * Everything here is inside a max-width media query, so desktop and tablet are untouched.
 */
@media (max-width: 767px) {

	/* Hero: no empty band for the decorative arrow above the three cards */
	body.home .elementor-element-df6be6d { display: none !important; }

	/* Section rhythm: Elementor's 80-100px section padding is too airy on a small screen */
	body.home .elementor-element-998f004 > .e-con-inner { padding-top: 48px !important; padding-bottom: 40px !important; }
	body.home .elementor-element-6711dee { padding-top: 48px !important; padding-bottom: 40px !important; }
	body.home .elementor-element-adbc5e7 { padding-bottom: 44px !important; }
	body.home .elementor-element-254969f > .e-con-inner { padding-top: 44px !important; }
	body.home .elementor-element-c543685 { padding-top: 44px !important; padding-bottom: 44px !important; }
	body.home .elementor-element-051d933,
	body.home .elementor-element-08a1ef0 { padding-top: 44px !important; padding-bottom: 44px !important; }

	/* About: the two photos sit side by side instead of two 300px blocks */
	body.home .elementor-element-e190976 { display: grid !important; grid-template-columns: 1fr 1fr; gap: 10px; align-items: stretch; height: auto !important; }
	body.home .elementor-element-e190976 > .elementor-widget,
	body.home .elementor-element-e190976 > .e-con { height: auto !important; min-height: 0 !important; width: 100% !important; margin: 0 !important; }
	body.home .elementor-element-e190976 img { width: 100% !important; height: 210px !important; object-fit: cover; border-radius: 14px; }
	body.home .elementor-element-0f39e15 { padding-bottom: 6px; }

	/* Services grid: drop the logo strip under every card; tighter cards */
	body.home .grid_footer_part { display: none !important; }
	body.home .services-inner { padding-top: 22px !important; padding-bottom: 22px !important; }
	body.home .services-inner .desc-text { margin-bottom: 0 !important; }
	body.home .elementor-element-cdad1eb { row-gap: 14px !important; }

	/* Why choose: smaller picture, tighter feature cards */
	body.home .elementor-element-fc02ebd { padding-top: 12px !important; }
	body.home .elementor-element-fc02ebd .services-inner,
	body.home .elementor-element-fc02ebd .rs-iconbox-area { padding-top: 20px !important; padding-bottom: 20px !important; }

	/* Industries: compact two-column tiles (icon + name) instead of ten tall cards */
	.hi-section { padding: 52px 0 56px !important; }
	.hi-head { margin-bottom: 26px !important; gap: 14px !important; }
	.hi-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
	.hi-section a.hi-card { min-height: 0 !important; padding: 16px 14px !important; align-items: flex-start; }
	.hi-section .hi-card__top { margin-bottom: 10px; }
	.hi-section .hi-card__icon { width: 44px !important; height: 44px !important; border-radius: 13px !important; }
	.hi-section .hi-card__icon svg { width: 22px !important; height: 22px !important; }
	.hi-section .hi-card__arrow, .hi-section .hi-card__ghost, .hi-section .hi-card__tags, .hi-section .hi-card p { display: none !important; }
	.hi-section .hi-card h3 { margin: 0 !important; font-size: 16px !important; line-height: 1.3 !important; }

	/* Recent projects: two across, caption under each picture */
	body.home .rs-portfolios-grid .row { display: flex; flex-wrap: wrap; margin: 0 -5px !important; }
	body.home .rs-portfolios-grid .grid-item { flex: 0 0 50% !important; max-width: 50% !important; width: 50% !important; padding: 5px !important; float: none !important; }
	body.home .rs-portfolios-grid .portfolio-item { position: static; margin: 0 !important; }
	body.home .rs-portfolios-grid .portfolio-img img { width: 100% !important; height: 120px !important; object-fit: cover; border-radius: 12px; }
	body.home .rs-portfolios-grid .portfolio-details {
		position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important;
		background: transparent !important; padding: 8px 2px 0 !important; width: auto !important; height: auto !important;
	}
	body.home .rs-portfolios-grid .p-category { margin: 0 0 2px !important; }
	body.home .rs-portfolios-grid .p-category a { font-size: 11px !important; line-height: 1.2 !important; color: #fff !important; padding: 4px 10px !important; border-radius: 6px !important; }
	body.home .rs-portfolios-grid .p-title { margin: 0 !important; font-size: 14px !important; line-height: 1.35 !important; }
	body.home .rs-portfolios-grid .p-title a { color: #0b1437 !important; font-size: 14px !important; line-height: 1.35 !important; padding: 8px 10px !important; border-radius: 10px; }
	body.home .rs-portfolios-grid .title-icons { display: none !important; }
	body.home .elementor-element-cb93140 { height: auto !important; }

	/* At a glance: shorter tiles */
	.hs-section { padding: 52px 0 56px !important; }
	.hs-head { margin-bottom: 28px !important; }
	.hs-bento { gap: 12px !important; }
	.hs-tile--years, .hs-tile--customers { grid-column: span 6 !important; }
	.hs-section .hs-tile { padding: 18px 16px !important; border-radius: 18px !important; }
	.hs-tile__num { font-size: 2.6rem !important; }
	.hs-tile__label { font-size: 12px !important; }
	.hs-section .hs-tile__note { font-size: 13.5px !important; }
	.hs-years, .hs-years__labels, .hs-dots { display: none !important; }
	.hs-section .hs-chips { margin-top: 16px !important; gap: 7px !important; }
	.hs-section .hs-chips a { padding: 7px 11px 7px 8px !important; font-size: 13px !important; }
	.hs-chips svg { width: 16px !important; height: 16px !important; }

	/* Testimonials, Enterprise AI: a little less air */
	.tt-section { padding: 52px 0 58px !important; }
	.es-section { padding-top: 56px !important; padding-bottom: 56px !important; }
}