/* 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; } Chien Pop Art - Peinture par numéros Découvrez l'élégance ludique de notre kit "Chien Pop Art" signé Steloria. Ce tableau par numéros transforme chaque coup de pinceau en une caresse colorée. Conçu pour les amateurs de décoration et les esprits créatifs, ce modèle fusionne motifs modernes et palette vive pour un rendu captivant, prêt à sublimer votre intérieur. Un plaisir simple et sensuel La peinture devient un moment intime et apaisant. Les formes nettes du pop art et les couleurs contrastées invitent à la détente, tout en stimulant la créativité. Même sans expérience, vous obtenez une œuvre raffinée : lignes précises, couleurs harmonieuses, résultat professionnel. Ce que contient le kit Toile pré-imprimée avec numéros clairs et zones faciles à suivre. Peintures acryliques de haute qualité, couleurs résistantes et lumineuses. Pinceaux de différentes tailles pour les détails et les aplats. Palette de référence et guide simple pas à pas signé Steloria. Cadre optionnel (selon modèle) pour une présentation immédiate. Pourquoi choisir "Chien Pop Art" ? Ce modèle est pensé pour offrir une expérience gratifiante et accessible. Il convient parfaitement comme cadeau raffiné, activité détente ou projet déco. Le rendu pop art joue avec la lumière et le contraste, créant une pièce qui attire le regard et réchauffe l'ambiance de votre salon, bureau ou chambre. Avantages clairs et immédiats Accessible à tous : guide simple, pas d'expérience requise. Résultat durable : peintures couvrantes et toile de qualité. Décoration unique : une œuvre originale, signée par vous. Moment de bien-être : concentration douce, réduction du stress. Conseils pour un résultat parfait Commencez par les grandes zones, puis détaillez les contours. Laissez sécher entre les couches pour un fini net et brillant. Utilisez le plus petit pinceau pour les yeux et les traits fins. Encadrez ou vernissez pour protéger les couleurs et intensifier la profondeur. Offrez-vous l'expérience Steloria : un voyage coloré, sensuel et élégant. Laissez "Chien Pop Art" révéler votre touche personnelle et faites entrer une œuvre vibrante dans votre quotidien. Description Modèle : Chien 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