/* Bazarestan 1.0.179.35 — mobile single-product low-jank rendering */
@media (max-width: 768px) {
  html,
  body.single-product,
  body.baz-is-product-page {
    scroll-behavior: auto !important;
    overscroll-behavior-y: auto !important;
  }

  body.single-product .product-single,
  body.baz-is-product-page .product-single {
    touch-action: pan-y !important;
    transform: none !important;
    filter: none !important;
    perspective: none !important;
  }

  /* Four fixed surfaces were being composited and repainted together on every
     frame: sticky header, bottom nav, support widget and sticky buy bar. */
  body.single-product header.head,
  body.single-product .bottom-navigation,
  body.single-product .bz-sticky-action-bar,
  body.single-product .bz-support-widget,
  body.single-product [class*="support-widget"],
  body.baz-is-product-page header.head,
  body.baz-is-product-page .bottom-navigation,
  body.baz-is-product-page .bz-sticky-action-bar,
  body.baz-is-product-page .bz-support-widget,
  body.baz-is-product-page [class*="support-widget"] {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
    will-change: auto !important;
    background-attachment: scroll !important;
  }

  body.single-product .bottom-navigation,
  body.baz-is-product-page .bottom-navigation {
    box-shadow: 0 -1px 8px rgba(15, 23, 42, .07) !important;
    contain: layout paint style !important;
  }

  body.single-product .bz-sticky-action-bar,
  body.baz-is-product-page .bz-sticky-action-bar {
    box-shadow: 0 -2px 10px rgba(15, 23, 42, .08) !important;
    contain: layout paint style !important;
    transition: transform .16s ease, opacity .16s ease !important;
  }

  body.single-product .bz-support-widget,
  body.single-product [class*="support-widget"],
  body.baz-is-product-page .bz-support-widget,
  body.baz-is-product-page [class*="support-widget"] {
    box-shadow: none !important;
    animation: none !important;
    transition: none !important;
    contain: layout paint style !important;
  }

  /* Pause decorative banner/skeleton effects which otherwise keep the GPU busy
     even after they have scrolled outside the viewport. */
  body.single-product .bz-animated-top-banner *,
  body.baz-is-product-page .bz-animated-top-banner *,
  body.single-product [class*="skelet"],
  body.single-product [class*="skeleton"],
  body.baz-is-product-page [class*="skelet"],
  body.baz-is-product-page [class*="skeleton"] {
    animation: none !important;
    will-change: auto !important;
  }

  /* Variation cards are repeated many times. Large soft shadows and isolated
     paint layers are costly while scrolling on Android Chrome. */
  body.single-product .product-single .attributes .options li > label,
  body.baz-is-product-page .product-single .attributes .options li > label {
    isolation: auto !important;
    will-change: auto !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
    transition: border-color .12s ease, background-color .12s ease !important;
  }

  body.single-product .product-single .attributes .options li > label:hover,
  body.baz-is-product-page .product-single .attributes .options li > label:hover {
    box-shadow: 0 1px 2px rgba(15, 23, 42, .035) !important;
  }

  body.single-product .product-single .attributes .options li > label.bz-option-selected,
  body.baz-is-product-page .product-single .attributes .options li > label.bz-option-selected {
    box-shadow: inset -3px 0 0 var(--bzv176-accent, var(--color-primary, #e91e63)), 0 1px 3px rgba(15, 23, 42, .04) !important;
  }

  /* Generic glass design-system rules were still applying blur to product
     cards and notices. Keep the same solid surfaces without live blur. */
  body.single-product :is(.product-summary, .product-details, .content-box-1, .content-section, .card, .box, .woocommerce-message, .woocommerce-info, .woocommerce-error),
  body.baz-is-product-page :is(.product-summary, .product-details, .content-box-1, .content-section, .card, .box, .woocommerce-message, .woocommerce-info, .woocommerce-error) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  /* Avoid expensive parallax backgrounds on long product descriptions. */
  body.single-product .wp-block-cover.has-parallax,
  body.single-product .wp-block-cover-image.has-parallax,
  body.baz-is-product-page .wp-block-cover.has-parallax,
  body.baz-is-product-page .wp-block-cover-image.has-parallax {
    background-attachment: scroll !important;
  }
}