/* 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 Rouge - Manga - Peinture par numéros Plongez dans l’univers vif et sensuel du Ninja Rouge. Cette peinture par numéros inspirée du manga capture une silhouette mystérieuse, un regard profond et des teintes rougeoyantes qui vibrent sous le pinceau. Conçu pour les amateurs comme pour les passionnés, ce kit transforme chaque trait en émotion, chaque couleur en mouvement. Laissez vos mains guider la création et découvrez la satisfaction d’une œuvre achevée, prête à sublimer votre intérieur. Une expérience créative simple et raffinée Le kit Ninja Rouge offre une méthode claire et accessible : zones numérotées, couleurs précises, instructions épurées. Même sans expérience, le pinceau glisse, les couches se superposent avec grâce, et l’image prend vie. Le résultat est élégant, avec des contrastes nets et des dégradés maîtrisés qui évoquent immédiatement l’esthétique manga. Ce que contient votre coffret Toile imprimée avec repères numérotés - qualité coton robuste Palette de peintures acryliques saturées, parfaitement assorties Pinceaux de plusieurs tailles pour détails et remplissage Guide pas à pas simple et fiches conseils pour un rendu professionnel Pourquoi choisir Ninja Rouge ? Choisir ce modèle, c’est opter pour une création qui apaise et excite à la fois. Les couleurs rouges, grenat et noirs apportent intensité et chaleur. Le style manga séduit par son dynamisme et son expressivité, idéal pour décorer une chambre, un salon ou offrir un cadeau mémorable. Avantages clés Détente assurée : activité anti-stress, favorise la concentration Accessible : convient aux débutants et aux artistes confirmés Finition soignée : œuvre prête à encadrer Idée cadeau : romantique, moderne, originale Conseils pour sublimer votre œuvre Travaillez par zones et laissez sécher entre les couches Commencez par les couleurs foncées pour mieux gérer les contrastes Utilisez le pinceau fin pour les traits manga et les yeux expressifs Encadrez sous verre pour préserver les couleurs Laissez-vous séduire par Ninja Rouge - un mariage de simplicité et d’intensité, parfait pour créer un tableau qui parle et qui enchante. Commencez maintenant et transformez une toile blanche en une scène pleine de caractère. Description Modèle : Ninja Rouge - MangaMéthode : Peinture par numérosNiveaux de difficulté : DébutantDimensions : 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]);
