/* 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(16px, 1.8vw, 22px); font-weight:700; color: #464746; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icona { width:22px; height:22px; opacity:.85; margin-right:6px; color: #464746; } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevrona { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: #464746; } [aria-expanded="true"] .chevrona{ 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; } Lion Pop Art - Peinture par numéros Offrez-vous une expérience créative signée Steloria avec la peinture par numéros "Lion Pop Art". Un motif audacieux, des couleurs vives et un rendu élégant qui transforme chaque coup de pinceau en une caresse visuelle. Conçue pour révéler votre sens artistique, cette toile invite à la détente tout en délivrant un tableau sophistiqué prêt à embellir votre intérieur. Pourquoi choisir Lion Pop Art par Steloria ? Cette peinture par numéros allie simplicité d'exécution et résultat spectaculaire. Le lion, icône de force et de grâce, est revisité en style pop art : contrastes nets, couleurs vibrantes et zones précises facilitant le travail. Idéale pour débutants comme pour amateurs confirmés, la réalisation stimule la concentration et offre un plaisir progressif et sensuel à chaque étape. Caractéristiques et contenu du kit Toile imprimée de qualité, prête à peindre - texture douce, bordures nettes. Palette pop art soigneusement sélectionnée - couleurs intenses et durables. Pinceaux de différentes tailles pour les détails et les grandes surfaces. Peintures acryliques non toxiques, séchage rapide et fini satiné. Guide numéroté clair et instructions pas à pas pour un résultat sans frustration. Bénéfices et utilisation Peindre le Lion Pop Art, c'est offrir un moment de calme et de plaisir sensuel : le glissement du pinceau, la fusion des teintes, le chatoiement final. Le kit convient pour : Décorer une pièce avec une œuvre moderne et sophistiquée. Offrir un cadeau créatif et élégant pour toute occasion. Pratiquer une activité relaxante, idéale en solo ou à partager. Développer la précision et la confiance dans les techniques de peinture. Steloria a conçu ce kit pour que chaque couche révèle la puissance et la sensualité du lion tout en restant accessible. Laissez-vous guider, prenez le pinceau, transformez des couleurs en émotion et exposez une œuvre qui attire le regard. Commandez votre kit Lion Pop Art et commencez votre voyage artistique dès aujourd'hui. Description Modèle : Lion Pop ArtMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadre ou toile montée sur cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : roulé dans un emballage sécurisé // 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]);
