/* 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; } Ninja Masqué - Manga - Peinture par numéros Plongez dans un univers envoûtant où la précision rencontre la poésie. "Ninja Masqué" révèle un héros masqué aux lignes nettes et aux contrastes intenses, dessiné dans un style manga moderne. Chaque coup de pinceau devient une caresse sur la toile, chaque couleur s'étire en douceur pour composer une image vibrante et élégante. Conçu par Steloria, ce kit transforme un instant de calme en une création dont vous serez fier. Un kit pensé pour tous Que vous soyez débutant ou peintre confirmé, ce kit vous guide pas à pas. Les zones numérotées facilitent la progression, éliminent le doute et laissent place au plaisir. Peindre devient une expérience sensuelle et apaisante : la glisse des pinceaux, la saturation des pigments et la révélation progressive du personnage créent un vrai rituel créatif. Contenu complet et qualité premium Toile pré-imprimée et numérotée, résistante et tendue, prête à accrocher. Peintures acryliques aux pigments riches et couvrants, séchage rapide. Ensemble de pinceaux sélectionnés pour détails et remplissage. Palette numérotée et guide simple pour vous accompagner étape par étape. Pourquoi choisir "Ninja Masqué" ? Ce motif manga est une invitation au raffinement et à l'évasion. Il apporte une touche contemporaine et mystérieuse à votre intérieur. Offrez-vous ou offrez à un proche un moment de création qui apaise l'esprit et magnifie l'espace. Le résultat, riche en contrastes et en détails, trouve facilement sa place dans un salon, un bureau ou une chambre. Avantages clés Simplicité : parfaitement adapté aux débutants. Esthétique : rendu final élégant et harmonieux. Bien-être : activité relaxante et immersive. Cadeau idéal : emballage soigné, prêt à offrir. Conseils pour sublimer votre œuvre Travaillez dans une lumière douce et régulière pour respecter les teintes. Commencez par les zones claires, puis fondez vers les ombres. Rincez les pinceaux entre les couleurs pour préserver la pureté des pigments. Laissez sécher complètement avant d'encadrer ou d'accrocher. Laissez-vous séduire par la fluidité du geste et la beauté du résultat. "Ninja Masqué" par Steloria est plus qu'un simple kit : c'est une expérience créative qui transforme des instants en œuvres d'art. Saisissez ce moment, créez, admirez. Description Modèle : Ninja Masqué - MangaMé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]);
