/* 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; } Mini Robots Chibi - Manga - Peinture par numéros Plongez dans un univers tendre et futuriste avec le kit Mini Robots Chibi de Steloria. Chaque détail respire la douceur du style manga, des lignes rondes aux yeux expressifs de ces petits robots. Conçu pour éveiller la créativité, ce kit peinture par numéros transforme un instant calme en une expérience sensuelle et satisfaisante. Idéal pour débutants comme pour amateurs, il promet un résultat professionnel sans effort compliqué. Ce que contient votre coffret Toile pré-imprimée au format compact, facile à encadrer. Pochettes de peinture numérotées avec pigments riches et couvrants. Pinceaux de précision adaptés aux détails chibi et aux aplats. Guide clair étape par étape pour suivre les zones numérotées. Les atouts qui font la différence Chaque élément du kit a été pensé pour offrir plaisir et élégance : les couleurs sont choisies pour leur intensité et leur harmonie manga, les pigments sèchent rapidement sans perdre leur éclat, et la toile retient parfaitement la peinture pour un rendu net et durable. Peindre devient une caresse pour l’esprit - un moment sensoriel où la main suit la logique douce des numéros et où l’image prend vie, petit à petit. Utilisation, détente et cadeaux Facile, apaisant, accessible Le principe par numéros rend la création accessible à tous. En quelques sessions calmes, vous verrez naître un petit monde coloré. C’est une activité parfaite pour déconnecter, pratiquer la pleine conscience et retrouver une sensation d’accomplissement. En famille, entre amis ou en solo, le rythme est à vous : détaillé ou rapide, selon votre envie. Un cadeau qui touche Offrez un présent original pour anniversaires, fêtes ou simplement pour faire plaisir. Convient aux adolescents, jeunes adultes et amateurs de manga ou d’objets kawaii. Après finition, exposez votre œuvre : elle apporte charme et modernité à tout intérieur. Steloria vous invite à créer, ressentir et exposer. Laissez-vous séduire par la délicatesse des Mini Robots Chibi et transformez un simple kit en un tableau plein de vie et d’émotion. Description Modèle : Mini Robots Chibi - 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]);
Related
Related
Related
Related