/* 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 Venise - Peinture par numéros Découvrez l'élégance de Venise chez vous avec le Poster Venise par Steloria. Ce kit de peinture par numéros transforme un moment créatif en une expérience sensuelle : lumière dorée, reflets sur l'eau, ruelles intimes se révèlent sous votre pinceau. Simple à suivre, il offre un résultat professionnel même sans expérience. Parfait pour décorer, offrir ou se détendre après une journée chargée. Un rendu sublime, facilement Le Poster Venise a été conçu pour sublimer chaque geste. Les zones numérotées vous guident pas à pas, les couleurs sont pré-mélangées pour un rendu harmonieux, et le papier premium met en valeur chaque nuance. En quelques heures, vous obtenez une œuvre prête à encadrer, au charme romantique et raffiné. Ce que contient votre kit Steloria 1 toile imprimée avec numérotation claire et papier épais adapté à la peinture Couleurs acryliques de haute qualité, résistantes et couvrantes Plusieurs pinceaux de tailles différentes pour détails et larges aplats Notice illustrée et conseils pour un résultat net et lumineux Pourquoi choisir ce Poster Venise ? Steloria sélectionne des matériaux durables et des pigments fidèles pour garantir une finition élégante. Ce kit est conçu pour : Apaiser l'esprit : une activité méditative qui réduit le stress Embellir votre intérieur : un décor chic et romantique inspiré de Venise Offrir un cadeau original et personnalisé Permettre une création rapide, accessible dès le premier essai Conseils rapides pour un résultat parfait Commencez par les grandes zones pour poser l'ambiance, puis affinez les détails Nettoyez vos pinceaux entre les couleurs pour des lignes propres Laissez sécher chaque couche avant d'ajouter des touches finales Encadrez votre poster une fois sec pour protéger et valoriser l'œuvre Offrez-vous ce voyage sensoriel au cœur des canaux vénitiens. Le Poster Venise de Steloria est une invitation à créer, à rêver et à habiller vos murs d'une atmosphère douce et raffinée. Commandez aujourd'hui et commencez votre œuvre avec confiance. Description Modèle : Poster VeniseMé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]);
