/* Loaded asynchronously: decorative below-the-fold enhancements only. */

@keyframes spinOnce {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes formFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}

.about-card-hover:hover {
  transform: translateY(-0.1875rem);
  box-shadow: 0 1.5rem 2.75rem rgba(15, 23, 42, 0.12);
}

.about-card-hover:hover .about-icon {
  animation: spinOnce 0.6s ease;
}

.product-card-hover:hover {
  transform: translateY(-0.25rem);
  box-shadow: 0 1.5rem 2.75rem rgba(15, 23, 42, 0.12);
}

.category-card-hover:hover {
  transform: translateY(-0.25rem);
  box-shadow: inset 0.25rem 0 0 var(--accent-blue-light), 0 1.25rem 2.5rem rgba(29, 78, 216, 0.12);
}

.why-tile:hover {
  background: #eff6ff;
  border-left-color: var(--accent-blue-light);
}

#form-block form {
  animation: formFloat 4s ease-in-out infinite;
}

.contact-map::before {
  content: '';
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 2;
  inline-size: 3rem;
  block-size: 3rem;
  border-radius: 999px;
  background:
    #eff6ff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21s6-5.33 6-11a6 6 0 1 0-12 0c0 5.67 6 11 6 11Z' stroke='%231d4ed8' stroke-width='1.8'/%3E%3Ccircle cx='12' cy='10' r='2.5' fill='%231d4ed8'/%3E%3C/svg%3E")
    center / 1.45rem 1.45rem no-repeat;
  box-shadow: 0 0.75rem 1.75rem rgba(15, 23, 42, 0.12);
}

.footer-nav a + a::before {
  content: '';
  position: absolute;
  left: -0.15rem;
  top: 50%;
  inline-size: 0.25rem;
  block-size: 0.25rem;
  border-radius: 999px;
  transform: translateY(-50%);
  background: var(--accent-blue-light);
}

.footer-bottom {
  border-top: 1px solid rgba(59, 130, 246, 0.3);
  text-align: center;
}

@media (prefers-reduced-motion: reduce) {
  #form-block form,
  .about-card-hover:hover,
  .product-card-hover:hover,
  .category-card-hover:hover {
    animation: none;
    transform: none;
  }
}