/* 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; } Chat Pop Art - Peinture par numéros Plongez dans un univers où la couleur caresse la toile. Le kit "Chat Pop Art" de Steloria transforme chaque touche de pinceau en une expérience sensuelle et apaisante. Conçu pour révéler la beauté audacieuse du pop art, ce tableau met en scène un chat aux formes graphiques et aux teintes vibrantes, prêt à sublimer votre intérieur. Un rendu visuel captivant Chaque nuance a été pensée pour offrir un contraste élégant et lumineux. Les lignes nettes et les zones colorées créent un effet moderne, tandis que la palette joue avec la lumière pour donner au chat une présence presque tactile. Le résultat : une œuvre finale digne d'une galerie, facile à encadrer et à exposer. Facile, relaxant, gratifiant Cette peinture par numéros s'adresse à tous - débutants comme amateurs confirmés. Le système numéroté guide votre geste, réduit l'hésitation et libère la créativité. Peindre devient un rituel de détente : concentration douce, respiration apaisée, satisfaction immédiate à chaque zone complétée. Contenu du kit et caractéristiques Toile pré-imprimée de haute qualité, résistante et facile à tendre Pinceaux de différentes tailles pour un travail précis et agréable Peintures acryliques à séchage rapide et aux pigments intenses Palette de couleurs numérotée correspondant aux zones de la toile Mode d'emploi simple et pas à pas pour un résultat professionnel Avantages pratiques Mise en place rapide, aucune préparation compliquée Nettoyage facile à l'eau grâce aux peintures acryliques Convient pour un moment solo de relaxation ou un atelier partagé Finition durable et couleurs qui restent vives Idée cadeau et décoration Offrez une expérience plus qu'un objet. Le Chat Pop Art est un cadeau élégant pour un anniversaire, une naissance d'esprit créatif, ou simplement pour se faire plaisir. Installée dans un salon, un bureau ou une chambre, cette pièce apporte caractère et modernité, attirant les regards et éveillant la conversation. Avec Steloria, laissez-vous guider par la couleur et la forme. Commencez aujourd'hui votre tableau Chat Pop Art et transformez quelques heures en un souvenir visuel précieux et sensuel. Description Modèle : Chat Pop ArtMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadre ou avec 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]);
