/* ============================================================
   IT-RANKS — mobile corrections.

   Overrides for hero-slider-elementor, kept here because that plugin is
   pushed directly by the vendor and has overwritten our work before.
   ============================================================ */

/* ── Hero particle field: clear the brand mark ─────────────────
   The vendor positions the field at `top: clamp(76px, 13%, 150px)` inside
   .hero-slider. But the hero starts ~78px ABOVE the viewport (the header
   overlays it), so 13% of the hero height lands the field at roughly y=33 in
   the visible area — measured overlapping the logo, which occupies y 20–52 /
   x 20–156.

   The floor is what does the real work: 78px of header overlay + the 52px
   logo + a 24px margin = 154px, so the field clears the mark even on a short
   screen where the percentage would otherwise win. The upper bound keeps it
   from drifting too far down the tall heroes. */
@media (max-width: 768px) {
	.hero-slider .hero-particles {
		top: clamp(154px, 19%, 210px);
	}
}