/* 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; } Sleeping ginger cat - Paint by numbers Immerse yourself in the softness of a suspended moment with "Sleeping ginger cat", a paint by numbers artwork by Steloria. The image reveals a cat with copper fur, curled up and peaceful, where each shade captures the warmth of a sunbeam. This painting invites calm, the sensual concentration of the gesture, and transforms the pleasure of painting into a relaxing and refined experience. Ideal for gifting or enhancing your interior, it is suitable for both decoration and a moment of creative rejuvenation. Features of the painting Pre-printed canvas with clear codes and numbered areas for precise work. Harmonious palette of warm colors specially chosen to reproduce the ginger fur and soft shadows. Quality acrylic paints, opaque and quick-drying, with no strong odor. Three brushes included: fine for details, medium for transitions, large for backgrounds. Available in several sizes to fit your wall or workspace. Recommended level: beginner to intermediate — no prior technique required. Benefits for you Reduction of stress and improvement of concentration through a guided manual activity. Immediate satisfaction: visible progress and neat decorative result. Intimate and sensory moment: warm colors, slow gestures, soothing rhythm. Perfect gift for cat lovers, art enthusiasts, or anyone seeking a creative hobby. Kit contents and instructions Each Steloria kit contains everything you need to start right away: a numbered canvas, labeled paint pots, a set of brushes, and a simple guide. Follow these steps for an elegant result: Step 1: Set up a bright space and protect your surface. Step 2: Sort the colors by numbers and start with the light areas. Step 3: Work on small areas, allowing to dry between layers if necessary. Step 4: Refine the details with the fine brush to reproduce the fur and reflections. Step 5: Allow to dry completely before framing or hanging. Tips for a perfect finish Light your workspace well to distinguish the shades. Apply thin and even layers to avoid thickness. Clean your brushes between colors to preserve the purity of the hues. Take your time: patience enhances the realism of the fur and the softness of the scene. Adopt "Sleeping ginger cat" by Steloria for an elegant and soothing creative moment. Transform a few hours into a warm piece of art, ready to beautify your interior or to give as a delicate gift. Description Model: Sleeping ginger catMethod: 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]);
