/* =============================================
   Responsive polish — global mobile hardening
   ============================================= */

html,
body {
	max-width: 100%;
	overflow-x: hidden;
}

img,
svg,
video,
iframe {
	max-width: 100%;
}

.mb-container {
	width: min(var(--mb-container, 1280px), calc(100vw - 32px));
}

.mb-header__drawer {
	max-width: 92vw;
}

.mb-header:not(.is-open) .mb-header__drawer {
	visibility: hidden;
	pointer-events: none;
}

.mb-header.is-open .mb-header__drawer {
	visibility: visible;
	pointer-events: auto;
}

@media (max-width: 1100px) {
	.mb-dashboard__layout--pro,
	.mb-dashboard__layout,
	.mb-contact-layout,
	.mb-contact-hero__inner,
	.mb-how-hero__inner,
	.mb-faq-hero__inner,
	.mb-faq-main__grid {
		grid-template-columns: 1fr !important;
	}

	.mb-dash-sidebar {
		position: static;
		order: -1;
	}

	.mb-dash-sidebar__nav {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 8px;
	}

	.mb-dash-sidebar__link {
		min-width: 0;
	}

	.mb-packages-hero,
	.mb-packages-final__inner,
	.mb-how-final__inner,
	.mb-faq-final__inner {
		grid-template-columns: 1fr !important;
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 768px) {
	body {
		-webkit-text-size-adjust: 100%;
	}

	.mb-container {
		width: min(100% - 24px, var(--mb-container, 1280px));
	}

	.mb-logo__image {
		max-width: 156px;
		max-height: 44px;
	}

	.mb-header__main-inner {
		gap: 10px;
	}

	.mb-header-mobile-btn {
		width: 42px;
		height: 42px;
	}

	.mb-header__drawer {
		width: min(360px, 92vw);
	}

	.mb-header__search-mobile {
		padding: 72px 12px 16px;
	}

	.mb-header-search--mobile {
		flex-direction: column;
	}

	.mb-header-search--mobile .mb-header-search__btn {
		width: 100%;
		justify-content: center;
	}

	.mb-home-top,
	.mb-sb-board,
	.mb-sb-hub,
	.mb-home-recent--strip,
	.mb-site-page,
	.mb-dashboard--pro {
		padding-left: 0;
		padding-right: 0;
	}

	.mb-home-top__grid,
	.mb-home-top__showcase,
	.mb-home-top__deals,
	.mb-sb-board__grid,
	.mb-sb-hub__grid,
	.mb-sb-hub__metrics,
	.mb-sb-hub__category-rail,
	.mb-pricing-grid--pro,
	.mb-packages-trust-strip,
	.mb-packages-how__grid,
	.mb-how-steps,
	.mb-how-trust,
	.mb-faq-topic-grid,
	.mb-footer__grid,
	.mb-footer__trust {
		grid-template-columns: 1fr !important;
	}

	.mb-sb-panel__head,
	.mb-sb-panel__head--feed,
	.mb-home-listings__toolbar,
	.mb-sb-hub__head,
	.mb-footer__hero,
	.mb-footer__bottom {
		align-items: flex-start;
		flex-direction: column;
	}

	.mb-home-listings__filters,
	.mb-sb-filters,
	.mb-home-top__deals-tabs-pro,
	.mb-home-top__quick-links {
		display: flex;
		flex-wrap: nowrap;
		gap: 8px;
		overflow-x: auto;
		max-width: 100%;
		padding-bottom: 4px;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch;
	}

	.mb-filter-btn,
	.mb-home-top__deals-tab-pro,
	.mb-home-top__quick-link {
		flex: 0 0 auto;
	}

	.mb-sb-list__head {
		display: none !important;
	}

	.mb-listing-row--sb .mb-listing-row__link,
	.mb-listing-row__link {
		display: grid !important;
		grid-template-columns: 88px minmax(0, 1fr) !important;
		grid-template-rows: auto auto auto !important;
		gap: 8px 10px !important;
		padding: 10px !important;
		min-width: 0;
	}

	.mb-listing-row--sb .mb-listing-row__media,
	.mb-listing-row__media {
		width: 88px !important;
		height: 66px !important;
		grid-row: 1 / span 3;
	}

	.mb-listing-row--sb .mb-listing-row__price-col,
	.mb-listing-row__price-col,
	.mb-listing-row--sb .mb-listing-row__date,
	.mb-listing-row--sb .mb-listing-row__loc {
		grid-column: 2 !important;
		text-align: left !important;
		min-width: 0;
	}

	.mb-listing-row--sb .mb-listing-row__title,
	.mb-listing-row__title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.mb-sb-hub-card,
	.mb-packages-hero,
	.mb-pricing-grid--pro .mb-pricing-card,
	.mb-payment-history--pro,
	.mb-packages-how,
	.mb-contact-map,
	.mb-how-path,
	.mb-faq-group {
		border-radius: 20px;
		padding: 18px;
	}

	.mb-packages-hero h1,
	.mb-how-hero h1,
	.mb-faq-hero h1 {
		font-size: clamp(2rem, 12vw, 3.2rem);
		letter-spacing: -0.045em;
	}

	.mb-packages-hero__stats,
	.mb-how-panel__stats {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
	}

	.mb-pricing-grid--pro .mb-pricing-card--popular,
	.mb-pricing-grid--pro .mb-pricing-card--popular:hover {
		transform: none;
	}

	.mb-packages-compare__table,
	.mb-table-wrap,
	.mb-payment-history__list,
	.mb-admin-center__main {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.mb-footer__desc {
		max-width: none;
	}
}

@media (max-width: 480px) {
	.mb-container {
		width: min(100% - 20px, var(--mb-container, 1280px));
	}

	.mb-logo__text small {
		display: none;
	}

	.mb-dash-sidebar__nav,
	.mb-packages-hero__stats,
	.mb-how-panel__stats,
	.mb-contact-faq {
		grid-template-columns: 1fr !important;
	}

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

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

	.mb-footer__hero-actions,
	.mb-packages-hero__actions,
	.mb-how-hero__actions,
	.mb-faq-hero__actions {
		width: 100%;
		flex-direction: column;
	}

	.mb-footer__hero-actions a,
	.mb-packages-hero__actions a,
	.mb-how-hero__actions a,
	.mb-faq-hero__actions a {
		width: 100%;
		justify-content: center;
	}
}