/* Single fabric detail refinement. */
.single-fabric-page {
	background: #fff;
	color: #4b4f58;
}
.single-fabric-page .fabric-breadcrumbs {
	width: min(1200px, calc(100% - 48px));
	padding-top: 26px;
	font-size: 12px;
	color: #777b84;
}
.single-fabric-page .fabric-detail {
	width: min(1200px, calc(100% - 48px));
	grid-template-columns: minmax(0, 1.05fr) minmax(380px, .95fr);
	gap: 72px;
	padding-top: 28px;
	padding-bottom: 88px;
}
.single-fabric-page .fabric-gallery__main {
	aspect-ratio: 1;
	background: #f5f5f5;
}
.single-fabric-page .fabric-gallery__main img {
	object-fit: contain;
	cursor: zoom-in;
}
.single-fabric-page .fabric-gallery__thumbs {
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 12px;
}
.single-fabric-page .fabric-gallery__thumb {
	border-color: #ddd;
	background: #f5f5f5;
	transition: border-color .2s ease, opacity .2s ease;
}
.single-fabric-page .fabric-gallery__thumb:hover,
.single-fabric-page .fabric-gallery__thumb.is-active {
	border-color: #3d4760;
}
.single-fabric-page .fabric-gallery__thumb:not(.is-active):hover {
	opacity: .82;
}
.single-fabric-page .fabric-summary {
	padding-top: 20px;
}
.single-fabric-page .fabric-summary__category {
	margin: 0 0 12px;
	font-size: 12px;
	color: #799ec8;
	letter-spacing: .04em;
}
.single-fabric-page .fabric-summary h1 {
	max-width: 560px;
	margin: 0 0 22px;
	font-family: Ubuntu, Arial, sans-serif;
	font-size: 38px;
	font-weight: 700;
	line-height: 1.16;
	letter-spacing: 0;
	color: #3d4760;
}
.single-fabric-page .fabric-summary__intro {
	max-width: 560px;
	font-size: 15px;
	line-height: 1.7;
	color: #4b4f58;
}
.single-fabric-page .fabric-specs {
	margin: 32px 0 34px;
}
.single-fabric-page .fabric-specs > div {
	grid-template-columns: minmax(130px, 36%) 1fr;
	padding: 12px 0;
	border-color: #ddd;
	font-size: 14px;
}
.single-fabric-page .fabric-specs dt {
	font-weight: 700;
	color: #3d4760;
}
.single-fabric-page .fabric-specs dd {
	color: #4b4f58;
}
.single-fabric-page .fabric-inquiry-button {
	min-height: 46px;
	padding: 11px 28px;
	border: 1px solid #3d4760;
	background: #3d4760;
	color: #fff;
	font-size: 12px;
	letter-spacing: .04em;
}
.single-fabric-page .fabric-inquiry-button:hover {
	background: #fff;
	color: #3d4760;
}
.single-fabric-page .fabric-description {
	width: min(1200px, calc(100% - 48px));
	padding: 64px 0 76px;
	border-top: 1px solid #ddd;
}
.single-fabric-page .fabric-description > h2,
.single-fabric-page .related-fabrics h2 {
	font-size: 30px;
	font-weight: 700;
	color: #3d4760;
}
.single-fabric-page .fabric-description .entry-content {
	max-width: 820px;
	font-size: 15px;
	line-height: 1.75;
}
.single-fabric-page .fabric-inquiry {
	padding: 82px 0;
	background: #f5f5f5;
}
.single-fabric-page .fabric-inquiry__grid {
	width: min(1200px, calc(100% - 48px));
	grid-template-columns: minmax(0, .85fr) minmax(420px, 1.15fr);
	gap: 82px;
}
.single-fabric-page .fabric-inquiry .eyebrow {
	color: #799ec8;
	letter-spacing: .04em;
}
.single-fabric-page .fabric-inquiry h2 {
	max-width: 520px;
	font-size: 38px;
	font-weight: 700;
	color: #3d4760;
}
.single-fabric-page .fabric-inquiry__grid > div:first-child > p:last-child {
	max-width: 500px;
	font-size: 15px;
	line-height: 1.7;
}
.single-fabric-page .sureforms-shell {
	padding: 34px;
	border-color: #ddd;
	box-shadow: none;
}
.single-fabric-page .related-fabrics {
	width: min(1200px, calc(100% - 48px));
	padding: 76px 0 88px;
}
.single-fabric-page .related-fabrics .section-heading {
	margin-bottom: 34px;
}

@media (max-width: 900px) {
	.single-fabric-page .fabric-breadcrumbs,
	.single-fabric-page .fabric-detail,
	.single-fabric-page .fabric-description,
	.single-fabric-page .fabric-inquiry__grid,
	.single-fabric-page .related-fabrics {
		width: min(760px, calc(100% - 48px));
	}
	.single-fabric-page .fabric-detail {
		grid-template-columns: 1fr;
		gap: 32px;
		padding-bottom: 66px;
	}
	.single-fabric-page .fabric-summary {
		padding-top: 0;
	}
	.single-fabric-page .fabric-inquiry__grid {
		grid-template-columns: 1fr;
		gap: 38px;
	}
}

@media (max-width: 600px) {
	.single-fabric-page .fabric-breadcrumbs,
	.single-fabric-page .fabric-detail,
	.single-fabric-page .fabric-description,
	.single-fabric-page .fabric-inquiry__grid,
	.single-fabric-page .related-fabrics {
		width: calc(100% - 32px);
	}
	.single-fabric-page .fabric-breadcrumbs {
		padding-top: 18px;
	}
	.single-fabric-page .fabric-detail {
		padding-top: 20px;
		padding-bottom: 50px;
	}
	.single-fabric-page .fabric-gallery__thumbs {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	.single-fabric-page .fabric-summary h1 {
		font-size: 29px;
	}
	.single-fabric-page .fabric-specs > div {
		grid-template-columns: 110px 1fr;
		font-size: 13px;
	}
	.single-fabric-page .fabric-description {
		padding: 48px 0 56px;
	}
	.single-fabric-page .fabric-inquiry {
		padding: 56px 0;
	}
	.single-fabric-page .fabric-inquiry h2 {
		font-size: 30px;
	}
	.single-fabric-page .sureforms-shell {
		padding: 22px;
	}
	.single-fabric-page .related-fabrics {
		padding: 56px 0 64px;
	}
}