/* 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; } Snowy winter forest - Paint by numbers Immerse yourself in a muffled atmosphere where the snow muffles sounds and transforms every branch into a silver sculpture. The paint by numbers "Snowy winter forest" by Steloria invites you to find calm and concentration, a sensual moment where each color glides on the canvas like a caress. Designed to enhance your interior, this winter scene captures the soft light of a frosty morning and the serenity of an immaculate landscape. A creative and relaxing experience Painting becomes a soothing ritual: follow the numbers, let your strokes blend, feel the simple pleasure of watching the canvas transform. Whether you are a beginner or an experienced hobbyist, this kit offers you a gentle and rewarding progression. Guaranteed result: an elegant work that breathes tranquility and harmony. Ideal for gifting or decorating Give a meaningful gift or create a unique painting to enhance your interior. The winter palette, blending deep blues, pearly grays, and bright whites, easily matches a modern or classic decor. This painting quickly becomes the focal point of a room, bringing a touch of poetry and refinement. Kit contents and Steloria advantages What your kit contains High-quality pre-printed canvas, ready to paint Non-toxic acrylic paints, colors matched for a faithful rendering Set of varied brushes for details and surfaces Clear numbering plan and step-by-step guide Neat packaging for gift or storage Why choose Steloria Durable and eco-friendly materials for a professional finish Kit suitable for all levels, easy to follow Rich depth and nuance rendering, true to the image Attentive customer service and practical tips included Relaxing experience, perfect for reconnecting and creating Quick tips for success Start with the large light areas, then detail the shadows Clean your brushes between each color for sharp edges Let dry before adding layers for subtle relief With Steloria, transform a simple activity into a sensual and elegant moment. Take your time, breathe, paint - and let the Snowy winter forest become your next work of art. Description Model: Snowy winter forestMethod: Paint by numbersDifficulty levels: IntermediateDimensions: 30x40cm, 40x50cm and 50x65cmFrame 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]);
