:root {
–Main color-dark blue: #0B1B4A;
–Brand emphasis-gold: #E6B800;
–Background color: #F4F6F6F9;<br/ color: #222222;
–צבע טקסט משנה: #666666;
}
/* ================= 👇 קוד גלובלי חדש למניעת הצפה 👇 ================== */
* {
/* ודא שהריפוד והגבולות של כל האלמנטים לא יגדילו את רוחב הקופסה /> boxing /> border box:
/* ליבה: כשאתה נתקל במילה ארוכה (כגון פאראסימפתטית) או בקישור ארוך, כפה על שורה חדשה ולעולם אל תפרוץ את המסגרת החיצונית */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
======================== 👆 סוף קוד חדש 👆 ================= */
/* — הגדרות בסיסיות — */
. מיכל כולל של דף נחיתה {
background-color: var(–background color);
color: var(–main text color);
margin: 0;
padding: 2%;
display: flex;
flex-direction: column;
align-items: center /flow overflow;
0 */
overflow-x: hidden;
}
. דף נחיתה כולל תמונת מכיל {
width: 100%;
height: auto;
display: block;
margin: 2% auto;
border-radius: 8px;
}
/* — מיכל ליבה: כרטיס אדפטיבי — */
. כרטיס אדפטיבי {
צבע רקע: var(–pure white background);
רדיוס גבול: 12px;
ריפוד: 5%;
צל-קופסה: 0 4px 15px 1,7,0,0 rgba; /> width: 100%;
margin-bottom: 5%;
display: flex;
flex-direction: column;
align-items: center;
text-align: left;
/* 👇 חדש: חיתוך כוח של כל תוכן מעבר לכרטיס */
רוחב מקסימלי: 100%;
overflow: hidden;
}
.התוכן מרוכז {
text-align: center;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
/* 👇 נוסף: אם אתה נתקל ברשימה ארוכה של נוסחאות כימיות, אפשר החלקה אופקית בטווח פנימי קטן במקום לפרוץ את המסגרת הגדולה */
max-width: 100%;
overflow-x: auto;
}
.רשימה אנכית {
width: 100%;
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 3%;
}
. פריטי רשימה אנכית {
width: 100%;
padding: 3%;
background-color: var(–background color);
border-left: 3px solid var(–brand emphasis-gold);
border-radius: 4px;
}</px;
}</px
. בלוק מידע {
width: 100%;
display: flex;
flex-direction: column;
background-color: var(–background color);
border-top: 4px solid var(–brand main color-dark blue);
border-radius:
%px; margin-bottom: 4%;
/* 👇 חדש: מנע פיצוץ של כרטיסים פנימיים */
max-width: 100%;
overflow: hidden;
}
/* — שאלות נפוצות הרחב את הרכיב — */
. הרחבת מיכל {
width: 100%;
background-color: var(–pure white background);
border: 1px solid rgba(11, 27, 74, 0.1);
border-radius: 8px;
margin-bottom: / 3%> display: / 3%; עמודה; space-between;
align-items: center;
width: 100%;
}
.כיווץ תוכן {
padding: 0 5% 5% 5%;
color: var(–subtext color);
display: flex;
column;%br /> flex-direction;
flex-direction; />}
.Golden emphasis { color: var(–brand emphasis-gold); font-weight: bold; }
.Dark blue emphasis { color: var(–brand main color-dark blue); font-weight: bold; }
/* ================= ליבה: מערכת אנימציה ציפה ================= */
@keyframes צף מעלה {
0% {
אטימות: 0;
transform: translateY(40px> /
/10px); אטימות: 1;
טרנספורמציה: translateY(0);
}
. אלמנט שיוצף החוצה { אטימות: 0;
. בצע float out { אנימציה: float upward 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) קדימה;
דף נחיתה מלא – Acezozla® Exon-Max 60 קרם זיקפה מיידית
האם אי פעם חווית את הרגעים האלה?
זה לא היה באשמתך גנבה — piece. עולם רווי במיקרו-פלסטיק ומערכת רפואית שמרוויחה משמירה על תלותך.










חוות דעת
אין עדיין חוות דעת.