/* 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(18px, 2.2vw, 28px); font-weight:700; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icon { width:22px; height:22px; opacity:.85; margin-right:6px } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevron { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: var(--chev); } [aria-expanded="true"] .chevron{ 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 - Paint by numbers Awaken your senses and let your imagination express itself with Rainbow Nova, a paint by numbers inspired by manga aesthetics. Designed by Steloria for enthusiasts and artists seeking escape, this creation combines vibrant colors and delicate lines to reveal a scene full of emotion. Each canvas becomes a sensual experience, easy to achieve: follow the numbers, breathe, and watch the artwork come to life under your fingers. What the Rainbow Nova kit contains Quality printed canvas, pre-cut and ready to paint. Set of acrylic paints with rich and durable pigments. 3 brushes of varying sizes for details and filling. Reference palette and step-by-step visual guide. Care tips to preserve the brilliance of the colors. How paint by numbers works Painting Rainbow Nova is an accessible pleasure. Each area is numbered and corresponds to a specific shade. Start with the large areas, progress to the details, and finish with the bright touches that give depth and intensity. The result? A manga portrait with rainbow reflections, harmonious and full of character. No prior skill required, just the desire to create. Why choose Rainbow Nova - Benefits and emotions Rainbow Nova is not just a hobby: it is a relaxation ritual that enhances your interior. The carefully chosen color palette reveals soft and sensual contrasts, perfect for a soothing atmosphere or for giving a gift that touches the heart. The benefits for you Immediate relaxation: a time for yourself, away from daily stress. Creative satisfaction: professional finish without technical effort. Unique decoration: a work ready to be framed and admired. Refined gift idea: for manga lovers and accessible art. Practical tips Paint in a bright and quiet place to better appreciate the nuances. Clean the brushes after each session to preserve the quality of the bristles. Let each layer dry before adding details for a clean finish. Indulge yourself in the Steloria experience with Rainbow Nova - a chromatic and sensual journey that transforms a simple canvas into a work full of soul. Let the color tell your story. Description Model : Rainbow Nova - MangaMethod : Paint by numbersDifficulty level : IntermediateDimensions : 50x40cmFrame options : Sold with no frameSupport : Treated and printed cotton/linen canvasPaint type : Acrylic (24 colors)Packaging : rolled or folded in secure packaging // 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]);
