/* =============================================
   Mobile experience — premium app-like polish
   ============================================= */

@media (max-width: 768px) {
	:root {
		--mb-mobile-gutter: clamp(10px, 3.2vw, 16px);
		--mb-mobile-card-radius: 22px;
	}

	body:not(.mb-admin-center-page) {
		background:
			radial-gradient(circle at 50% -8%, rgba(var(--mb-accent-rgb), 0.12), transparent 18rem),
			linear-gradient(180deg, #f6f9fd 0%, #edf3f9 100%);
	}

	body:not(.mb-admin-center-page) .mb-main {
		padding-bottom: calc(58px + env(safe-area-inset-bottom, 0px));
	}

	body.mb-dialog-open,
	body.mb-mobile-search-open,
	body.mb-drawer-open {
		touch-action: none;
	}

	.mb-container {
		width: min(100% - calc(var(--mb-mobile-gutter) * 2), var(--mb-container, 1280px));
	}

	.mb-header__sticky {
		background: rgba(255, 255, 255, 0.88);
		border-bottom: 1px solid rgba(30, 74, 140, 0.08);
		backdrop-filter: blur(18px);
		box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
	}

	.mb-header.is-scrolled .mb-header__sticky {
		background: rgba(255, 255, 255, 0.96);
		box-shadow: 0 14px 36px rgba(15, 23, 42, 0.10);
	}

	.mb-header__main-inner {
		min-height: 66px;
	}

	.mb-logo--header {
		min-width: 0;
	}

	.mb-logo__mark {
		width: 42px;
		height: 42px;
		border-radius: 15px;
	}

	.mb-logo__text strong {
		font-size: 14px;
		line-height: 1.1;
	}

	.mb-header-mobile-btn {
		position: relative;
		width: 44px;
		height: 44px;
		border: 1px solid rgba(30, 74, 140, 0.10);
		background:
			linear-gradient(180deg, rgba(255,255,255,0.96), rgba(245,248,252,0.92));
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
	}

	.mb-header-mobile-btn:active {
		transform: scale(0.98);
	}

	.mb-header__search-mobile {
		top: 0;
		padding: calc(76px + env(safe-area-inset-top, 0px)) var(--mb-mobile-gutter) 18px;
		background:
			radial-gradient(circle at 0% 0%, rgba(var(--mb-accent-rgb), 0.12), transparent 16rem),
			rgba(255,255,255,0.96);
		border-bottom: 1px solid rgba(30, 74, 140, 0.10);
		box-shadow: 0 22px 52px rgba(15, 23, 42, 0.14);
		backdrop-filter: blur(18px);
	}

	.mb-header-search--mobile {
		padding: 12px;
		border: 1px solid rgba(30, 74, 140, 0.12);
		border-radius: 20px;
		background: #fff;
		box-shadow: 0 12px 32px rgba(15, 23, 42, 0.08);
	}

	.mb-header-search--mobile input {
		min-height: 48px;
		border-radius: 15px;
		background: #f7f9fc;
	}

	.mb-header-search--mobile .mb-header-search__btn,
	.mb-header-search--mobile .mb-btn {
		min-height: 48px;
		border-radius: 15px;
	}

	.mb-header__overlay {
		background:
			linear-gradient(90deg, rgba(12,31,61,0.30), rgba(12,31,61,0.58));
		backdrop-filter: blur(7px);
	}

	.mb-header__drawer {
		width: min(368px, 94vw);
		border-radius: 28px 0 0 28px;
		overflow: hidden;
		box-shadow: -24px 0 70px rgba(12, 31, 61, 0.22);
	}

	.mb-header__drawer-head {
		padding: 22px 18px 18px;
		background:
			radial-gradient(circle at 100% 0%, rgba(var(--mb-accent-rgb), 0.14), transparent 12rem),
			linear-gradient(180deg, #ffffff, #f7f9fc);
	}

	.mb-header__drawer-nav {
		padding: 12px;
		background: #fbfdff;
	}

	.mb-drawer-nav__link,
	.mb-drawer-nav__sub a {
		min-height: 44px;
		border: 1px solid transparent;
	}

	.mb-drawer-nav__link {
		border-radius: 15px;
	}

	.mb-drawer-nav__link:hover,
	.mb-drawer-nav__sub a:hover {
		background: #fff;
		border-color: rgba(30, 74, 140, 0.10);
		box-shadow: 0 8px 18px rgba(15, 23, 42, 0.05);
	}

	.mb-header__drawer-foot {
		padding: 14px 16px calc(18px + env(safe-area-inset-bottom, 0px));
		background: #fff;
	}

	.mb-home-top__layout,
	.mb-sb-board__grid,
	.mb-sb-hub > .mb-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.mb-home-top__live-inner,
	.mb-home-top__slider,
	.mb-home-top__deals-pro,
	.mb-home-top__module,
	.mb-sb-panel,
	.mb-sb-hub-card,
	.mb-footer__hero,
	.mb-footer__trust-item,
	.mb-footer__grid {
		box-shadow: 0 14px 36px rgba(15, 23, 42, 0.07);
	}

	.mb-home-top__slider,
	.mb-home-top__deals-pro,
	.mb-sb-panel,
	.mb-sb-hub-card {
		border-radius: var(--mb-mobile-card-radius);
		border-color: rgba(30, 74, 140, 0.10);
	}

	.mb-home-top__quick-links,
	.mb-home-top__deals-tabs-pro,
	.mb-home-listings__filters,
	.mb-sb-filters {
		margin-inline: calc(var(--mb-mobile-gutter) * -1);
		padding-inline: var(--mb-mobile-gutter);
		scroll-snap-type: x proximity;
	}

	.mb-home-top__quick-link,
	.mb-home-top__deals-tab-pro,
	.mb-filter-btn {
		min-height: 42px;
		scroll-snap-align: start;
	}

	.mb-home-top__deals-body-pro,
	.mb-home-top__quick-grid {
		padding: 14px;
	}

	.mb-deal-row,
	.mb-listing-row--sb .mb-listing-row__link,
	.mb-listing-row__link {
		border: 1px solid rgba(30, 74, 140, 0.10) !important;
		border-radius: 18px !important;
		background: rgba(255,255,255,0.94) !important;
		box-shadow: 0 10px 26px rgba(15, 23, 42, 0.055);
	}

	.mb-listing-row--sb,
	.mb-listing-row {
		margin-bottom: 10px;
	}

	.mb-listing-row--sb .mb-listing-row__link,
	.mb-listing-row__link {
		grid-template-columns: 92px minmax(0, 1fr) !important;
		padding: 12px !important;
	}

	.mb-listing-row--sb .mb-listing-row__media,
	.mb-listing-row__media {
		width: 92px !important;
		height: 72px !important;
		border-radius: 14px !important;
	}

	.mb-listing-row--sb .mb-listing-row__price,
	.mb-listing-row__price {
		font-size: 15px;
	}

	.mb-sb-hub {
		padding-top: 40px;
	}

	.mb-sb-hub::before {
		inset-inline: 0;
		background: rgba(255,255,255,0.52);
	}

	.mb-sb-hub-metric {
		border-radius: 18px;
		box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06);
	}

	.mb-sb-city-grid {
		grid-template-columns: 1fr;
	}

	.mb-sb-city-grid a,
	.mb-sb-search-cloud a,
	.mb-sb-mini-showcase a,
	.mb-sb-hub__category-rail a {
		min-height: 44px;
	}

	.mb-footer__hero {
		gap: 18px;
	}

	.mb-footer__hero h2 {
		font-size: clamp(1.42rem, 8vw, 2rem);
	}

	.mb-footer__hero p {
		font-size: 14px;
		line-height: 1.6;
	}

	.mb-footer__trust {
		gap: 9px;
	}

	.mb-footer__trust-item {
		min-height: 50px;
		border-radius: 16px;
	}

	.mb-footer__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 18px 14px;
	}

	.mb-footer__brand {
		grid-column: 1 / -1;
	}

	.mb-footer__links h4 {
		margin-bottom: 12px;
	}

	.mb-footer__links a {
		min-height: 32px;
	}

	.mb-footer__bottom {
		align-items: center;
		text-align: center;
	}
}

@media (max-width: 380px) {
	.mb-listing-row--sb .mb-listing-row__link,
	.mb-listing-row__link {
		grid-template-columns: 82px minmax(0, 1fr) !important;
	}

	.mb-listing-row--sb .mb-listing-row__media,
	.mb-listing-row__media {
		width: 82px !important;
		height: 66px !important;
	}

	.mb-footer__grid {
		grid-template-columns: 1fr !important;
	}
}