/* 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 Construction - Manga - Peinture par numéros Plongez dans l'univers tendre et précis de Steloria avec notre kit "Mini Robots Chibi Construction". Ce petit bijou mêle l'esthétique manga chibi à la douceur d'une peinture par numéros. Chaque morceau invite à une expérience délicate et sensuelle : toucher la toîle, glisser le pinceau, découvrir les teintes qui s'assemblent comme une caresse visuelle. Conçu pour les amateurs comme pour les novices, ce kit transforme un instant créatif en moment de bien-être et d'évasion. Caractéristiques techniques Format compact : toile pré-imprimée adaptée aux espaces cosy et aux coins lecture. Design : mini robots chibi au style manga, lignes nettes et expressions attendrissantes. Contenu du kit : toile numérotée, palette de peintures acryliques non toxiques, pinceaux de qualité, guide pas à pas. Finition : couleurs mates et lumineuses, excellente couvrance pour un rendu net. Temps de réalisation : projet court à moyen (1 à 4 sessions selon l'envie). Âge recommandé : dès 10 ans, idéal pour adultes en quête de détente créative. Pourquoi choisir Steloria ? Steloria réinvente la peinture par numéros avec une sensibilité raffinée. Le dessin chibi apporte une douceur immédiate, tandis que la méthode guidée procure une satisfaction progressive : chaque numéro peint est une petite victoire. C'est parfait pour : Se détendre après une journée intense. Développer la précision et la concentration. Décorer un intérieur avec une touche pop-mignon. Offrir un cadeau élégant et personnalisé. Mode d'emploi simple et sensuel Installez un espace calme et lumineux. Humidifiez légèrement le pinceau pour une application soyeuse. Peignez par petites zones, suivez les numéros, laissez les couches sécher. Superposez délicatement les teintes pour un effet profondeur. Pour une finition satinée, appliquez un vernis protecteur une fois la peinture sèche. Sublimez vos instants créatifs avec Steloria. Ce kit "Mini Robots Chibi Construction" est une promesse : un voyage sensoriel, un résultat charmant, et le plaisir pur de créer. Offrez-vous la douceur d'un atelier chez vous. Description Modèle : Mini Robots Chibi Construction - 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