/* 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; } Poster Riga - Peinture par numéros Laissez-vous séduire par "Poster Riga" de Steloria, une expérience créative qui mêle élégance et douceur. Ce kit de peinture par numéros transforme un moment posé en une caresse pour les sens : couleurs veloutées, lignes harmonieuses, finition soignée. Conçu pour offrir un résultat décoratif digne d'une galerie, "Poster Riga" invite à la concentration bienveillante et à la fierté d'une œuvre réalisée de vos mains. Description "Poster Riga" propose un motif raffiné, pensé pour sublimer un mur et apporter une atmosphère apaisée à votre intérieur. Les zones numérotées simplifient chaque geste, sans vous priver du plaisir de peindre. Le rendu final révèle des contrastes subtils et une profondeur lumineuse, idéale pour encadrer ou afficher tel quel. Convient aux débutants comme aux amateurs confirmés qui recherchent une activité relaxante et gratifiante. Contenu et caractéristiques Toile pré-imprimée avec zones numérotées pour peindre facilement Peintures acryliques de qualité, teintes sélectionnées pour un rendu harmonieux Pinceaux (fin pour les détails, plus large pour les aplats) Guide pas-à-pas clair pour suivre l’ordre des couleurs et techniques simples Matériaux non toxiques et séchage rapide pour une manipulation agréable Chaque élément est pensé pour garantir une expérience fluide : pigments stables, papier robuste et instructions limpides. Le kit favorise un résultat propre et net, prêt à être exposé une fois sec. Idéal pour offrir : cadeau élégant pour un proche amateur d’art Moment de détente garanti : activité anti-stress et méditative "Poster Riga" par Steloria est plus qu’un simple kit , c'est une invitation à créer un objet chargé d’émotion. Offrez-vous cette parenthèse créative, posez vos pinceaux et contemplez la transformation d’un simple poster en une œuvre délicate et sensuelle. Sublimez votre intérieur en quelques étapes, et gardez la fierté d’un résultat que vous aurez façonné. Adoptez "Poster Riga" pour une touche d’élégance faite main. Description Modèle : Poster RigaMé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]);
