@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/GTFAdieuTRIAL-Light.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/GTFAdieuTRIAL-Regular.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "GTF Adieu TRIAL";
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/GTFAdieuTRIAL-Bold.otf") format("opentype");
}

@font-face {
	font-display: swap;
	font-family: "Source Han Sans CN";
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/SourceHanSansCN-Regular.otf") format("opentype");
}

:root {
	--phomi-blue: #70c7d1;
	--phomi-font: "GTF Adieu TRIAL";
}

html,
body {
	margin: 0;
	overflow-x: hidden;
}

body.page-template-page-product,
body.page-template-page-product #page,
body.page-template-page-product #content,
body.page-template-page-product .site-content,
body.page-template-page-product .ast-container,
body.page-template-page-product .content-area,
body.page-template-page-product .site-main,
body.page-template-page-product .entry-content,
body.page-template-page-ecovering,
body.page-template-page-ecovering #page,
body.page-template-page-ecovering #content,
body.page-template-page-ecovering .site-content,
body.page-template-page-ecovering .ast-container,
body.page-template-page-ecovering .content-area,
body.page-template-page-ecovering .site-main,
body.page-template-page-ecovering .entry-content {
	margin: 0;
	max-width: none;
	padding: 0;
}

html:has(body.page-template-page-product),
html:has(body.page-template-page-ecovering) {
	margin-top: 0 !important;
}

body.page-template-page-product .site-header,
body.page-template-page-product .site-footer,
body.page-template-page-product #wpadminbar,
body.page-template-page-ecovering .site-header,
body.page-template-page-ecovering .site-footer,
body.page-template-page-ecovering #wpadminbar {
	display: none;
}

.ast-plain-container.ast-no-sidebar #primary.phomi-product,
#primary.phomi-product,
.phomi-product {
	background: #fff;
	color: #000;
	font-family: var(--phomi-font);
	margin: 0;
	min-height: 100vh;
	padding: 0;
}

/* 压过 Astra 全局 h1-h6 默认颜色,让标题继承所在区块的文字颜色 */
.phomi-product h1,
.phomi-product h2,
.phomi-product h3,
.phomi-product h4,
.phomi-product h5,
.phomi-product h6 {
	color: inherit;
}

.phomi-product *,
.phomi-product *::before,
.phomi-product *::after {
	box-sizing: border-box;
}

.phomi-product img {
	display: block;
	max-width: 100%;
}

.phomi-header {
	height: 4.6875vw;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 40;
}

.phomi-header__inner {
	height: 100%;
	margin: 0 auto;
	max-width: 1920px;
	position: relative;
}

.phomi-logo {
	aspect-ratio: 2269 / 875;
	display: block;
	left: 15.104167vw;
	line-height: 0;
	position: absolute;
	top: 0.572917vw;
	width: 8.333333vw;
}

.phomi-logo img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.phomi-nav {
	left: 26.822917vw;
	position: absolute;
	top: 1.822917vw;
	white-space: nowrap;
}

.phomi-nav ul {
	align-items: flex-start;
	display: flex;
	gap: 2.1875vw;
	list-style: none;
	margin: 0;
	padding: 0;
}

.phomi-nav li {
	line-height: 1;
	position: relative;
}

.phomi-nav a {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 0.729167vw;
	font-weight: 400;
	line-height: 1.041667vw;
	text-decoration: none;
	transition: color 0.28s ease, opacity 0.28s ease, transform 0.28s ease;
}

.phomi-nav > ul > li:nth-child(-n+6) > a,
.phomi-nav > ul > li:last-child > a {
	/* text-transform: uppercase; */
}

.phomi-nav .has-menu > a::after {
	border-bottom: 1px solid currentColor;
	border-right: 1px solid currentColor;
	content: "";
	height: 0.260417vw;
	margin-left: 0.416667vw;
	position: relative;
	top: -0.026042vw;
	transform: rotate(45deg);
	transition: transform 0.24s ease;
	width: 0.260417vw;
}

.phomi-nav > ul > li > a:hover,
.phomi-nav > ul > li > a:focus-visible {
	color: #fff;
	opacity: 1;
	transform: translateY(-1px) scale(1.08);
}

.phomi-nav .has-menu:hover > a::after,
.phomi-nav .has-menu:focus-within > a::after {
	transform: rotate(225deg);
}

.phomi-mega-menu {
	background: #fff;
	height: 346px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 90px;
	transform: translateY(-8px);
	transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
	visibility: hidden;
	width: 100vw;
	z-index: 30;
}

.phomi-mega-menu::before {
	pointer-events: none;
	content: "";
	height: 90px;
	left: 0;
	position: absolute;
	top: -90px;
	width: 100%;
}

.phomi-mega-menu__panel {
	background: #1a1a1a;
	height: 320px;
	position: relative;
	width: 100%;
}

.phomi-menu-scrim {
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 436px;
	transition: opacity 0.24s ease, visibility 0.24s ease;
	visibility: hidden;
	z-index: 15;
}

.phomi-header:has(.has-mega-menu:hover) ~ .phomi-menu-scrim,
.phomi-header:has(.has-mega-menu:focus-within) ~ .phomi-menu-scrim {
	opacity: 0;
	visibility: hidden;
}

.phomi-nav .phomi-mega-card {
	color: #fff;
	display: block !important;
	left: 455px;
	position: absolute;
	text-decoration: none;
	top: 50px;
	transition: filter 0.28s ease, transform 0.28s ease;
	width: 310px;
}

.phomi-nav .phomi-mega-card img {
	height: 186px;
	object-fit: cover;
	width: 310px;
}

.phomi-nav .phomi-mega-card span {
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	margin-top: 8px;
	text-align: left;
	/* text-transform: capitalize; */
}

.phomi-nav .phomi-mega-card:nth-child(2) {
	left: 805px;
}

