/* ====== Anti-CLS header/logo ====== */
:root { --header-h-mobile: 64px; }
header, .site-header, .main-header, .navbar { min-height: var(--header-h-mobile); overflow: hidden; }
.logo img, .site-logo img, header img[alt*="Fero" i] { max-height: 40px; width: auto; display: block; }

/* ====== Hero/slider: stabilizări ====== */
.main-slider, .banner-carousel, .hero, .swiper { min-height: 220px; }
.main-slider img, .banner-carousel img, .hero img, .swiper img { width: 100%; height: auto; object-fit: cover; display:block; }
.owl-animated-in, .owl-animated-out { animation: none !important; }
.owl-carousel .owl-stage-outer { min-height: 220px; }

/* ====== Cookie/chat flotante ====== */
.cookie, .cookie-bar, .cookie-banner, [class*="cookie"][class*="bar"], [id*="cookie" i] {
  position: fixed !important; left: 0; right: 0; bottom: 0; width: 100%;
  z-index: 2147483647; min-height: 64px;
}
.whatsapp-float, .chat-bubble, .tidio-chat, [class*="whatsapp"], [id*="whatsapp" i] {
  position: fixed !important; right: 12px; bottom: 12px; z-index: 2147483000;
}

/* ====== content-visibility sub fold ====== */
@supports (content-visibility: auto) {
  .home .features, .home .icons, .home .categories,
  .home .product-list, .home .product-grid, .home .product-slider,
  .home .brands, .home .blog, footer {
    content-visibility: auto;
    contain-intrinsic-size: 800px;
  }
}

/* === HERO static pe mobil === */
#lcp-hero-mobile { display:none; }
@media (max-width: 768px){
  header + #lcp-hero-mobile{
    display:block;
    min-height:240px;
    background: url("https://fero.ro/storage/sliders/slider-fero-2024-2.webp") center/cover no-repeat;
  }
  /* ascunde orice slider/banner nativ pe mobil */
  .home .ps-home-banner, .home .ps-home-banner *,
  .home .owl-carousel, .home .owl-carousel *,
  .home .swiper, .home .swiper *,
  .home .banner, .home .hero { display:none !important; }
}

/* ====== Preloader/overlays out ====== */
#loader, #loader-wrapper, #preloader, .page-loader, .page-loading,
.ps-loading, .ps-site-loading, .site-loading, .loading-screen,
.page-transition, .animsition, .pace, .pace-inactive,
.ps-banner__overlay--loading { display:none !important; opacity:0 !important; visibility:hidden !important; }

html, body { opacity:1 !important; }
.home .ps-home-banner, .home .hero, .home .banner, .home .owl-carousel, .home .swiper {
  opacity:1 !important; transform:none !important;
}
.home [class*="fade"], .home [class*="animate"], .home .animated, .home [data-aos], .home [data-wow]{
  animation:none !important; transition:none !important; opacity:1 !important; transform:none !important;
}