/* 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; } Girafe Pop Art - Peinture par numéros Offrez-vous une expérience créative élégante avec la Girafe Pop Art de Steloria. Ce kit de peinture par numéros transforme une toile en une œuvre vibrante et moderne, parfaitement adaptée à la décoration contemporaine. Conçu pour les débutants comme pour les amateurs éclairés, il propose un voyage visuel sensuel où chaque couleur révèle la personnalité du motif. Un plaisir accessible et relaxant La peinture par numéros Steloria est pensée pour apporter détente et fierté. Suivez les repères simples, appliquez les couleurs acryliques fournies et voyez la girafe s’animer sous vos doigts. Cette activité développe la concentration, réduit le stress et offre une récompense immédiate : une pièce unique à exposer. Facile à suivre : numéro clair sur la toile. Résultat professionnel : couleurs vives et contraste pop art. Temps de réalisation adaptable : sessions courtes ou longues selon votre rythme. Parfait comme cadeau créatif et élégant. Ce que contient le kit Girafe Pop Art Chaque coffret Steloria a été soigneusement assemblé pour garantir une expérience complète et sans surprise. Vous disposez de tout le nécessaire pour commencer immédiatement et obtenir un rendu soigné. Toile imprimée de haute qualité au format adapté à la composition. Palette de peintures acryliques sélectionnées pour l’harmonie pop art. Pinceaux de précision pour zones fines et grandes surfaces. Guide étape par étape simple et illustré pour un résultat garanti. Pourquoi choisir Steloria pour votre intérieur ? Steloria associe esthétique contemporaine et simplicité d’usage. La Girafe Pop Art apporte une touche audacieuse et sensuelle à votre intérieur : couleurs contrastées, silhouette graphique et finition nette. C’est une pièce qui attire le regard et crée une atmosphère chaleureuse et moderne. Design unique, inspiré du pop art. Qualité des matériaux pour une durabilité visuelle. Convient à tous les niveaux - plaisir assuré. Idéal pour décorer un salon, une chambre ou un bureau créatif. Transformez un instant créatif en œuvre d’art avec Steloria - Girafe Pop Art. Commencez votre toile aujourd’hui et laissez la couleur raconter votre histoire. Description Modèle : Girafe 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]);
