/* 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; } Poster Singapour - Peinture par numéros Découvrez l'élégance urbaine de Singapour avec le poster à peindre par numéros signé Steloria. Conçu pour éveiller votre créativité, ce kit transforme une scène moderne en une œuvre personnelle, étape par étape. Chaque nuance révèle la beauté des lignes architecturales et la chaleur des lumières nocturnes, pour une décoration intérieure unique et sensuelle. Un concept simple et apaisant La peinture par numéros Steloria est pensée pour tous les niveaux. Que vous soyez débutant ou amateur confirmé, le système numéroté vous guide en douceur. Peindre devient un rituel relaxant qui concentre l'esprit tout en laissant la main exprimer sa sensibilité. Le résultat est instantanément gratifiant : un poster prêt à sublimer votre mur. Caractéristiques et contenu du kit Toile imprimée du Poster Singapour, pré-découpée et numérotée pour faciliter le travail. Peintures acryliques aux pigments riches et durables, sélectionnées pour des couleurs vibrantes. Pinceaux de qualité gradués pour les détails et les aplats. Guide simple et clair pas à pas, illustré pour une expérience fluide. Pourquoi choisir ce poster Steloria ? Ce poster est plus qu'un objet décoratif : c'est une expérience créative. Il offre : Un rendu professionnel sans techniques complexes. Une activité relaxante idéale en solo ou à partager. Un cadeau élégant et personnalisé pour les amateurs d'art et de design. Une décoration durable qui raconte une histoire et invite au regard. Offrez-vous un moment de création et laissez-vous emporter par les couleurs de Singapour. Le Poster Singapour - Peinture par numéros de Steloria transforme un instant de détente en une pièce déco pleine d'âme. Embarquez pour une exploration artistique simple, sensuelle et immédiatement visible sur vos murs. Description Modèle : Poster SingapourMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : roulé ou plié 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]);
