/* 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; } Chibi Rainbow - Manga - Paint by numbers Immerse yourself in a soft and colorful universe with Chibi Rainbow, a paint by numbers created by Steloria. Inspired by the chibi manga style, this creation reveals delicate curves, tender expressions, and a rainbow palette designed to please the eye. Each stroke becomes a caress, each hue an emotion: an intimate, accessible, and deeply satisfying moment of creation. What's in the box High-quality pre-printed canvas, numbered for precise guidance Fast-drying acrylic paints, opaque and non-toxic Two complementary brushes (fine and medium) for details and flat areas Color guide and step-by-step tips for a professional finish Lightweight hangers to display your artwork once finished Why choose Chibi Rainbow Chibi Rainbow transforms a simple hobby into a true wellness ritual. Its paint by numbers method makes the experience accessible regardless of your level: no prior skills needed, just the desire to create. The harmonious palette facilitates the assembly of tones and produces a cheerful, soothing, and decidedly decorative result. It’s the perfect balance between creative relaxation and aesthetic satisfaction. Benefits and usage ideas Whether you are looking for a delightful break after a busy day or a refined gift, Chibi Rainbow charms with its simplicity and elegance. Treat yourself or give a loved one the pleasure of painting a chibi character with a bright smile, to be framed in a living room, a guest room, or a creative corner. Practical advantages Easy to follow: clear numbers and guide included Quality materials: durable colors and sharp finishes Relaxing: stress-relieving activity that channels attention Decorative: result ready to be displayed Suitable for everyone: ideal for beginners as well as experienced hobbyists Imagine the softness of a rainbow on paper, the attention given to each little chibi detail, the joy of seeing a unique piece come to life under your hands. Chibi Rainbow by Steloria invites you to slow down, to feel, and to celebrate color. Indulge in this sensory journey and let your creativity shine. Description Model : Chibi Rainbow - MangaMethod : Paint by numbersDifficulty level : NoviceDimensions : 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]);
