/* 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(18px, 2.2vw, 28px); font-weight:700; } .accordion button:focus-visible { outline: 3px solid #1a73e8; outline-offset: 3px; border-radius:6px; } /* Icônes en ligne (flex child) */ .icon { width:22px; height:22px; opacity:.85; margin-right:6px } .title-left { display:flex; align-items:center; gap:14px; } /* Chevron */ .chevron { width:22px; height:22px; flex:0 0 22px; transition: transform .2s ease; color: var(--chev); } [aria-expanded="true"] .chevron{ 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; } Dubai Poster - Paint by numbers Surrender to the luminous elegance of Dubai with this Paint by numbers poster, designed to transform a simple wall into a sensual urban scene. The architectural silhouettes emerge through the shades, the golden light caresses the facades, and each brushstroke reveals a fascinating city. Designed to offer a refined creative experience, this kit combines simplicity and results worthy of a framed artwork. Atmosphere and style The design invites daydreaming: modern lines, stretched horizons, warm reflections, and subtle contrasts. The chosen hues highlight the verticality of the skyscrapers and the softness of the sky at dusk. Ideal for a living room, an office, or a bedroom, this poster imposes a sophisticated atmosphere without ostentation. Kit contents Printed canvas with visible high-quality numbers; Quick-drying, non-toxic acrylic paints with intense pigments; A set of brushes suitable for details and flat areas; Clear instructions and color guide for a harmonious result; Why choose this Paint by numbers kit? This poster is designed for those who wish to combine relaxation and aesthetics. The paint by numbers method simplifies the gesture without taking away the joy of creation: each colored area naturally assembles to compose a coherent and elegant painting. Suitable for both beginners and experienced enthusiasts looking for a quick and rewarding project. Relaxation and creation Painting becomes a soothing ritual: gentle concentration, repeated gestures, gradual satisfaction. The process relaxes the mind while stimulating creativity. As the colors come together, the feeling of accomplishment grows: a true sensory interlude. Decorate and gift Give a refined gift or enhance your interior with a piece already ready to frame. The clean finishes and durable colors ensure a stable and chic presence. This kit is also an excellent idea for sharing a creative moment with family or friends. Professional result without required experience; Safe and easy-to-use materials; Immediate and lasting decorative effect; Perfect for an original and elegant gift. Let yourself be seduced by the Dubai Poster - Paint by numbers and transform light and architecture into a unique work of art. Indulge in the experience of a painting that tells a city, an evening, your creativity. Description Model : Dubai PosterMethod : Paint by numbersDifficulty level : IntermediateDimensions : 50x40cmFrame options : Sold with no frameSupport : Treated and printed cotton/linen canvasPaint type : Acrylic (24 colors)Packaging : rolled or folded in secure packaging // 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