/* 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; } Aigle Pop Art - Peinture par numéros Découvrez l'Aigle Pop Art par Steloria, une toile où la puissance du rapace rencontre l'éclat des couleurs contemporaines. Conçue pour éveiller la créativité et offrir un moment d'évasion, cette peinture par numéros transforme chaque trait en une œuvre audacieuse. Le motif combine lignes graphiques et aplats lumineux pour un rendu moderne, idéal pour sublimer un mur et capter le regard. Pourquoi ce kit séduit ? Simple à utiliser et pourtant profondément gratifiant, le kit convient aux débutants comme aux amateurs expérimentés. La palette pop joue sur des contrastes chauds et froids, donnant au regard de l'aigle une intensité presque tactile. Peindre devient une expérience sensuelle : la progression des couleurs, la précision des zones numérotées, la révélation progressive de l'image créent un plaisir continu et apaisant. Contenu du kit Toile imprimée au format prêt à encadrer, avec repères numérotés précis Ensemble de peintures acryliques haute opacité, nuances calibrées pour l'effet Pop Art Jeu de pinceaux adaptés aux détails et aux surfaces larges Palette et notice illustrée avec conseils de mélange et d'application Emballage soigné pour préserver la qualité et offrir un cadeau raffiné Avantages et bénéfices Résultat professionnel sans expérience préalable Activité relaxante qui réduit le stress et stimule la concentration Décor unique et personnalisé, prêt à accrocher Matériaux durables pour des couleurs vives qui tiennent dans le temps Parfait comme cadeau créatif pour une personne chère Offrez-vous un moment de création avec l'Aigle Pop Art de Steloria : une invitation à explorer les nuances, à maîtriser le geste et à révéler une œuvre au caractère affirmé. Laissez-vous guider par les numéros, savourez chaque couche, et découvrez la fierté d'un tableau achevé - élégant, vibrant, irrésistible. Description Modèle : Aigle 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]);
