/* 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; } Balade en couple sous la pluie - Peinture par numéros Plongez dans une scène intimiste et poétique avec la peinture par numéros "Balade en couple sous la pluie" signée Steloria. Cette composition évoque la douceur d’un instant volé, la complicité d’un couple abrité sous un parapluie, et la magie des gouttes qui réfléchissent la lumière. Conçue pour délivrer un résultat digne d’un atelier, elle combine simplicité et élégance pour tous les niveaux. Caractéristiques essentielles Format pratique et prêt à peindre : toile pré-imprimée aux lignes nettes. Palette harmonieuse : teintes choisies pour reproduire reflets, ombres et chaleur. Matériel inclus : peintures numérotées, pinceaux de qualité, guide pas à pas. Niveau : accessible aux débutants, séduisante pour les amateurs confirmés. Pourquoi ce kit séduit Chaque coup de pinceau devient un moment de calme et de concentration. La scène romantique stimule la créativité tout en offrant un loisir relaxant : idéal pour décompresser après une journée chargée ou pour partager un atelier en duo. Le rendu final, délicat et sensible, s’intègre parfaitement à un intérieur moderne ou à une chambre aux tons neutres. Contenu du kit Steloria Toile pré-dessinée et numérotée (format disponible en plusieurs tailles selon l’offre). Un set de peintures acryliques aux pigments intenses et couvrants. Pinceaux assortis pour détails et zones larges. Guide illustré pas à pas pour un résultat professionnel. Emballage soigné, prêt à offrir en cadeau. Conseils pratiques et idée cadeau Travaillez par zones et du plus clair au plus sombre pour préserver la netteté des contrastes. Rincez vos pinceaux entre chaque teinte et laissez sécher entre les couches pour un rendu lisse. Cette peinture par numéros fait un cadeau parfait pour un anniversaire, la Saint-Valentin ou simplement pour surprendre un être cher. Offrez une expérience créative et un tableau chargé d’émotion - un souvenir pictural signé Steloria. Description Modèle : Balade en couple sous la pluieMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 40x30cm, 50x40cm et 65x50cmOptions 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]);
