/* Responsive image grid hover effects */
.hover-scale {
  transition: transform 0.3s ease;
}

.hover-scale:hover {
  transform: scale(1.05);
}

/* Waterfall layout for series page */
.waterfall {
  column-count: 3;
  column-gap: 1rem;
}

.waterfall-item {
  break-inside: avoid;
  margin-bottom: 1rem;
}

/* Magazine layout for catalog page */
.magazine-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

/* Loading animation */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.fade-in {
  animation: fadeIn 0.8s ease-in;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .waterfall {
    column-count: 2;
  }
  
  .magazine-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 480px) {
  .waterfall {
    column-count: 1;
  }
}