NovaLume Minimalist LED Pendant Lights with Remote Control
Overview
The following styling rules define how the product page presents the NovaLume Minimalist LED Pendant Lights with Remote Control. They govern the appearance of open sections, the treatment of section headers, the behavior of accordion panels, and responsive layout and typography to ensure a clean, modern presentation.
Key styling features
- The open state (is-open) applies a light background and horizontal padding to content areas to highlight expanded sections.
- Section footers (section-footer__title) use increased letter spacing, medium font weight, and a compact font size for a distinct, readable label.
- Accordion panels (accordionPanel) offer a smooth max-height transition on larger screens for a refined expand/collapse effect, with a light background and hidden overflow when collapsed.
- Accordion wrappers (accordionWrapper) manage visibility through fade-in transitions and ensure consistent padding across viewports.
- Responsive columns (columns) switch to a two-column layout on wider screens to improve content density while maintaining readability.
Typography and spacing
- Typography uses fonts like Replica Std and Helvetica Neue for a modern, clean look. Some headings are styled in uppercase with tight letter spacing to create a bold hierarchy.
- Spacing utilities regulate margins and padding to maintain a consistent rhythm across elements, including bottom margins and inner paddings.
- The list and content containers reset default list styles and margins to ensure a tidy layout.
Notes on structure
The described rules focus on page presentation and do not introduce additional features or external elements beyond the described styling framework.