.phomi-nav .phomi-mega-card:nth-child(3) {
	left: 1155px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(1) {
	left: 295px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(2) {
	left: 635px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(3) {
	left: 975px;
}

.phomi-nav .has-mega-menu--about .phomi-mega-card:nth-child(4) {
	left: 1315px;
}

.phomi-nav .has-mega-menu--case .phomi-mega-menu {
	height: 596px;
}

.phomi-nav .has-mega-menu--case .phomi-mega-menu__panel {
	height: 570px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(1),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(1) {
	left: 295px;
	top: 50px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(2),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(2) {
	left: 635px;
	top: 50px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(3),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(3) {
	left: 975px;
	top: 50px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(4),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(4) {
	left: 1315px;
	top: 50px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(5),
.phomi-nav .has-mega-menu--case .phomi-mega-card:nth-child(5) {
	left: 295px;
	top: 304px;
}

.phomi-nav .has-mega-menu--application .phomi-mega-card:nth-child(6) {
	left: 635px;
	top: 304px;
}

.phomi-header.is-mega-active {
	background: #fff;
}

.phomi-header.is-mega-active .phomi-nav > ul > li > a {
	color: #000;
}

.has-mega-menu.is-mega-open > a {
	color: var(--phomi-blue) !important;
}

.has-mega-menu.is-mega-open .phomi-mega-menu {
	opacity: 1 !important;
	pointer-events: auto !important;
	transform: translateY(0) !important;
	visibility: visible !important;
}

.phomi-nav .phomi-mega-card:hover,
.phomi-nav .phomi-mega-card:focus-visible {
	filter: brightness(1.08);
	outline: none;
	transform: translateY(-4px);
}

.phomi-product-hero {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.06)), url("/wp-content/uploads/figma-assets/6a9dfe79d7904ffae6ff64ed8b7fbb5aef8df34b.webp") center / cover no-repeat;
	height: 42.708333vw;
	min-height: 560px;
	position: relative;
}

.phomi-product-hero__content {
	bottom: 4.6875vw;
	color: #fff;
	left: 15.625vw;
	position: absolute;
}

.phomi-product-hero__content h1 {
	color: #fff;
	font-size: clamp(54px, 6.25vw, 120px);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 0.92;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-product-hero__content p {
	font-size: clamp(20px, 1.875vw, 36px);
	line-height: 1.3;
	margin: 24px 0 0;
	/* text-transform: lowercase; */
}

.phomi-product-intro,
.phomi-product-advantages,
.phomi-product-comparison,
.phomi-product-textures,
.phomi-product-applications,
.phomi-product-gallery,
.phomi-product-certifications {
	margin: 0 auto;
	max-width: 1600px;
	padding: 90px 0;
	width: 83.333333vw;
}

.phomi-product-intro {
	align-items: center;
	display: grid;
	gap: 4.166667vw;
	grid-template-columns: 1fr 0.86fr;
}

.phomi-product-intro h2,
.phomi-product-advantages h2,
.phomi-product-comparison h2,
.phomi-product-textures h2,
.phomi-product-applications h2,
.phomi-product-gallery h2,
.phomi-product-sustainability h2,
.phomi-product-certifications h2 {
	font-size: clamp(34px, 3.125vw, 60px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.12;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-product-intro p {
	font-size: 16px;
	line-height: 1.75;
	margin: 36px 0 0;
	max-width: 748px;
	opacity: 0.7;
}

.phomi-product-intro div {
	padding-top: 150px;
}

.phomi-product-intro img {
	height: 360px;
	object-fit: cover;
	width: 100%;
}

.phomi-product-advantages {
	background: #f7f7f7;
	max-width: none;
	padding: 5vw 0 5.833vw;
	width: 100%;
}

.phomi-product-advantages h2 {
	padding-left: 3.646vw;
	padding-right: 3.646vw;
}

.phomi-product-advantages__grid {
	display: grid;
	gap: 1.354vw 0;
	grid-template-columns: repeat(3, 1fr);
	margin: 2.083vw 0 0;
}

.phomi-product-advantages article {
	min-height: 20.833vw;
	padding: 1.354vw 0 0;
}

.phomi-advantage-icon {
	display: block;
	height: auto;
	margin-bottom: 2.813vw;
	object-fit: contain;
	width: 8.333vw;
}

.phomi-product-advantages h3,
.phomi-product-applications h3,
.phomi-product-textures h3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.45;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-product-advantages h3 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 40px;
}

.phomi-product-advantages p {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 24px;
	margin: 22px 0 0;
	max-width: 420px;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison {
	background: #fff;
	padding: 6.25vw 0 6.771vw;
	width: 100%;
}

.phomi-performance-comparison__inner {
	margin: 0 auto;
	max-width: 1780px;
	padding: 0 3.646vw;
}

.phomi-performance-comparison__title {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(24px, 2.5vw, 48px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: clamp(32px, 3.333vw, 64px);
	margin: 0 auto;
	max-width: 1267px;
	text-align: center;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__subtitle {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.25vw, 24px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 2;
	margin: 16px 0 0;
	text-align: center;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__divider {
	background: #000;
	border: 0;
	height: 1px;
	margin: 3.125vw 0 0;
	width: 100%;
}

.phomi-performance-comparison__grid {
	display: grid;
	gap: 0;
	grid-template-columns: 991fr 722fr;
	margin-top: 2.604vw;
}

.phomi-performance-comparison__left {
	padding-right: 5.208vw;
}

.phomi-performance-comparison__section-header {
	align-items: center;
	display: flex;
	gap: 0.677vw;
	margin-bottom: 0.729vw;
}

.phomi-performance-comparison__section-header img {
	height: 1.458vw;
	width: 1.458vw;
}

.phomi-performance-comparison__section-label {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 48px;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__scope-card {
	border: 1px solid #e6e6e6;
	margin-bottom: 0.729vw;
	padding: 0.729vw 0.729vw 0.729vw 1.458vw;
}

.phomi-performance-comparison__scope-card p {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.833vw, 16px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 3;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-card {
	border: 1px solid #e6e6e6;
	display: grid;
	gap: 0;
	grid-template-columns: 210fr 781fr;
	margin-bottom: 0.729vw;
}

.phomi-performance-comparison__metric-category {
	color: #666;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 20px;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-left {
	align-items: flex-start;
	border-right: 1px solid #e6e6e6;
	display: flex;
	flex-direction: column;
	height: 150px;
	justify-content: space-evenly;
	padding: 0.938vw;
	width: 210px;
}

.phomi-performance-comparison__metric-value {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(20px, 1.458vw, 28px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.714;
}

.phomi-performance-comparison__metric-label {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.429;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__metric-sub {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 3.429;
	/* text-transform: lowercase; */
}

.phomi-performance-comparison__metric-right {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 0.938vw 1.563vw;
}

.phomi-performance-comparison__metric-desc {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.833vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 28px;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-desc--bold {
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__right {
	display: flex;
	flex-direction: column;
}

.phomi-performance-comparison__right > .phomi-performance-comparison__media {
	margin-top: 60px;
	overflow: hidden;
	width: 100%;
}

/* bug#3827：产品详情页 Performance Comparison 图片悬停放大 1.05 倍，容器裁切避免溢出 */
.phomi-performance-comparison__media img {
	display: block;
	height: auto;
	transition: transform 0.28s ease;
	width: 100%;
}

.phomi-performance-comparison__media:hover img {
	transform: scale(1.05);
}

.phomi-performance-comparison__cta {
	align-items: center;
	border-bottom: 2px solid #000;
	color: inherit;
	display: flex;
	
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	justify-content: space-between;
	letter-spacing: 0;
	line-height: 2.667;
	margin-top: 6.90vw;
	padding-bottom: 0.729vw;
	text-decoration: none;
	/* text-transform: uppercase; */
}
.phomi-performance-comparison__cta img {
	height: 2.083vw;
	width: 2.083vw;
}
.phomi-product-comparison {
	align-items: start;
	display: grid;
	gap: 4.8vw;
	grid-template-columns: 1fr 0.84fr;
	max-width: none;
	padding: 92px 3.125vw 110px;
	width: 100%;
}
.phomi-product-comparison h2 {
	color: #000;
	font-size: clamp(34px, 3.125vw, 60px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1;
	margin: 0;
	/* text-transform: uppercase; */
}
.phomi-product-comparison table {
	border-collapse: collapse;
	font-size: 14px;
	line-height: 1.35;
	margin-top: 66px;
	width: 100%;
}
.phomi-product-comparison th,
.phomi-product-comparison td {
	border: 1.5px solid #111;
	color: #000;
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	padding: 30px 24px;
	text-align: left;
	vertical-align: middle;
}
.phomi-product-comparison__subtitle {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.042vw, 20px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.3;
	margin: 0.833vw 0 0;
}
.phomi-product-comparison thead th {
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 26px;
	padding-top: 26px;
}
.phomi-product-comparison tbody th {
	font-size: 16px;
	font-weight: 300;
	line-height: 24px;
	width: 24%;
}
.phomi-product-comparison td:nth-child(2) {
	width: 38%;
}
.phomi-product-comparison td:nth-child(3) {
	width: 38%;
}
.phomi-product-comparison__table p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin: 18px 0 0;
}
.phomi-product-comparison__images {
	display: grid;
	gap: 14px 18px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-template-rows: 180px 180px 180px;
}
.phomi-product-comparison__images img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}
.phomi-product-comparison__images img:nth-child(3) {
	grid-row: 2 / 4;
}
.phomi-product-textures {
	padding-top: 30px;
}
.phomi-product-textures__grid {
	display: grid;
	gap: 34px 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 38px;
}
.phomi-product-textures article a {
	color: inherit;
	display: block;
	text-decoration: none;
}
.phomi-product-textures article .phomi-product-textures__media {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.phomi-product-textures article img {
	aspect-ratio: 1.52 / 1;
	object-fit: cover;
	width: 100%;
}
.phomi-product-textures article .phomi-product-textures__media img,
.phomi-product-textures article .phomi-product-textures__media video {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.45s ease, transform 0.45s ease;
	width: 100%;
}
.phomi-product-textures article .phomi-product-textures__media img.is-hover,
.phomi-product-textures article .phomi-product-textures__media video.is-hover {
	inset: 0;
	opacity: 0;
	position: absolute;
}
.phomi-product-textures article:has(.is-hover):hover .phomi-product-textures__media img.is-base,
.phomi-product-textures article:has(.is-hover):focus-within .phomi-product-textures__media img.is-base,
.phomi-product-textures article:has(.is-hover):hover .phomi-product-textures__media video.is-base,
.phomi-product-textures article:has(.is-hover):focus-within .phomi-product-textures__media video.is-base {
	opacity: 0;
}
.phomi-product-textures article:has(.is-hover):hover .phomi-product-textures__media img.is-hover,
.phomi-product-textures article:has(.is-hover):focus-within .phomi-product-textures__media img.is-hover,
.phomi-product-textures article:has(.is-hover):hover .phomi-product-textures__media video.is-hover,
.phomi-product-textures article:has(.is-hover):focus-within .phomi-product-textures__media video.is-hover {
	opacity: 1;
}
.phomi-product-textures article:hover .phomi-product-textures__media img,
.phomi-product-textures article:focus-within .phomi-product-textures__media img,
.phomi-product-textures article:hover .phomi-product-textures__media video,
.phomi-product-textures article:focus-within .phomi-product-textures__media video {
	transform: scale(1.06);
}
.phomi-product-textures h3 {
	font-size: 18px;
	margin-top: 12px;
}
.phomi-product-textures p {
	color: #777;
	font-size: 14px;
	margin: 4px 0 0;
}

.phomi-texture-inquiry {
	align-items: center;
	background: #fff;
	border: 1px solid #000;
	color: #000;
	display: flex !important;
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-weight: 400;
	height: 50px;
	justify-content: space-evenly;
	letter-spacing: 0;
	line-height: 28px;
	margin-top: 26px;
	text-decoration: none;
	/* text-transform: capitalize; */
	width: 100%;
}

.phomi-product-applications {
	padding-top: 40px;
}
.phomi-product-applications__grid {
	display: grid;
	gap: 32px 28px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 40px;
}
.phomi-product-applications article img {
	aspect-ratio: 1.34 / 1;
	object-fit: cover;
	width: 100%;
}
.phomi-product-applications h3 {
	font-size: 18px;
	margin-top: 14px;
}
.phomi-product-applications p {
	color: #555;
	font-size: 13px;
	line-height: 1.55;
	margin: 8px 0 0;
}
.phomi-product-applications__particulars {
	align-items: center;
	color: #111;
	display: flex;
	font-family: "GTF Adieu TRIAL";
	font-size: 18px;
	font-weight: 300;
	gap: 12px;
	letter-spacing: 1.8px;
	line-height: 28px;
	margin-top: 12px;
	opacity: 0;
	position: relative;
	text-decoration: none;
	/* text-transform: uppercase; */
	transition: opacity 0.28s ease, visibility 0.28s ease;
	visibility: hidden;
}
.phomi-product-applications__particulars::after {
	content: "→";
	font-family: "GTF Adieu TRIAL";
	font-size: 26px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
}
.phomi-product-applications__particulars img {
	display: none;
}
.phomi-product-applications article:hover .phomi-product-applications__particulars,
.phomi-product-applications article:focus-within .phomi-product-applications__particulars {
	opacity: 1;
	visibility: visible;
}
.phomi-section-head {
	align-items: end;
	display: flex;
	
	justify-content: space-between;
}
.phomi-section-head a {
	border: 1px solid #1a1a1a;
	color: #1a1a1a;
	font-size: 14px;
	padding: 12px 24px;
	text-decoration: none;
}
.phomi-tabs {
	display: flex;
	
	gap: 30px;
	margin: 30px 0;
}
.phomi-tabs a {
	align-items: center;
	color: #777;
	display: flex;
	flex-direction: column;
	font-size: 16px;
	text-decoration: none;
	/* text-transform: uppercase; */
}
.phomi-tabs a.is-active::after {
	background: url("../../../../uploads/figma-assets/home-gallery-tab-indicator.png") center / 100% auto no-repeat;
	content: "";
	display: block;
	height: 10px;
	margin-top: 4px;
	width: 100%;
}
.phomi-tabs a.is-active,
.phomi-tabs a:hover {
	color: #82CDD0;
}
.phomi-product-gallery__loading {
	align-items: center;
	display: flex;
	
	justify-content: space-evenly;
	min-height: 0;
	opacity: 0;
	pointer-events: none;
	position: relative;
	transform: translateY(-10px);
	transition: opacity 0.2s ease, transform 0.2s ease;
}
.phomi-product-gallery__loading span {
	align-items: center;
	color: var(--phomi-blue);
	display: flex;
	font-size: 14px;
	gap: 10px;
	letter-spacing: 0.08em;
	line-height: 20px;
	/* text-transform: uppercase; */
}
.phomi-product-gallery__loading span::before {
	animation: phomi-gallery-spin 0.8s linear infinite;
	border: 2px solid rgba(112, 199, 209, 0.28);
	border-top-color: var(--phomi-blue);
	border-radius: 50%;
	content: "";
	height: 18px;
	width: 18px;
}
.phomi-product-gallery.is-loading .phomi-product-gallery__loading {
	min-height: 36px;
	opacity: 1;
	transform: translateY(0);
}
.phomi-product-gallery__grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	transition: opacity 0.2s ease, transform 0.2s ease;
}
.phomi-product-gallery.is-loading .phomi-product-gallery__grid {
	opacity: 0.28;
	transform: translateY(8px);
}
@keyframes phomi-gallery-spin {
	to {
		transform: rotate(360deg);
	}
}

.phomi-product-gallery figure {
	margin: 0;
}

.phomi-product-gallery img {
	aspect-ratio: 1 / 0.78;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product-gallery h2 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(36px, 2.5vw, 48px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 50px;
	margin: 0;
	/* text-transform: uppercase; */
}

/* Figma 385:2126 — Inspiration Galleries */
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery {
	background: #fff;
	box-sizing: border-box;
	max-width: none;
	min-height: 0;
	padding: 6.25vw 3.645833vw 6.25vw; /* 120 / 70 @ 1920 */
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery .phomi-tabs {
	gap: 1.5625vw; /* ~30px */
	margin: 1.302083vw 0 3.90625vw; /* ~25 / 75 */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery .phomi-tabs a {
	color: #000;
	display: inline-block;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.041667vw, 20px);
	font-weight: 400;
	line-height: 28px;
	position: relative;
	/* text-transform: capitalize; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery .phomi-tabs a.is-active {
	color: #82cdd0;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery .phomi-tabs a.is-active::after {
	background: url("../../../../uploads/figma-assets/ecovering-gallery-tab-indicator.svg") center / 104px 11px no-repeat;
	bottom: -18px;
	content: "";
	display: block;
	height: 11px;
	left: 50%;
	margin: 0;
	position: absolute;
	transform: translateX(-50%);
	width: 104px;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__grid {
	gap: 0.859375vw; /* ~16.5px @ 1920 */
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-top: 3.90625vw; /* ~75px — spacing previously below tabs row */
}

body.page-template-page-ecovering .phomi-product-gallery figure {
	margin: 0;
	overflow: hidden;
	position: relative;
}

body.page-template-page-ecovering .phomi-product-gallery figure::after {
	background: rgba(0, 0, 0, 0.28);
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 0.45s ease;
	z-index: 1;
}

body.page-template-page-ecovering .phomi-product-gallery figure a {
	display: block;
	height: 100%;
}

body.page-template-page-ecovering .phomi-product-gallery img {
	aspect-ratio: 1 / 1;
	display: block;
	height: auto;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product-gallery figure:hover img,
body.page-template-page-ecovering .phomi-product-gallery figure:focus-within img {
	transform: scale(1.06);
}

body.page-template-page-ecovering .phomi-product-gallery figure:hover::after,
body.page-template-page-ecovering .phomi-product-gallery figure:focus-within::after {
	opacity: 1;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta {
	align-items: center;
	border: var(--phomi-btn-border-width) solid #000;
	box-sizing: border-box;
	color: #000;
	display: inline-flex;
	float: right;
	font-family: "GTF Adieu TRIAL";
	font-size: var(--phomi-btn-font-size);
	font-weight: 400;
	gap: var(--phomi-btn-gap);
	height: var(--phomi-btn-height);
	justify-content: center;
	letter-spacing: 0;
	line-height: var(--phomi-btn-line-height);
	margin-top: clamp(24px, 2.604167vw, 50px);
	max-width: var(--phomi-btn-max-width);
	min-width: 0;
	padding-inline: var(--phomi-btn-padding-inline);
	text-decoration: none;
	transition: transform 0.28s ease;
	white-space: nowrap;
	width: auto;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta:hover,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta:focus-visible {
	transform: scale(1.05);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta img {
	aspect-ratio: auto;
	display: block;
	flex: 0 0 auto;
	height: var(--phomi-btn-icon-size);
	object-fit: contain;
	transform: none;
	width: var(--phomi-btn-icon-size);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery::after {
	clear: both;
	content: "";
	display: table;
}

@media (max-width: 1024px) {
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery {
		padding: 56px 22px;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__grid {
		margin-top: 40px;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta {
		float: none;
		margin-left: auto;
		margin-top: 28px;
	}
}

@media (max-width: 640px) {
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-gallery__cta {
		justify-self: stretch;
		max-width: none;
		width: 100%;
	}
}

.phomi-product-sustainability {
	align-items: center;
	background: var(--sustainability-image, url("../../../../uploads/figma-assets/sustainability-bg.webp")) center / cover no-repeat;
	color: #fff;
	display: flex;
	justify-content: space-evenly;
	min-height: 46.875vw;
	position: relative;
}

.phomi-product-sustainability.has-media-fill {
	background-image: none;
	background-color: #111;
}

.phomi-product-sustainability__media {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.phomi-product-sustainability::after {
	background: rgba(0, 0, 0, 0.2);
	content: "";
	inset: 0;
	position: absolute;
}

.phomi-product-sustainability div {
	margin-top: -23.177083vw;
	position: relative;
	text-align: center;
	z-index: 1;
}

.phomi-product-sustainability h2 {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(28px, 2.292vw, 44px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.136;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-product-sustainability p {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.042vw, 20px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 2.5;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-product-certifications {
	align-items: center;
	display: grid;
	gap: 1.166667vw;
	grid-template-columns: 1.45fr 1.5fr;
	padding-top: 180px;
}

.phomi-product-certifications__image {
	height: 500px;
	margin-left: auto;
	width: 605px;
}

.phomi-product-certifications__image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.phomi-product-certifications > div:last-child {
	display: flex;
	flex-direction: column;
	gap: 74px;
}

.phomi-product-certifications ul {
	display: flex;
	flex-direction: column;
	gap: 33px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.phomi-product-certifications li {
	font-family: "GTF Adieu TRIAL";
	font-size: 20px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 20px;
	margin: 0;
	padding-left: 28px;
	position: relative;
}

.phomi-product-certifications li::before {
	background: url("../../../../uploads/figma-assets/cert-list-icon.png") center / contain no-repeat;
	content: "";
	height: 18px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 16px;
}

.phomi-footer {
	background: #00120f;
	color: #fff;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(6, 1fr);
	padding: 54px 15.625vw 64px;
}

.phomi-footer div {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.phomi-footer strong {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.08em;
	margin-bottom: 8px;
	/* text-transform: uppercase; */
}

.phomi-footer a {
	color: rgba(255, 255, 255, 0.72);
	font-size: 13px;
	line-height: 1.4;
	text-decoration: none;
}

body.page-template-page-product-2,
body.page-template-page-product-2 #page,
body.page-template-page-product-2 #content,
body.page-template-page-product-2 .site-content,
body.page-template-page-product-2 .ast-container,
body.page-template-page-product-2 .content-area,
body.page-template-page-product-2 .site-main,
body.page-template-page-product-2 .entry-content {
	margin: 0;
	max-width: none;
	padding: 0;
}

html:has(body.page-template-page-product-2) {
	margin-top: 0 !important;
}

body.page-template-page-product-2 .site-header,
body.page-template-page-product-2 .site-footer,
body.page-template-page-product-2 #wpadminbar {
	display: none;
}

.phomi-product-detail .phomi-product-hero {
		background: var(--hero-image) center / cover no-repeat;
	height: 39.0625vw;
	min-height: 320px;
}

.phomi-product-detail .phomi-product-hero__content {
	bottom: 3.3vw;
}

.phomi-product-detail .phomi-product-hero__content h1 {
	font-size: clamp(34px, 3.75vw, 72px);
}

.phomi-product-detail .phomi-product-hero__content p {
	font-size: clamp(14px, 1.15vw, 22px);
	margin-top: 8px;
}

.phomi-series-intro {
	margin: 0 auto;
	max-width: 1600px;
	padding: 90px 0 78px;
	width: 83.333333vw;
}

.phomi-series-intro h2,
.phomi-more-materials h2 {
	font-size: clamp(34px, 3.125vw, 60px);
	font-weight: 700;
	letter-spacing: -0.05em;
	line-height: 1.12;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-series-intro p {
	font-size: 16px;
	line-height: 1.75;
	margin: 28px 0 0;
	max-width: 1120px;
	opacity: 0.72;
}

.phomi-detail-textures {
	background: #f7f7f7;
	max-width: none;
	padding-left: 70px;
	padding-right: 70px;
	width: 100%;
}

body.page-template-page-product-2 .phomi-detail-textures {
	padding-top: 40px;
}

body.page-template-page-product-2 .phomi-detail-textures h2 {
	text-align: center;
}

.phomi-detail-textures .phomi-product-textures__grid,
.phomi-detail-applications .phomi-product-applications__grid,
.phomi-more-materials__right {
	margin-left: auto;
	margin-right: auto;
}

.phomi-detail-applications {
	padding-top: 76px;
}

.phomi-product-single-applications article {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.08);
	padding: 28px;
}

.phomi-product-single-applications h3 {
	margin-top: 0;
}

.phomi-more-materials {
	margin: 0 auto;
	max-width: 1600px;
	padding: 90px 0;
	width: 83.333333vw;
}

.phomi-more-materials__body {
	align-items: start;
	display: grid;
	gap: 4.166667vw;
	grid-template-columns: 0.62fr 1.38fr;
}

.phomi-more-materials__copy p {
	font-size: 16px;
	line-height: 1.65;
	margin: 18px 0 28px;
	opacity: 0.7;
}

.phomi-more-materials__copy a {
	border: 1px solid #111;
	color: #111;
	display: flex;
	font-size: 14px;
	padding: 12px 24px;
	text-decoration: none;
	/* text-transform: capitalize; */
}

.phomi-more-materials__right {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.phomi-more-materials__row {
	display: grid;
	gap: 24px;
}

.phomi-more-materials__row--top {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.phomi-more-materials__row--bottom {
	grid-column: 1 / -1;
	grid-template-columns: 1fr repeat(4, minmax(0, 1fr));
	margin-top: 24px;
}

.phomi-more-materials article img {
	aspect-ratio: 1.24 / 1;
	object-fit: cover;
	width: 100%;
}

.phomi-more-materials article h3 {
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1.35;
	margin: 10px 0 0;
	/* text-transform: uppercase; */
}

/* 卡片整体是链接（h3 在 a 内部），需要压掉 Astra 的全局 a 颜色 var(--ast-global-color-0) */
.phomi-more-materials article a,
.phomi-more-materials article a:visited,
.phomi-more-materials article a:hover,
.phomi-more-materials article a:focus,
.phomi-more-materials article a:focus-visible {
	color: #000;
	text-decoration: none;
}

body.page-template-page-product-detail,
body.page-template-page-product-detail #page,
body.page-template-page-product-detail #content,
body.page-template-page-product-detail .site-content,
body.page-template-page-product-detail .ast-container,
body.page-template-page-product-detail .content-area,
body.page-template-page-product-detail .site-main,
body.page-template-page-product-detail .entry-content,
body.single-phomi_product,
body.single-phomi_product #page,
body.single-phomi_product #content,
body.single-phomi_product .site-content,
body.single-phomi_product .ast-container,
body.single-phomi_product .content-area,
body.single-phomi_product .site-main,
body.single-phomi_product .entry-content,
body.page-template-page-ecovering-detail,
body.page-template-page-ecovering-detail #page,
body.page-template-page-ecovering-detail #content,
body.page-template-page-ecovering-detail .site-content,
body.page-template-page-ecovering-detail .ast-container,
body.page-template-page-ecovering-detail .content-area,
body.page-template-page-ecovering-detail .site-main,
body.page-template-page-ecovering-detail .entry-content {
	margin: 0;
	max-width: none;
	padding: 0;
}

html:has(body.page-template-page-product-detail),
html:has(body.single-phomi_product),
html:has(body.page-template-page-ecovering-detail) {
	margin-top: 0 !important;
}

body.page-template-page-product-detail .site-header,
body.page-template-page-product-detail .site-footer,
body.page-template-page-product-detail #wpadminbar,
body.single-phomi_product .site-header,
body.single-phomi_product .site-footer,
body.single-phomi_product #wpadminbar,
body.page-template-page-ecovering-detail .site-header,
body.page-template-page-ecovering-detail .site-footer,
body.page-template-page-ecovering-detail #wpadminbar {
	display: none;
}

.phomi-detail-page-hero {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.05)), url("/wp-content/uploads/figma-assets/c6a8b1b52d9879874642094516e293ad2470db05.webp") center / cover no-repeat;
	height: 42.708333vw;
	min-height: 620px;
	position: relative;
}

.phomi-detail-page-hero__content {
	bottom: 3.645833vw;
	color: #fff;
	left: 3.645833vw;
	position: absolute;
}

.phomi-detail-page-hero__content h1 {
	color: #fff;
	font-size: clamp(44px, 3.645833vw, 70px);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-detail-page-hero__content p {
	font-size: clamp(22px, 1.822917vw, 35px);
	line-height: 1.2;
	margin: 0;
	/* text-transform: lowercase; */
}

.phomi-detail-intro,
.phomi-product-board,
.phomi-value-card,
.phomi-additional-features,
.phomi-install,
.phomi-reference-cases {
	margin: 0 auto;
	padding: 6.25vw 0;
	width: 92.708333vw;
}

/* Figma 385:2457 — ROMAN ESSENCE / HERITAGE SURFACE */
.phomi-detail-intro {
	align-items: start;
	background: #fff;
	box-sizing: border-box;
	display: grid;
	gap: 3.645833vw; /* 70px @ 1920 */
	grid-template-columns: minmax(0, 916fr) minmax(0, 794fr);
	min-height: 0;
	padding-bottom: 6.770833vw; /* ~130px */
	padding-top: 6.614583vw; /* ~127px */
	width: 92.708333vw; /* 1780 / 1920 — 70px side inset */
}

.phomi-detail-intro > img {
	aspect-ratio: 916 / 665;
	display: block;
	height: auto;
	max-height: none;
	object-fit: cover;
	width: 100%;
}

.phomi-detail-intro__copy {
	display: flex;
	flex-direction: column;
	gap: 4.114583vw; /* ~79px between blocks */
	max-width: 41.354167vw; /* 794 @ 1920 */
	min-width: 0;
	width: 100%;
}

.phomi-detail-intro__block h2,
.phomi-detail-intro__block h3 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(20px, 1.25vw, 24px);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.333333; /* 32/24 */
	margin: 0;
	max-width: 25.833333vw; /* 496 @ 1920 */
	/* text-transform: uppercase; */
}

.phomi-detail-intro__block p {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(15px, 0.9375vw, 18px);
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.666667; /* 30/18 */
	margin: 1.666667vw 0 0; /* ~32px title→body */
	max-width: none;
	opacity: 1;
	/* text-transform: capitalize; */
	word-break: break-word;
}

.phomi-product-board h2,
.phomi-value-card h2,
.phomi-additional-features h2,
.phomi-reference-cases h2 {
	font-size: clamp(30px, 2.5vw, 48px);
	font-weight: 700;
	letter-spacing: -0.04em;
	line-height: 1.12;
	margin: 0;
	/* text-transform: uppercase; */
}

.phomi-product-board {
	align-items: stretch;
	background: #000;
	color: #fff;
	display: grid;
	font-family: "GTF Adieu TRIAL";
	grid-template-columns: minmax(0, 1224fr) minmax(320px, 556fr);
	max-width: none;
	min-height: 44.791667vw;
	padding: 6.770833vw 3.645833vw 3.75vw;
	width: 100%;
}

.phomi-product-board__preview {
	display: block;
	height: clamp(560px, 40.46875vw, 777px);
	min-width: 0;
	position: relative;
}

.phomi-product-board__hero-card {
	height: 100%;
	margin: 0;
	min-height: 0;
	position: relative;
}

.phomi-product-board__hero-card img,
.phomi-product-board__preview > img {
	height: 100%;
	min-height: 26.041667vw;
	object-fit: cover;
	width: 100%;
}

.phomi-product-board__hero-card figcaption,
.phomi-product-board__preview > h2 {
	bottom: calc(clamp(104px, 7.239583vw, 139px) + 1.145833vw);
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(28px, 1.875vw, 36px);
	font-weight: 400;
	left: 0.833333vw;
	letter-spacing: 0;
	line-height: 1.777778;
	margin: 0;
	position: absolute;
	/* text-transform: none; */
	z-index: 1;
}

.phomi-product-board__preview > h2 {
	bottom: 8.125vw;
}

.phomi-product-board__swatches {
	--phomi-swatch-height: clamp(72px, 5.208333vw, 100px);
	--phomi-swatch-pad-top: 1.03125vw;
	--phomi-swatch-pad-bottom: 0.78125vw;
	align-items: end;
	background: rgba(35, 35, 35, 0.7);
	display: grid;
	gap: 0.729167vw;
	grid-template-columns: 2.34375vw minmax(0, 1fr) 2.34375vw;
	bottom: 0;
	height: clamp(104px, 7.239583vw, 139px);
	left: 0;
	overflow-x: hidden;
	overflow-y: visible;
	padding: var(--phomi-swatch-pad-top) 2.604167vw var(--phomi-swatch-pad-bottom);
	position: absolute;
	right: 0;
	z-index: 2;
}

.phomi-product-board__status {
	align-items: center;
	display: flex;
	gap: clamp(6px, 0.520833vw, 10px);
	justify-content: center;
	left: 50%;
	max-width: calc(100% - clamp(72px, 5.208333vw, 100px));
	position: absolute;
	top: clamp(6px, 0.520833vw, 10px);
	transform: translateX(-50%);
	z-index: 4;
}

.phomi-product-board__status span {
	background: rgba(255, 255, 255, 0.55);
	display: block;
	flex: 1 1 clamp(14px, 1.145833vw, 22px);
	height: 3px;
	max-width: 28px;
	min-width: 12px;
	transition: background-color 0.24s ease, height 0.24s ease;
	width: clamp(14px, 1.145833vw, 22px);
}

.phomi-product-board__status span.is-active {
	background: #fff;
	height: 4px;
}

.phomi-product-board__arrow {
	align-items: center;
	background: transparent;
	border: 0;
	bottom: calc(var(--phomi-swatch-pad-bottom) + (var(--phomi-swatch-height) / 2));
	color: #fff;
	cursor: pointer;
	display: flex;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(28px, 1.875vw, 36px);
	font-weight: 400;
	height: 40px;
	justify-content: center;
	line-height: 1;
	opacity: 1;
	padding: 0;
	position: absolute;
	text-shadow: 0 1px 6px rgba(0, 0, 0, 0.55);
	transform: translateY(50%);
	width: 40px;
	z-index: 4;
}

.phomi-product-board__arrow:first-of-type {
	left: 0.78125vw;
}

.phomi-product-board__arrow:last-of-type {
	right: 0.78125vw;
}

.phomi-product-board__swatch-track {
	--swatch-gap: clamp(8px, 0.572917vw, 11px);
	display: flex;
	gap: var(--swatch-gap);
	grid-column: 1 / -1;
	justify-content: flex-start;
	min-width: 0;
	overflow-x: hidden;
	overflow-y: hidden;
	padding-inline: clamp(28px, 2.34375vw, 45px);
	scroll-behavior: smooth;
	scrollbar-width: none;
	width: 100%;
	-ms-overflow-style: none;
}

.phomi-product-board__swatch-track::-webkit-scrollbar {
	display: none;
}

.phomi-product-board__swatch {
	border: 2px solid rgba(255, 255, 255, 0.3);
	box-sizing: border-box;
	cursor: pointer;
	flex: 0 0 calc((100% - (5 * var(--swatch-gap, 11px))) / 6);
	height: var(--phomi-swatch-height);
	margin: 0;
	max-width: calc((100% - (5 * var(--swatch-gap, 11px))) / 6);
	min-width: 0;
	position: relative;
	transition: border-color 0.24s ease;
}

.phomi-product-board__swatch.is-active {
	/* border-color: #fff; */
	border: 3px solid rgba(255, 255, 255, 1);
}

.phomi-product-board__swatch img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.phomi-product-board__swatch figcaption {
	bottom: 0.208333vw;
	color: #050505;
	font-size: clamp(7px, 0.416667vw, 8px);
	font-weight: 400;
	left: 0.3125vw;
	letter-spacing: -0.04em;
	line-height: 1.05;
	max-width: calc(100% - 0.625vw);
	position: absolute;
	/* text-transform: none; */
}

.phomi-product-board__specs {
	align-self: stretch;
	background: #232323;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: clamp(560px, 40.46875vw, 777px);
	padding: 0;
}

.phomi-product-board__spec-content {
	padding: 0.625vw 1.770833vw 0;
}

.phomi-product-board__specs h3 {
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(20px, 1.25vw, 24px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: clamp(42px, 3.333333vw, 64px);
	margin: 0 0 0.15625vw;
	text-align: left;
	/* text-transform: uppercase; */
}

.phomi-product-board__specs table {
	border-collapse: collapse;
	color: #fff;
	font-family: "GTF Adieu TRIAL";
	table-layout: fixed;
	width: 100%;
}

.phomi-product-board__specs th,
.phomi-product-board__specs td {
	border: 1px solid #fff;
	box-sizing: border-box;
	font-family: "GTF Adieu TRIAL";
	font-weight: 300;
	letter-spacing: 0;
	overflow-wrap: anywhere;
	padding: 0 1.041667vw;
	text-align: left;
	vertical-align: middle;
	white-space: normal;
	word-break: break-word;
}

.phomi-product-board__specs th:first-child,
.phomi-product-board__specs td:first-child {
	width: 48.155738%;
}

.phomi-product-board__specs thead tr {
	min-height: clamp(40px, 2.604167vw, 50px);
}

.phomi-product-board__specs tbody tr:first-child {
	min-height: clamp(48px, 3.125vw, 60px);
}

.phomi-product-board__specs tbody tr:not(:first-child) {
	min-height: clamp(64px, 4.166667vw, 80px);
}

.phomi-product-board__specs th {
	font-size: clamp(12px, 0.729167vw, 14px);
	line-height: clamp(30px, 2.083333vw, 40px);
}

.phomi-product-board__specs td {
	font-size: clamp(12px, 0.677083vw, 13px);
	line-height: clamp(16px, 0.9375vw, 18px);
}

.phomi-product-board__specs td:first-child {
	font-size: clamp(10px, 0.572917vw, 11px);
	line-height: 1.2;
}

.phomi-product-board__specs dl {
	border-top: 1px solid rgba(255, 255, 255, 0.28);
	margin: 0;
}

.phomi-product-board__specs dl div {
	border-bottom: 1px solid rgba(255, 255, 255, 0.22);
	padding: 1.041667vw;
}

.phomi-product-board__specs dt {
	font-size: 12px;
	opacity: 0.68;
	/* text-transform: uppercase; */
}

.phomi-product-board__specs dd {
	font-size: 14px;
	line-height: 1.45;
	margin: 8px 0 0;
}

.phomi-product-board__specs a {
	align-items: center;
	align-self: stretch;
	background: transparent;
	border: 1px solid #fff;
	color: #fff;
	display: flex;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.833333vw, 16px);
	font-weight: 400;
	height: clamp(48px, 3.125vw, 60px);
	justify-content: space-between;
	letter-spacing: 0;
	line-height: clamp(24px, 1.458333vw, 28px);
	margin: 0 1.770833vw 1.458333vw;
	padding: 0 1.041667vw;
	text-decoration: none;
	/* text-transform: uppercase; */
	transition: transform 0.35s ease;
}

.phomi-product-board__specs a:hover,
.phomi-product-board__specs a:focus-visible {
	transform: scale(1.03);
}

.phomi-product-board__specs a span[aria-hidden="true"] {
	display: block;
	font-size: 0;
	height: 28px;
	position: relative;
	width: 28px;
}

.phomi-product-board__specs a span[aria-hidden="true"]::before,
.phomi-product-board__specs a span[aria-hidden="true"]::after {
	background: currentColor;
	content: "";
	position: absolute;
	top: 50%;
}

.phomi-product-board__specs a span[aria-hidden="true"]::before {
	height: 2px;
	left: 2px;
	transform: translateY(-50%);
	width: 24px;
}

.phomi-product-board__specs a span[aria-hidden="true"]::after {
	border-right: 2px solid currentColor;
	border-top: 2px solid currentColor;
	background: transparent;
	height: 10px;
	right: 2px;
	transform: translateY(-50%) rotate(45deg);
	width: 10px;
}

.phomi-value-card a {
	background: var(--phomi-blue);
	color: #fff;
	display: flex;
	font-size: 14px;
	margin-top: 20px;
	padding: 12px 22px;
	text-decoration: none;
}

.phomi-detail-advantages {
	background: #fff;
	padding-inline: 3.646vw;
}

.phomi-detail-advantages h2 {
	padding-inline: 0;
}

.phomi-value-card {
	min-height: 66.71875vw;
	padding-bottom: 6.770833vw;
	padding-top: 13.75vw;
	text-align: center;
}

.phomi-value-card__content {
	align-items: center;
	background: #f7f7f7;
	display: grid;
	gap: 3.489583vw;
	grid-template-columns: 991fr 722fr;
	margin-top: 3.75vw;
	padding: 2.604167vw;
	text-align: left;
}

.phomi-value-card__eyebrow {
	color: var(--phomi-blue);
	font-size: 14px;
	letter-spacing: 0.08em;
	margin: 0 0 14px;
	/* text-transform: uppercase; */
}

.phomi-value-card h3 {
	font-size: 30px;
	line-height: 1.2;
	margin: 0 0 26px;
}

.phomi-value-card ul {
	display: grid;
	gap: 16px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.phomi-value-card li {
	border-bottom: 1px solid #ddd;
	display: grid;
	gap: 20px;
	grid-template-columns: 160px 1fr;
	padding-bottom: 16px;
}

.phomi-value-card strong {
	font-size: 36px;
	line-height: 1;
}

.phomi-value-card span {
	font-size: 16px;
	line-height: 1.5;
}

.phomi-value-card img {
	width: 100%;
}

.phomi-detail-textures {
	min-height: 0;
	padding-bottom: 30px;
}

.phomi-detail-texture-grid {
	gap: 20px 25px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.phomi-detail-texture-grid article {
	height: auto;
	/* width: 426px; */
}

.phomi-detail-texture-grid article a {
	cursor: pointer;
}

.phomi-detail-texture-grid article .phomi-product-textures__media {
	aspect-ratio: 426 / 426;
	overflow: hidden;
	width: 100%;
}

.phomi-detail-texture-grid article .phomi-product-textures__media img {
	aspect-ratio: 426 / 426;
}

.phomi-detail-texture-grid article:hover .phomi-product-textures__media img,
.phomi-detail-texture-grid article:focus-within .phomi-product-textures__media img {
	transform: scale(1.1);
}

.phomi-product .phomi-additional-features {
	background: #fff;
	display: flex;
	flex-direction: column;
	gap: 40px;
	height: auto;
	/* bug#3832：与 .phomi-performance-comparison__inner 同宽（max 1780px，含 3.646vw 内边距）。 */
	padding: 0 max(3.646vw, calc((100% - 1780px) / 2 + 3.646vw));
	width: 100%;
}

.phomi-additional-features > div {
	margin-bottom: 20px;
}

.phomi-additional-features article {
	/* display: grid; */
	/* gap: 18px; */
	/* grid-template-columns: 3.3fr 1.3fr; */
}

/* bug#3832：图文栅格与 Performance Comparison 一致（991fr / 722fr，文字侧留 5.208vw），
   图片与对比区图片同宽同比例，文字只占左/右栏并自动换行。 */
.phomi-feature--image-right {
	align-items: start;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 991fr) minmax(0, 722fr);
}

.phomi-feature--image-right .phomi-feature__text {
	padding-right: 5.208vw;
}

.phomi-feature--image-left {
	align-items: start;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 722fr) minmax(0, 991fr);
}

.phomi-feature--image-left .phomi-feature__text {
	padding-left: 5.208vw;
}

.phomi-additional-features .phomi-feature__media {
	aspect-ratio: 722 / 461;
	display: block;
	height: auto;
	min-width: 0;
	overflow: hidden;
	width: 100%;
}

.phomi-additional-features .phomi-feature__media img {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.28s ease;
	width: 100%;
}

.phomi-additional-features .phomi-feature__media:hover img {
	transform: scale(1.05);
}

.phomi-additional-features h3,
.phomi-install h3,
.phomi-reference-cases h3 {
	font-size: 24px;
	margin-top: 12px;
}

.phomi-additional-features h2 {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(24px, 2.5vw, 48px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: clamp(32px, 3.333vw, 64px);
	padding-top: clamp(16px, 1.5625vw, 30px);
	/* text-transform: uppercase; */
}

body.single-phomi_product .phomi-additional-features h2 {
	text-align: center;
}

body.single-phomi_product .phomi-additional-features > div > p {
	padding: 10px 0 0;
	margin-bottom: 10px;
}

.phomi-additional-features > div > p {
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 26px;
	opacity: 1;
}

.phomi-additional-features article h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.3;
	margin-bottom: 15px;
	margin-top: 0;
	/* text-transform: uppercase; */
}

.phomi-feature__text {
	min-width: 0;
}

/* Laptop adaptation: section tracks the viewport and images shrink inside
   their grid column so nothing is clipped below the 1920px design. */
@media (max-width: 1440px) {
	.phomi-product .phomi-additional-features {
		height: auto;
	}

	.phomi-detail-texture-grid article {
		width: 100%;
	}
}

.phomi-feature__text p {
	font-family: "GTF Adieu TRIAL";
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 24px;
	/* text-transform: capitalize; */
}

/* Figma 385:2422 — Additional features typography (/product-detail/ only). */
body.page-template-page-product-detail .phomi-additional-features h2 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(24px, 2.5vw, 48px);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: clamp(32px, 3.333vw, 64px);
	/* text-transform: uppercase; */
}

body.page-template-page-product-detail .phomi-additional-features > div > p {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 26px;
}

body.page-template-page-product-detail .phomi-additional-features article h3 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 16px;
	margin-bottom: 15px;
	margin-top: 0;
	/* text-transform: uppercase; */
}

body.page-template-page-product-detail .phomi-additional-features .phomi-feature__text p {
	color: #333;
	font-family: "GTF Adieu TRIAL";
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 24px;
	margin-top: 0;
	/* text-transform: capitalize; */
}

.phomi-install {
	background-color: #F9F9F9;
	min-height: 66.875vw;
	text-align: center;
}

.phomi-install > h2 {
	font-style: normal;
	font-weight: 300;
	/* text-transform: uppercase; */
}

.phomi-install__divider {
	border: 2px solid #F2F2F2;
	width: 100%;
}

.phomi-install__divider.top {
	margin: 80px 0 0 0;
}

.phomi-install__tabs {
	display: flex;
	gap: 80px;
	justify-content: space-evenly;
	margin: 26px 0;
}

.phomi-install__tabs span {
	text-align: center;
	border-bottom: 2px solid transparent;
	font-family: "GTF Adieu TRIAL";
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 24px;
	padding-bottom: 10px;
	/* text-transform: capitalize; */
}

.phomi-install__tabs span.is-active {
	border-color: var(--phomi-blue);
}

.phomi-install__content {
	margin-top: 4.166667vw;
	text-align: left;
}

.phomi-install__content h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 56px;
	/* text-transform: uppercase; */
}

.phomi-install__content > p {
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 24px;
	/* text-transform: capitalize; */
}

.phomi-install__media {
	align-items: center;
	display: grid;
	gap: 4.166667vw;
	grid-template-columns: 1fr 1fr;
	margin-top: 40px;
}

.phomi-install__image img {
	height: 611px;
	object-fit: cover;
	width: 706px;
}

.phomi-install__video {
	position: relative;
}

.phomi-install__video video {
	height: 31.822917vw;
	object-fit: cover;
	width: 100%;
}

.phomi-install__play {
	align-items: center;
	background: #fff;
	border-radius: 50%;
	display: flex;
	height: 64px;
	justify-content: space-evenly;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
}

.phomi-install__play::after {
	border-left: 18px solid #000;
	border-bottom: 11px solid transparent;
	border-top: 11px solid transparent;
	content: "";
	height: 0;
	margin-left: 4px;
	width: 0;
}

.phomi-reference-cases {
	min-height: 72.8125vw;
	padding-top: 6.25vw;
	text-align: center;
}

.phomi-reference-cases h2 {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(28px, 3.125vw, 60px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: clamp(22px, 2.292vw, 44px);
	/* text-transform: uppercase; */
}

.phomi-reference-cases__subtitle {
	font-family: "GTF Adieu TRIAL";
	font-size: 18px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 26px;
	margin: 20px 0 0;
}

.phomi-reference-cases__grid {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 60px;
	text-align: left;
}

.phomi-reference-cases__media {
	aspect-ratio: 1.38 / 1;
	overflow: hidden;
	width: 100%;
}

.phomi-reference-cases img {
	aspect-ratio: 1.38 / 1;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.35s ease;
	width: 100%;
}

.phomi-reference-cases article:hover img,
.phomi-reference-cases article:focus-within img {
	transform: scale(1.1);
}

.phomi-reference-cases h3 {
	font-family: "GTF Adieu TRIAL";
	font-weight: 300;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 0;
	color: #1a1a1a;
	margin-top: 12px;
	margin-bottom: 0;
	text-decoration: none;
}

.phomi-reference-cases__card {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

.phomi-reference-cases__card:hover,
.phomi-reference-cases__card:focus {
	color: inherit;
	text-decoration: none;
	font-weight: inherit;
}

.phomi-product-detail-page .phomi-footer {
	min-height: 8.333333vw;
}

body.page-template-page-ecovering .phomi-product--ecovering {
	width: 100%;
	max-width: none;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero {
	background: none;
	display: block;
	height: auto;
	min-height: 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__media {
	line-height: 0;
	position: relative;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__media::after {
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.06));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__media img {
	display: block;
	height: auto;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero .phomi-header,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero .phomi-menu-scrim {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content {
	bottom: clamp(32px, 3.645833vw, 70px);
	left: clamp(22px, 3.645833vw, 70px);
	position: absolute;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	top: auto;
	z-index: 2;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content h1 {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(48px, 3.645833vw, 70px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	/* text-transform: uppercase; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content p {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.041667vw, 20px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.4;
	margin-top: 17px;
	opacity: 1;
	/* text-transform: capitalize; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro {
	align-items: center;
	gap: 3.125vw;
	grid-template-columns: 700fr 1000fr;
	max-width: none;
	min-height: 0;
	padding: 4.166667vw 0 4.166667vw 8.333333vw;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro h2,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages h2,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison h2,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures h2,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications h2 {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(34px, 2.5vw, 48px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.333;
	/* text-transform: uppercase; */
	color: #000000;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison h2 {
	font-size: clamp(22px, 2.5vw, 48px);
	white-space: nowrap;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro h2 {
	color: #000;
	font-size: clamp(40px, 3.125vw, 60px);
	font-weight: 700;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro > div {
	margin-top: 0;
	padding-top: 0;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro > div:first-child {
	margin-top: 0;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-certifications h2 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(28px, 2.083vw, 40px);
	font-weight: 400;
	letter-spacing: 0;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 32px;
	margin-top: -25px;
	/* text-transform: capitalize; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro p {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.75;
	margin-top: 2.083333vw;
	max-width: 748px;
	opacity: 0.7;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro__media {
	position: relative;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro__media::after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
	bottom: 0;
	content: "";
	height: 157px;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: min(817px, 100%);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro img {
	height: 36.145833vw;
	max-height: 694px;
	object-fit: cover;
	width: 52.083333vw;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages {
	background: #f8f8f8;
	min-height: 58.541667vw;
	padding: 5.729167vw 3.645833vw 6.25vw;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages__grid {
	gap: 5.208333vw 4.166667vw;
	margin-top: 4.166667vw;
	max-width: none;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages article {
	min-height: 18.75vw;
	padding-right: 1.125vw;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.667;
	/* text-transform: capitalize; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages p {
	font-family: "GTF Adieu TRIAL";
	color: #333;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.714;
	max-width: 500px;
	/* text-transform: capitalize; */
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-performance-comparison {
	background: #fff;
	padding: 6.25vw 0 6.771vw;
	width: 100%;
}

.phomi-performance-comparison__inner {
	margin: 0 auto;
	max-width: 1780px;
	padding: 0 3.646vw;
}

.phomi-performance-comparison__title {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(24px, 2.5vw, 48px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: clamp(32px, 3.333vw, 64px);
	margin: 0 auto;
	max-width: 1267px;
	text-align: center;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__subtitle {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(16px, 1.25vw, 24px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 2;
	margin: 16px 0 0;
	text-align: center;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__divider {
	background: #000;
	border: 0;
	height: 1px;
	margin: 3.125vw 0 0;
	width: 100%;
}

.phomi-performance-comparison__grid {
	display: grid;
	gap: 0;
	grid-template-columns: 991fr 722fr;
	margin-top: 2.604vw;
}

.phomi-performance-comparison__left {
	padding-right: 5.208vw;
}

.phomi-performance-comparison__section-header {
	align-items: center;
	display: flex;
	gap: 0.677vw;
	margin-bottom: 0.729vw;
}

.phomi-performance-comparison__section-header img {
	height: 1.458vw;
	width: 1.458vw;
}

.phomi-performance-comparison__section-label {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 48px;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__scope-card {
	border: 1px solid #e6e6e6;
	margin-bottom: 0.729vw;
	padding: 0.729vw 0.729vw 0.729vw 1.458vw;
}

.phomi-performance-comparison__scope-card p {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.833vw, 16px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 3;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-card {
	border: 1px solid #e6e6e6;
	display: grid;
	gap: 0;
	grid-template-columns: 210fr 781fr;
	margin-bottom: 0.729vw;
}

.phomi-performance-comparison__metric-category {
	color: #666;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 20px;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-left {
	align-items: flex-start;
	border-right: 1px solid #e6e6e6;
	display: flex;
	flex-direction: column;
	height: 150px;
	justify-content: space-evenly;
	padding: 0.938vw;
	width: 210px;
}

.phomi-performance-comparison__metric-value {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(20px, 1.458vw, 28px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.714;
}

.phomi-performance-comparison__metric-label {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 1.429;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__metric-sub {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(12px, 0.729vw, 14px);
	font-weight: 300;
	letter-spacing: 0;
	line-height: 3.429;
	/* text-transform: lowercase; */
}

.phomi-performance-comparison__metric-right {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	padding: 0.938vw 1.563vw;
}

.phomi-performance-comparison__metric-desc {
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.833vw, 18px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 28px;
	margin: 0;
	/* text-transform: capitalize; */
}

.phomi-performance-comparison__metric-desc--bold {
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	/* text-transform: uppercase; */
}

.phomi-performance-comparison__right {
	display: flex;
	flex-direction: column;
}

.phomi-performance-comparison__right > .phomi-performance-comparison__media {
	margin-top: 60px;
	width: 100%;
}

.phomi-performance-comparison__cta {
	align-items: center;
	border-bottom: 2px solid #000;
	color: inherit;
	display: flex;
	
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(14px, 0.938vw, 18px);
	font-weight: 400;
	justify-content: space-between;
	letter-spacing: 0;
	line-height: 2.667;
	margin-top: 6.90vw;
	padding-bottom: 0.729vw;
	text-decoration: none;
	/* text-transform: uppercase; */
}
.phomi-performance-comparison__cta img {
	height: 2.083vw;
	width: 2.083vw;
}
.phomi-product-comparison {
	gap: 3.125vw;
	grid-template-columns: 906fr 754fr;
	min-height: 52.083333vw;
	padding: 5.208333vw 3.645833vw -6.270833vw;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison table,
body.page-template-page-product .phomi-product .phomi-product-comparison table {
	font-size: 16px;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison th,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison td,
body.page-template-page-product .phomi-product .phomi-product-comparison th,
body.page-template-page-product .phomi-product .phomi-product-comparison td {
	padding: 2.083333vw 1.5625vw;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__images,
body.page-template-page-product .phomi-product .phomi-product-comparison__images {
	gap: 18px;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure {
	height: 100%;
	margin: 0;
	min-height: 0;
	overflow: hidden;
	position: relative;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure::after {
	background: rgba(0, 0, 0, 0.5);
	content: "";
	inset: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 0.35s ease;
	z-index: 1;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure:hover::after,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure:focus-within::after {
	opacity: 1;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure img {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__figure:nth-child(3) {
	grid-row: 2 / 4;
}

@media (min-width: 1025px) {
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison,
	body.page-template-page-product .phomi-product .phomi-product-comparison {
		align-items: stretch;
		column-gap: 3.125vw;
		grid-template-columns: 906fr 754fr;
		grid-template-rows: auto auto minmax(0, 1fr);
		row-gap: 1.5625vw;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__header,
	body.page-template-page-product .phomi-product .phomi-product-comparison__header {
		grid-column: 1;
		grid-row: 1;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__subtitle,
	body.page-template-page-product .phomi-product .phomi-product-comparison__subtitle {
		grid-column: 1;
		grid-row: 2;
		margin: 0;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__table,
	body.page-template-page-product .phomi-product .phomi-product-comparison__table {
		display: flex;
		flex-direction: column;
		grid-column: 1;
		grid-row: 3;
		height: 100%;
		min-height: 0;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__table table,
	body.page-template-page-product .phomi-product .phomi-product-comparison__table table {
		border-spacing: 0;
		flex: 1 1 0;
		height: 100%;
		margin-top: 0;
		min-height: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison thead th,
	body.page-template-page-product .phomi-product .phomi-product-comparison thead th {
		height: auto;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison tbody,
	body.page-template-page-product .phomi-product .phomi-product-comparison tbody {
		height: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison tbody tr,
	body.page-template-page-product .phomi-product .phomi-product-comparison tbody tr {
		height: 25%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__images,
	body.page-template-page-product .phomi-product .phomi-product-comparison__images {
		align-self: stretch;
		grid-column: 2;
		grid-row: 1 / -1;
		grid-template-rows: repeat(3, minmax(0, 1fr));
		height: 100%;
		min-height: 0;
	}
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures {
	max-width: none;
	/* min-height: 88.229167vw; */
	padding: 5.208333vw 3.333333vw 6.25vw;
	width: 100%;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures__grid {
	gap: 2.1875vw 1.666667vw;
	margin-top: 3.125vw;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article .phomi-product-textures__media {
	aspect-ratio: 576 / 370;
	overflow: hidden;
	position: relative;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article img {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.45s ease, transform 0.45s ease;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article img.is-hover {
	inset: 0;
	opacity: 0;
	position: absolute;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover):hover img,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures article:has(.is-hover):focus-within img {
	transform: scale(1.06);
}

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

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

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

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-applications article.is-active .phomi-product-applications__media img {
	transform: scale(1.06);
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	margin-top: 18px;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures p {
	color: #000;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications {
	background: #f9f9f9;
	max-width: none;
	/* min-height: 109.53125vw; */
	padding: 5.729167vw 3.333333vw 7.291667vw;
	width: 100%;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications__grid {
	gap: 3.125vw 1.666667vw;
	margin-top: 3.125vw;
}
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article {
	cursor: pointer;
	position: relative;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article .phomi-product-applications__media {
	aspect-ratio: 576 / 430;
	overflow: hidden;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article .phomi-product-applications__media img {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article:hover .phomi-product-applications__media img,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article:focus-within .phomi-product-applications__media img {
	transform: scale(1.06);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article a {
	display: block;
	text-decoration: none;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article a h3 {
	color: #000;
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article a:hover h3 {
	color: var(--phomi-blue);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications article p {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

body.page-template-page-product .phomi-product-applications article .phomi-product-applications__media {
	aspect-ratio: 1.34 / 1;
	overflow: hidden;
}

body.page-template-page-product .phomi-product-applications article img {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

body.page-template-page-product .phomi-product-applications article:hover img,
body.page-template-page-product .phomi-product-applications article:focus-within img {
	transform: scale(1.1);
}

body.page-template-page-product .phomi-product-gallery figure a {
	display: block;
	height: 100%;
}

body.page-template-page-product .phomi-product-gallery figure {
	overflow: hidden;
}

body.page-template-page-product .phomi-product-gallery img {
	display: block;
	transition: transform 0.45s ease;
}

body.page-template-page-product .phomi-product-gallery figure:hover img,
body.page-template-page-product .phomi-product-gallery figure:focus-within img {
	transform: scale(1.1);
}

body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	margin-top: 18px;
}
@media (max-width: 1180px) {
	.phomi-header {
		background: rgba(0, 0, 0, 0.5);
		height: auto;
		position: absolute;
	}

	.phomi-header__inner {
		align-items: center;
		display: flex;
		gap: 24px;
		justify-content: space-between;
		padding: 18px 28px;
	}

	.phomi-logo,
	.phomi-nav {
		left: auto;
		position: relative;
		top: auto;
	}

	.phomi-logo {
		width: 140px;
	}

	.phomi-nav {
		overflow-x: auto;
	}

	.phomi-nav ul {
		gap: 18px;
	}

	.phomi-nav a {
		font-size: 12px;
		line-height: 16px;
	}

	.phomi-mega-menu,
	.phomi-menu-scrim {
		display: none;
	}

	.phomi-product-hero__content {
		left: 28px;
	}

	.phomi-product-intro,
	.phomi-product-comparison,
	.phomi-product-certifications,
	.phomi-more-materials,
	.phomi-detail-intro,
	.phomi-product-board,
	.phomi-value-card__content,
	.phomi-additional-features,
	.phomi-install__content {
		grid-template-columns: 1fr;
	}

	.phomi-feature--image-right,
	.phomi-feature--image-left {
		gap: 18px;
		grid-template-columns: 1fr;
	}

	.phomi-product .phomi-additional-features {
		padding: 0 clamp(28px, 4vw, 70px);
	}

	.phomi-feature--image-right .phomi-feature__text,
	.phomi-feature--image-left .phomi-feature__text {
		padding-left: 0;
		padding-right: 0;
	}

	.phomi-product-advantages__grid,
	.phomi-product-textures__grid,
	.phomi-product-applications__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.phomi-product-gallery__grid,
	.phomi-more-materials__right,
	.phomi-detail-texture-grid,
	.phomi-reference-cases__grid,
	.phomi-footer {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.phomi-product-board {
		gap: 0;
	}

	.phomi-product-board__preview,
	.phomi-product-board__specs {
		height: auto;
	}

	.phomi-product-board__hero-card img,
	.phomi-product-board__preview > img {
		min-height: 0;
	}

	.phomi-product-board__specs {
		min-height: 360px;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero {
		height: auto;
		min-height: 0;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content {
		bottom: clamp(28px, 6vw, 48px);
		left: 28px;
		top: auto;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-performance-comparison {
		background: #fff;
		padding: 6.25vw 3.645833vw 6.771vw;
		width: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro > div {
		margin-top: 0;
		padding-top: 0;
	}

	/* Performance Comparison：移动端纵向叠放，避免指标卡左右挤爆 */
	.phomi-performance-comparison,
	#primary.phomi-product .phomi-performance-comparison {
		padding: 56px 0 !important;
		width: 100% !important;
	}

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

	.phomi-performance-comparison__title,
	#primary.phomi-product .phomi-performance-comparison__title {
		font-size: clamp(24px, 2.5vw, 48px) !important;
		line-height: clamp(32px, 3.333vw, 64px) !important;
		max-width: 100% !important;
		text-align: left !important;
	}

	body.page-template-page-product-detail .phomi-additional-features h2 {
		font-size: clamp(24px, 2.5vw, 48px) !important;
		line-height: clamp(32px, 3.333vw, 64px) !important;
	}

	body.page-template-page-product-detail .phomi-reference-cases h2 {
		font-size: clamp(28px, 3.125vw, 60px) !important;
		line-height: clamp(22px, 2.292vw, 44px) !important;
	}

	.phomi-performance-comparison__subtitle,
	#primary.phomi-product .phomi-performance-comparison__subtitle {
		font-size: 14px !important;
		line-height: 1.5 !important;
		margin-top: 10px !important;
		text-align: left !important;
	}

	.phomi-performance-comparison__divider,
	#primary.phomi-product .phomi-performance-comparison__divider {
		margin: 24px 0 0 !important;
	}

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

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

	.phomi-performance-comparison__section-header,
	#primary.phomi-product .phomi-performance-comparison__section-header {
		gap: 10px !important;
		margin-bottom: 12px !important;
	}

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

	.phomi-performance-comparison__section-label,
	#primary.phomi-product .phomi-performance-comparison__section-label {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.phomi-performance-comparison__scope-card,
	#primary.phomi-product .phomi-performance-comparison__scope-card {
		margin-bottom: 20px !important;
		padding: 16px !important;
	}

	.phomi-performance-comparison__scope-card p,
	#primary.phomi-product .phomi-performance-comparison__scope-card p {
		font-size: 15px !important;
		line-height: 1.55 !important;
		overflow-wrap: break-word;
		word-break: normal !important;
	}

	.phomi-performance-comparison__metric-card,
	#primary.phomi-product .phomi-performance-comparison__metric-card {
		display: flex !important;
		flex-direction: column !important;
		gap: 0 !important;
		grid-template-columns: 1fr !important;
		margin-bottom: 14px !important;
		width: 100% !important;
	}

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

	.phomi-performance-comparison__metric-category,
	#primary.phomi-product .phomi-performance-comparison__metric-category {
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.phomi-performance-comparison__metric-value,
	#primary.phomi-product .phomi-performance-comparison__metric-value {
		font-size: clamp(26px, 8vw, 36px) !important;
		line-height: 1.15 !important;
	}

	.phomi-performance-comparison__metric-label,
	#primary.phomi-product .phomi-performance-comparison__metric-label {
		font-size: 13px !important;
		line-height: 1.4 !important;
	}

	.phomi-performance-comparison__metric-right,
	#primary.phomi-product .phomi-performance-comparison__metric-right {
		min-width: 0 !important;
		padding: 16px !important;
		width: 100% !important;
	}

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

	.phomi-performance-comparison__right,
	#primary.phomi-product .phomi-performance-comparison__right {
		order: 2;
		width: 100% !important;
	}

	.phomi-performance-comparison__right > .phomi-performance-comparison__media,
	#primary.phomi-product .phomi-performance-comparison__right > .phomi-performance-comparison__media {
		margin-top: 0 !important;
		width: 100% !important;
	}

	.phomi-performance-comparison__cta,
	#primary.phomi-product .phomi-performance-comparison__cta {
		font-size: 14px !important;
		line-height: 1.4 !important;
		margin-top: 20px !important;
		padding-bottom: 12px !important;
		width: 100% !important;
	}

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

	.phomi-product-comparison {
		grid-template-columns: 1fr;
		padding-left: 28px;
		padding-right: 28px;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro img,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__images {
		height: auto;
		max-height: none;
		width: 100%;
	}

}

@media (max-width: 720px) {
	.phomi-product-hero {
		height: 580px;
	}

	.phomi-detail-page-hero {
		height: 92vw;
		min-height: 360px;
	}

	.phomi-detail-page-hero__content {
		bottom: 32px;
		left: 22px;
		right: 22px;
	}

	.phomi-detail-page-hero__content h1 {
		font-size: 30px;
		letter-spacing: -0.03em;
	}

	.phomi-detail-page-hero__content p {
		font-size: 16px;
	}

	.phomi-product-intro,
.phomi-product-advantages,
.phomi-product-comparison,
.phomi-product-textures,
.phomi-product-applications,
.phomi-product-gallery,
.phomi-product-certifications,
.phomi-series-intro,
.phomi-more-materials,
.phomi-detail-intro,
.phomi-product-board,
.phomi-value-card,
.phomi-additional-features,
.phomi-install,
.phomi-reference-cases {
		padding: 56px 22px;
		width: 100%;
	}

	body.page-template-page-product-2 .phomi-detail-textures {
		padding-top: 66px;
	}

	.phomi-product-advantages__grid,
.phomi-product-textures__grid,
.phomi-product-applications__grid,
.phomi-product-gallery__grid,
.phomi-more-materials__right,
.phomi-detail-texture-grid,
.phomi-reference-cases__grid,
.phomi-footer {
		grid-template-columns: 1fr;
	}

	.phomi-section-head,
.phomi-tabs {
		align-items: flex-start;
		flex-direction: column;
	}

	.phomi-product-board {
		padding: 56px 30px;
	}

	.phomi-product-board__hero-card figcaption,
.phomi-product-board__preview > h2 {
		bottom: calc(104px + 12px);
		font-size: 24px;
		line-height: 1.35;
		left: 4px;
	}

	.phomi-product-board__swatches {
		--phomi-swatch-height: 28px;
		--phomi-swatch-pad-bottom: 4px;
		--phomi-swatch-pad-top: 10px;
		gap: 4px;
		grid-template-columns: 8px minmax(0, 1fr) 8px;
		height: auto;
		min-height: 32px;
		padding: var(--phomi-swatch-pad-top) 2px var(--phomi-swatch-pad-bottom);
	}

	.phomi-product-board__status {
		gap: 3px;
		max-width: calc(100% - 48px);
		top: 4px;
	}

	.phomi-product-board__status span {
		flex-basis: 12px;
		height: 2px;
		max-width: 18px;
		min-width: 8px;
		width: 12px;
	}

	.phomi-product-board__status span.is-active {
		height: 3px;
	}

	.phomi-product-board__arrow {
		font-size: 22px;
		height: 28px;
		width: 28px;
	}

	.phomi-product-board__arrow:first-of-type {
		left: 1px;
	}

	.phomi-product-board__arrow:last-of-type {
		right: 1px;
	}

	.phomi-product-board__swatch-track {
		--swatch-gap: 2px;
		gap: var(--swatch-gap);
		overflow-x: hidden;
		padding-inline: 24px;
	}

	.phomi-product-board__swatch {
		border-width: 1px;
		flex: 0 0 calc((100% - (5 * var(--swatch-gap))) / 6);
		height: 28px;
		max-width: calc((100% - (5 * var(--swatch-gap))) / 6);
		min-width: 0;
	}

	.phomi-product-board__swatch figcaption {
		bottom: 1px;
		font-size: 7px;
		left: 2px;
	}

	.phomi-product-board__specs {
		min-height: 0;
	}

	.phomi-product-board__spec-content {
		padding: 10px 6px 16px;
	}

	.phomi-product-board__specs h3 {
		font-size: 17px;
		margin-bottom: 8px;
	}

	.phomi-product-board__specs th,
	.phomi-product-board__specs td {
		font-size: 11px;
		line-height: 1.25;
		padding: 5px 4px;
	}

	.phomi-product-board__specs th {
		font-size: 9px;
		line-height: 1.3;
	}

	.phomi-product-board__specs thead tr,
	.phomi-product-board__specs tbody tr:first-child,
	.phomi-product-board__specs tbody tr:not(:first-child) {
		min-height: 0;
	}

	.phomi-product-board__specs a {
		font-size: 12px;
		height: 42px;
		margin: 8px 4px 4px;
		padding: 0 8px;
	}

	.phomi-footer {
		padding-left: 22px;
		padding-right: 22px;
	}

	body.page-template-page-ecovering,
body.page-template-page-ecovering .phomi-product--ecovering {
		max-width: 100%;
		overflow-x: hidden;
		width: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero {
		height: auto;
		min-height: 0;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content {
		bottom: 28px;
		left: 22px;
		right: 22px;
		top: auto;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content h1 {
		font-size: 54px;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-advantages,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-textures,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-applications {
		min-height: 0;
		padding: 56px 22px;
		width: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro img,
body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison__images {
		height: auto;
		max-height: none;
		width: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro > div,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro p {
		margin-top: 0;
		max-width: none;
		min-width: 0;
		overflow-wrap: anywhere;
		padding-top: 0;
		width: 100%;
	}

	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-intro p {
		margin-top: 24px;
	}

}

/* ==========================================================================
   Product Page 2 — "More Material choices" (Figma node 3:1116, Group 614)
   Scoped to page-template-page-product-2. Geometry targets Figma @1920.
   ========================================================================== */

body.page-template-page-product-2 .phomi-more-materials {
	background: #f9f9f9;
	margin: 0;
	max-width: none;
	padding: 6.771vw 3.75vw 6.25vw 3.646vw; /* 130 / 72 / 120 / 70 @1920 */
	width: 100%;
}

body.page-template-page-product-2 .phomi-more-materials__body {
	align-items: start;
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 838fr) minmax(0, 940fr); /* 838 : 940 @1920 */
}

body.page-template-page-product-2 .phomi-more-materials__copy {
	padding-top: 14px; /* title 144 vs images 130 from section top */
}

body.page-template-page-product-2 .phomi-more-materials__copy h2 {
	font-family: "GTF Adieu TRIAL";
	font-size: 48px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 64px;
	margin: 0;
	max-width: 504px;
	/* text-transform: uppercase; */
}

body.page-template-page-product-2 .phomi-more-materials__copy p {
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	margin: 23px 0 38px;
	opacity: 1;
}

body.page-template-page-product-2 .phomi-more-materials__copy a {
	align-items: center;
	border: var(--phomi-btn-border-width) solid #000;
	box-sizing: border-box;
	color: #000;
	display: inline-flex;
	flex-wrap: nowrap;
	font-family: "GTF Adieu TRIAL";
	font-size: var(--phomi-btn-font-size);
	font-weight: 400;
	gap: var(--phomi-btn-gap);
	height: var(--phomi-btn-height);
	justify-content: center;
	line-height: var(--phomi-btn-line-height);
	max-width: var(--phomi-btn-max-width);
	padding-inline: var(--phomi-btn-padding-inline);
	text-decoration: none;
	/* text-transform: none; */
	transition: transform 0.45s ease;
	white-space: nowrap;
	width: auto;
}

body.page-template-page-product-2 .phomi-more-materials__copy a:hover,
body.page-template-page-product-2 .phomi-more-materials__copy a:focus-visible {
	transform: scale(1.05);
}

body.page-template-page-product-2 .phomi-more-materials__copy a span {
	flex-shrink: 0;
}

body.page-template-page-product-2 .phomi-more-materials__copy a img {
	height: var(--phomi-btn-icon-size);
	width: var(--phomi-btn-icon-size);
}

body.page-template-page-product-2 .phomi-more-materials__right {
	margin: 0;
}

body.page-template-page-product-2 .phomi-more-materials__row {
	gap: 1.042vw; /* 20 @1920 */
}

body.page-template-page-product-2 .phomi-more-materials__row--top {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.page-template-page-product-2 .phomi-more-materials__row--bottom {
	grid-template-columns: 25.9375vw repeat(4, minmax(0, 15.625vw)); /* 498 spacer(+20 gap=518) + 4×300 @1920 */
	gap: 1.042vw;
	margin-top: 2.604vw; /* 50 @1920 */
}

body.page-template-page-product-2 .phomi-more-materials article .phomi-more-materials__media {
	overflow: hidden;
	width: 100%;
}

body.page-template-page-product-2 .phomi-more-materials article .phomi-more-materials__media img {
	aspect-ratio: 1 / 1;
	display: block;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

body.page-template-page-product-2 .phomi-more-materials article:hover .phomi-more-materials__media img,
body.page-template-page-product-2 .phomi-more-materials article:focus-within .phomi-more-materials__media img {
	transform: scale(1.1);
}

body.page-template-page-product-2 .phomi-more-materials article h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 26px;
	margin-top: 12px;
	/* text-transform: uppercase; */
}

@media (max-width: 720px) {
	body.page-template-page-product-2 .phomi-more-materials {
		padding: 56px 22px;
	}

	body.page-template-page-product-2 .phomi-more-materials__body {
		gap: 40px;
		grid-template-columns: 1fr;
	}

	body.page-template-page-product-2 .phomi-more-materials__copy {
		padding-top: 0;
	}

	body.page-template-page-product-2 .phomi-more-materials__copy h2 {
		font-size: 34px;
		line-height: 1.2;
		max-width: none;
	}

	body.page-template-page-product-2 .phomi-more-materials__copy p {
		margin: 16px 0 28px;
	}

	body.page-template-page-product-2 .phomi-more-materials__copy a {
		height: 56px;
		width: 200px;
	}

	body.page-template-page-product-2 .phomi-more-materials__row--top,
	body.page-template-page-product-2 .phomi-more-materials__row--bottom {
		gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 0;
	}

	body.page-template-page-product-2 .phomi-more-materials__row--bottom > div:first-child {
		display: none;
	}
}

/* ==========================================================================
   Product Page 2 — APPLICATION (align layout/typography with /ecovering/)
   Scoped to page-template-page-product-2. Link href/label logic unchanged.
   ========================================================================== */

body.page-template-page-product-2 .phomi-product-applications {
	background: #f9f9f9;
	margin: 0;
	max-width: none;
	min-height: 30.53125vw;
	padding: 5.729167vw 3.333333vw 7.291667vw;
	width: 100%;
}

body.page-template-page-product-2 .phomi-detail-applications {
	padding-top: 0;
}

body.page-template-page-product-2 .phomi-product-applications h2 {
	color: #000;
	font-family: "GTF Adieu TRIAL";
	font-size: clamp(34px, 2.5vw, 48px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.333;
	margin: 0;
	padding-top: 30px;
	/* text-transform: uppercase; */
}

body.page-template-page-product-2 .phomi-product-applications__grid {
	gap: 3.125vw 1.666667vw;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	margin-top: 3.125vw;
}

body.page-template-page-product-2 .phomi-product-applications article {
	cursor: pointer;
	position: relative;
}

body.page-template-page-product-2 .phomi-product-applications article .phomi-product-applications__particulars::before {
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

body.page-template-page-product-2 .phomi-product-applications article .phomi-product-applications__media {
	aspect-ratio: 576 / 430;
	overflow: hidden;
	width: 100%;
}

body.page-template-page-product-2 .phomi-product-applications article .phomi-product-applications__media img {
	aspect-ratio: auto;
	display: block;
	height: 100%;
	object-fit: cover;
	transition: transform 0.45s ease;
	width: 100%;
}

body.page-template-page-product-2 .phomi-product-applications article:hover .phomi-product-applications__media img,
body.page-template-page-product-2 .phomi-product-applications article:focus-within .phomi-product-applications__media img {
	transform: scale(1.06);
}

body.page-template-page-product-2 .phomi-product-applications h3 {
	font-family: "GTF Adieu TRIAL";
	font-size: 24px;
	margin-top: 18px;
	/* text-transform: none; */
}

body.page-template-page-product-2 .phomi-product-applications p {
	color: #555;
	font-size: 13px;
	font-weight: inherit;
	line-height: 1.55;
	margin: 8px 0 0;
}

@media (max-width: 1180px) {
	body.page-template-page-product-2 .phomi-product-applications__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	body.page-template-page-product-2 .phomi-product-applications {
		min-height: 0;
		padding: 56px 22px;
	}

	body.page-template-page-product-2 .phomi-product-applications h2 {
		font-size: 34px;
		line-height: 1.2;
	}

	body.page-template-page-product-2 .phomi-product-applications__grid {
		grid-template-columns: 1fr;
	}

	body.page-template-page-product-2 .phomi-product-applications h3 {
		font-size: 18px;
		margin-top: 14px;
	}

	body.page-template-page-product-2 .phomi-product-applications p {
		font-size: 13px;
	}
}

/* ==========================================================================
   Product Page 2 — "Series Intro" (Figma node 3:1110, Group 360)
   Scoped to page-template-page-product-2. Geometry targets Figma @1920.
   ========================================================================== */

body.page-template-page-product-2 .phomi-series-intro {
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 400px;
	padding: 20px 0;
}

body.page-template-page-product-2 .phomi-series-intro h2 {
	font-size: 60px;
	letter-spacing: 0;
	line-height: 80px;
	margin: 0;
	/* text-transform: uppercase; */
}

body.page-template-page-product-2 .phomi-series-intro p {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	margin: 35px 0 0;
	max-width: 1114px;
	opacity: 0.7;
	/* text-transform: capitalize; */
}

@media (max-width: 720px) {
	body.page-template-page-product-2 .phomi-series-intro {
		min-height: 0;
		padding: 56px 22px;
	}

	body.page-template-page-product-2 .phomi-series-intro h2 {
		font-size: 34px;
		line-height: 1.2;
	}

	body.page-template-page-product-2 .phomi-series-intro p {
		font-size: 14px;
		line-height: 1.6;
		margin-top: 16px;
	}
}

@media (max-width: 720px) {
	.phomi-product-hero__content,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content {
		bottom: 24px !important;
		left: 20px !important;
		max-width: calc(100% - 40px);
		right: auto !important;
		top: auto !important;
		width: auto;
	}

	.phomi-product-hero__content h1,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-hero__content h1 {
		font-size: clamp(32px, 10vw, 42px);
		line-height: 1.1;
	}

	.phomi-product-hero__content p {
		font-size: 16px;
		line-height: 1.35;
		margin-top: 12px;
	}

	.phomi-product-comparison__table {
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.phomi-product-comparison table {
		min-width: 0;
		width: 100%;
	}

	.phomi-product-comparison th,
	.phomi-product-comparison td,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison th,
	body.page-template-page-ecovering .phomi-product--ecovering .phomi-product-comparison td {
		font-size: 13px;
		line-height: 1.4;
		padding: 12px 10px;
	}
}