/* Unified frosted glass — load after all component CSS */

.card,
.value-card,
.tech-card,
.service-card,
.advantage-card,
.contact__item,
.contact__cta,
.business-detail__feature,
.factory-banner,
.production-stat,
.process-step__number,
.hero__company,
.hero__highlight,
.hero__badge,
.section__label,
.about__image,
.business-detail__visual,
.production-showcase__image {
  background: var(--glass-bg);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
}

.about__image,
.business-detail__visual,
.production-showcase__image {
  padding: 0;
  overflow: hidden;
}

.factory-banner {
  background:
    linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.07), rgba(8, 145, 178, 0.05)),
    var(--glass-bg);
}

.business-detail__feature {
  border-left: 3px solid var(--color-primary);
}

.card:hover,
.value-card:hover,
.tech-card:hover,
.service-card:hover,
.advantage-card:hover,
.contact__item:hover,
.hero__highlight:hover {
  background: var(--color-bg-card-hover);
  border-color: var(--color-border-hover);
}

.process-step:hover .process-step__number {
  background: var(--gradient-brand);
  border-color: transparent;
  color: #fff;
  box-shadow: var(--shadow-glow);
}