/* Public Shirt Comparison 1.0 */
.fcm-public-comparison,
.fcm-public-comparison *,
.fcm-public-comparison *::before,
.fcm-public-comparison *::after {
	box-sizing: border-box;
}

body.fcm-public-comparison-page {
	background: #000;
}

body.fcm-public-comparison-page .wp-block-post-title,
body.fcm-public-comparison-page .entry-title,
body.fcm-public-comparison-page .page-title,
body.fcm-public-comparison-page .entry-header,
body.fcm-public-comparison-page .page-header {
	display: none !important;
}

body.fcm-public-comparison-page .wp-site-blocks > main,
body.fcm-public-comparison-page .wp-site-blocks,
body.fcm-public-comparison-page .wp-block-post-content,
body.fcm-public-comparison-page .entry-content,
body.fcm-public-comparison-page main {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.fcm-public-comparison {
	--fcm-comparison-orange: #ff7417;
	--fcm-comparison-panel: #0c0c0c;
	--fcm-comparison-line: #292929;
	position: relative;
	left: 50%;
	width: min(calc(100vw - 40px), 1920px) !important;
	max-width: none !important;
	min-height: 70vh;
	margin: clamp(22px, 3.5vw, 58px) 0 clamp(50px, 6vw, 100px) !important;
	padding: 0 !important;
	background: transparent;
	color: #f6f6f6;
	transform: translateX(-50%);
}

.fcm-public-comparison > * {
	width: 100%;
	max-width: none;
}

.fcm-public-comparison__hero {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(440px, .65fr);
	align-items: center;
	gap: clamp(34px, 4vw, 70px);
	margin: 0;
	padding: clamp(32px, 3.2vw, 54px);
	border: 1px solid var(--fcm-comparison-line);
	border-radius: 22px 22px 0 0;
	background: linear-gradient(115deg, rgba(255, 116, 23, .13), transparent 44%), var(--fcm-comparison-panel);
}

.fcm-public-comparison__eyebrow {
	margin: 0 0 8px !important;
	color: var(--fcm-comparison-orange);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .18em;
	text-transform: uppercase;
}

.fcm-public-comparison__hero h1 {
	margin: 0 !important;
	color: var(--fcm-comparison-orange);
	font-family: inherit;
	font-size: clamp(40px, 4.25vw, 72px);
	font-weight: 800;
	letter-spacing: -.04em;
	line-height: .98;
}

.fcm-public-comparison__hero > div > p:last-child {
	max-width: 820px;
	margin: 18px 0 0 !important;
	color: #d2d2d2;
	font-size: clamp(15px, 1vw, 18px);
	line-height: 1.55;
}

.fcm-public-comparison__nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.fcm-public-comparison__nav a {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	padding: 10px 16px;
	border: 1px solid rgba(255, 116, 23, .55);
	border-radius: 999px;
	color: #ff7417 !important;
	font-size: 13px;
	font-weight: 750;
	text-decoration: none !important;
}

.fcm-public-comparison__nav a:hover,
.fcm-public-comparison__nav a:focus-visible {
	background: #ff7417;
	color: #000 !important;
}

.fcm-public-comparison__nav a.is-home {
	width: 44px;
	padding: 10px;
}

.fcm-public-comparison__nav svg {
	width: 20px;
	height: 20px;
	fill: currentColor;
}

.fcm-public-comparison__selector {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
	gap: 16px;
	padding: clamp(24px, 2.4vw, 38px) clamp(24px, 3.2vw, 54px);
	border: 1px solid var(--fcm-comparison-line);
	border-top: 0;
	border-radius: 0 0 18px 18px;
	background: #080808;
}

.fcm-public-comparison__select {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.45fr);
	gap: 8px 12px;
}

