/* FARCOM Services — Shared Styles */

/* Brand slider */
@keyframes slide-brands { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.brand-track { display:flex; animation:slide-brands 30s linear infinite; width:max-content; }
.brand-track:hover { animation-play-state:paused; }

/* Product carousel */
@keyframes slide-products { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
.product-track { display:flex; animation:slide-products 30s linear infinite; width:max-content; }
.product-track:hover { animation-play-state:paused; }
.product-card { flex:0 0 300px; margin:0 12px; }

/* Scroll reveal */
.reveal { opacity:0; transform:translateY(30px); transition:opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }
.reveal-delay-1 { transition-delay:0.1s; }
.reveal-delay-2 { transition-delay:0.2s; }
.reveal-delay-3 { transition-delay:0.3s; }
.reveal-delay-4 { transition-delay:0.4s; }
.reveal-delay-5 { transition-delay:0.5s; }

/* Service card hover */
.service-card { transition: transform 0.35s cubic-bezier(.4,0,.2,1), box-shadow 0.35s ease; }
.service-card:hover { transform:translateY(-6px); box-shadow:0 20px 40px rgba(26,39,68,0.12); }

/* Hero grain overlay */
.hero-grain { background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"); }

/* Nav dropdown */
.nav-dropdown { opacity:0; visibility:hidden; transform:translateY(8px); transition:all 0.2s ease; }
.nav-group:hover .nav-dropdown { opacity:1; visibility:visible; transform:translateY(0); }

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

/* Spec table */
.spec-table th { text-align:left; padding:0.75rem 1rem; font-weight:600; }
.spec-table td { padding:0.75rem 1rem; border-top:1px solid #e5e7eb; }
.spec-table tr:hover td { background:#f9fafb; }
