/* 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; } Île de Santorin - Grèce - Peinture par numéros Plongez dans la douceur d’un soir grec avec notre kit de peinture par numéros "Île de Santorin". Chaque coup de pinceau révèle les maisons blanches, les dômes bleus et le soleil qui embrase l’horizon. Conçu pour vous offrir une expérience créative simple et raffinée, ce kit transforme un moment ordinaire en une parenthèse sensuelle et apaisante. Une expérience sensorielle accessible Pas besoin d’être artiste pour recréer la magie de Santorin. Les zones numérotées guident vos gestes, les peintures acryliques sèchent rapidement et conservent l’éclat des couleurs. L’ensemble invite à la détente : la répétition des gestes devient méditation, et la toile se pare progressivement d’une lumière méditerranéenne qui apaise l’esprit. Idéal pour décorer et offrir Le résultat finit en pièce élégante, parfaite pour habiller un mur, un salon ou une chambre. Ce kit est aussi une idée cadeau raffinée pour ceux qui aiment l’évasion et la création. Offrez un voyage sensoriel sans bouger de chez soi - un présent qui marque et qui reste. Contenu du kit et avantages Ce que contient votre coffret Toile pré-imprimée au format idéal pour l’accrochage Ensemble de peintures acryliques aux couleurs authentiques de Santorin Pinceaux de qualité, adaptés aux détails et aux aplats Instructions claires et numérotation précise pour chaque zone Palette de mélange pour personnaliser les nuances si souhaité Les bénéfices en un coup d’œil Relaxation immédiate : un loisir anti-stress pour tous les âges Résultat professionnel sans technique complexe Décoration unique, finie et prête à accrocher Cadeau élégant et émotionnel pour proches ou soi-même Matériaux durables et finition aux couleurs lumineuses Choisissez Steloria pour vivre l’essence de Santorin à travers la peinture : simplicité, beauté et plaisir tactile. Laissez-vous emporter par la lumière grecque et créez une œuvre qui évoque les vacances, la mer et les couchers de soleil - un tableau qui parle au cœur. Commandez ce kit et commencez votre voyage créatif dès aujourd’hui. Description Modèle : Île de Santorin - GrèceMé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]);
Related
Related
Related
Related