/* 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; } Boutique fleurie à la lueur du soir - Peinture par numéros Plongez dans un tableau où la douceur du crépuscule caresse chaque pétale. "Boutique fleurie à la lueur du soir" par Steloria est une peinture par numéros pensée pour éveiller vos sens et apaiser votre esprit. Les tons chauds et les ombres délicates recréent une atmosphère intimiste, idéale pour sublimer votre intérieur ou offrir un cadeau raffiné. Simple à suivre, chaque coup de pinceau révèle progressivement une scène pleine de charme et de poésie. Séduction visuelle et plaisir créatif Conçu pour séduire les amateurs d'art comme les débutants, ce kit transforme un moment de détente en une expérience artistique sensuelle. Les couleurs ont été sélectionnées pour leur harmonie au coucher du soleil : roses fanés, ambres lumineux et verts scintillants. Laissez vos doigts glisser, observez la toile s'animer et sentez la satisfaction d'une œuvre achevée, prête à orner un mur ou à se glisser dans un cadre élégant. Avantages qui inspirent Facile à utiliser : numéro clair sur la toile pour un guidage sans stress. Relaxation garantie : activité méditative pour évacuer la pression quotidienne. Résultat professionnel : rendu détaillé et couleurs riches pour une finition raffinée. Parfait cadeau : une promise de douceur pour un anniversaire, une pendaison de crémaillère ou simplement pour se faire plaisir. Détails pratiques et contenu du kit Chaque kit Steloria privilégie la qualité et la simplicité. Les matériaux sont choisis pour offrir une peinture agréable et durable. La toile est tendue et imprimée avec précision, les peintures sont opaques et les pinceaux variés pour une application précise ou fluide selon vos envies. Ce que vous trouverez dans la boîte Toile imprimée au format prêt à peindre. Peintures numérotées aux pigments riches. Palette et 3 pinceaux de tailles différentes. Guide simple étape par étape pour un résultat sans faute. Conseils d'utilisation Commencez par les zones les plus claires pour progresser vers les ombres. Laissez sécher entre les couches pour un fini propre et net. Installez-vous dans une lumière douce pour mieux percevoir les nuances. Laissez Steloria vous emmener au cœur d'une boutique fleurie au crépuscule. Offrez-vous ce moment de création sensuelle et repartez avec une œuvre qui raconte une histoire, la vôtre. Description Modèle : Boutique fleurie à la lueur du soirMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 20x30cmOptions de cadre : Vendu sans cadreSupport : 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]);
