/* 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; } Rainbow Nova - Manga - Peinture par numéros Éveillez vos sens et laissez votre imagination s'exprimer avec Rainbow Nova, une peinture par numéros inspirée de l'esthétique manga. Conçue par Steloria pour les amateurs comme pour les artistes en quête d'évasion, cette création combine couleurs vibrantes et lignes délicates pour révéler une scène pleine d'émotion. Chaque toile devient une expérience sensuelle, simple à réaliser : suivez les numéros, respirez, et regardez l'œuvre prendre vie sous vos doigts. Ce que contient le coffret Rainbow Nova Toile imprimée de qualité, pré-découpée et prête à peindre. Set de peintures acryliques aux pigments riches et durables. 3 pinceaux de tailles variées pour détails et remplissage. Palette de référence et guide visuel pas à pas. Conseils d'entretien pour préserver la brillance des couleurs. Comment fonctionne la peinture par numéros Peindre Rainbow Nova est un plaisir accessible. Chaque zone est numérotée et correspond à une teinte précise. Commencez par les grandes surfaces, progressez vers les détails, et terminez par les touches lumineuses qui donnent profondeur et intensité. Le résultat ? Un portrait manga aux reflets arc-en-ciel, harmonieux et plein de caractère. Aucune compétence préalable requise, juste l'envie de créer. Pourquoi choisir Rainbow Nova - Avantages et émotions Rainbow Nova n'est pas seulement un loisir : c'est un rituel de détente qui sublime votre intérieur. La palette chromatique soigneusement choisie révèle des contrastes doux et sensuels, parfaits pour une atmosphère apaisante ou pour offrir un cadeau qui touche le cœur. Les bénéfices pour vous Relaxation immédiate : un temps pour soi, loin du stress quotidien. Satisfaction créative : finition professionnelle sans effort technique. Décoration unique : une œuvre prête à être encadrée et admirée. Idée cadeau raffinée : pour les amateurs de manga et d'art accessible. Conseils pratiques Peignez dans un endroit lumineux et calme pour mieux apprécier les nuances. Nettoyez les pinceaux après chaque session pour préserver la qualité des poils. Laissez sécher chaque couche avant d'ajouter des détails pour un rendu net. Offrez-vous l'expérience Steloria avec Rainbow Nova - un voyage chromatique et sensuel qui transforme une simple toile en une œuvre pleine d'âme. Laissez la couleur raconter votre histoire. Description Modèle : Rainbow Nova - MangaMé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]);
