/* Final mobile-only cascade for product heroes.
   Loaded after all legacy hero layers so image clarity cannot be overridden. */
@media (max-width: 760px) {
  .product-hero-concept {
    position: relative !important;
    min-height: 100svh !important;
    overflow: hidden !important;
    background: #202528 !important;
    isolation: isolate !important;
  }

  .product-hero-concept .hero__media {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .product-hero-concept .hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
  }

  .product-hero-concept .hero__shade,
  .product-hero-concept::before,
  .product-hero-concept::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
  }

  .product-hero-concept .site-header,
  .product-hero-concept .product-hero-layout {
    position: relative !important;
    z-index: 3 !important;
  }

  .product-hero-concept .product-hero-layout {
    min-height: calc(100svh - 72px) !important;
    align-items: start !important;
  }

  .product-hero-concept .product-hero-panel {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}