/* 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; } Paris shopping street with a view of the Eiffel Tower - Paint by numbers Dive into a Parisian scene where the softness of the cobblestones meets the delicate silhouette of the Eiffel Tower. This paint by numbers kit from Steloria invites you on a sensory journey: each shade reveals the light of a shop window, the reflection of a tender evening, the promise of a romantic landscape. Designed to transform a moment of attention into a decorative work, this painting evokes the elegance of Paris with a silky and harmonious palette. What's in the kit High-quality pre-printed canvas, ready to paint, durable and easy to stretch. Set of numbered acrylic paints, optimal coverage and quick drying. 3 brushes of different sizes for fine details and smooth backgrounds. Clear step-by-step guide with markers and tips for a professional finish. Available dimensions in several formats to fit any interior. Easy, soothing, and decorative This project is suitable for both beginners and experienced enthusiasts. The numbering guides your movements; the rhythm of painting becomes a soothing, almost meditative exercise. As you apply the strokes, you create an atmosphere: lively terraces, bright signs, delicately shaded sky around the Eiffel Tower. The final result offers a unique piece, ready to enhance a living room, bedroom, or office. Why choose this Steloria painting? Choosing this kit means opting for a complete and accessible creative experience. Steloria prioritizes the quality of materials and the fidelity of colors so that every detail of the Parisian scene comes to life. Whether you are looking for a refined gift or a relaxing activity after a busy day, this painting is designed to move and beautify. Ideal as a romantic gift or travel souvenir. Flexible completion time: short moments or extended sessions depending on your availability. Elegant finish: once framed, the canvas becomes a true statement of taste. Satisfaction guaranteed: a simple process for an impressive result. Let yourself be enchanted by the magic of a Parisian shopping street and the majesty of the Eiffel Tower. Embrace this Steloria kit to experience a sensual artistic experience, clear and deeply rewarding. Description Model: Paris shopping street and view of the Eiffel Tower - ParisMethod: Paint by numbersDifficulty levels: IntermediateDimensions: 20x30cm, 40x50cm,Frame options:Sold with 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]);
Related
Related
Related
Related