.fcm-public-comparison__select label {
	grid-column: 1 / -1;
	color: #ff7417;
	font-size: .8rem;
	font-weight: 900;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.fcm-public-comparison__select input,
.fcm-public-comparison__select select {
	width: 100%;
	min-height: 50px;
	margin: 0;
	border: 1px solid #3a3a3a;
	border-radius: 8px;
	background: #171717;
	color: #f5f5f5;
	font: inherit;
}

.fcm-public-comparison__select input {
	padding: 10px 13px;
}

.fcm-public-comparison__select select {
	padding: 10px 36px 10px 13px;
}

.fcm-public-comparison__select input:focus,
.fcm-public-comparison__select select:focus {
	border-color: #ff7417;
	outline: 2px solid rgba(255, 116, 23, .22);
}

.fcm-public-comparison__select small {
	grid-column: 1 / -1;
	min-height: 16px;
	color: #aaa;
}

.fcm-public-comparison__versus {
	display: flex;
	width: 54px;
	height: 54px;
	align-items: center;
	align-self: center;
	justify-content: center;
	border: 2px solid #ff7417;
	border-radius: 50%;
	color: #ff7417;
	font-weight: 900;
}

.fcm-public-comparison__selector-actions {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	justify-content: center;
	gap: 10px 18px;
	flex-wrap: wrap;
	padding-top: 8px;
}

.fcm-public-comparison__selector-actions button {
	display: inline-flex;
	min-height: 50px;
	align-items: center;
	gap: 14px;
	padding: 11px 28px;
	border: 2px solid #ff7417;
	border-radius: 999px;
	background: #ff7417;
	color: #000;
	cursor: pointer;
	font: inherit;
	font-weight: 900;
}

.fcm-public-comparison__selector-actions button:hover,
.fcm-public-comparison__selector-actions button:focus-visible {
	background: transparent;
	color: #ff7417;
}

.fcm-public-comparison__selector-actions a {
	color: #ff7417 !important;
	font-size: .86rem;
	font-weight: 700;
}

.fcm-public-comparison__notice,
.fcm-public-comparison__empty {
	margin-top: 18px;
	padding: 16px 20px;
	border: 1px solid #393939;
	border-radius: 10px;
	background: #111;
	color: #d2d2d2;
}

.fcm-public-comparison__notice.is-error {
	border-color: #a73333;
	background: #210d0d;
	color: #ffb7b7;
}

.fcm-public-comparison__empty {
	padding: clamp(30px, 6vw, 90px);
	text-align: center;
}

.fcm-public-comparison__result {
	margin-top: 18px;
}

.fcm-public-comparison__score {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 14px;
	padding: 14px 20px;
	border: 1px solid #373737;
	border-radius: 12px;
	background: #111;
}

.fcm-public-comparison__score > div {
	display: flex;
	align-items: baseline;
	gap: 12px;
}

.fcm-public-comparison__score span {
	color: #aaa;
	font-size: .75rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.fcm-public-comparison__score strong {
	color: #ff7417;
	font-size: clamp(1.7rem, 3vw, 3rem);
}

.fcm-public-comparison__score p {
	margin: 0 !important;
	color: #c2c2c2;
}

.fcm-public-comparison__products {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.fcm-public-comparison__product {
	display: grid;
	grid-template-columns: minmax(150px, 36%) minmax(0, 1fr);
	gap: clamp(16px, 2.4vw, 30px);
	align-items: center;
	overflow: hidden;
	border: 1px solid #303030;
	border-radius: 16px;
	background: var(--fcm-comparison-panel);
}

.fcm-public-comparison__image {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: #181818;
}

.fcm-public-comparison__image img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 !important;
	object-fit: cover;
}

.fcm-public-comparison__product > div {
	padding: 18px 24px 18px 0;
}

.fcm-public-comparison__product h2 {
	margin: 0 0 16px !important;
	color: #ff7417;
	font-size: clamp(1.25rem, 2.2vw, 2.25rem);
	line-height: 1.08;
}

.fcm-public-comparison__product-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f2f2f2 !important;
	font-weight: 800;
	text-decoration: none !important;
}

.fcm-public-comparison__photos {
	margin-top: 16px;
	padding: clamp(18px, 2.3vw, 30px);
	border: 1px solid #303030;
	border-radius: 16px;
	background: var(--fcm-comparison-panel);
}

.fcm-public-comparison__section-heading {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 18px;
}

.fcm-public-comparison__section-heading span {
	color: #ff7417;
	font-size: .7rem;
	font-weight: 900;
	letter-spacing: .11em;
	text-transform: uppercase;
}

.fcm-public-comparison__section-heading h2 {
	margin: 3px 0 0 !important;
	color: #f4f4f4;
	font-size: clamp(1.4rem, 2.5vw, 2.5rem);
}

.fcm-public-comparison__section-heading p {
	margin: 0 !important;
	color: #aaa;
	font-size: .86rem;
}

.fcm-public-comparison__photo-table {
	overflow: hidden;
	border: 1px solid #303030;
	border-radius: 12px;
}

.fcm-public-comparison__photo-row {
	display: grid;
	grid-template-columns: minmax(120px, .4fr) repeat(2, minmax(0, 1fr));
	border-top: 1px solid #303030;
}

.fcm-public-comparison__photo-row:first-child {
	border-top: 0;
}

.fcm-public-comparison__photo-row > h3 {
	margin: 0 !important;
	padding: 16px;
	border-right: 1px solid #303030;
	color: #ff7417;
	font-size: .9rem;
}

.fcm-public-comparison__photo-cell {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
	gap: 8px;
	min-height: 150px;
	padding: 8px;
	border-right: 1px solid #303030;
	background: #111;
}

.fcm-public-comparison__photo-cell:last-child {
	border-right: 0;
}

.fcm-public-comparison__photo-cell img {
	display: block;
	width: 100%;
	height: clamp(150px, 24vw, 360px);
	margin: 0 !important;
	object-fit: contain;
	background: #181818;
}

.fcm-public-comparison__photo-cell > span {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 140px;
	color: #cc7777;
	font-size: .82rem;
	font-style: italic;
	text-align: center;
}

.fcm-public-comparison__product-link:hover,
.fcm-public-comparison__product-link:focus-visible {
	color: #ff7417 !important;
}

.fcm-public-comparison__legend {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	flex-wrap: wrap;
	margin: 18px 0 10px;
}

.fcm-public-comparison__legend span {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 10px;
	border: 1px solid #333;
	border-radius: 999px;
	color: #bbb;
	font-size: .76rem;
	font-weight: 700;
}

.fcm-public-comparison__legend i,
.fcm-public-comparison__row-label i {
	display: inline-block;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #777;
}

.fcm-public-comparison__legend .is-same i,
.fcm-public-comparison__row.is-same .fcm-public-comparison__row-label i { background: #44c879; }
.fcm-public-comparison__legend .is-different i,
.fcm-public-comparison__row.is-different .fcm-public-comparison__row-label i { background: #ff7417; }
.fcm-public-comparison__legend .is-missing i,
.fcm-public-comparison__row.is-missing .fcm-public-comparison__row-label i { background: #e14d4d; }

.fcm-public-comparison__table {
	overflow: hidden;
	border: 1px solid #333;
	border-radius: 14px;
	background: #0d0d0d;
}

.fcm-public-comparison__table-head,
.fcm-public-comparison__row {
	display: grid;
	grid-template-columns: minmax(150px, .65fr) repeat(2, minmax(220px, 1fr));
}

.fcm-public-comparison__table-head {
	background: #1b1b1b;
}

.fcm-public-comparison__table-head > *,
.fcm-public-comparison__row > * {
	padding: 15px 18px;
	border-right: 1px solid #303030;
}

.fcm-public-comparison__table-head > *:last-child,
.fcm-public-comparison__row > *:last-child {
	border-right: 0;
}

.fcm-public-comparison__table-head > span {
	color: #aaa;
	font-size: .74rem;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.fcm-public-comparison__table-head strong {
	color: #ff7417;
}

.fcm-public-comparison__row {
	border-top: 1px solid #2c2c2c;
}

.fcm-public-comparison__row:nth-child(odd) {
	background: #121212;
}

.fcm-public-comparison__row-label {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	color: #e4e4e4;
	font-weight: 800;
}

.fcm-public-comparison__row > span:not(.fcm-public-comparison__row-label) {
	color: #d1d1d1;
}

.fcm-public-comparison__row > span.is-empty {
	color: #e87979;
	font-style: italic;
}

.fcm-public-comparison__row.is-same {
	box-shadow: inset 4px 0 #44c879;
}

.fcm-public-comparison__row.is-different {
	box-shadow: inset 4px 0 #ff7417;
}

.fcm-public-comparison__row.is-missing {
	box-shadow: inset 4px 0 #e14d4d;
}

.fcm-product-compare-action {
	margin: 20px 0;
	padding: 14px 16px;
	border: 1px solid rgba(255, 116, 23, .6);
	border-radius: 9px;
	background: rgba(255, 116, 23, .06);
}

.fcm-product-compare-action a {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	color: #ff7417 !important;
	font-weight: 900;
	text-decoration: none !important;
}

.fcm-product-compare-action a span {
	font-size: 1.3em;
}

.fcm-product-compare-action small {
	display: block;
	margin-top: 4px;
	color: inherit;
	opacity: .72;
}

.fcm-public-comparison-entry {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	width: min(calc(100% - 32px), 1500px);
	margin: 22px auto;
	padding: clamp(18px, 2.4vw, 28px);
	border: 1px solid rgba(255, 116, 23, .52);
	border-radius: 14px;
	background: radial-gradient(circle at 0 0, rgba(255, 116, 23, .17), transparent 48%), #0d0d0d;
	color: #f5f5f5;
}

.fcm-public-comparison-entry div > * {
	display: block;
}

.fcm-public-comparison-entry div > span {
	margin-bottom: 5px;
	color: #ff7417;
	font-size: .72rem;
	font-weight: 900;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.fcm-public-comparison-entry div > strong {
	color: #ff7417;
	font-size: clamp(1.2rem, 2vw, 2rem);
}

.fcm-public-comparison-entry div > small {
	margin-top: 5px;
	color: #c7c7c7;
}

.fcm-public-comparison-entry > a {
	display: inline-flex;
	min-height: 46px;
	align-items: center;
	gap: 10px;
	padding: 10px 18px;
	border: 2px solid #ff7417;
	border-radius: 999px;
	background: #ff7417;
	color: #000 !important;
	font-weight: 900;
	text-decoration: none !important;
	white-space: nowrap;
}

.fcm-public-comparison-entry > a:hover,
.fcm-public-comparison-entry > a:focus-visible {
	background: transparent;
	color: #ff7417 !important;
}

@media (max-width: 1100px) {
	.fcm-public-comparison__hero { grid-template-columns: 1fr; }
	.fcm-public-comparison__nav { justify-content: flex-start; }
	.fcm-public-comparison__select { grid-template-columns: 1fr; }
	.fcm-public-comparison__select label,
	.fcm-public-comparison__select small { grid-column: auto; }
}

@media (max-width: 800px) {
	.fcm-public-comparison__selector { grid-template-columns: 1fr; }
	.fcm-public-comparison__versus { margin: -2px auto; }
	.fcm-public-comparison__selector-actions { grid-column: auto; }
	.fcm-public-comparison__products { grid-template-columns: 1fr; }
	.fcm-public-comparison__score { align-items: flex-start; flex-direction: column; }
	.fcm-public-comparison__table { overflow-x: auto; }
	.fcm-public-comparison__table-head,
	.fcm-public-comparison__row { min-width: 720px; }
	.fcm-public-comparison-entry { align-items: flex-start; flex-direction: column; }
	.fcm-public-comparison__section-heading { align-items: flex-start; flex-direction: column; }
	.fcm-public-comparison__photo-table { overflow-x: auto; }
	.fcm-public-comparison__photo-row { min-width: 720px; }
}

@media (max-width: 520px) {
	.fcm-public-comparison { width: calc(100vw - 20px) !important; }
	.fcm-public-comparison__hero { padding: 20px 16px; }
	.fcm-public-comparison__nav a:not(.is-home) { width: 100%; }
	.fcm-public-comparison__selector-actions { align-items: stretch; flex-direction: column; }
	.fcm-public-comparison__selector-actions button { justify-content: center; }
	.fcm-public-comparison__product { grid-template-columns: 120px minmax(0, 1fr); }
	.fcm-public-comparison__product > div { padding: 14px 14px 14px 0; }
}

/* v8.11.13-v2 — mobile comparison without horizontal scrolling. */
@media (max-width: 767px) {
	.fcm-public-comparison__table,
	.fcm-public-comparison__photo-table { overflow: visible !important; }
	.fcm-public-comparison__table-head,
	.fcm-public-comparison__row,
	.fcm-public-comparison__photo-row {
		min-width: 0 !important;
		width: 100% !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
	.fcm-public-comparison__table-head > :first-child,
	.fcm-public-comparison__row-label,
	.fcm-public-comparison__photo-row > h3 {
		grid-column: 1 / -1;
		border-right: 0 !important;
		border-bottom: 1px solid #303030;
	}
	.fcm-public-comparison__table-head > *,
	.fcm-public-comparison__row > * {
		min-width: 0;
		padding: 11px 10px;
		overflow-wrap: anywhere;
	}
	.fcm-public-comparison__row > span:not(.fcm-public-comparison__row-label):nth-child(2),
	.fcm-public-comparison__table-head > *:nth-child(2),
	.fcm-public-comparison__photo-cell:nth-of-type(1) {
		border-right: 1px solid #303030 !important;
	}
	.fcm-public-comparison__photo-cell {
		min-width: 0;
		min-height: 110px;
		grid-template-columns: 1fr;
		padding: 6px;
	}
	.fcm-public-comparison__photo-cell img {
		height: auto;
		max-height: 42vw;
		object-fit: contain;
	}
	.fcm-public-comparison__products { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.fcm-public-comparison__product {
		grid-template-columns: 1fr;
		align-content: start;
	}
	.fcm-public-comparison__product > div { padding: 10px 12px 14px; }
	.fcm-public-comparison__product h2 { font-size: clamp(.9rem, 4vw, 1.15rem); margin-bottom: 9px !important; }
	.fcm-public-comparison__image { aspect-ratio: 4 / 5; }
}


/* ================================================================
   FCM v9.7.9 — comparison card interaction + clean image canvas
   ================================================================ */
.fcm-product-compare-action{
	position:relative;
	cursor:pointer;
	transition:border-color .16s ease,background .16s ease,transform .16s ease;
}
.fcm-product-compare-action>a{
	position:static;
}
.fcm-product-compare-action>a::after{
	content:"";
	position:absolute;
	inset:0;
	z-index:4;
	border-radius:inherit;
}
.fcm-product-compare-action:hover,
.fcm-product-compare-action:focus-within{
	border-color:#ff7417;
	background:rgba(255,116,23,.11);
}
.fcm-product-compare-action:focus-within{
	outline:2px solid rgba(255,116,23,.7);
	outline-offset:2px;
}

/* Real comparison photos must never use the Photos Coming Soon artwork as a
   CSS background. Missing images may still use the actual placeholder image. */
.fcm-public-comparison__product img:not(.fcm-photos-coming-soon),
.fcm-public-comparison__photo-cell img:not(.fcm-photos-coming-soon){
	background-image:none!important;
	background-color:#111!important;
}