/* PHOMI shared multi-device layout helpers.
   Desktop / laptop keep original page CSS (including 1920 stage scale).
   iPad / phone: every PHOMI page, not only the homepage or stage pages. */

@media (max-width: 1024px) {
	html,
	body {
		max-width: 100%;
		overflow-x: hidden;
	}

	img,
	svg,
	video,
	iframe,
	canvas {
		height: auto;
		max-width: 100%;
	}

	#page,
	#content,
	#primary,
	.site-content,
	.entry-content,
	#primary[class*="phomi-"],
	#primary[class*="phomi-"] .phomi-stage,
	#primary[class*="phomi-"] .phomi-page {
		height: auto !important;
		max-width: 100%;
		min-height: 0 !important;
		overflow-x: hidden;
		width: 100% !important;
	}

	html.phomi-stage-static .phomi-stage {
		height: auto !important;
		overflow: visible;
	}

	html.phomi-stage-static .phomi-page {
		transform: none !important;
	}

	#primary[class*="phomi-"] > section:not(.phomi-product-hero):not(.phomi-tech-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-application-hero):not(.phomi-solution-hero),
	#primary[class*="phomi-"] .phomi-page > section:not(.phomi-product-hero):not(.phomi-tech-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-application-hero):not(.phomi-solution-hero),
	#primary[class*="phomi-"] > .phomi-inquiry,
	#primary[class*="phomi-"] .phomi-page > .phomi-inquiry {
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		height: auto !important;
		max-width: 100% !important;
		min-height: 0 !important;
		overflow: visible;
		overflow-x: hidden;
		padding: 56px 20px !important;
		position: relative;
		width: 100% !important;
	}

	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) > section[class*="hero"],
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-page > section[class*="hero"],
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-hero,
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-product-hero,
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-tech-hero {
		align-items: flex-start;
		background-color: #1a1a1a;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: min(72vh, 640px) !important;
		overflow: hidden;
		padding: 0 !important;
	}

	/* Photo sections with white titles (not *hero* class names). */
	#primary[class*="phomi-"] .phomi-about-history,
	#primary[class*="phomi-"] .phomi-about-impact {
		background-color: #1a1a1a;
		overflow: hidden;
		padding: 56px 20px !important;
		position: relative;
	}

	/* About metrics: transparent section so fixed video can show through spacer. */
	#primary[class*="phomi-"] .phomi-about-metrics {
		background-color: transparent !important;
		overflow: visible !important;
		padding: 0 !important;
		position: relative;
	}

	#primary.phomi-about .phomi-about-metrics__video-layer {
		height: 100vh !important;
		max-height: none !important;
		max-width: none !important;
		position: fixed !important;
		width: 100% !important;
		z-index: 5 !important;
		overflow: hidden !important;
	}

	#primary.phomi-about .phomi-about-metrics__video-item {
		height: 100% !important;
		left: 0 !important;
		position: absolute !important;
		top: 0 !important;
		width: 100% !important;
		will-change: transform !important;
	}

	#primary.phomi-about .phomi-about-metrics__video-layer .phomi-about-metrics__video {
		height: 100% !important;
		max-height: none !important;
		max-width: none !important;
		object-fit: cover !important;
		width: 100% !important;
	}

	#primary.phomi-about .phomi-stage {
		background: transparent !important;
		position: relative !important;
		z-index: 10 !important;
	}

	/* Keep photo overlays out of document flow (must beat the flatten rule below). */
	#primary[class*="phomi-"] [class*="__bg"],
	#primary[class*="phomi-"] [class*="__mask"],
	#primary[class*="phomi-"] > section > [class*="__bg"],
	#primary[class*="phomi-"] > section > [class*="__mask"],
	#primary[class*="phomi-"] .phomi-page > section > [class*="__bg"],
	#primary[class*="phomi-"] .phomi-page > section > [class*="__mask"] {
		bottom: 0 !important;
		height: 100% !important;
		inset: 0 !important;
		left: 0 !important;
		margin: 0 !important;
		max-width: none !important;
		min-height: 0 !important;
		object-fit: cover;
		pointer-events: none;
		position: absolute !important;
		right: 0 !important;
		top: 0 !important;
		transform: none !important;
		width: 100% !important;
		z-index: 0 !important;
	}

	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim):not(.phomi-product-hero__media):not(.phomi-product-hero__content):not(.phomi-tech-hero__media):not(.phomi-tech-hero__content):not(.phomi-cases-hero__media):not(.phomi-cases-hero__copy):not(.phomi-contact-hero__media):not(.phomi-contact-hero__title):not(.phomi-partner-hero__media):not(.phomi-partner-hero__content):not(.phomi-strategic-hero__media):not(.phomi-strategic-hero__content):not(.phomi-authorized-hero__media):not(.phomi-authorized-hero__content):not(.phomi-news-hero__media):not(.phomi-news-hero__title):not(.phomi-csr-hero__media):not(.phomi-csr-hero__title):not(.phomi-videos-hero__media):not(.phomi-videos-hero__title):not(.phomi-edisplay-hero__media):not(.phomi-edisplay-hero__copy):not(.phomi-edisplay-hero__content):not(.phomi-edisplay-tabs):not(.phomi-esolar-hero__media):not(.phomi-esolar-hero__copy):not(.phomi-application-hero__media):not(.phomi-application-hero__content):not(.phomi-solution-hero__media):not(.phomi-solution-hero__title):not(.phomi-button):not(.phomi-view-all-colors):not(.phomi-edisplay-outline-link):not(.phomi-esolar-outline-link):not(.phomi-product-gallery__cta):not(.phomi-performance-comparison__cta):not(header):not([class*="__bg"]):not([class*="__mask"]),
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim):not(.phomi-product-hero__media):not(.phomi-product-hero__content):not(.phomi-tech-hero__media):not(.phomi-tech-hero__content):not(.phomi-cases-hero__media):not(.phomi-cases-hero__copy):not(.phomi-contact-hero__media):not(.phomi-contact-hero__title):not(.phomi-partner-hero__media):not(.phomi-partner-hero__content):not(.phomi-strategic-hero__media):not(.phomi-strategic-hero__content):not(.phomi-authorized-hero__media):not(.phomi-authorized-hero__content):not(.phomi-news-hero__media):not(.phomi-news-hero__title):not(.phomi-csr-hero__media):not(.phomi-csr-hero__title):not(.phomi-videos-hero__media):not(.phomi-videos-hero__title):not(.phomi-edisplay-hero__media):not(.phomi-edisplay-hero__copy):not(.phomi-edisplay-hero__content):not(.phomi-edisplay-tabs):not(.phomi-esolar-hero__media):not(.phomi-esolar-hero__copy):not(.phomi-application-hero__media):not(.phomi-application-hero__content):not(.phomi-solution-hero__media):not(.phomi-solution-hero__title):not(.phomi-button):not(.phomi-view-all-colors):not(.phomi-edisplay-outline-link):not(.phomi-esolar-outline-link):not(.phomi-product-gallery__cta):not(.phomi-performance-comparison__cta):not(header):not([class*="__bg"]):not([class*="__mask"]) {
		bottom: auto !important;
		box-sizing: border-box;
		height: auto !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-height: 0 !important;
		min-width: 0 !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
		z-index: 1;
	}

	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__copy"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__content"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__note"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__visual"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__media"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__intro"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__body"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__panel"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__copy"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__content"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__note"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__visual"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__media"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__intro"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__body"],
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header):not(.phomi-menu-scrim) [class*="__panel"] {
		bottom: auto !important;
		height: auto !important;
		left: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		min-height: 0 !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__content"],
	#primary[class*="phomi-"] > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__copy"],
	#primary[class*="phomi-"] > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__title"],
	#primary[class*="phomi-"] > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > h1,
	#primary[class*="phomi-"] .phomi-page > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__content"],
	#primary[class*="phomi-"] .phomi-page > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__copy"],
	#primary[class*="phomi-"] .phomi-page > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > [class*="__title"],
	#primary[class*="phomi-"] .phomi-page > section[class*="hero"]:not(.phomi-application-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-tech-hero):not(.phomi-product-hero):not(.phomi-solution-hero) > h1 {
		color: #fff !important;
		padding: 88px 20px 36px !important;
		text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
		z-index: 2;
	}

	/* Common fixed-width stage grids that do not use __grid BEM suffix */
	#primary[class*="phomi-"] .phomi-news-grid,
	#primary[class*="phomi-"] .phomi-strategic-grid,
	#primary[class*="phomi-"] .phomi-video-grid,
	#primary[class*="phomi-"] .phomi-case-grid,
	#primary[class*="phomi-"] .phomi-cases-grid {
		display: grid !important;
		gap: 20px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		height: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-news-card,
	#primary[class*="phomi-"] .phomi-strategic-card,
	#primary[class*="phomi-"] .phomi-strategic-card img,
	#primary[class*="phomi-"] .phomi-news-card__media,
	#primary[class*="phomi-"] .phomi-news-card__media img,
	#primary[class*="phomi-"] .phomi-news-card h3,
	#primary[class*="phomi-"] .phomi-news-card__excerpt,
	#primary[class*="phomi-"] .phomi-news-card__date,
	#primary[class*="phomi-"] .phomi-case-card,
	#primary[class*="phomi-"] .phomi-case-card img,
	#primary[class*="phomi-"] .phomi-vcard,
	#primary[class*="phomi-"] .phomi-vcard__media,
	#primary[class*="phomi-"] .phomi-vcard__media > img {
		height: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] h1,
	#primary[class*="phomi-"] h2,
	#primary[class*="phomi-"] h3,
	#primary[class*="phomi-"] p,
	#primary[class*="phomi-"] li {
		height: auto !important;
		left: auto !important;
		max-width: 100% !important;
		overflow-wrap: anywhere;
		position: relative !important;
		top: auto !important;
		transform: none !important;
		white-space: normal !important;
		width: auto !important;
		word-break: break-word;
	}

	#primary.phomi-strategic-partners-page h2,
	#primary.phomi-strategic-partners-page p,
	#primary.phomi-strategic-partners-page .phomi-strategic-card h2,
	#primary.phomi-strategic-partners-page .phomi-strategic-card p {
		overflow-wrap: normal !important;
		word-break: normal !important;
	}

	#primary[class*="phomi-"]:not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation) h1,
	#primary[class*="phomi-"]:not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation) h2 {
		font-size: clamp(28px, 8vw, 42px) !important;
		letter-spacing: 0 !important;
		line-height: 1.2 !important;
		margin: 0 0 16px !important;
	}

	#primary[class*="phomi-"]:not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation) h3 {
		font-size: clamp(18px, 4.6vw, 24px) !important;
		line-height: 1.3 !important;
	}

	#primary[class*="phomi-"]:not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation) p {
		font-size: clamp(14px, 3.8vw, 17px) !important;
		line-height: 1.65 !important;
		margin: 0 0 16px !important;
	}

	#primary[class*="phomi-"] > section > *:not(.phomi-header) [class*="__grid"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header) [class*="__cards"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header) [class*="__row"],
	#primary[class*="phomi-"] > section > *:not(.phomi-header) [class*="__list"],
	#primary[class*="phomi-"] > section [class*="__grid"],
	#primary[class*="phomi-"] > section [class*="__cards"],
	#primary[class*="phomi-"] .phomi-page > section [class*="__grid"],
	#primary[class*="phomi-"] .phomi-page > section [class*="__cards"],
	#primary[class*="phomi-"] .phomi-page > section [class*="__row"],
	#primary[class*="phomi-"] .phomi-page > section [class*="__list"] {
		display: flex !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		gap: 20px !important;
		grid-template-columns: 1fr !important;
		height: auto !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] [class*="__viewport"],
	#primary[class*="phomi-"] [class*="__track"] {
		height: auto !important;
		overflow: auto;
		transform: none !important;
		width: 100% !important;
	}

	/* About metrics：全屏视频占位 + band 与 spacer 交替 */
	#primary.phomi-about .phomi-about-metrics__shell,
	#primary.phomi-about .phomi-about-metrics__bands {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: visible !important;
	}

	#primary.phomi-about .phomi-about-metrics__video-spacer {
		height: 100vh !important;
		width: 100% !important;
		pointer-events: none;
	}

	#primary.phomi-about .phomi-about-metrics__grid,
	#primary.phomi-about .phomi-about-metrics__grid--4,
	#primary.phomi-about .phomi-about-metrics__grid--3 {
		display: grid !important;
		flex-direction: unset !important;
		gap: 16px 12px !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	@media (max-width: 480px) {
		#primary.phomi-about .phomi-about-metrics__grid,
		#primary.phomi-about .phomi-about-metrics__grid--4,
		#primary.phomi-about .phomi-about-metrics__grid--3 {
			grid-template-columns: 1fr !important;
		}
	}

	#primary[class*="phomi-"] [class*="__band"] {
		flex: 0 0 auto !important;
		height: auto !important;
		min-height: 0 !important;
		padding: 32px 16px !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] > section > *:not(.phomi-header) img,
	#primary[class*="phomi-"] .phomi-page > section > *:not(.phomi-header) img {
		height: auto !important;
		max-width: 100% !important;
	}

	#primary[class*="phomi-"] table {
		display: block;
		max-width: 100% !important;
		overflow-x: auto;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-about-value,
	#primary[class*="phomi-"] .phomi-about-values,
	#primary[class*="phomi-"] .phomi-about-value__copy,
	#primary[class*="phomi-"] .phomi-about-value__line,
	#primary[class*="phomi-"] .phomi-about-value__img,
	#primary[class*="phomi-"] .phomi-about-value__sep {
		display: block !important;
		flex-direction: column !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-about-value {
		gap: 16px !important;
	}

	#primary[class*="phomi-"] .phomi-materials__mosaic,
	#primary[class*="phomi-"] [class*="__mosaic"] {
		display: grid !important;
		grid-auto-flow: row !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-content: start !important;
		justify-items: stretch !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-materials__mosaic img,
	#primary[class*="phomi-"] .phomi-materials__mosaic img:first-child,
	#primary[class*="phomi-"] [class*="__mosaic"] > * {
		grid-column: auto !important;
		grid-row: auto !important;
		height: auto !important;
		justify-self: stretch !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-about-value__img {
		height: auto !important;
		object-fit: cover;
	}

	/* ---------- Intelligent Interior Space ---------- */
	#primary.phomi-solution .phomi-solution-advantages,
	#primary.phomi-solution .phomi-solution-apps {
		padding: 56px 20px !important;
		width: 100% !important;
		min-height: 0 !important;
	}

	#primary.phomi-solution .phomi-solution-advantages__grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
		margin-top: 28px !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-adv-card,
	#primary.phomi-solution .phomi-adv-card__media,
	#primary.phomi-solution .phomi-adv-card p {
		height: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-adv-card__media {
		aspect-ratio: 423 / 274;
		object-fit: cover;
	}

	#primary.phomi-solution .phomi-app-block,
	#primary.phomi-solution .phomi-app-block--img-left,
	#primary.phomi-solution .phomi-app-block--img-right {
		display: flex !important;
		flex-direction: column !important;
		gap: 24px !important;
		margin-bottom: 48px !important;
		min-height: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-app-block__visual,
	#primary.phomi-solution .phomi-app-block__side,
	#primary.phomi-solution .phomi-app-block__desc {
		border-radius: 6px;
		height: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-app-block__visual {
		aspect-ratio: 1057 / 846;
		object-fit: cover;
		order: -1;
	}

	#primary.phomi-solution .phomi-features {
		gap: 16px !important;
		margin-top: 20px !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-feature {
		box-sizing: border-box;
		display: grid !important;
		gap: 12px 16px;
		grid-template-columns: 48px 1fr auto;
		grid-template-areas:
			"icon meta thumb"
			"icon title title";
		margin-left: 0 !important;
		min-height: 0 !important;
		padding: 16px !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-feature__icon,
	#primary.phomi-solution .phomi-feature__meta,
	#primary.phomi-solution .phomi-feature__thumb-media,
	#primary.phomi-solution .phomi-feature__title {
		height: auto !important;
		left: auto !important;
		margin: 0 !important;
		position: static !important;
		top: auto !important;
		width: auto !important;
	}

	#primary.phomi-solution .phomi-feature__icon {
		align-items: center;
		display: flex !important;
		grid-area: icon;
		height: 48px !important;
		justify-content: center;
		width: 48px !important;
	}

	#primary.phomi-solution .phomi-feature__meta {
		grid-area: meta;
	}

	#primary.phomi-solution .phomi-feature__thumb-media {
		border-radius: 4px;
		grid-area: thumb;
		height: 72px !important;
		overflow: hidden;
		width: 72px !important;
	}

	#primary.phomi-solution .phomi-feature__thumb {
		height: 100% !important;
		object-fit: cover;
		width: 100% !important;
	}

	#primary.phomi-solution .phomi-feature__title {
		grid-area: title;
		grid-column: 2 / -1;
	}

	/* ---------- Contact absolute stage layouts ---------- */
	#primary.phomi-contact .phomi-contact-brand,
	#primary.phomi-contact .phomi-contact-locations,
	#primary.phomi-contact .phomi-contact-info,
	#primary.phomi-contact .phomi-contact-social {
		height: auto !important;
		min-height: 0 !important;
		padding: 48px 20px !important;
		width: 100% !important;
	}

	#primary.phomi-contact .phomi-contact-brand__accent,
	#primary.phomi-contact .phomi-contact-brand__copy,
	#primary.phomi-contact .phomi-contact-brand__line,
	#primary.phomi-contact .phomi-contact-locations__title,
	#primary.phomi-contact .phomi-contact-locations__grid,
	#primary.phomi-contact .phomi-contact-info__title,
	#primary.phomi-contact .phomi-contact-info__sub,
	#primary.phomi-contact .phomi-contact-info__grid,
	#primary.phomi-contact .phomi-contact-social__title,
	#primary.phomi-contact .phomi-contact-social__sub,
	#primary.phomi-contact .phomi-contact-social__grid {
		left: auto !important;
		margin: 0 0 20px !important;
		max-width: 100% !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
		white-space: normal !important;
	}

	#primary.phomi-contact .phomi-contact-locations__grid,
	#primary.phomi-contact .phomi-contact-info__grid,
	#primary.phomi-contact .phomi-contact-social__grid {
		display: grid !important;
		gap: 20px !important;
		grid-template-columns: 1fr !important;
	}

	#primary.phomi-contact .phomi-contact-loc-card,
	#primary.phomi-contact .phomi-contact-loc-card__media,
	#primary.phomi-contact .phomi-contact-loc-card__addr,
	#primary.phomi-contact .phomi-contact-cinfo,
	#primary.phomi-contact .phomi-contact-social-card,
	#primary.phomi-contact .phomi-contact-social-card img {
		height: auto !important;
		max-width: 100% !important;
		min-height: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-contact .phomi-contact-loc-card__name {
		white-space: normal !important;
	}

	/* ---------- CSR rows ---------- */
	#primary.phomi-social .phomi-csr-row,
	#primary[class*="phomi-"] .phomi-csr-row {
		height: auto !important;
		min-height: 0 !important;
		padding: 48px 20px !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-csr-row__inner {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		left: auto !important;
		max-width: 100% !important;
		min-height: 0 !important;
		position: static !important;
		top: auto !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-csr-row__img,
	#primary[class*="phomi-"] .phomi-csr-row__copy {
		height: auto !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-csr-row__img {
		aspect-ratio: 590 / 343;
		object-fit: cover;
	}

	/* ---------- Installation video classify ---------- */
	#primary[class*="phomi-"] .phomi-classify {
		height: auto !important;
		min-height: 0 !important;
		padding: 48px 20px !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-classify__title,
	#primary[class*="phomi-"] .phomi-classify__tabs,
	#primary[class*="phomi-"] .phomi-classify__tab,
	#primary[class*="phomi-"] .phomi-classify__panels,
	#primary[class*="phomi-"] .phomi-classify__tab-line {
		height: auto !important;
		left: auto !important;
		margin: 0 0 16px !important;
		max-width: 100% !important;
		position: static !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		white-space: normal !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-classify__tabs {
		align-items: stretch;
		display: flex !important;
		flex-wrap: wrap;
		gap: 8px;
		margin-bottom: 24px !important;
		min-height: 56px;
	}

	#primary[class*="phomi-"] .phomi-classify__tab {
		align-items: center;
		align-self: stretch;
		background: transparent !important;
		border: 0;
		border-radius: 0 !important;
		box-shadow: none !important;
		display: flex;
		flex: 1 1 40%;
		justify-content: center;
		min-height: 56px;
		padding: 12px 8px !important;
		width: auto !important;
	}

	#primary[class*="phomi-"] .phomi-classify__tab:hover,
	#primary[class*="phomi-"] .phomi-classify__tab:focus,
	#primary[class*="phomi-"] .phomi-classify__tab:active,
	#primary[class*="phomi-"] .phomi-classify__tab:focus-visible {
		background: transparent !important;
		box-shadow: none !important;
		outline: none;
	}

	#primary[class*="phomi-"] .phomi-classify__tab.is-active {
		background: #f9f9f9 !important;
	}

	#primary[class*="phomi-"] .phomi-classify__tab.is-active:hover,
	#primary[class*="phomi-"] .phomi-classify__tab.is-active:focus,
	#primary[class*="phomi-"] .phomi-classify__tab.is-active:active,
	#primary[class*="phomi-"] .phomi-classify__tab.is-active:focus-visible {
		background: #f9f9f9 !important;
	}

	#primary[class*="phomi-"] .phomi-classify__tab-line {
		display: none !important;
	}

	#primary[class*="phomi-"] .phomi-video-grid {
		display: grid !important;
		gap: 20px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-vcard,
	#primary[class*="phomi-"] .phomi-vcard__media,
	#primary[class*="phomi-"] .phomi-vcard__media > img {
		box-sizing: border-box !important;
		height: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#primary[class*="phomi-"] .phomi-vcard {
		min-height: 0 !important;
		padding: 20px 16px 0 !important;
	}

	#primary[class*="phomi-"] .phomi-vcard__media {
		aspect-ratio: 346 / 184;
		overflow: hidden;
	}

	#primary[class*="phomi-"] .phomi-vcard__media > img {
		aspect-ratio: 346 / 184;
		height: 100% !important;
		object-fit: cover;
	}

	/* ---------- News / Case listing ---------- */
	#primary.phomi-news .phomi-newsroom,
	#primary.phomi-case .phomi-cases-listing {
		padding: 48px 20px !important;
		width: 100% !important;
	}

	#primary.phomi-case .phomi-cases-toolbar {
		align-items: flex-start !important;
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		height: auto !important;
		margin-bottom: 28px !important;
	}

	#primary.phomi-case .phomi-cases-toolbar::after {
		left: 0 !important;
		right: 0 !important;
	}

	#primary.phomi-case .phomi-case-regions,
	#primary.phomi-case .phomi-case-products {
		display: flex !important;
		flex-wrap: wrap !important;
		gap: 12px 16px !important;
		max-width: 100% !important;
		overflow-x: auto;
		width: 100% !important;
	}

	#primary.phomi-case .phomi-case-regions a,
	#primary.phomi-case .phomi-case-product {
		white-space: nowrap;
	}

	#primary.phomi-case .phomi-case-grid,
	#primary.phomi-news .phomi-news-grid {
		display: grid !important;
		gap: 20px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-case .phomi-case-pager,
	#primary.phomi-news .phomi-news-pager {
		display: flex !important;
		flex-wrap: wrap;
		gap: 8px;
		justify-content: flex-start;
		max-width: 100%;
		overflow-x: auto;
	}

	/* ---------- Case detail (/case-item/) ---------- */
	#primary.phomi-case-detail .phomi-gallery,
	#primary.phomi-case-detail .phomi-related {
		box-sizing: border-box !important;
		min-height: 0 !important;
		overflow: visible !important;
		padding: 56px 20px 48px !important;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__body,
	#primary.phomi-case-detail .phomi-related-grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 20px !important;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__media,
	#primary.phomi-case-detail .phomi-gallery__main,
	#primary.phomi-case-detail .phomi-gallery__info,
	#primary.phomi-case-detail .phomi-gallery__desc,
	#primary.phomi-case-detail .phomi-gallery__rule,
	#primary.phomi-case-detail .phomi-spec__rule,
	#primary.phomi-case-detail .phomi-related-card,
	#primary.phomi-case-detail .phomi-related-card img {
		height: auto !important;
		left: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		right: auto !important;
		top: auto !important;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__main {
		aspect-ratio: 1004 / 669;
		overflow: hidden;
		position: relative !important;
	}

	#primary.phomi-case-detail .phomi-gallery__main > img#phomiGalleryMain,
	#primary.phomi-case-detail .phomi-related-card img {
		height: 100% !important;
		object-fit: cover;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__thumbs {
		display: grid !important;
		gap: 8px !important;
		grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__thumbs button,
	#primary.phomi-case-detail .phomi-gallery__thumbs img {
		height: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-case-detail .phomi-gallery__thumbs button {
		aspect-ratio: 151 / 102;
	}

	#primary.phomi-case-detail .phomi-gallery__thumbs img {
		height: 100% !important;
		object-fit: cover;
	}

	#primary.phomi-case-detail .phomi-related-card {
		aspect-ratio: 1;
	}

	#primary.phomi-case-detail .phomi-gallery__nav--prev {
		left: 12px !important;
	}

	#primary.phomi-case-detail .phomi-gallery__nav--next {
		left: auto !important;
		right: 12px !important;
	}

	#primary.phomi-case-detail .phomi-gallery__dots {
		left: 50% !important;
		transform: translateX(-50%);
	}

	/* ---------- Product Performance Comparison ---------- */
	#primary.phomi-product .phomi-performance-comparison {
		padding: 56px 0 !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__inner {
		max-width: 100% !important;
		padding: 0 20px !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__grid {
		display: flex !important;
		flex-direction: column !important;
		gap: 28px !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__left,
	#primary.phomi-product .phomi-performance-comparison__right {
		max-width: 100% !important;
		min-width: 0 !important;
		padding-right: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__metric-card {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: minmax(0, 1fr) !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__metric-left {
		border-bottom: 1px solid #e6e6e6;
		border-right: 0 !important;
		height: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		padding: 16px !important;
		width: 100% !important;
	}

	#primary.phomi-product .phomi-performance-comparison__metric-right,
	#primary.phomi-product .phomi-performance-comparison__metric-desc,
	#primary.phomi-product .phomi-performance-comparison__scope-card,
	#primary.phomi-product .phomi-performance-comparison__scope-card p {
		max-width: 100% !important;
		min-width: 0 !important;
		overflow-wrap: break-word;
		width: 100% !important;
		word-break: normal !important;
	}

	#primary.phomi-product .phomi-performance-comparison__metric-right {
		padding: 16px !important;
	}

	#primary.phomi-product .phomi-performance-comparison__metric-desc {
		font-size: 14px !important;
		line-height: 1.55 !important;
		overflow-wrap: break-word !important;
		white-space: normal !important;
		word-break: normal !important;
	}

	#primary.phomi-product .phomi-performance-comparison__section-header img {
		height: 18px !important;
		width: 18px !important;
	}

	#primary.phomi-product .phomi-performance-comparison__cta img {
		height: 28px !important;
		width: 28px !important;
	}

	/* ---------- About: avoid in-flow spacer / keep titles readable ---------- */
	#primary.phomi-about .phomi-about-hero,
	#primary[class*="phomi-"] .phomi-about-hero {
		min-height: min(72vh, 640px) !important;
		padding: 0 !important;
	}

	#primary[class*="phomi-"] .phomi-about-hero__title,
	#primary[class*="phomi-"] .phomi-about-history__title,
	#primary[class*="phomi-"] .phomi-about-impact__title {
		color: #fff !important;
		position: relative !important;
		z-index: 2;
	}

	#primary[class*="phomi-"] .phomi-about-history__cards {
		display: flex !important;
		flex-direction: column !important;
		gap: 16px !important;
		width: 100% !important;
	}

	#primary.phomi-about .phomi-about-intro,
	#primary.phomi-about .phomi-about-metrics,
	#primary.phomi-about .phomi-about-history,
	#primary.phomi-about .phomi-about-values,
	#primary.phomi-about .phomi-about-impact,
	#primary.phomi-about .phomi-about-vision {
		height: auto !important;
		min-height: 0 !important;
		width: 100% !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	#primary.phomi-about .phomi-about-intro {
		padding: 48px 20px 48px !important;
	}

	#primary.phomi-about .phomi-about-intro__title,
	#primary.phomi-about .phomi-about-intro__p,
	#primary.phomi-about .phomi-about-divider {
		left: auto !important;
		margin: 0 0 16px !important;
		max-width: 100% !important;
		position: static !important;
		top: auto !important;
		transform: none !important;
		width: 100% !important;
	}

	#primary.phomi-about .phomi-about-intro__p--2 {
		margin-bottom: 0 !important;
	}

	/* eCovering hero: keep full-bleed image with overlaid header + bottom copy */
	#primary.phomi-product--ecovering > section.phomi-product-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__media,
	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__content {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__content h1,
	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__content p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* Technology hero: same full-bleed image treatment as eCovering */
	#primary.phomi-technology > section.phomi-tech-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__media,
	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__content {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__content h1,
	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__content p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* Technology eco-property 面板：一级/二级字号等比缩放 */
	#primary.phomi-technology .phomi-eco-property__panel h2 {
		color: #000 !important;
		font-size: clamp(22px, 1.875vw, 36px) !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
	}

	#primary.phomi-technology .phomi-eco-property__panel p,
	#primary.phomi-technology .phomi-eco-property__panel p + p {
		color: #666 !important;
		font-size: clamp(13px, 0.833333vw, 16px) !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
	}

	/* Technology Revolutionizing Material Science：右侧 benefit 字号等比 */
	#primary.phomi-technology .phomi-materials__science-benefits .phomi-benefit h3 {
		color: #000 !important;
		font-size: clamp(13px, 0.833333vw, 16px) !important;
		font-weight: 400 !important;
		height: auto !important;
		line-height: 1.25 !important;
		min-height: clamp(36px, 2.5vw, 48px) !important;
		padding: clamp(8px, 0.625vw, 12px) clamp(14px, 1.041667vw, 20px) !important;
	}

	#primary.phomi-technology .phomi-materials__science-benefits .phomi-benefit p {
		color: #666 !important;
		font-size: clamp(13px, 0.833333vw, 16px) !important;
		font-weight: 300 !important;
		line-height: 1.5 !important;
		margin: 0 !important;
	}

	/* Case hero: same full-bleed image treatment as Technology */
	#primary.phomi-case > section.phomi-cases-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__media,
	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__copy {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__copy h1,
	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__copy p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* Contact hero: same full-bleed image treatment as Case */
	#primary.phomi-contact > section.phomi-contact-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-contact > section.phomi-contact-hero > .phomi-contact-hero__media,
	#primary.phomi-contact > section.phomi-contact-hero > .phomi-contact-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-contact > section.phomi-contact-hero > .phomi-contact-hero__title {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		white-space: normal !important;
		z-index: 2 !important;
	}

	/* Partner pages hero: same full-bleed image treatment as Contact */
	#primary.phomi-partner-page > section.phomi-partner-hero,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__media,
	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__media img,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__media,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__media img,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__media,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__content,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__content,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__content {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__content h1,
	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__content p,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__content h1,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__content p,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__content h1,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__content p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* News / CSR / Installation hero: same full-bleed image treatment as Contact */
	#primary.phomi-news > section.phomi-news-hero,
	#primary.phomi-social > section.phomi-csr-hero,
	#primary.phomi-installation > section.phomi-videos-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-news > section.phomi-news-hero > .phomi-news-hero__media,
	#primary.phomi-news > section.phomi-news-hero > .phomi-news-hero__media img,
	#primary.phomi-social > section.phomi-csr-hero > .phomi-csr-hero__media,
	#primary.phomi-social > section.phomi-csr-hero > .phomi-csr-hero__media img,
	#primary.phomi-installation > section.phomi-videos-hero > .phomi-videos-hero__media,
	#primary.phomi-installation > section.phomi-videos-hero > .phomi-videos-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-news > section.phomi-news-hero > .phomi-news-hero__title,
	#primary.phomi-social > section.phomi-csr-hero > .phomi-csr-hero__title,
	#primary.phomi-installation > section.phomi-videos-hero > .phomi-videos-hero__title {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		white-space: normal !important;
		z-index: 2 !important;
	}

	/* eDisplay hero: same full-bleed image treatment as Technology */
	#primary.phomi-edisplay > section.phomi-edisplay-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__media,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__copy,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__content {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__copy h1,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__copy p,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__content h1,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__content p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* eDisplay ADVANTAGE：三级标题按 1920 等比缩放 */
	#primary.phomi-edisplay .phomi-edisplay-advantage h3 {
		color: #000 !important;
		font-size: clamp(20px, 1.666667vw, 32px) !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		margin: 0 !important;
	}

	#primary.phomi-edisplay .phomi-edisplay-advantage h4 {
		color: #000 !important;
		font-size: clamp(13px, 0.833333vw, 16px) !important;
		font-weight: 400 !important;
		line-height: 1.25 !important;
		margin: 1.5625vw 0 0 !important;
	}

	#primary.phomi-edisplay .phomi-edisplay-advantage p {
		color: #666 !important;
		font-size: clamp(12px, 0.729167vw, 14px) !important;
		font-weight: 400 !important;
		line-height: 1.5 !important;
		margin: 0.833333vw 0 0 !important;
	}

	#primary.phomi-edisplay .phomi-edisplay-advantage h4 + p {
		margin-top: 0.729167vw !important;
	}

	/* eDisplay technical specification 表格：表头/内容等比缩放 */
	#primary.phomi-edisplay .phomi-edisplay-specification__table > div.is-heading {
		color: #fff1f1 !important;
		min-height: clamp(60px, 4.6875vw, 90px) !important;
	}

	#primary.phomi-edisplay .phomi-edisplay-specification__table span {
		color: #000 !important;
		font-size: clamp(12px, 0.729167vw, 14px) !important;
		font-weight: 400 !important;
		line-height: 1.45 !important;
		margin: 0 !important;
		padding: clamp(12px, 1.25vw, 24px) clamp(14px, 1.5625vw, 30px) !important;
		word-break: normal !important;
	}

	#primary.phomi-edisplay .phomi-edisplay-specification__table .is-heading span {
		color: #fff1f1 !important;
		font-size: clamp(13px, 0.833333vw, 16px) !important;
		font-weight: 700 !important;
	}

	/* eDisplay Application: keep full-width Outdoor / Indoor tab bar */
	#primary.phomi-edisplay > section.phomi-edisplay-application {
		display: block !important;
		padding: 0 !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-application > .phomi-edisplay-tabs {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-content: stretch !important;
		margin: 0 !important;
		min-height: 80px !important;
		width: 100% !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-application > .phomi-edisplay-tabs a,
	#primary.phomi-edisplay > section.phomi-edisplay-application > .phomi-edisplay-tabs button {
		align-items: center !important;
		display: flex !important;
		font-size: 16px !important;
		justify-content: center !important;
		line-height: 18px !important;
		min-height: 80px !important;
		/* text-transform: uppercase !important; */
		width: auto !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-application .phomi-edisplay-cards {
		box-sizing: border-box !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	/* eSolarFacade hero: same full-bleed image treatment as Technology */
	#primary.phomi-esolar > section.phomi-esolar-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__media,
	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy h1,
	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy p {
		color: #fff !important;
		margin: 0 !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy h1 {
		font-size: min(70px, 3.645833vw) !important;
		font-weight: 700 !important;
		letter-spacing: 0 !important;
		line-height: 1 !important;
		/* text-transform: uppercase !important; */
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy p {
		font-size: min(20px, 1.041667vw) !important;
		font-weight: 400 !important;
		line-height: 1.2 !important;
		margin-top: 4px !important;
		/* text-transform: none !important; */
	}

	/* eSolarFacade parameter 表格：保持双列，字号/行高/内边距随屏宽等比 */
	#primary.phomi-esolar .phomi-esolar-accordion__item > button {
		font-size: clamp(14px, 0.9375vw, 18px) !important;
		min-height: clamp(52px, 3.958333vw, 76px) !important;
	}

	#primary.phomi-esolar .phomi-esolar-accordion__item i {
		height: clamp(28px, 2.083333vw, 40px) !important;
		width: clamp(28px, 2.083333vw, 40px) !important;
	}

	#primary.phomi-esolar .phomi-esolar-table {
		width: 100% !important;
	}

	#primary.phomi-esolar .phomi-esolar-table > div,
	#primary.phomi-esolar .phomi-esolar-table > div.is-heading {
		display: grid !important;
		flex-direction: unset !important;
		grid-template-columns: minmax(0, min(423px, 22.03125vw)) minmax(0, 1fr) !important;
		min-height: clamp(48px, 3.645833vw, 70px) !important;
		padding: 0 !important;
		width: 100% !important;
	}

	#primary.phomi-esolar .phomi-esolar-table > div.is-heading {
		min-height: clamp(40px, 3.125vw, 60px) !important;
	}

	#primary.phomi-esolar .phomi-esolar-table span {
		font-size: clamp(11px, 0.729167vw, 14px) !important;
		line-height: clamp(16px, 1.25vw, 24px) !important;
		margin: 0 !important;
		max-width: none !important;
		min-width: 0 !important;
		padding: clamp(8px, 0.625vw, 12px) clamp(12px, 1.302083vw, 25px) !important;
		width: auto !important;
		word-break: normal !important;
	}

	#primary.phomi-esolar .phomi-esolar-table .is-heading span {
		font-size: clamp(12px, 0.833333vw, 16px) !important;
	}

	/* eSolarFacade / eDisplay Application · Learn more 右对齐 + 等比缩放 */
	#primary.phomi-esolar .phomi-esolar-applications__cta,
	#primary.phomi-edisplay .phomi-edisplay-applications__cta {
		display: flex !important;
		justify-content: flex-end !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	#primary.phomi-esolar .phomi-esolar-applications .phomi-esolar-outline-link,
	#primary.phomi-edisplay .phomi-edisplay-applications .phomi-edisplay-outline-link {
		display: flex !important;
		flex: 0 0 auto !important;
		float: none !important;
		font-size: clamp(13px, 0.9375vw, 18px) !important;
		height: clamp(40px, 3.125vw, 60px) !important;
		justify-content: center !important;
		margin: 0 !important;
		max-width: none !important;
		width: min(100%, clamp(140px, 11.25vw, 216px)) !important;
	}

	#primary.phomi-esolar .phomi-esolar-applications .phomi-esolar-outline-link img,
	#primary.phomi-edisplay .phomi-edisplay-applications .phomi-edisplay-outline-link img {
		height: clamp(20px, 1.666667vw, 32px) !important;
		width: clamp(20px, 1.666667vw, 32px) !important;
	}

	/* Application scenario hero: same full-bleed image treatment as eDisplay */
	#primary.phomi-application-detail > section.phomi-application-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		margin: 0 !important;
		max-width: 100% !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__media,
	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__content {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__content h1,
	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__content p {
		color: #fff !important;
		overflow-wrap: normal !important;
		padding: 0 !important;
		white-space: normal !important;
		width: auto !important;
		word-break: normal !important;
	}

	/* Intelligent interior hero: same full-bleed image treatment as application scenario */
	#primary.phomi-solution > section.phomi-solution-hero {
		display: block !important;
		flex-direction: unset !important;
		height: auto !important;
		margin: 0 !important;
		max-width: 100% !important;
		min-height: 0 !important;
		overflow: hidden !important;
		padding: 0 !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-solution > section.phomi-solution-hero > .phomi-solution-hero__media,
	#primary.phomi-solution > section.phomi-solution-hero > .phomi-solution-hero__media img {
		display: block !important;
		height: auto !important;
		line-height: 0 !important;
		max-width: 100% !important;
		position: relative !important;
		width: 100% !important;
	}

	#primary.phomi-solution > section.phomi-solution-hero > .phomi-solution-hero__title {
		bottom: clamp(28px, 6vw, 48px) !important;
		color: #fff !important;
		left: 28px !important;
		margin: 0 !important;
		max-width: calc(100% - 56px) !important;
		padding: 0 !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}
}

