/* 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 Rio de Janeiro - Peinture par numéros Plongez dans l'âme chaleureuse de Rio de Janeiro avec ce poster Peinture par numéros signé Steloria. Chaque trait, chaque teinte évoque la douceur du crépuscule sur le Pain de Sucre et la silhouette majestueuse du Christ Rédempteur. Conçu pour éveiller vos sens et apaiser votre esprit, ce poster transforme un moment créatif en une expérience raffinée, idéale pour embellir votre intérieur ou offrir un cadeau élégant. Caractéristiques principales Format soigneusement étudié pour une décoration harmonieuse. Impression de haute qualité avec zones numérotées pour un travail précis et agréable. Pigments aux couleurs riches et délicates, reproduisant la lumière dorée de Rio. Conçu pour tous les niveaux : débutant, amateur, ou artiste confirmé. Ce que contient votre kit Steloria Toile imprimée avec numérotation claire. Palette de peintures assorties, couvrantes et faciles à appliquer. Pinceaux de qualité adaptés aux détails et aux aplats. Instructions simples pour un résultat harmonieux. Pourquoi adopter ce poster Rio de Janeiro ? Steloria propose plus qu'un simple loisir : une invitation à recréer un paysage emblématique dans votre intimité. Le processus est à la fois sensuel et apaisant - poser la couleur, sentir la surface se remplir de lumière, voir l'image naître sous vos doigts. C'est une activité idéale pour déconnecter, stimuler la concentration et enrichir votre décor d'une pièce unique et personnelle. Avantages pour vous Apaisement et satisfaction créative : un rituel relaxant après une journée chargée. Décoration sur-mesure : une œuvre personnalisée qui reflète votre goût. Cadeau mémorable : chic, pratique et émotionnellement chargé. Résultat durable : couleurs lumineuses et finition soignée. Conseils d'utilisation Travaillez dans un espace lumineux et calme pour apprécier chaque nuance. Appliquez les peintures par zones numérotées, du plus clair au plus foncé pour des transitions douces. Nettoyez les pinceaux entre chaque couleur pour préserver la pureté des tons. Laissez sécher avant d'encadrer pour un rendu impeccable. Description Modèle : Poster Rio de JaneiroMé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]);
Related
Related
Related
Related