/* 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 admirant le soleil couchant - Peinture par numéros Plongez dans l'élégance tranquille d'une scène peinte par vos soins. Le kit "Chat admirant le soleil couchant" par Steloria transforme un moment simple en œuvre d'art sensuelle : un chat silhouetté, un ciel en dégradé chaud, des reflets dorés qui invitent au calme. Conçu pour stimuler la créativité sans effort, ce tableau par numéros offre une expérience accessible et profondément apaisante, idéale pour décorer votre intérieur ou offrir un cadeau chargé d'émotion. Caractéristiques essentielles Toile pré-imprimée de haute qualité, bordée pour un encadrement facile. Palette de couleurs chaudes et harmonieuses, spécialement sélectionnée pour restituer un coucher de soleil enveloppant. Peintures acryliques non toxiques, séchage rapide et fini satiné. Deux pinceaux de précision pour détails et surfaces, adaptés aux débutants comme aux initiés. Numérotation claire et guide étape par étape pour une progression sereine. Contenu du kit Toile pré-dessinée (format standard prêt à accrocher). 18 à 24 pots de peinture numérotés selon les zones du motif. 2 pinceaux de tailles différentes pour un rendu professionnel. Guide d'accompagnement avec conseils de mélange et finitions. Pourquoi choisir Steloria ? Steloria privilégie la beauté simple et la qualité tactile : chaque kit est pensé pour offrir un plaisir créatif immédiat. Le sujet - un chat contemplatif face au couchant - invite à la rêverie et au lâcher-prise. Peindre devient un rituel délicat, où chaque coup de pinceau crée une connexion intime entre l'artiste et la toile. Bénéfices pour vous Relaxation : activité méditative qui réduit le stress. Accomplissement : transformation visible, rapide et valorisante. Décoration : pièce chaleureuse, idéale pour salon ou chambre. Cadeau signifiant : pour amis, proches ou pour se faire plaisir. Succombez à l'appel du soleil couchant avec Steloria. Ce kit allie simplicité d'usage et rendu élégant pour un résultat qui touche le cœur et sublime votre espace. Laissez-vous guider, peignez, contemplez - et accrochez la douceur chez vous. Description Modèle : Chat admirant le soleil couchantMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 30x20cm, 40x50cm, 50x65cm et 60x75cmOptions de cadre : Vendu sans cadre ou avec cadre en kit à monter soi-mêmeSupport : Toile de lin/coton traitée et impriméeType de peinture : AcryliqueEmballage : 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]);
