:root {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.product-card img {
    transition: transform .4s ease;
}

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

#site-nav.scrolled {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.12);
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid #10b981;
    outline-offset: 2px;
}