/* 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; } Sakura blossoms - Paint by numbers Immerse yourself in a parenthesis of delicate beauty with Sakuras in bloom, the paint by numbers kit by Steloria. Each petal seems to float, each shade caresses the canvas. This kit transforms an ordinary afternoon into a sensory experience: silky colors, slow gestures, and visible satisfaction. Designed for beginners as well as experienced enthusiasts, it invites you to create a refined work without technical stress. Why you will love it Guaranteed relaxation: step-by-step painting helps reduce stress and calm the mind. Elegant result: a harmonious composition of pinks and whites that brightens any interior. Easy and accessible: clear codes, ergonomic brushes, and covering paint for a professional finish. Refined gift: ideal offer for a birthday, a party, or to treat yourself. Guided creativity: artistic freedom with the reassuring structure of a paint by numbers model. What the kit contains 1 high-quality printed canvas, numbered for each area to paint. 18 to 24 pots of carefully measured acrylic paint in the shades of the sakuras. 3 brushes of different sizes for details and filling. 1 simple instruction guide, illustrations, and tips for a flawless finish. Neatly packaged, ready to gift or keep. How to use it — Simple and rewarding The Sakuras in bloom kit has been designed so that each step is smooth and enjoyable. No special skills are required: follow the numbers, start with the large areas, then move on to the details. Take your time, breathe, let your gestures become a quiet dance around the flowering branches. Simple steps 1. Set up the canvas and organize your pots and brushes. 2. Start with the lightest colors and progress to the darker ones. 3. Let dry between layers for a clean finish. 4. Add final touches to enhance depth and light. Quality and finish Durable canvas and non-toxic acrylic paint, with lasting pigments. Satin finish that captures light and enhances floral details. Ideal format for framing or displaying as is, and to create a serene atmosphere. Indulge in a sensual and creative break with Steloria - Sakuras in bloom. Transform your moments into a delicate work, ready to beautify your home or touch the hearts of those you love. Description Model: Sakuras in bloomMethod: Paint by numbersDifficulty levels: IntermediateDimensions: 30x20cm, 40x50cm, 50x65cm and 60x75cmFrame options: Sold with no frame or DIY frameSupport: Treated and printed cotton/linen canvasPaint type: AcrylicPackaging: 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]);
