/*
   GLASSIFY kiosk performance layer
   Activated automatically for tall portrait displays by kiosk-performance.js,
   and available through the media query below before JavaScript loads.
*/

@media (orientation: portrait) and (min-height: 1000px) {
  html:not(.glassify-fx-full) {
    --glass-blur: blur(12px) saturate(145%);
    --glass-blur-light: blur(8px) saturate(130%);
    scroll-behavior: auto;
  }

  html:not(.glassify-fx-full) .hero-title,
  html:not(.glassify-fx-full) .hero-label-dot,
  html:not(.glassify-fx-full) .hero-scroll {
    animation: none !important;
  }

  html:not(.glassify-fx-full) .nav-float,
  html:not(.glassify-fx-full) .hero-label,
  html:not(.glassify-fx-full) .page-hero-label,
  html:not(.glassify-fx-full) .btn-glass-secondary,
  html:not(.glassify-fx-full) .tier-card,
  html:not(.glassify-fx-full) .feature-card,
  html:not(.glassify-fx-full) .store-card,
  html:not(.glassify-fx-full) .product-card,
  html:not(.glassify-fx-full) .price-card,
  html:not(.glassify-fx-full) .tech-card,
  html:not(.glassify-fx-full) .legal-card,
  html:not(.glassify-fx-full) .form-glass,
  html:not(.glassify-fx-full) .info-card,
  html:not(.glassify-fx-full) .hours-card,
  html:not(.glassify-fx-full) .map-glass,
  html:not(.glassify-fx-full) .footer {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html:not(.glassify-fx-full) * {
    transition-duration: 120ms !important;
  }
}

html.glassify-kiosk-perf {
  --glass-blur: blur(12px) saturate(145%);
  --glass-blur-light: blur(8px) saturate(130%);
  scroll-behavior: auto;
}



html.glassify-kiosk-perf .hero-title,
html.glassify-kiosk-perf .hero-label-dot,
html.glassify-kiosk-perf .hero-scroll,
html.glassify-kiosk-perf .success-check {
  animation: none !important;
}

html.glassify-kiosk-perf .nav-float,
html.glassify-kiosk-perf .hero-label,
html.glassify-kiosk-perf .page-hero-label,
html.glassify-kiosk-perf .btn-glass-secondary,
html.glassify-kiosk-perf .trust-strip-inner,
html.glassify-kiosk-perf .tier-card,
html.glassify-kiosk-perf .feature-card,
html.glassify-kiosk-perf .showcase-image-frame,
html.glassify-kiosk-perf .store-card,
html.glassify-kiosk-perf .cta-glass,
html.glassify-kiosk-perf .product-card,
html.glassify-kiosk-perf .comparison-table,
html.glassify-kiosk-perf .price-card,
html.glassify-kiosk-perf .included-item,
html.glassify-kiosk-perf .faq-item,
html.glassify-kiosk-perf .tech-card,
html.glassify-kiosk-perf .tech-showcase,
html.glassify-kiosk-perf .legal-card,
html.glassify-kiosk-perf .form-glass,
html.glassify-kiosk-perf .info-card,
html.glassify-kiosk-perf .hours-card,
html.glassify-kiosk-perf .map-glass,
html.glassify-kiosk-perf .footer,
html.glassify-kiosk-perf .success-overlay,
html.glassify-kiosk-perf .success-modal,
html.glassify-kiosk-perf .brand-return-button,
html.glassify-kiosk-perf .kiosk-tap-badge {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html.glassify-kiosk-perf * {
  transition-duration: 120ms !important;
}

html.glassify-kiosk-perf video[data-kiosk-paused="true"] {
  visibility: hidden;
}

html.glassify-kiosk-perf video[data-kiosk-static="true"] {
  display: none !important;
}

.kiosk-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tech-hero-video .kiosk-video-poster {
  width: auto;
  height: auto;
  max-width: calc(100% - 48px);
  max-height: calc(100% - 64px);
  object-fit: contain;
  border-radius: 12px;
}
