/**
 * Homepage community stack — desktop fade only.
 * Layout, sticky offset, radius, and shadow stay in Elementor.
 * Opacity is written from nexus-community-stack.js and must not transition,
 * or the fade would lag behind the scroll.
 */

@media (min-width: 1025px) {
  .community-section.nx-community-stack .community-cart {
    will-change: opacity;
  }
}

@media (min-width: 1025px) and (prefers-reduced-motion: reduce) {
  .community-section.nx-community-stack .community-cart {
    will-change: auto;
    opacity: 1 !important;
  }
}

/* Lyubomyr's accordion is max-width: 767px. Never leave a desktop inline
   opacity on that layout, and never block the heading click. */
@media (max-width: 1024px) {
  .community-section .community-cart {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  /* Decorative section images are position:absolute and overflow upward
     over the same cards. They are not part of the accordion hit target. */
  .elementor-91 > .e-con.section > img.e-image-base {
    pointer-events: none !important;
  }
}