/* 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; } Cyber Ninja - Manga - Peinture par numéros Plongez dans l'univers nocturne et sensuel du Cyber Ninja avec cette peinture par numéros signée Steloria. Conçue pour ravir les amateurs de manga et les esthètes en quête d'une expérience créative apaisante, cette œuvre combine lignes futuristes et atmosphère feutrée pour un résultat captivant. Chaque trait, chaque teinte est pensé pour révéler peu à peu la silhouette mystérieuse du ninja urbain, entre néons et ombres satinées. Pourquoi choisir ce kit ? Design manga original et contemporain, idéal pour décoration moderne. Expérience créative accessible : convient aux débutants comme aux peintres confirmés. Finition professionnelle grâce à des matériaux de qualité pour un rendu net et durable. Moment relaxant et sensoriel : peindre devient une pause élégante dans la journée. Ce que contient le coffret Steloria Toile pré-imprimée au format optimisé, numérotée pour guider chaque couleur. Palette de peintures acryliques hautement pigmentées, résistantes et faciles à nettoyer. Jeu de pinceaux de différentes tailles pour détails et aplats soyeux. Guide d'instructions clair et conseils de mélange pour un résultat harmonieux. Avantages et promesse Avec Steloria, chaque geste devient une caresse : la texture fluide des peintures se dépose avec douceur, tandis que la palette joue subtilement avec les contrastes pour souligner le caractère du Cyber Ninja. Vous obtenez une œuvre à l'aspect professionnel que vous serez fier d'exposer, sans compromis sur la simplicité d'exécution. Conseils pour un résultat parfait Commencez par les grandes zones, puis travaillez les détails pour une meilleure maîtrise. Rincez vos pinceaux entre chaque couleur pour préserver la pureté des tons. Posez la toile à plat ou sur un chevalet selon votre confort pour des traits précis. Laissez sécher entre les couches pour éviter les bavures et intensifier les contrastes. Offrez-vous une parenthèse créative avec Steloria - Cyber Ninja. Que vous cherchiez un cadeau raffiné ou une pièce unique pour votre intérieur, ce kit transforme le geste en art et la routine en rituel sensuel. Prenez le pinceau, laissez la nuit vibrer sous vos doigts et révélez la légende du Cyber Ninja. Description Modèle : Cyber Ninja - 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]);
