/* 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; } Chimpanzé se tenant la tête Pop Art Plongez dans un univers où audace et élégance se rencontrent. La peinture par numéros "Chimpazé se tenant la tête Pop Art" transforme un motif iconique en une expérience créative apaisante. Les lignes nettes du design et les blocs de couleur vifs invitent à la détente et à la concentration, tandis que le rendu final apporte une touche contemporaine et sophistiquée à votre intérieur. Description du produit Ce kit propose un visage de chimpanzé stylisé, captivant par son contraste et son rythme chromatique. Chaque zone est numérotée pour faciliter l’application des couleurs. Les teintes pop, choisies pour leur intensité, créent un bel équilibre entre énergie et harmonie. Le résultat final ressemble à une œuvre d’art moderne, idéale pour habiller un mur ou personnaliser un espace de vie. Contenu du kit Toile pré-imprimée et numérotée, prête à peindre Peintures acryliques non toxiques, couvrantes et à séchage rapide Jeu de pinceaux de qualité (différentes tailles pour détails et remplissage) Palette simple et guide de numéros clair Instructions étape par étape pour tous niveaux Pourquoi choisir ce kit ? Que vous soyez novice ou peintre confirmé, ce modèle Pop Art combine plaisir et résultat impeccable. Il stimule la créativité tout en procurant un sentiment d’accomplissement. Le format et la qualité des matériaux garantissent une tenue durable et un rendu professionnel, digne d’une galerie personnelle. Avantages essentiels Facile à suivre : parfait pour se lancer sans stress Relaxant et méditatif : idéal après une journée chargée Décoratif : apporte caractère et modernité à votre intérieur Idée cadeau raffinée pour amateurs d’art et novices Conseils d’utilisation Commencez par les grandes zones, puis revenez aux détails. Travaillez dans un espace lumineux et laissez sécher entre les couches pour un rendu net. Encadrez l’œuvre une fois sèche pour sublimer les couleurs et protéger la toile. Offrez-vous ce moment sensoriel : la douceur du pinceau, la richesse des couleurs et la fierté d’une création unique. Description Modèle : Chimpazé se tenant la tête Pop ArtMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadre ou toile montée sur cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : roulé 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