/* Widok mobilny: poniżej 900 px (makieta: isMobile = window.innerWidth < 900).
 * Nagłówek z koszykiem i szufladą, bez elementów przyklejonych poza nagłówkiem. */

@media (max-width: 899px) {
	.fm-header__in { gap: 12px; }
	.fm-nav, .fm-tools { display: none; }
	.fm-header__m { display: flex; margin-left: auto; gap: 8px; align-items: center; }
	.fm-header__m .fm-hpill--cart { padding: 0 16px; font-family: var(--mono); font-size: 13px; gap: 8px; }
	.fm-header__m .fm-hpill__n { min-width: 22px; height: 22px; }
	.fm-burger { cursor: pointer; flex: none; border: 1px solid var(--line); background: #fff; border-radius: 100px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; padding: 0; color: var(--ink); }

	.fm-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

	.fm-listing { grid-template-columns: minmax(0, 1fr); }
	.fm-filters { display: none; }
	.fm-listing__fbtn { display: flex; }

	.fm-gal, .fm-co__side, .fm-ingr { position: static; }
	.fm-cmp { display: none; }
	.fm-cmpm { display: flex; }
	.fm-sticky { display: none !important; }
	body.fm-pdp-page.fm-sticky-on { padding-bottom: 0; }
	.fm-pactions__add { flex-basis: 100%; }
	.fm-toast, .fm-pdp-page .fm-toast { bottom: 16px; }
}

@media (max-width: 782px) {
	.admin-bar .fm-header { top: 46px; }
}
@media (max-width: 600px) {
	.admin-bar .fm-header { top: 0; }
	.fm-ocard { grid-template-columns: minmax(0, 1fr); }
	.fm-ocard__r { align-items: flex-start; }
	.fm-ocard__btns { justify-content: flex-start; }
	.fm-nl { padding: 40px 24px; }
	.fm-team { padding: 32px 24px; }
	.fm-featured__c { padding: 28px 24px; }
	.fm-empty { padding: 40px 24px; }
	.fm-card-panel { padding: 24px; }
}

@media (max-width: 640px) {
	.fm-prose .alignleft, .fm-prose .alignright { float: none; max-width: 100%; margin: 0; }
}

@media (max-width: 900px) {
	.fm-effects, .fm-isteps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
	.fm-effects, .fm-isteps { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 719px) {
	.fm-co { grid-template-columns: minmax(0, 1fr); }
}