/* Tozi Point Digital — custom styles (Tailwind utility classes live inline in index.html) */

.circuit-pattern {
    background-image:
        linear-gradient(to right, rgba(0, 45, 98, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 45, 98, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

html {
    scroll-behavior: smooth;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@keyframes badgePop {
    0% { transform: translateY(12px); opacity: 0; }
    60% { transform: translateY(-4px); opacity: 1; }
    100% { transform: translateY(0); opacity: 1; }
}

.hero-badge-pop {
    animation: badgePop 0.6s ease-out 0.4s both;
}

@media (prefers-reduced-motion: reduce) {
    .hero-badge-pop { animation: none; }
}

.product-card[data-hidden="true"] {
    display: none;
}

.product-image {
    transition: outline-color 0.2s ease;
}

.product-image:hover {
    outline: 2px solid rgba(0, 45, 98, 0.15);
    outline-offset: -2px;
}