.elementor .modal-grid{& .e-accordion-item-base { interpolate-size: none; } & .e-accordion-item-base::details-content { display: contents; block-size: auto; overflow: visible; transition: none; } & .e-accordion-item-base:not([open]) > .e-accordion-item-content-base { display: none !important; } & .e-accordion-item-base[open] > .e-accordion-item-header-base::before { content: ""; position: fixed; inset: 0; width: 100vw; height: 100vh; background: rgba(11, 17, 32, 0.82); backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px); z-index: 99990; cursor: pointer; } & .e-accordion-item-base[open] > .e-accordion-item-header-base::after { content: "✕ Fermer"; position: fixed; top: 24px; right: 24px; z-index: 999999; padding: 8px 18px; border-radius: 9999px; background: rgba(30, 41, 59, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); color: #f1f5f9; font-family: Poppins; font-size: 13px; font-weight: 600; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5); transition: all 0.2s; } & .e-accordion-item-base[open] > .e-accordion-item-header-base:hover::after { background: rgba(51, 65, 85, 0.95); border-color: rgba(255, 255, 255, 0.35); } & .e-accordion-item-base[open] > .e-accordion-item-content-base { position: fixed; top: 50vh; left: 50vw; transform: translate(-50%, -50%); z-index: 99999; width: calc(100vw - 32px); max-width: 580px; max-height: 85vh; overflow-y: auto; background: #131d31; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 25px 60px -15px rgba(0, 0, 0, 0.85); padding: 2.2rem; box-sizing: border-box; } & .modal-tag { font-family: Poppins; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; } & .modal-title { font-family: Poppins; font-size: 1.35rem; font-weight: 700; color: #ffffff; } & .modal-hint { font-family: Poppins; font-size: 0.8rem; color: #64748b; font-style: italic; }\n}