/* PC shell: ta sama siatka i szerokość 230px co archiwum ofert. Mobile: bez paska (FAB). */

.odi-page-shell {
	--odi-brand-red: #D3212B;
	--odi-brand-dark: #2B2F33;
	--odi-brand-slate: #555D61;
	--odi-brand-gray-light: #E5E8EB;
	--odi-brand-bg-soft: #F8F9FA;
	--odi-brand-white: #FFFFFF;
	--odi-prose-max: 920px;
	width: 100%;
	max-width: min(100%, var(--odi-site-max, 1400px));
	margin: 0 auto;
	padding: 15px 20px;
	font-family: inherit;
	color: var(--odi-brand-dark);
	box-sizing: border-box;
	overflow-x: clip;
}

.odi-page-shell *,
.odi-page-shell *::before,
.odi-page-shell *::after {
	box-sizing: border-box;
}

.odi-page-shell .odi-offcanvas-site {
	margin-bottom: 0;
}

.odi-page-shell .odi-breadcrumbs {
	font-size: 12px;
	color: var(--odi-brand-slate);
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 5px;
}

.odi-page-shell .odi-breadcrumbs a {
	color: var(--odi-brand-slate);
	text-decoration: none;
}

.odi-page-shell .odi-breadcrumbs a:hover {
	color: var(--odi-brand-red);
}

.odi-page-shell .odi-bc-sep {
	color: var(--odi-brand-slate);
	font-weight: 500;
}

.odi-page-shell .odi-bc-current {
	color: var(--odi-brand-red);
}

.odi-page-shell-main {
	min-width: 0;
}

.odi-page-shell-main .odi-contact-wrap {
	margin-left: 0;
	margin-right: 0;
}

.odi-page-shell-main .odi-contact-duo {
	margin: 0;
}

.odi-page-shell-main .odi-posts-grid,
.odi-page-shell-main .odi-posts,
.odi-page-shell-main .odi-post-archive {
	max-width: none;
	padding: 0;
	margin: 0;
}

.odi-page-shell-main .odi-office-block {
	margin-bottom: 0;
}

.odi-page-shell-main .odi-agents-grid {
	max-width: none;
	width: 100%;
	margin: 0;
}

.odi-page-shell-main .odi-page-mod--team,
.odi-page-shell-main .odi-agents-team,
.odi-page-shell-main .odi-agents-region {
	width: 100%;
	max-width: none;
}

.odi-page-shell-main .odi-showcase-slider-wrap {
	margin: 0;
	padding: 0;
	max-width: none;
}

.odi-page-shell-bleed {
	width: calc(100% + 40px);
	max-width: none;
	margin: 28px -20px 0;
	padding: 0 0 8px;
}

.odi-page-shell-bleed .odi-showcase-slider-wrap,
.odi-page-shell-bleed .odi-page-mod--slider {
	margin: 0;
	padding: 0;
	max-width: none;
}

.odi-page-mod {
	margin: 36px 0 0;
}

.odi-page-mod-figure {
	margin: 0;
}

.odi-page-mod-img {
	display: block;
	width: 100%;
	height: auto;
	pointer-events: none;
	user-select: none;
	border-radius: var(--odi-card-radius, 8px);
}

.odi-page-mod-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(100%, 160px), 1fr));
	gap: 10px;
}

.odi-page-mod-gallery-item {
	margin: 0;
	overflow: hidden;
	border-radius: var(--odi-card-radius, 8px);
	background: #E5E8EB;
	aspect-ratio: 4 / 3;
	min-width: 0;
}

.odi-page-mod-gallery-item img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	pointer-events: none;
	user-select: none;
}

@media (max-width: 1280px) {
	.odi-page-shell {
		padding: 12px 16px;
	}

	.odi-page-shell-bleed {
		width: calc(100% + 32px);
		margin-left: -16px;
		margin-right: -16px;
	}
}