/* =============================================
   Home wide marketplace — fuller Sahibinden-style structure
   ============================================= */

@media (min-width: 1200px) {
	body.home {
		--mb-container: 1440px;
	}

	body.home .mb-container {
		width: min(var(--mb-container), calc(100vw - 48px));
	}

	body.home .mb-home-top__layout {
		grid-template-columns: minmax(420px, 0.92fr) minmax(620px, 1.18fr);
		gap: 20px;
	}

	body.home .mb-home-top__slider,
	body.home .mb-home-top__slider-track,
	body.home .mb-home-top__deals-pro {
		min-height: 372px;
	}

	body.home .mb-home-top__modules {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 14px;
	}

	body.home .mb-home-top__cats-track {
		grid-auto-columns: minmax(138px, 1fr);
	}

	body.home .mb-sb-board__grid {
		grid-template-columns: 258px minmax(0, 1fr) 282px;
		gap: 18px;
	}

	body.home .mb-sb-sidebar,
	body.home .mb-sb-aside {
		position: sticky;
		top: 92px;
	}

	body.home .mb-sb-sidebar__link {
		min-height: 42px;
		padding: 10px 13px;
	}

	body.home .mb-sb-panel,
	body.home .mb-sb-aside__box,
	body.home .mb-sb-sidebar {
		border-color: rgba(30, 74, 140, 0.10);
		border-radius: 16px;
		box-shadow: 0 14px 36px rgba(15, 23, 42, 0.055);
	}

	body.home .mb-sb-panel__head {
		padding: 13px 16px;
		background:
			linear-gradient(90deg, rgba(229,168,0,0.10), transparent 48%),
			linear-gradient(180deg, #fff, #f8fafc);
	}

	body.home .mb-sb-list__head,
	body.home .mb-listing-row--dense .mb-listing-row__link {
		grid-template-columns: 84px minmax(0, 1fr) 132px 104px 120px;
	}

	body.home .mb-listing-row--dense .mb-listing-row__link {
		min-height: 68px;
	}

	body.home .mb-listing-row--dense .mb-listing-row__media {
		width: 84px;
		height: 62px;
	}

	body.home .mb-sb-hub > .mb-container {
		max-width: var(--mb-container);
	}

	body.home .mb-sb-hub__grid {
		grid-template-columns: minmax(270px, 1.05fr) minmax(260px, 1fr) minmax(300px, 1.12fr) minmax(260px, 1fr);
	}
}

@media (min-width: 1500px) {
	body.home {
		--mb-container: 1520px;
	}

	body.home .mb-home-top__layout {
		grid-template-columns: minmax(460px, 0.9fr) minmax(700px, 1.2fr);
	}

	body.home .mb-sb-board__grid {
		grid-template-columns: 276px minmax(0, 1fr) 304px;
	}
}

.mb-market-lanes {
	position: relative;
	padding: clamp(34px, 4vw, 56px) 0;
	background:
		radial-gradient(circle at 12% 0%, rgba(var(--mb-accent-rgb), 0.10), transparent 24rem),
		linear-gradient(180deg, #f7fbff 0%, #edf4fb 100%);
	border-top: 1px solid rgba(30, 74, 140, 0.08);
	border-bottom: 1px solid rgba(30, 74, 140, 0.08);
}

.mb-market-lanes::before {
	content: '';
	position: absolute;
	inset: 18px clamp(12px, 3vw, 46px);
	border: 1px solid rgba(30, 74, 140, 0.08);
	border-radius: 34px;
	background: rgba(255,255,255,0.42);
	pointer-events: none;
}

.mb-market-lanes > .mb-container {
	position: relative;
	z-index: 1;
	padding: clamp(18px, 2vw, 26px);
	border: 1px solid rgba(30, 74, 140, 0.10);
	border-radius: 30px;
	background: rgba(255,255,255,0.86);
	box-shadow: 0 24px 70px rgba(15, 23, 42, 0.075);
	backdrop-filter: blur(12px);
}

.mb-market-lanes__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid rgba(30, 74, 140, 0.08);
}

.mb-market-lanes__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
	color: var(--mb-sb-gold-dark, #9a6a00);
	font-size: 11px;
	font-weight: 950;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.mb-market-lanes__eyebrow::before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--mb-sb-gold, #e5a800);
	box-shadow: 0 0 0 5px rgba(229, 168, 0, 0.12);
}

.mb-market-lanes__head h2 {
	max-width: 760px;
	margin: 0;
	color: var(--mb-sb-navy, #1e4a8c);
	font-family: var(--mb-font-display);
	font-size: clamp(1.55rem, 2.35vw, 2.35rem);
	font-weight: 950;
	line-height: 1.06;
	letter-spacing: -0.04em;
}

.mb-market-lanes__all {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	flex: 0 0 auto;
	min-height: 42px;
	padding: 10px 15px;
	border: 1px solid rgba(30, 74, 140, 0.10);
	border-radius: 999px;
	background: #fff;
	color: var(--mb-sb-navy, #1e4a8c);
	font-size: 13px;
	font-weight: 900;
	text-decoration: none;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
}

.mb-market-lanes__grid {
	display: grid;
	grid-template-columns: 1.22fr 1.05fr 0.95fr 0.95fr;
	gap: 14px;
}

.mb-market-lanes__panel {
	position: relative;
	overflow: hidden;
	min-width: 0;
	padding: 18px;
	border: 1px solid rgba(30, 74, 140, 0.10);
	border-radius: 22px;
	background: linear-gradient(180deg, #ffffff, #fbfcff);
	box-shadow: 0 16px 42px rgba(15, 23, 42, 0.055);
}

.mb-market-lanes__panel--action {
	background:
		radial-gradient(circle at 95% 0%, rgba(229, 168, 0, 0.23), transparent 13rem),
		linear-gradient(145deg, #0b2347 0%, #123d76 58%, #0e2f5e 100%);
	color: #fff;
}

.mb-market-lanes__panel-head {
	display: flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 14px;
	color: var(--mb-sb-navy, #1e4a8c);
	font-weight: 950;
}

.mb-market-lanes__panel-head .mb-icon {
	color: var(--mb-sb-gold-dark, #9a6a00);
}

.mb-market-lanes__category-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px;
}

.mb-market-lanes__category-grid a,
.mb-market-lanes__city-list a,
.mb-market-lanes__listing-stack a,
.mb-market-lanes__search-cloud a {
	text-decoration: none;
}

.mb-market-lanes__category-grid a {
	display: grid;
	grid-template-columns: 32px minmax(0, 1fr) auto;
	align-items: center;
	gap: 9px;
	min-height: 48px;
	padding: 9px 10px;
	border: 1px solid rgba(30, 74, 140, 0.09);
	border-radius: 14px;
	background: #f7f9fc;
	color: var(--mb-sb-navy, #1e4a8c);
}

.mb-market-lanes__category-grid a > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 11px;
	background: rgba(229, 168, 0, 0.12);
	color: var(--mb-sb-gold-dark, #9a6a00);
}

.mb-market-lanes__category-grid strong,
.mb-market-lanes__city-list strong {
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
	font-weight: 900;
}

.mb-market-lanes__category-grid em,
.mb-market-lanes__city-list span {
	color: var(--mb-sb-muted, #5a6478);
	font-size: 11px;
	font-style: normal;
	font-weight: 800;
}

.mb-market-lanes__listing-stack {
	display: grid;
	gap: 10px;
}

.mb-market-lanes__listing-stack a {
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 11px;
	align-items: center;
	padding: 9px;
	border: 1px solid rgba(30, 74, 140, 0.09);
	border-radius: 15px;
	background: #f7f9fc;
	color: inherit;
}

.mb-market-lanes__thumb {
	width: 72px;
	height: 54px;
	border-radius: 12px;
	overflow: hidden;
	background: #eef2f7;
}

.mb-market-lanes__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.mb-market-lanes__listing-body {
	display: grid;
	gap: 2px;
	min-width: 0;
}

.mb-market-lanes__listing-body strong {
	overflow: hidden;
	color: var(--mb-sb-navy, #1e4a8c);
	font-size: 12px;
	font-weight: 900;
	line-height: 1.25;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.mb-market-lanes__listing-body em {
	color: var(--mb-sb-gold-dark, #9a6a00);
	font-size: 13px;
	font-style: normal;
	font-weight: 950;
}

.mb-market-lanes__listing-body small {
	color: var(--mb-sb-muted, #5a6478);
	font-size: 11px;
	font-weight: 750;
}

.mb-market-lanes__city-list {
	display: grid;
	gap: 8px;
}

.mb-market-lanes__city-list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-height: 38px;
	padding: 8px 10px;
	border: 1px solid rgba(30, 74, 140, 0.09);
	border-radius: 13px;
	background: #f7f9fc;
	color: var(--mb-sb-navy, #1e4a8c);
}

.mb-market-lanes__search-cloud {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
	margin-top: 12px;
}

.mb-market-lanes__search-cloud a {
	padding: 7px 9px;
	border: 1px solid rgba(30, 74, 140, 0.09);
	border-radius: 999px;
	background: #fff;
	color: var(--mb-sb-navy, #1e4a8c);
	font-size: 11px;
	font-weight: 850;
}

.mb-market-lanes__badge {
	display: inline-flex;
	margin-bottom: 14px;
	padding: 6px 10px;
	border-radius: 999px;
	background: rgba(246, 200, 76, 0.14);
	color: #f6c84c;
	font-size: 11px;
	font-weight: 950;
}

.mb-market-lanes__panel--action h3 {
	margin: 0 0 10px;
	color: #fff;
	font-family: var(--mb-font-display);
	font-size: clamp(1.25rem, 1.8vw, 1.65rem);
	line-height: 1.08;
	letter-spacing: -0.035em;
}

.mb-market-lanes__panel--action p {
	margin: 0 0 18px;
	color: rgba(255,255,255,0.78);
	font-size: 13px;
	line-height: 1.6;
}

.mb-market-lanes__actions {
	display: grid;
	gap: 9px;
}

.mb-market-lanes__actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 40px;
	padding: 9px 12px;
	border-radius: 13px;
	background: #f6c84c;
	color: #0c1f3d;
	font-size: 13px;
	font-weight: 950;
	text-decoration: none;
}

.mb-market-lanes__actions a + a {
	background: rgba(255,255,255,0.10);
	color: #fff;
	border: 1px solid rgba(255,255,255,0.18);
}

@media (max-width: 1199px) {
	.mb-market-lanes__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.mb-market-lanes {
		padding: 30px 0 38px;
	}

	.mb-market-lanes::before {
		inset: 10px 8px;
		border-radius: 24px;
	}

	.mb-market-lanes > .mb-container {
		padding: 14px;
		border-radius: 24px;
	}

	.mb-market-lanes__head {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}

	.mb-market-lanes__all {
		width: 100%;
		justify-content: center;
	}

	.mb-market-lanes__grid,
	.mb-market-lanes__category-grid {
		grid-template-columns: 1fr;
	}

	.mb-market-lanes__panel {
		padding: 16px;
		border-radius: 20px;
	}
}