/* Farhina Core — mobile/tablet sticky header.
 * The theme floats the mobile search row (absolute, below the header) once the header is fixed and re-measures its
 * spacer on every resize (mobile URL-bar show/hide), which made content jump ~60px. We keep the row in the header's
 * flow, fold it with max-height while scrolling down, and pin the spacer to the full header height. */
@media (max-width: 1023.98px) {
	[data-bazarak-sticky-header].fixed {
		background-color: #fff !important;
		-webkit-backdrop-filter: none !important;
		backdrop-filter: none !important;
		box-shadow: 0 8px 24px -16px rgba(15, 23, 42, 0.35);
	}
}
@media (max-width: 639.98px) {
	.fmh .fmh-search-row {
		position: static !important;
		transform: none !important;
		opacity: 1 !important;
		pointer-events: auto !important;
		z-index: auto !important;
		background: transparent !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		max-height: 88px;
		transition: max-height 0.22s ease, opacity 0.18s ease, padding-bottom 0.22s ease;
	}
	.fmh.fmh-compact .fmh-search-row {
		max-height: 0 !important;
		opacity: 0 !important;
		padding-bottom: 0 !important;
		overflow: hidden;
		pointer-events: none !important;
	}
	.fmh-ready #bazarakStickyHeaderSpacer {
		height: var(--fmh-header-h) !important;
	}
}
@media (prefers-reduced-motion: reduce) {
	.fmh .fmh-search-row { transition: none; }
}