/*
  Second mobile performance pass for the Tridentu homepage.
  Goal: preserve the premium look, but stop the most expensive decorative layers
  from being painted and composited on small devices.
*/

@media (max-width: 820px) {
  .tridentu-lux-hero {
    min-height: auto !important;
  }

  .lux-hero-art {
    margin-top: 0.25rem;
  }

  .clarity-field,
  .clarity-aura,
  .clarity-frame,
  .clarity-guides,
  .composition-glow,
  .glass-surface,
  .glass-highlight,
  .glass-border {
    display: none !important;
  }

  .lux-page-glow {
    filter: none !important;
    opacity: 0.4 !important;
  }

  .premium-glass-card {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow:
      0 18px 42px rgba(15, 23, 42, 0.11),
      inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
  }

  .glass-link-arrow {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255, 255, 255, 0.92) !important;
  }

  .glass-card-courses,
  .glass-card-terms,
  .glass-card-tools,
  .clarity-structure,
  .clarity-arcs,
  .field-rails,
  .field-vertical-rails {
    animation: none !important;
  }

  .glass-composition,
  .lux-hero-art {
    contain: layout paint style;
  }

  .tridentu-overview,
  .courses-carousel,
  .tridentu-process,
  .finance-architecture,
  .homepage-faq,
  .footer {
    content-visibility: auto;
    contain-intrinsic-size: 900px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    min-width: 44px;
    min-height: 44px;
  }
}

@media (max-width: 560px) {
  .glass-composition {
    min-height: 590px !important;
  }

  .glass-card-courses {
    top: 72px !important;
  }

  .glass-card-terms {
    top: 238px !important;
  }

  .glass-card-tools {
    top: 410px !important;
  }
}