AGENTS.md

Project

This is a dependency-free static site for the Ipe Amarelo page, written in Portuguese.
The complete page markup and inline footer script are in index.html.
Custom layout, responsive behavior, backgrounds, and overlays are in css/tooplate-style.css.
Panel interaction and animated detail overlays are in js/main.js, using the local Anime.js copy.
Local vendor assets live under css/, js/, slick/, and fontawesome/; preserve their relative paths.

There is no package manager, build step, test suite, or lint configuration.
Preview locally with python3 -m http.server 8000, then open http://localhost:8000/.
Opening index.html directly also works for local assets, but an HTTP server better matches deployment behavior.
External embeds and links require network access; local assets should continue to work offline.

Preserve the .grid and .grid__item structure: js/main.js initializes every panel and expects its hidden .product__description content.
Keep the description markup and IDs stable when changing panel content because the overlay is populated through innerHTML.
Test responsive behavior at desktop and mobile widths after changes. The layout relies on absolute positioning, viewport height, and mobile background rules.
When changing markup or assets, check the browser console, verify local asset paths, and exercise each panel, close action, video, map embed, and external link.
Keep changes focused and preserve the existing Tooplate/Bootstrap class conventions. Avoid editing vendored library files unless the task specifically requires it.

For HTML changes, manually validate the page in a browser; no automated validator is configured.
Confirm img/ipe-bg.jpg, img/bg-mobile.jpg, img/ipe-da-vida.mp4, and referenced logos still exist when relevant.
Treat accessibility improvements such as missing image alt text as welcome when touching the affected markup, without broad unrelated rewrites.