@media (max-width: 767px) {
	#primary[class*="phomi-"] > section:not(.phomi-product-hero):not(.phomi-tech-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-application-hero):not(.phomi-solution-hero),
	#primary[class*="phomi-"] .phomi-page > section:not(.phomi-product-hero):not(.phomi-tech-hero):not(.phomi-cases-hero):not(.phomi-contact-hero):not(.phomi-partner-hero):not(.phomi-strategic-hero):not(.phomi-authorized-hero):not(.phomi-authorized-directory):not(.phomi-authorized-album):not(.phomi-news-hero):not(.phomi-csr-hero):not(.phomi-videos-hero):not(.phomi-edisplay-hero):not(.phomi-esolar-hero):not(.phomi-application-hero):not(.phomi-solution-hero),
	#primary[class*="phomi-"] > .phomi-inquiry,
	#primary[class*="phomi-"] .phomi-page > .phomi-inquiry {
		padding: 48px 20px !important;
	}

	#primary.phomi-product--ecovering > section.phomi-product-hero > .phomi-product-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
	}

	#primary.phomi-technology > section.phomi-tech-hero > .phomi-tech-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
	}

	#primary.phomi-case > section.phomi-cases-hero > .phomi-cases-hero__copy {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-contact > section.phomi-contact-hero > .phomi-contact-hero__title {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		white-space: normal !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-partner-page > section.phomi-partner-hero > .phomi-partner-hero__content,
	#primary.phomi-strategic-partners-page > section.phomi-strategic-hero > .phomi-strategic-hero__content,
	#primary.phomi-authorized-partners-page > section.phomi-authorized-hero > .phomi-authorized-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-news > section.phomi-news-hero > .phomi-news-hero__title,
	#primary.phomi-social > section.phomi-csr-hero > .phomi-csr-hero__title,
	#primary.phomi-installation > section.phomi-videos-hero > .phomi-videos-hero__title {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		transform: none !important;
		white-space: normal !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__copy,
	#primary.phomi-edisplay > section.phomi-edisplay-hero > .phomi-edisplay-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-esolar > section.phomi-esolar-hero > .phomi-esolar-hero__copy {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
	}

	#primary.phomi-application-detail > section.phomi-application-hero > .phomi-application-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary.phomi-solution > section.phomi-solution-hero > .phomi-solution-hero__title {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px) !important;
		position: absolute !important;
		right: auto !important;
		top: auto !important;
		width: auto !important;
		z-index: 2 !important;
	}

	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) > section[class*="hero"],
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-page > section[class*="hero"],
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-hero,
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-product-hero,
	#primary[class*="phomi-"]:not(.phomi-product--ecovering):not(.phomi-technology):not(.phomi-case):not(.phomi-contact):not(.phomi-partner-page):not(.phomi-strategic-partners-page):not(.phomi-authorized-partners-page):not(.phomi-news):not(.phomi-social):not(.phomi-installation):not(.phomi-edisplay):not(.phomi-esolar):not(.phomi-application-detail):not(.phomi-solution) .phomi-tech-hero {
		min-height: 520px !important;
		padding: 0 !important;
	}

	h1,
	h2,
	h3 {
		max-width: 100%;
		overflow-wrap: break-word;
		white-space: normal;
		word-break: normal;
	}

	#primary.phomi-esolar .phomi-esolar-pagination,
	#primary.phomi-installation .phomi-esolar-pagination,
	#primary.phomi-edisplay .phomi-esolar-pagination {
		-webkit-overflow-scrolling: touch;
		flex-wrap: nowrap;
		gap: 8px;
		justify-content: flex-start !important;
		margin-left: 0;
		margin-right: 0;
		margin-top: 32px;
		max-width: 100%;
		overflow-x: auto;
		padding-bottom: 6px;
		scrollbar-width: thin;
		width: 100%;
	}

	#primary.phomi-esolar .phomi-esolar-pagination__page,
	#primary.phomi-installation .phomi-esolar-pagination__page,
	#primary.phomi-edisplay .phomi-esolar-pagination__page {
		flex: 0 0 auto;
		font-size: 14px;
		height: 44px;
		min-width: 44px;
		width: 44px;
	}

	#primary.phomi-esolar .phomi-esolar-pagination__prev,
	#primary.phomi-esolar .phomi-esolar-pagination__next,
	#primary.phomi-installation .phomi-esolar-pagination__prev,
	#primary.phomi-installation .phomi-esolar-pagination__next,
	#primary.phomi-edisplay .phomi-esolar-pagination__prev,
	#primary.phomi-edisplay .phomi-esolar-pagination__next {
		flex: 0 0 auto;
		font-size: 12px;
		height: 44px;
		min-width: auto !important;
		padding: 0 12px !important;
		white-space: nowrap;
	}

	#primary.phomi-esolar .phomi-esolar-pagination__ellipsis,
	#primary.phomi-installation .phomi-esolar-pagination__ellipsis,
	#primary.phomi-edisplay .phomi-esolar-pagination__ellipsis {
		flex: 0 0 auto;
		font-size: 14px;
	}
}

