/* 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 Honolulu - Peinture par numéros Laissez-vous emporter par la douceur sensuelle de Honolulu. Ce poster Peinture par numéros signé Steloria transforme chaque trait en caresse chromatique : teintes corail, bleu lagon et doré chaud se répondent pour créer une scène tropicale élégante et apaisante. Conçu pour ceux qui cherchent à joindre l’utile à l’agréable, ce kit offre une expérience créative simple, immersive et résolument décorative. Une expérience créative accessible et raffinée Que vous soyez débutant ou amateur confirmé, le "poster Honolulu" vous guide pas à pas. Les zones numérotées, claires et précises, invitent à un travail fluide qui détend l’esprit tout en éveillant les sens. Le résultat ? Une œuvre prête à sublimer un mur, à offrir ou à encadrer en un instant. Contenu du kit Steloria — Tout ce qu’il faut pour réussir 1 toile imprimée haute qualité au format adapté pour encadrement Couleurs acryliques prédosées, résistantes et faciles à appliquer 1 pinceau de précision et 1 pinceau plat pour les aplats Guide d’instructions simple et conseils d’application Emballage soigné pour offrir ou ranger Avantages concrets - Décorez, détendez-vous, réussissez Steloria a pensé ce poster pour maximiser la satisfaction dès la première utilisation. Peindre Honolulu, c’est : Un moment de détente créative : la méthode pas à pas réduit le stress et augmente la concentration. Un gain esthétique immédiat : couleurs harmonieuses et rendu professionnel, même sans expérience. Une idée cadeau raffinée : élégant, personnel et prêt à être encadré. Un produit durable : peintures couvrantes et support résistant pour une décoration qui traverse le temps. Conseils pour sublimer votre poster Travaillez par zones et rincez le pinceau entre deux teintes pour un rendu net. Appliquez une seconde couche légère si nécessaire pour intensifier les couleurs. Encadrez le poster sous verre mat pour un effet galerie ou laissez-le brut pour une ambiance naturelle. Pourquoi choisir Steloria ? Steloria conjugue esthétique, qualité et simplicité. Le poster Honolulu est une invitation au voyage sensoriel et décoratif : une pièce qui transforme une pièce, un instant où le geste devient plaisir. Offrez-vous ce moment, peindre, admirer, posséder une œuvre née de vos mains. Description Modèle : Poster HonoluluMé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]);
