/* Custom styles that extend beyond Tailwind */

/* Base reset adjustments */
*, *::before, *::after {
    box-sizing: border-box;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Selection color */
::selection {
    background: rgba(255, 111, 94, 0.2);
    color: #16181b;
}

/* Smooth focus */
:focus-visible {
    outline: 1px solid #ff6f5e;
    outline-offset: 2px;
}

/* Mobile nav links */
.mobile-nav-link {
    display: block;
    transition: color 0.3s ease, padding-left 0.3s ease;
}
.mobile-nav-link:hover {
    color: #ff6f5e;
    padding-left: 8px;
}

/* Subtle parallax-like effect on hero image on scroll */
@media (prefers-reduced-motion: no-preference) {
    .product-img {
        will-change: transform;
    }
}

/* Print styles */
@media print {
    header, footer, .btn-coral, .btn-outline {
        display: none;
    }
    body {
        color: #000;
        background: #fff;
    }
}