/* CONTENEUR EN FLEX */ .accordion { display:flex; flex-direction:column; gap:0; /* lignes séparatrices gérées par border */ max-width: 880px; margin: 0 auto; } /* ITEM EN FLEX COLONNE */ .accordion-item { display:flex; flex-direction:column; } /* En-tête : H2 + bouton (ligne en flex) */ .accordion h2 { margin:0; } .accordion button{ all: unset; display:flex; /* FLEX ICI */ align-items:center; justify-content:space-between; gap:14px; width:100%; cursor:pointer; padding:10px 6px; } .accordion .label { flex:1; font-size: clamp(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ transform: rotate(-180deg); } /* PANNEAU EN FLEX COLONNE + TRANSITION hauteur */ .panel { display:flex; /* FLEX ICI */ flex-direction:column; overflow:hidden; max-height:0; /* fermé */ transition:max-height .28s ease; } .panel[data-open="true"] { max-height: 600px; /* valeur assez grande pour contenir le contenu */ } .panel > div { padding: 0 6px 18px 6px; color: var(--muted); line-height: 1.6; font-size: 16px; } Poster La Havane - Peinture par numéros Plongez dans l'atmosphère envoûtante de La Havane avec le "Poster La Havane" - Peinture par numéros signé Steloria. Ce kit transforme une image évocatrice de rues solaires, de façades colorées et d'ombres douces en un tableau personnel, réalisé pas à pas. Le rendu est à la fois chic et sensuel : les couleurs veloutées se déposent comme un souffle sur la toile. C'est une expérience créative accessible, conçue pour libérer l'imagination et offrir un moment de plaisir tactile et visuel. Une expérience facile et gratifiante Que vous soyez débutant ou amateur confirmé, ce poster à peindre par numéros guide votre geste avec clarté. Les zones numérotées simplifient chaque étape pour un résultat harmonieux sans stress. Peindre devient une pause sensible, un jeu de nuances qui apaise l'esprit et élève la décoration de votre intérieur. Idée cadeau et décoration Offrez ou offrez-vous une parenthèse artistique : ce kit est un cadeau élégant pour un anniversaire, une nouvelle maison ou simplement pour dire "prends du temps pour toi". Une fois terminé, le poster devient une pièce déco raffinée, prête à sublimer un mur du salon, une chambre ou un bureau. Contenu du kit et avantages Ce que contient le kit Toile imprimée et numérotée, prêt à peindre (format soigneusement choisi pour une mise en valeur optimale) Peintures acryliques aux pigments intenses et veloutés Pinceaux de qualité adaptés aux détails et aux aplats Guide simple et illustré pour un assemblage sans effort Avantages et conseils pratiques Facile à utiliser : idéal pour tous les niveaux Effet décoratif immédiat : fini élégant, couleurs durables Moment de détente : stimule la concentration et réduit le stress Conseil : commencez par les grandes zones, puis passez aux détails pour un rendu net Conseil : laissez sécher entre les couches pour des couleurs plus profondes Steloria signe ici un produit où sens et simplicité se rencontrent. Laissez-vous tenter par le "Poster La Havane - Peinture par numéros" : un chemin créatif vers une œuvre personnelle et une décoration qui raconte une histoire. Ajoutez-le à votre collection et ressentez la satisfaction d'une création achevée, prête à être admirée. Description Modèle : Poster La HavaneMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : roulé ou plié dans un emballage sécurisé // Accordéon : un seul panneau ouvert à la fois const accordion = document.getElementById('accordion'); const buttons = accordion.querySelectorAll('.accordion-item h2 > button'); function closeItem(btn){ btn.setAttribute('aria-expanded', 'false'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "false"; panel.style.maxHeight = null; } function openItem(btn){ btn.setAttribute('aria-expanded', 'true'); const panel = document.getElementById(btn.getAttribute('aria-controls')); panel.dataset.open = "true"; // ajuste la hauteur pour la transition panel.style.maxHeight = panel.scrollHeight + "px"; } buttons.forEach(btn => { btn.addEventListener('click', () => { const wasOpen = btn.getAttribute('aria-expanded') === 'true'; // ferme tous les items buttons.forEach(closeItem); // ouvre seulement celui cliqué s'il n'était pas déjà ouvert if (!wasOpen) openItem(btn); }); // touche Entrée/Espace pour accessibilité btn.addEventListener('keydown', (e) => { if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); btn.click(); } }); }); // (Optionnel) ouvrir le premier par défaut : // if (buttons.length) openItem(buttons[0]);
