/**

 * Urządzenia (page 179) — zakładki produktów, układ szachownica.

 */



body.mbst-page-urzadzenia.mbst-premium-ui #Content {

	background: var(--mbst-surface-muted, #f4f6f9);

}



body.mbst-page-urzadzenia.mbst-premium-ui .entry-content > .section.mcb-section {

	padding-top: 0 !important;

	padding-bottom: 0 !important;

	margin-bottom: 0;

	background: transparent !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices {

	max-width: var(--mbst-content-max, 1200px);

	margin: 0 auto;

	padding: clamp(20px, 3vw, 40px) clamp(16px, 3vw, 32px) clamp(48px, 5vw, 72px);

}



/* ─── Pasek zakładek ─── */

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tabs {

	display: flex;

	flex-wrap: nowrap;

	gap: 8px;

	overflow-x: auto;

	overflow-y: hidden;

	-webkit-overflow-scrolling: touch;

	scrollbar-width: thin;

	padding: 4px 4px 16px;

	margin: 0 0 24px;

	border-bottom: 2px solid rgba(24, 34, 91, 0.1);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab {

	flex: 0 0 auto;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	min-height: 44px;

	padding: 10px 18px;

	border: 1px solid rgba(24, 34, 91, 0.12);

	border-radius: 999px;

	background: #fff;

	color: var(--mbst-navy, #18225b);

	font-family: var(--mbst-font, 'Plus Jakarta Sans', sans-serif);

	font-size: 0.8125rem;

	font-weight: 600;

	line-height: 1.25;

	cursor: pointer;

	transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;

	white-space: nowrap;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab:hover {

	border-color: var(--mbst-cyan, #54add6);

	color: var(--mbst-brand, #005596);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab.is-active,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab[aria-selected='true'] {

	background: linear-gradient(135deg, var(--mbst-navy, #18225b) 0%, #243570 100%);

	border-color: transparent;

	color: #fff;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab:focus-visible {

	outline: 2px solid var(--mbst-cyan, #54add6);

	outline-offset: 2px;

}



/* ─── Panel produktu ─── */

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-panels {

	position: relative;

	min-height: 200px;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel {

	display: none;

	animation: mbst-device-fade 0.35s ease;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel.is-active {

	display: block;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel[hidden] {

	display: none !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel.is-active[hidden] {

	display: block !important;

}



@keyframes mbst-device-fade {

	from {

		opacity: 0;

		transform: translateY(8px);

	}

	to {

		opacity: 1;

		transform: translateY(0);

	}

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .section.mcb-section {

	margin: 0 !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .section_wrapper {

	display: block !important;

	overflow: visible !important;

	padding: 0 !important;

	margin: 0;

	background: #fff;

	border-radius: 16px;

	border: 1px solid rgba(24, 34, 91, 0.08);

	box-shadow: none !important;

}



/* ─── Układ szachownica ─── */

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-layout--chess {

	display: flex;

	flex-direction: column;

	gap: 0;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-row {

	display: grid;

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

	min-height: 280px;

	border-top: 1px solid rgba(24, 34, 91, 0.08);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-row:first-child {

	border-top: none;

}



/* Mini-galeria zdjęć produktu */
body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery {

	display: flex;

	flex-direction: column;

	gap: 14px;

	width: 100%;

	height: 100%;

	padding: clamp(16px, 2.5vw, 24px);

	box-sizing: border-box;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__main {

	flex: 1 1 auto;

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 220px;

	background: #fff;

	border-radius: 12px;

	border: 1px solid rgba(24, 34, 91, 0.08);

	overflow: hidden;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__main-img {

	width: auto !important;

	max-width: 100%;

	max-height: min(380px, 40vh);

	height: auto !important;

	object-fit: contain;

	cursor: zoom-in;

	transition: transform 0.2s ease;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__main-img:hover {

	transform: scale(1.02);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumbs {

	display: flex;

	flex-wrap: nowrap;

	gap: 10px;

	overflow-x: auto;

	overflow-y: hidden;

	padding: 4px 2px 6px;

	-webkit-overflow-scrolling: touch;

	scrollbar-width: thin;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumb {

	flex: 0 0 auto;

	width: 72px;

	height: 72px;

	padding: 0;

	border: 2px solid rgba(24, 34, 91, 0.12);

	border-radius: 10px;

	background: #fff;

	cursor: pointer;

	overflow: hidden;

	transition: border-color 0.2s ease, box-shadow 0.2s ease;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumb:hover {

	border-color: var(--mbst-cyan, #54add6);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumb.is-active {

	border-color: var(--mbst-cyan, #54add6);

	box-shadow: 0 0 0 2px rgba(84, 173, 214, 0.25);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumb img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery--single .mbst-device-gallery__main {

	min-height: 260px;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery-legacy {

	position: absolute !important;

	width: 1px !important;

	height: 1px !important;

	overflow: hidden !important;

	clip: rect(0, 0, 0, 0) !important;

	white-space: nowrap !important;

	border: 0 !important;

	padding: 0 !important;

	margin: -1px !important;

	opacity: 0 !important;

	pointer-events: none !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-cell {

	display: flex;

	flex-direction: column;

	min-width: 0;

	margin: 0 !important;

	padding: 0 !important;

	float: none !important;

	width: auto !important;

	max-width: none !important;

	box-sizing: border-box;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-cell--text {

	background: #fff;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-cell--media {

	background: linear-gradient(180deg, #f8fafc 0%, #eef2f8 100%);

	justify-content: center;

	align-items: center;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-text {

	display: flex;

	flex-direction: column;

	height: 100%;

	min-height: 100%;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body {

	flex: 1 1 auto;

	width: 100% !important;

	float: none !important;

	margin: 0 !important;

	padding: clamp(24px, 3vw, 36px) clamp(20px, 3vw, 32px) !important;

	background: #fff !important;

	box-sizing: border-box;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside {

	flex: 0 0 auto;

	width: 100% !important;

	float: none !important;

	margin: 0 !important;

	padding: clamp(20px, 2.5vw, 28px) clamp(20px, 3vw, 32px) !important;

	background: linear-gradient(160deg, var(--mbst-navy, #18225b) 0%, #1e3070 55%, #243570 100%) !important;

	background-color: transparent !important;

	box-sizing: border-box;

	border-top: 1px solid rgba(24, 34, 91, 0.08);

	display: block !important;

	min-height: 0 !important;

	align-items: stretch !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-media {

	width: 100% !important;

	height: 100%;

	float: none !important;

	margin: 0 !important;

	padding: 0 !important;

	background: linear-gradient(180deg, #f8fafc 0%, #eef2f8 100%) !important;

	box-sizing: border-box;

	display: flex;

	align-items: stretch;

	justify-content: center;

}



/* Typografia */

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr p > b,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr > b,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr h2 {

	display: block;

	font-size: clamp(1.35rem, 2.5vw, 1.65rem) !important;

	font-weight: 700 !important;

	color: var(--mbst-navy, #18225b) !important;

	margin: 0 0 8px !important;

	letter-spacing: -0.02em;

	line-height: 1.25;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr > p:first-of-type b,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr > h2:first-child {

	padding-bottom: 4px;

	border-bottom: 3px solid var(--mbst-cyan, #54add6);

	display: inline-block;

	margin-bottom: 20px !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr p,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr h2,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr h3 {

	color: rgba(255, 255, 255, 0.94) !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr h1,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr h4,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr li,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr b,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr strong,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr span,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style],

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style*='#000'],

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style*='#005596'],

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style*='18225b'] {

	color: rgba(255, 255, 255, 0.94) !important;

	text-shadow: none !important;

}



/* Kontrast — nadpisanie subpages / theme na opisach w ciemnym pasie */

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-chess-aside .column_attr,

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-chess-aside .column_attr *:not(img):not(svg):not(path),

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#000000'] .column_attr,

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #000000'] .column_attr,

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#000000'] .column_attr p,

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #000000'] .column_attr p,

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style*='font-weight:700'],

body.mbst-page-urzadzenia.mbst-page-content.mbst-premium-ui .mbst-device-chess-aside .column_attr p[style*='font-weight: 700'] {

	color: rgba(255, 255, 255, 0.94) !important;

	background: transparent !important;

	background-color: transparent !important;

	-webkit-text-fill-color: currentColor !important;

	text-shadow: none !important;

}



/* Czarne / granatowe kafelki w panelu (gdyby poza układem) */

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#000000'] .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #000000'] .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#000000'] .column_attr p,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #000000'] .column_attr p,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#005596'] .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #005596'] .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color:#18225b'] .column_attr,

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='background-color: #18225b'] .column_attr {

	color: rgba(255, 255, 255, 0.94) !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr p:has(+ ul),

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr > p strong {

	font-size: 0.75rem;

	font-weight: 700;

	text-transform: uppercase;

	letter-spacing: 0.06em;

	color: var(--mbst-brand, #005596) !important;

	margin: 20px 0 10px !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_column ul {

	background: transparent !important;

	box-shadow: none !important;

	padding: 0 0 0 1.15em !important;

	margin: 0 0 1em !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_column li {

	margin-bottom: 0.4em;

	line-height: 1.55;

	font-size: 0.9375rem;

	color: var(--mbst-text, #3d4451);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_column > ul > li {

	font-weight: 600;

	color: var(--mbst-navy, #18225b);

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-body .column_attr hr.no_line {

	border: none;

	border-top: 1px solid rgba(24, 34, 91, 0.12);

	margin: 16px 0 !important;

	height: 0;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-section-merged {

	display: none !important;

}



/* Wyłącz float BeTheme w panelach zakładek */

body.mbst-page-urzadzenia.mbst-devices-ready.mbst-premium-ui .mbst-device-layout .wrap.mcb-wrap,

body.mbst-page-urzadzenia.mbst-devices-ready.mbst-premium-ui .mbst-device-layout .mcb-wrap-inner {

	float: none !important;

	width: auto !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='margin-top:-'],

body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-panel .wrap.mcb-wrap[style*='margin-top: -'] {

	margin-top: 0 !important;

}



body.mbst-page-urzadzenia.mbst-premium-ui .wrap.mcb-wrap.divider,

body.mbst-page-urzadzenia.mbst-premium-ui .wrap.mcb-wrap:has(.column_placeholder) {

	display: none !important;

}



@media (max-width: 960px) {

	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-row {

		grid-template-columns: 1fr;

		min-height: 0;

	}



	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-chess-row--media-left .mbst-device-chess-cell--media {

		order: -1;

	}



	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__main-img {

		max-height: 260px;

	}



	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-device-gallery__thumb {

		width: 64px;

		height: 64px;

	}

}



@media (max-width: 767px) {

	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tabs {

		margin-left: -8px;

		margin-right: -8px;

		padding-left: 8px;

		padding-right: 8px;

	}



	body.mbst-page-urzadzenia.mbst-premium-ui .mbst-devices-tab {

		font-size: 0.75rem;

		padding: 8px 14px;

		min-height: 40px;

	}

}