/* 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; } Forêt hivernale enneigée - Peinture par numéros Plongez dans une atmosphère feutrée où la neige étouffe les bruits et transforme chaque branche en sculpture argentée. La peinture par numéros "Forêt hivernale enneigée" de Steloria vous invite à retrouver calme et concentration, un instant sensuel où chaque couleur glisse sur la toile comme une caresse. Conçue pour sublimer votre intérieur, cette scène hivernale capture la lumière douce d'un matin givré et la sérénité d'un paysage immaculé. Une expérience créative et relaxante Peindre devient un rituel apaisant : suivez les numéros, laissez vos traits se fondre, sentez le plaisir simple de voir la toile se transformer. Que vous soyez débutant ou amateur confirmé, ce kit vous offre une progression douce et gratifiante. Résultat garanti : une œuvre élégante qui respire la tranquillité et l'harmonie. Idéal pour offrir ou décorer Offrez un cadeau qui a du sens ou créez un tableau unique pour sublimer votre intérieur. La palette hivernale, mêlant bleus profonds, gris nacrés et blancs lumineux, s'accorde facilement avec une déco moderne ou classique. Ce tableau devient rapidement le point de focalisation d'une pièce, apportant une touche de poésie et de raffinement. Contenu du kit et avantages Steloria Ce que contient votre kit Toile pré-imprimée de haute qualité, prête à peindre Peintures acryliques non toxiques, couleurs assorties pour un rendu fidèle Ensemble de pinceaux variés pour détails et surfaces Plan de numérotation clair et guide pas-à-pas Emballage soigné pour cadeau ou rangement Pourquoi choisir Steloria Matériaux durables et respectueux, pour une finition professionnelle Kit adapté à tous les niveaux, simple à suivre Rendu riche en profondeur et en nuances, fidèle à l'image Service client attentif et conseils pratiques inclus Expérience relaxante, parfaite pour se reconnecter et créer Conseils rapides pour réussir Commencez par les grandes zones claires, puis détaillez les ombres Nettoyez vos pinceaux entre chaque couleur pour des contours nets Laissez sécher avant d’ajouter les couches pour un relief subtil Avec Steloria, transformez une simple activité en un moment sensuel et élégant. Prenez le temps, respirez, peignez - et laissez la Forêt hivernale enneigée devenir votre prochaine œuvre d'art. Description Modèle : Forêt hivernale enneigéeMéthode : Peinture par numérosNiveaux de difficulté : IntermédiaireDimensions : 30x40cm, 40x50cm et 50x65cmOptions 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]);
