Acezozla® Exon-Max 60 Crema per erezione istantanea

/* — Variabili del colore principale (mantieni il blu scuro e l’oro fulmineo) — */
:root {
–Colore del marchio principale: blu scuro: #0B1B4A;
–Enfasi del marchio-oro: #E6B800;
–Colore dello sfondo: #F4F6F9;
–Sfondo bianco puro: #FFFFFF;
–Colore del testo principale: #222222;
–Colore testo secondario: #666666;
}

/* ================= 👇 Nuovo codice globale per la prevenzione dell’overflow 👇 ================= */
* {
/* Assicurati che il riempimento e i bordi di tutti gli elementi non aumentino la larghezza del contenitore */
box-sizing: border-box;

/* Core: quando si incontra una parola lunga (come Parasympathetic) o un collegamento lungo, forza una nuova riga e non scoppia mai il frame esterno */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
}
/* =================== 👆 Fine del nuovo codice 👆 ================= */

/* — Impostazioni di base — */
. Contenitore totale della pagina di destinazione {
colore di sfondo: var(–colore di sfondo);
colore: var(–colore testo principale);
margine: 0;
riempimento: 2%;
display: flex;
direzione flex: colonna;
align-items: centro;
larghezza: 100%;
/* Doppia assicurazione contro l’overflow */
overflow-x: nascosto;
}

. Contenitore totale pagina di destinazione img {
larghezza: 100%;
altezza: auto;
display: blocco;
margine: 2% automatico;
border-radius: 8px;
}

/* — Contenitore principale: scheda adattiva — */
. Scheda adattiva {
background-color: var(–pure white background);
border-radius: 12px;
padding: 5%;
box-shadow: 0 4px 15px rgba(11, 27, 74, 0.08);
larghezza: 100%;
margine inferiore: 5%;
display: flessibile;
direzione flessibile: colonna;
align-items: centro;
allineamento testo: sinistra;

/* 👇 Novità: forza il ritaglio di qualsiasi contenuto oltre la scheda */
larghezza massima: 100%;
overflow: nascosto;
}

.Il contenuto è centrato {
text-align: center;
larghezza: 100%;
display: flex;
flex-direction: colonna;
align-items: center;

/* 👇 Aggiunto: se incontri un lungo elenco di formule chimiche, consenti lo scorrimento orizzontale in un piccolo intervallo interno invece di far esplodere il frame grande */
max-width: 100%;
overflow-x: auto;
}

.Elenco verticale {
larghezza: 100%;
riempimento: 0;
margine: 0;
stile elenco: nessuno;
display: flex;
direzione flex: colonna;
gap: 3%;
}

.Elementi elenco verticale {
larghezza: 100%;
riempimento: 3%;
background-color: var(– background color);
border-left: 3px solid var(–brandenfasi-oro);
border-radius: 4px;
}

.Information block {
larghezza: 100%;
display: flex;
direzione flex: colonna;
colore sfondo: var(–colore sfondo);
border-top: 4px solido var(–colore principale marchio-blu scuro);
raggio bordo: 8px;
riempimento: 5%;
margine-bottom: 4%;

/* 👇 Novità: impedisce che le schede interne vengano scoppiate */
larghezza massima: 100%;
overflow: nascosto;
}

/* — Domande frequenti Espandi componente — */
. Espandi contenitore {
larghezza: 100%;
background-color: var(–puro sfondo bianco);
border: 1px solid rgba(11, 27, 74, 0.1);
border-radius: 8px;
margin-bottom: 3%;
display: flex;
flex-direction: colonna; spazio tra;
allinea-elementi: centro;
larghezza: 100%;
>
.Comprimi contenuto {
riempimento: 0 5% 5% 5%;
colore: var(–sottotesto colore);
display: flex;
direzione flex: colonna;
larghezza: 100%;
}

.Evidenziazione dorata { color: var(–marca enfasi-oro); peso carattere: grassetto;
.Enfasi blu scuro { colore: var(–colore principale marchio-blu scuro); peso carattere: grassetto;

/* ================= Core: sistema di animazione mobile ================= */
@keyframes Float up {
0% {
opacità: 0;
trasformazione: TranslateY(40px);
}
100% {
opacità: 1;
trasforma: TranslateY(0);
}
}

. Elemento da eliminare { opacity: 0;
. Esegui float out { animazione: float up 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) in avanti; >