// vue/app/pages/About/index.styl
// Стили исключительно для страницы "О зале"

.about-section
  .info-item
    transition: all 0.3s ease
    padding: 0.5rem
    border-radius: 0.5rem
    
    &:hover
      background-color: rgba(0, 0, 0, 0.02)
      
      .dark &
        background-color: rgba(255, 255, 255, 0.02)
    
    .icon
      transition: transform 0.3s ease
      
    &:hover .icon
      transform: scale(1.1)

  // Стили для статистических карточек
  .stat-card
    transition: all 0.3s ease
    position: relative
    overflow: hidden
    
    &::before
      content: ''
      position: absolute
      top: 0
      left: 0
      right: 0
      bottom: 0
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%)
      pointer-events: none

// Адаптивность для мобильных устройств
@media (max-width: 768px)
  .about-section
    .grid
      gap: 1.5rem
      
    .bg-white, .bg-gray-800
      padding: 1.5rem