/* Component-level styles live here so reusable UI can be changed without touching page sections. */
.product-card:focus-visible,.btn:focus-visible,.hero-arrow:focus-visible,.hero-dot:focus-visible,.menu-toggle:focus-visible,.nav-links a:focus-visible{outline:3px solid rgba(184,134,11,.45);outline-offset:3px}
.product-card .product-link i{transition:transform .2s ease}.product-card:hover .product-link i{transform:translateX(3px)}