/* Dimension Badges — seria ławki #14 (matryca + klony + mount USC) */



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges__selected {

	display: none !important;

}



body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badges-hidden {

	display: none !important;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-status,

body.hoker-bench14-dimension-badges-native .hoker-seat-layout-bench-width .hoker-mobile-slider-row > span {

	margin: 0 0 10px;

	color: #4a403a;

	font-size: 12px;

	font-weight: 800;

	line-height: 1.35;

	text-transform: uppercase;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-status__value,

body.hoker-bench14-dimension-badges-native .hoker-seat-layout-bench-width .hoker-mobile-slider-row > span strong {

	color: #8d1c2f;

	font-size: 13px;

	font-weight: 800;

	text-transform: uppercase;

}



body.hoker-bench14-dimension-badges-native .hoker-seat-layout-bench-width .hoker-bench14-dimension-badges-wrap--native {

	display: flex;

	flex-direction: column;

	gap: 0;

	width: 100%;

	margin-top: 0;

}



body.hoker-bench14-dimension-badges-native .hoker-seat-layout-bench-width #hoker-mobile-sliders .hoker-bench14-dimension-badges-wrap--native {

	margin-top: 0;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges-wrap,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badges-wrap {

	display: flex;

	flex-direction: column;

	gap: 0;

	width: 100%;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badges {

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 7px;

	width: 100%;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge {

	appearance: none;

	border: 2px solid rgba(118, 0, 34, 0.16);

	border-radius: 10px;

	background: #fffaf4;

	color: #241f1c;

	font-size: 0.78rem;

	font-weight: 700;

	line-height: 1.2;

	padding: 9px 4px;

	text-align: center;

	cursor: pointer;

	transition: border-color 0.18s ease, box-shadow 0.18s ease, background 0.18s ease;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge:hover,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge:hover {

	border-color: rgba(118, 0, 34, 0.42);

	background: #fff;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge.is-active,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge.is-active {

	border-color: #241f1c;

	box-shadow: 0 0 0 1px #241f1c;

	background: #fff;

	color: #241f1c;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge:focus-visible,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge:focus-visible {

	outline: 2px solid #760022;

	outline-offset: 2px;

}



/* Mruganie ramki kafelków — wzorzec DODATKI #8066 (twardy import) */

@keyframes hoker-summary-pill-pop {

	0% {

		transform: scale(1);

	}

	30% {

		transform: scale(1.1);

	}

	60% {

		transform: scale(0.97);

	}

	100% {

		transform: scale(1);

	}

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge {

	transform-origin: center center;

}



body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge.hoker-summary-pill-pop,

body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge.hoker-summary-pill-pop,

body.hoker-bench14-dimension-badges-scope .hoker-summary-pill-pop.hoker-bench14-dimension-badge,

body.hoker-bench14-dimension-badges-native .hoker-summary-pill-pop.hoker-bench14-dimension-badge {

	animation: hoker-summary-pill-pop 0.96s cubic-bezier(0.34, 1.45, 0.64, 1) !important;

	border-color: #8d1c2f !important;

	box-shadow: inset 0 0 0 1px rgba(141, 28, 47, 0.12) !important;

	background: #fffafa !important;

}



body.hoker-bench14-usc-mount-active .hoker-seat-configurator .hoker-bench14-dimension-badge.hoker-summary-pill-pop {

	animation: hoker-summary-pill-pop 0.96s cubic-bezier(0.34, 1.45, 0.64, 1) !important;

	border-color: #8d1c2f !important;

	box-shadow: inset 0 0 0 1px rgba(141, 28, 47, 0.12) !important;

	background: #fffafa !important;

}



body.hoker-bench14-dimension-badges-native .hoker-seat-layout-bench-width .h-field-width {

	padding: 14px 12px 12px;

	border: 1px solid rgba(139, 0, 0, 0.18);

	border-radius: 12px;

	background: #fff;

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);

	box-sizing: border-box;

}



/* Desktop — jeden rząd, pełna szerokość białego pola */

@media (min-width: 769px) {

	body.hoker-bench14-dimension-badges-scope #hoker-mobile-sliders,

	body.hoker-bench14-dimension-badges-scope .hoker-bench14-usc-sliders-bridge .hoker-bench14-usc-mobile-sliders-panel {

		display: flex;

		flex-direction: column;

		align-items: stretch;

		width: 100%;

		max-width: 100%;

		box-sizing: border-box;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-mobile-slider-title {

		width: 100%;

		margin-bottom: 8px;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-mobile-slider-row {

		display: flex !important;

		flex-direction: column !important;

		align-items: stretch !important;

		grid-template-columns: unset !important;

		width: 100% !important;

		max-width: 100% !important;

		margin: 0 !important;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-mobile-slider-row > span {

		width: 100%;

		margin-bottom: 10px;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges-wrap,

	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges-wrap--native {

		width: 100% !important;

		max-width: 100% !important;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges {

		display: flex !important;

		flex-direction: row !important;

		flex-wrap: nowrap !important;

		justify-content: space-between !important;

		align-items: stretch !important;

		gap: 6px !important;

		width: 100% !important;

		max-width: 100% !important;

		grid-template-columns: unset !important;

	}



	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge {

		flex: 1 1 0;

		min-width: 0;

		padding: 10px 2px;

		font-size: clamp(0.68rem, 0.72vw, 0.82rem);

	}

}



@media (max-width: 768px) {

	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges,

	body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badges {

		grid-template-columns: repeat(3, minmax(0, 1fr));

		gap: 7px;

	}

}



@media (max-width: 420px) {

	body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badges,

	body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badges {

		grid-template-columns: repeat(2, minmax(0, 1fr));

	}

}

/* Fala hint szerokości — ten sam wygląd co DODATKI / GRUBOŚĆ (#8194) */
body.hoker-bench14-dimension-badges-scope .hoker-bench14-dimension-badge.hoker-choice-card-hint,
body.hoker-bench14-dimension-badges-native .hoker-bench14-dimension-badge.hoker-choice-card-hint,
body.hoker-bench14-usc-mount-active .hoker-bench14-dimension-badge.hoker-choice-card-hint {
	border-color: #8d1c2f !important;
	box-shadow: inset 0 0 0 1px rgba(141, 28, 47, 0.12) !important;
	background: #fffafa !important;
}