/* Shop The Kiosk Custom Styles */

/* Akira Font */
@font-face {
  font-family: 'Akira Expanded';
  src: url('/fonts/AkiraExpandedDemo.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.akira-heading {
  font-family: 'Akira Expanded', sans-serif;
}

@keyframes stk-marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-33.333%); }
}

.stk-marquee {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  min-width: 100%;
  white-space: nowrap;
  animation: stk-marquee 18s linear infinite;
}

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Fade in animation for kiosk flow */
@keyframes fadeIn {
  from {
    opacity: 0.2;
    transform: scale(1.01);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.flow-image-fade {
  animation: fadeIn 0.35s ease-out;
}

/* Accordion transitions */
.accordion-icon {
  transition: transform 0.3s ease;
}

.accordion-content {
  transition: all 0.3s ease;
}