/* 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; } Poster Sahara - Peinture par numéros Évadez-vous au cœur d’un désert élégant avec le "Poster Sahara" de Steloria. Conçu pour transformer un moment créatif en une expérience sensuelle, ce kit peinture par numéros vous invite à redécouvrir la douceur du sable et la chaleur d’un coucher de soleil. Chaque coup de pinceau révèle des nuances soyeuses et un contraste apaisant, parfait pour sublimer votre intérieur ou offrir un cadeau raffiné. Caractéristiques et contenu Toile imprimée de haute qualité adaptée aux peintures acryliques Palette de couleurs sélectionnées : tons ocre, ambre, rose pâle et ombres profondes Numérotation claire et contours précis pour un rendu professionnel Fournitures incluses : pinceau fin, pinceau plat, pots de peinture numérotés Format idéal pour encadrement, prêt à décorer salon, chambre ou bureau Mode d'emploi simple La méthode Steloria est pensée pour la détente et la réussite. Suivez les numéros, commencez par les grandes zones puis détaillez progressivement. Utilisez des touches légères pour créer des dégradés et des mouvements, et laissez sécher entre les couches pour un fini net et lumineux. Étape 1 : Préparez votre espace, bonne lumière et surface plane Étape 2 : Peignez les grandes zones (fonds de sable et ciel) Étape 3 : Ajoutez finesse et contrastes (ombres et reflets) Étape 4 : Laissez sécher, puis admirez et encadrez Pourquoi choisir le Poster Sahara ? Ce kit de peinture par numéros n’est pas seulement un objet décoratif : c’est une expérience sensorielle. Il offre un moment de méditation créative, réduit le stress et développe la confiance en soi grâce à un résultat visible rapidement. Que vous soyez débutant ou confirmé, le rendu professionnel et la palette chaleureuse créeront une atmosphère apaisante et sophistiquée. Idéal pour offrir Cadeau raffiné pour amis, famille ou amoureux de décoration Convient aux anniversaires, pendaisons de crémaillère et occasions spéciales Emballage soigné pour une présentation élégante Succombez à la douceur du désert et laissez Steloria transformer chaque toile en une harmonie visuelle. Adoptez le Poster Sahara et faites entrer chez vous une oasis de calme et d’élégance. Description Modèle : Poster SaharaMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 50x40cmOptions de cadre : Vendu sans cadreSupport : Toile de lin/coton traitée et impriméeType de peinture : Acrylique (24 couleurs)Emballage : 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]);
