/** Shopify CDN: Minification failed

Line 98:17 Unexpected "{"
Line 98:26 Expected ":"
Line 98:33 Unexpected "{"

**/
/* Product Hero Section Styles */
.component-product-hero {
  position: relative;
  overflow: hidden;
}

/* Enhanced animations for better performance */
@media (prefers-reduced-motion: no-preference) {
  .product-hero-title {
    animation: titleGlow 3s ease-in-out infinite alternate;
  }
  
  .product-hero-subtitle {
    animation: fadeInUp 1s ease-out 0.3s both;
  }
  
  .product-hero-description {
    animation: fadeInUp 1s ease-out 0.6s both;
  }
  
  .product-hero-buttons {
    animation: fadeInUp 1s ease-out 0.9s both;
  }
  
  .product-hero-text {
    animation: slideInLeft 1s ease-out;
  }
  
  .product-hero-image {
    animation: slideInRight 1s ease-out;
  }
}

/* Responsive improvements */
@media (max-width: 480px) {
  .product-hero-button {
    padding: 0.8rem 1.5rem;
    font-size: 0.9rem;
  }
  
  .product-hero-buttons {
    flex-direction: column;
    align-items: center;
  }
  
  .product-hero-button {
    width: 100%;
    max-width: 280px;
    justify-content: center;
  }
}

/* High contrast mode support */
@media (prefers-contrast: high) {
  .product-hero-button--primary {
    border: 2px solid currentColor;
  }
  
  .product-hero-button--secondary {
    border-width: 3px;
  }
}

/* Remove cyan circle on click/focus */
.product-hero-button:focus,
.product-hero-button:focus-visible,
.product-hero-button:active,
.product-hero-button:focus:active {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  border: 2px solid var(--hero-accent-color) !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Remove any pseudo-elements that could create circles */
.product-hero-button::before,
.product-hero-button::after {
  display: none !important;
  content: none !important;
}

/* Print styles */
@media print {
  .product-hero-floating-elements,
  .product-hero-badge,
  .product-hero-button {
    display: none;
  }
  
  .product-hero-{{ section.id }} {
    background: white !important;
    color: black !important;
  }
}