Planche d’équilibre ronde avec rouleau d’exercice – Logo latéral

Description

/* ——— Acordeão minimal que herda o tema Shopify ——— */ .t-accordion { margin-block: 0.75rem; border: 1px solid var(–color-border, currentColor); border-radius: var(–radius-base, 0.5rem); overflow: hidden; background: var(–color-bg, transparent); } .t-accordion__header { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; width: 100%; padding: 0.75rem 1rem; background: inherit; color: inherit; font: inherit; line-height: inherit; cursor: pointer; border: 0; appearance: none; text-align: left; } .t-accordion__icon { transition: transform 0.25s ease; font: inherit; } .t-accordion__content { max-height: 0; overflow: hidden; padding: 0 1rem; transition: max-height 0.3s ease-out, padding 0.3s ease-out; background: inherit; color: inherit; font: inherit; } .t-accordion__content.is-open { max-height: 1000px; padding: 0.75rem 1rem 1rem; } .t-desc { margin-block-end: 1.25rem; } @media (prefers-reduced-motion: reduce) { .t-accordion__content, .t-accordion__icon { transition: none; } }

document.addEventListener(‘DOMContentLoaded’, function () {
const groups = document.querySelectorAll(‘.t-accordion’);
groups.forEach(group => {
const button = group.querySelector(‘.t-accordion__header’);
const content = group.querySelector(‘.t-accordion__content’);
const icon = group.querySelector(‘.t-accordion__icon’);
button.addEventListener(‘click’, () => {
const isOpen = button.getAttribute(‘aria-expanded’) === ‘true’;
button.setAttribute(‘aria-expanded’, String(!isOpen));
content.hidden = isOpen;
content.classList.toggle(‘is-open’, !isOpen);
if (icon) icon.textContent = isOpen ? ‘➕’ : ‘➖’;
});
});
});