/* 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; } Sakuras en fleurs - Peinture par numéros Plongez dans une parenthèse de beauté délicate avec Sakuras en fleurs, la peinture par numéros signée Steloria. Chaque pétale semble flotter, chaque nuance caresse la toile. Ce kit transforme un après-midi ordinaire en une expérience sensorielle : couleurs soyeuses, gestes lents et satisfaction visible. Conçu pour les débutants comme pour les amateurs confirmés, il invite à créer une œuvre raffinée sans stress technique. Pourquoi vous allez l'aimer Relaxation garantie : peindre pas à pas permet de réduire le stress et d’apaiser l’esprit. Résultat élégant : une composition harmonieuse de roses et de blancs qui illumine n’importe quel intérieur. Facile et accessible : codes clairs, pinceaux ergonomiques et peinture couvrante pour un rendu professionnel. Cadeau raffiné : offre idéale pour un anniversaire, une fête ou pour vous faire plaisir. Créativité guidée : liberté artistique avec la structure rassurante d’un modèle par numéros. Ce que contient le kit 1 toile imprimée de haute qualité, numérotée pour chaque zone à peindre. 18 à 24 pots de peinture acrylique soigneusement dosés aux teintes des sakuras. 3 pinceaux de tailles différentes pour détails et remplissage. 1 guide d’emploi simple, illustrations et conseils pour un fini impeccable. Emballage soigné prêt à offrir ou à conserver. Comment l’utiliser — Simple et gratifiant Le kit Sakuras en fleurs a été pensé pour que chaque étape soit fluide et plaisante. Aucune compétence particulière n’est requise : suivez les numéros, commencez par les grandes zones, puis passez aux détails. Prenez votre temps, respirez, laissez vos gestes devenir une danse tranquille autour des branches fleuries. Étapes simples 1. Installez la toile et organisez vos pots et pinceaux. 2. Commencez par les couleurs les plus claires et progressez vers les plus foncées. 3. Laissez sécher entre les couches pour un rendu net. 4. Ajoutez des touches finales pour intensifier la profondeur et la lumière. Qualité et finition Toile résistante et peinture acrylique non toxique, aux pigments durables. Fini satiné qui capte la lumière et sublime les détails floraux. Format idéal pour encadrer ou afficher tel quel, et pour offrir une atmosphère sereine. Offrez-vous une pause sensuelle et créative avec Steloria - Sakuras en fleurs. Transformez vos instants en une œuvre délicate, prête à embellir votre maison ou à toucher le cœur de ceux que vous aimez. Description Modèle : Sakuras en fleurseMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 30x20cm, 40x50cm, 50x65cm et 60x75cmOptions de cadre : Vendu sans cadre ou avec cadre en kit à monter soi-mêmeSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : 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]);
