/* 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; } Daisies field - Paint by numbers Dive into a summer painting where each brushstroke reveals the softness of daisies. The Steloria collection "Daisies field" transforms your creative moment into a sensual and soothing experience: bright colors, delicate textures, harmonious composition. Designed for both amateurs and experts, this paint by numbers guides you step by step towards a gallery-worthy work, stress-free and with immediate pleasure. Why choose "Daisies field"? Because Steloria combines aesthetics and simplicity: the pattern evokes a sunny meadow and a breath of freedom, the numbers are clear, and the quality of the materials ensures a satin and durable finish. It is the ideal gift to offer a creative break, tastefully decorate an interior, or reconnect with oneself. Instant serenity: relaxing activity to reduce stress and stimulate concentration. Professional result: calibrated shades and pre-printed canvas for a harmonious rendering. Accessible: no artistic prerequisites, ideal for beginners and experienced. Elegant decor: once finished, the canvas enhances the living room, bedroom, or office. Contents of the Steloria box Quality pre-printed canvas (ready to hang after drying). Numbered acrylic paint pots, optimal coverage. Precision brushes for details and surfaces. Clear step-by-step guide and finishing tips signed Steloria. Easy, elegant, transformative In a few hours, you see a field of daisies come to life: soft leaves, bright petals, mastered depth. The process is designed to maximize pleasure and success. Each number leads you to a touch after another, until the visual accomplishment that releases immediate pride. The acrylic texture dries quickly, retains color intensity, and withstands time. Usage tips Start with the large areas and then refine with the small brush. Clean your brushes between each shade for a neat finish. Let dry for 24 hours before framing or hanging. For a brighter rendering, apply a thin layer of varnish after drying. Steloria invites you to experience a creative, sensual, and rewarding interlude. "Daisies field" is not just a paint by numbers: it is a decorative experience that transforms a blank canvas into a poetic scene, ready to move and enhance your interior. Description Model: Daisies fieldMethod: 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]);