/* Touch / coarse pointer: keep image interaction cues without desktop hover. */
@media (hover: none), (pointer: coarse) {
	body.page-template-page-ecovering .phomi-product-gallery figure::after {
		opacity: 1;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover).is-active img.is-base,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover):active img.is-base,
	.phomi-product-textures article:has(.is-hover).is-active .phomi-product-textures__media img.is-base,
	.phomi-product-textures article:has(.is-hover):active .phomi-product-textures__media img.is-base {
		opacity: 0;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover).is-active img.is-hover,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover):active img.is-hover,
	.phomi-product-textures article:has(.is-hover).is-active .phomi-product-textures__media img.is-hover,
	.phomi-product-textures article:has(.is-hover):active .phomi-product-textures__media img.is-hover {
		opacity: 1;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover).is-active img,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover):active img,
	.phomi-product-textures article.is-active .phomi-product-textures__media img,
	.phomi-product-textures article:active .phomi-product-textures__media img,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article:active .phomi-product-applications__media img,
	body.page-template-page-ecovering .phomi-product-gallery figure:active img,
	.phomi-product-lines article:active img,
	.phomi-product-lines article.is-active img,
	.phomi-esolar-applications article:active img {
		transform: scale(1.06);
	}

	.phomi-applications article:active img,
	.phomi-applications article.is-active img,
	.phomi-applications__card:hover img {
		transform: scale(1.1) !important;
	}

	body.page-template-page-product-2 .phomi-product-applications__particulars,
	.phomi-edisplay-applications article .phomi-edisplay-applications__particulars {
		opacity: 1 !important;
		visibility: visible !important;
	}
}

/* PHOMI site-wide typography */
:root {
	--phomi-font: "GTF Adieu TRIAL";
}

body:has(.phomi-header) :where(
	h1, h2, h3, h4, h5, h6,
	p, a, span, li, dt, dd,
	label, input, textarea, button, select,
	th, td, figcaption, small, strong, em
) {
	font-family: "GTF Adieu TRIAL";
}