Acezozla® Exon-Max 60 Instant-erectiecrème

/* — Kernkleurvariaties (bewaar je donkerblauw en bliksemgoud) — */
:root {
–Hoofdmerkkleur donkerblauw: #0B1B4A;
–Merknadruk-Goud: #E6B800;
–Achtergrondkleur: #F4F6F9;
–Zuiver witte achtergrond: #FFFFFF;
–Hoofdtekstkleur: #222222;
–Subtekstkleur: #666666;

/* ================= 👇 Nieuwe globale anti-overflow-code 👇 ================= */
* {
/* Zorg ervoor dat de opvulling en randen van alle elementen de breedte van de container niet vergroten */
doosgrootte: randdoos;

/* Kern: wanneer je superlange woorden (zoals Parasympathetic) of lange links tegenkomt, zullen geforceerde regeleinden nooit het buitenste frame laten barsten */
overflow-wrap: breekwoord;
word-wrap: breekwoord;
woord-break: breek-woord;

/* ================ 👆 Einde van nieuwe code 👆 ================= */

/* — Basisinstellingen — */
. Totale container van bestemmingspagina {
achtergrondkleur: var(–achtergrondkleur);
kleur: var(–hoofdtekstkleur);
marge: 0;
opvulling: 2%;
weergave: flex;
flex-richting: kolom;
align-items: centreren;
breedte: 100%;
/* Dubbele verzekering tegen overstort */
overflow-x: verborgen;

. Totale container van bestemmingspagina img {
breedte: 100%;
hoogte: auto;
weergave: blok;
marge: 2% auto;
grensradius: 8px;

/* — Kerncontainer: adaptieve kaart — */
.Adaptieve kaart {
achtergrondkleur: var(–zuiver witte achtergrond);
grensradius: 12px;
vulling: 5%;
vakschaduw: 0 4px 15px rgba(11, 27, 74, 0.08);
breedte: 100%;
marge-bodem: 5%;
weergave: flex;
flex-richting: kolom;
align-items: centreren;
tekst uitlijnen: links;

/* 👇 Nieuw: gedwongen knippen van alle inhoud buiten de kaart */
maximale breedte: 100%;
overloop: verborgen;

.Inhoud gecentreerd {
tekst uitlijnen: centreren;
breedte: 100%;
weergave: flex;
flex-richting: kolom;
align-items: centreren;

/* 👇 Nieuw toegevoegd: als je een lange lijst met chemische formules tegenkomt, mag je horizontaal schuiven binnen een klein bereik in plaats van het grote frame te laten barsten */
maximale breedte: 100%;
overflow-x: auto;

.Verticale lijst {
breedte: 100%;
opvulling: 0;
marge: 0;
lijststijl: geen;
weergave: flex;
flex-richting: kolom;
kloof: 3%;

.Verticale lijstitems {
breedte: 100%;
opvulling: 3%;
achtergrondkleur: var(–achtergrondkleur);
border-left: 3px effen var(–merk nadruk-goud);
grensradius: 4px;

.Informatieblok {
breedte: 100%;
weergave: flex;
flex-richting: kolom;
achtergrondkleur: var(–achtergrondkleur);
border-top: 4px effen var(–merk hoofdkleur-donkerblauw);
grensradius: 8px;
vulling: 5%;
marge-onder: 4%;

/* 👇 Nieuw: Voorkom dat interne kaarten barsten */
maximale breedte: 100%;
overloop: verborgen;

/* — FAQ-uitbreidingscomponent — */
.expand container {
breedte: 100%;
achtergrondkleur: var(–zuiver witte achtergrond);
rand: 1px effen rgba(11, 27, 74, 0.1);
grensradius: 8px;
marge-bodem: 3%;
weergave: flex;
flex-richting: kolom;

.Expand container [open] { border-color: var(–merk nadruk-goud);
.collapse titel {
vulling: 4% 5%;
cursor: aanwijzer;
lettertypegewicht: vet;
kleur: var(-merk hoofdkleur-donkerblauw);
weergave: flex;
justify-content: spatie tussen;
align-items: centreren;
breedte: 100%;

.inhoud samenvouwen {
vulling: 0 5% 5% 5%;
kleur: var(–subtekstkleur);
weergave: flex;
flex-richting: kolom;
breedte: 100%;

.Gouden nadruk { color: var(–Merk nadruk-goud); lettertypegewicht: vet;
.Donkerblauwe nadruk {kleur: var(–merkhoofdkleur-donkerblauw); lettertypegewicht: vet;

/* ================= Kern: Zwevend animatiesysteem ================= */
@keyframes zweeft omhoog {
0% {
dekking: 0;
transformeren: vertalenY(40px);

100% {
Dekking: 1;
transformeren: vertalenY(0);

. Het element dat moet worden zwevend { dekking: 0;
.Execute uitzwevend { animatie: naar boven zwevend 0,8 s kubieke bezier (0,25, 0,46, 0,45, 0,94) vooruit;