/* amateur2026 non-critical CSS - loaded async */

/* Contact page responsive */
@media (max-width: 600px) {
    .contact-grid { grid-template-columns: 1fr !important; }
}

/* Section toggle animation */
.section-header:hover { color: var(--accent-hover); }
.section-content { transition: max-height 0.3s ease; }

/* Gallery hover effects */
.gallery img {
    transition: transform 0.2s;
}
.gallery img:hover {
    transform: scale(1.05);
}

/* Card hover animation */
.card {
    transition: transform 0.15s, box-shadow 0.2s;
}
.card:hover {
    transform: translateY(-2px);
}

/* Video play indicator */
.card-img video {
    opacity: 0;
    transition: opacity 0.3s;
}
.card-img:hover video {
    opacity: 1;
}

/* Badge animations */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}
.badge-toy {
    animation: pulse 1.5s ease-in-out infinite;
}

/* Footer categories grid */
.footer-cat-group {
    margin-bottom: 8px;
}

/* Filter panel transition */
.panel {
    transition: opacity 0.2s;
}

/* Profile status pulse when online */
.badge-online {
    animation: pulse 2s ease-in-out infinite;
}

/* Scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--bg);
}
::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* Print styles */
@media print {
    .site-header, .site-footer, .panel, .btn, video { display: none !important; }
    body { background: #fff; color: #000; padding-top: 0; }
    a { color: #000; }
    .grid { display: block; }
    .card { page-break-inside: avoid; margin-bottom: 1rem; box-shadow: none; border: 1px solid #ccc; }
}