Acezozla® Exon-Max 60 Instant-erectiecrème

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

/* ================= 👇 Nieuwe globale code voor overlooppreventie 👇 ================= */
* {
/* Zorg ervoor dat de opvulling en randen van alle elementen de breedte van de container niet vergroten */
box-sizing: border-box;

/* Kern: wanneer u een lang woord tegenkomt (zoals Parasympathetic) of een lange link, forceer dan een nieuwe regel en laat het buitenste frame nooit barsten */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/* =================== 👆 Einde van nieuwe code 👆 ================= */

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

. Totale container img van landingspagina {
breedte: 100%;
hoogte: auto;
weergave: blok;
marge: 2% auto;
randradius: 8px;
}

/* — Kerncontainer: adaptieve kaart — */
.Adaptieve kaart {
achtergrondkleur: var(–puur witte achtergrond);
randradius: 12px;
opvulling: 5%;
box-shadow: 0 4px 15px rgba(11, 27, 74, 0.08);
breedte: 100%;
marge-onder: 5%;
weergave: flex;
flex-richting: kolom;
uitlijningsitems: midden;
tekst-uitlijning: links;

/* 👇 Nieuw: geforceerd knippen van inhoud buiten de kaart */
max-width: 100%;
overflow: verborgen;
}

.Inhoud is gecentreerd {
tekst-uitlijning: midden;
breedte: 100%;
weergave: flex;
flex-richting: kolom;
align-items: midden;

/* 👇 Toegevoegd: als je een lange lijst met chemische formules tegenkomt, sta dan horizontaal verschuiven toe in een klein intern bereik in plaats van het grote frame te laten barsten */
max-width: 100%;
overflow-x: auto;
}

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

Verticale lijstitems {
breedte: 100%;
opvulling: 3%;
achtergrondkleur: var(–achtergrondkleur);
rand links: 3px effen var(-merk nadruk-goud);
randradius: 4px;
}

.Informatieblok {
breedte: 100%;
display: flex;
flex-richting: kolom;
achtergrondkleur: var(–achtergrondkleur);
rand bovenaan: 4px effen var(-merk hoofdkleur donkerblauw);
randradius: 8px;
opvulling: 5%;
marge onderaan: 4%;

/* 👇 Nieuw: voorkom dat interne kaarten barsten */
max-width: 100%;
overflow: verborgen;
}

/* — Veelgestelde vragen Component uitvouwen — */
. Container uitvouwen {
breedte: 100%;
achtergrondkleur: var(-puur witte achtergrond);
rand: 1px effen rgba(11, 27, 74, 0.1);
randradius: 8px;
marge-onder: 3%;
weergave: flex;
flex-richting: kolom; space-between;
items uitlijnen: centreren;
breedte: 100%;
}
.Inhoud samenvouwen {
opvulling: 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 { color: var(–merk hoofdkleur-donkerblauw); lettertypegewicht: vet;

/* ================= Kern: Uitdrijvend animatiesysteem ================= */
@keyframes Zweven omhoog {
0% {
dekking: 0;
transformeren: translateY(40px);
}
100% {
dekking: 1;
transformeren: vertalenY(0);
>
}

. Element dat moet worden zwevend { dekking: 0;
. Voer float out uit { animatie: zweef 0,8 s kubieke bezier (0,25, 0,46, 0,45, 0,94) naar voren;