✓ רכיבים ופורמולות

מה עומד מאחורי כל מוצר

תוסף איכותי מתחיל ברכיבים טובים, פורמולה הגיונית ותהליך בחירה אחראי. ב־BioSupp אנחנו בוחנים לא רק מה יש במוצר — אלא גם מה לא צריך להיות בו.

שקיפות בבחירה

מידע ברור יותר, בחירה אחראית יותר ותחושת ביטחון גבוהה יותר בכל מוצר שנבחר.

ניקיון אמיתי

דגש על רכיבים נקיים ומדויקים, ללא צבעי מאכל וחומרים מיותרים ככל האפשר.

איכות חומרי גלם

בחירה בחומרי גלם איכותיים וברורים, ללא פשרות על רמת הניקיון והדיוק.

מבוסס מדע

פורמולות שנבחרות מתוך היגיון מקצועי, ידע רחב ובסיס מדעי אמין.

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Hebrew:wght@300;400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700;800&display=swap'); .biosupp-formula-html-section, .biosupp-formula-html-section * { box-sizing: border-box; font-family: "Noto Sans Hebrew", "Open Sans", Arial, sans-serif; } .biosupp-formula-html-section { direction: rtl; width: 100%; padding: 95px 22px 110px; background: radial-gradient(circle at 50% 45%, rgba(220, 174, 74, 0.16), transparent 35%), radial-gradient(circle at 10% 18%, rgba(255, 255, 255, 0.06), transparent 26%), linear-gradient(135deg, #061e13 0%, #0b3d22 46%, #04170e 100%); position: relative; overflow: hidden; } .biosupp-formula-html-section::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(0deg, rgba(255,255,255,0.025) 1px, transparent 1px); background-size: 64px 64px; opacity: 0.42; pointer-events: none; } .biosupp-formula-html-section::after { content: ""; position: absolute; width: 520px; height: 520px; left: -190px; bottom: -190px; background: radial-gradient(circle, rgba(226, 176, 72, 0.18), transparent 68%); border-radius: 50%; pointer-events: none; } .biosupp-formula-html-inner { position: relative; z-index: 2; max-width: 1240px; margin: 0 auto; } .biosupp-formula-html-head { max-width: 790px; margin: 0 auto 64px; text-align: center; } .biosupp-formula-html-kicker { color: #e3b24b; font-size: 17px; font-weight: 900; margin-bottom: 14px; } .biosupp-formula-html-head h2 { margin: 0; color: #fff7dd; font-size: clamp(42px, 5vw, 78px); line-height: 1.04; font-weight: 900; letter-spacing: -0.04em; } .biosupp-formula-html-head p { max-width: 720px; margin: 24px auto 0; color: rgba(255, 247, 221, 0.78); font-size: 19px; line-height: 1.9; font-weight: 500; } .biosupp-formula-html-layout { display: grid; grid-template-columns: minmax(250px, 1fr) minmax(360px, 520px) minmax(250px, 1fr); gap: 40px; align-items: center; } .biosupp-formula-html-col { display: grid; gap: 30px; } .biosupp-formula-html-card { position: relative; min-height: 215px; padding: 34px 30px 30px; background: linear-gradient(180deg, rgba(255,255,255,0.105), rgba(255,255,255,0.055)); border: 1px solid rgba(226, 176, 72, 0.28); border-radius: 30px; box-shadow: 0 22px 55px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255,255,255,0.08); backdrop-filter: blur(12px); overflow: hidden; transition: all 0.28s ease; } .biosupp-formula-html-card::before { content: ""; position: absolute; width: 170px; height: 170px; top: -88px; left: -80px; background: radial-gradient(circle, rgba(226,176,72,0.18), transparent 70%); border-radius: 50%; pointer-events: none; } .biosupp-formula-html-card:hover { transform: translateY(-7px); background: linear-gradient(180deg, rgba(255,255,255,0.14), rgba(255,255,255,0.075)); border-color: rgba(226, 176, 72, 0.56); box-shadow: 0 32px 80px rgba(0, 0, 0, 0.26), inset 0 1px 0 rgba(255,255,255,0.12); } .biosupp-formula-html-icon { width: 70px; height: 70px; margin-bottom: 22px; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle at 30% 25%, #fff4c7 0%, #e5b64d 58%, #c98d22 100%); border-radius: 50%; box-shadow: inset 0 1px 2px rgba(255,255,255,0.72), 0 14px 30px rgba(226, 176, 72, 0.25); } .biosupp-formula-html-icon svg { width: 30px; height: 30px; fill: #0b3d22; } .biosupp-formula-html-card h3 { margin: 0 0 14px; color: #fff7dd; font-size: 27px; line-height: 1.25; font-weight: 900; letter-spacing: -0.02em; } .biosupp-formula-html-card p { margin: 0; color: rgba(255, 247, 221, 0.72); font-size: 16.5px; line-height: 1.78; font-weight: 500; } .biosupp-formula-html-center { display: flex; align-items: center; justify-content: center; } .biosupp-formula-html-circle { position: relative; width: min(520px, 100%); aspect-ratio: 1 / 1; border-radius: 50%; padding: 22px; background: radial-gradient(circle at 42% 35%, rgba(255,255,255,0.22), transparent 36%), linear-gradient(145deg, rgba(226,176,72,0.58), rgba(255,247,221,0.17), rgba(226,176,72,0.24)); box-shadow: 0 38px 95px rgba(0, 0, 0, 0.36), inset 0 0 0 1px rgba(255, 255, 255, 0.16); } .biosupp-formula-html-circle::before { content: ""; position: absolute; inset: -18px; border-radius: 50%; border: 1px solid rgba(226, 176, 72, 0.28); pointer-events: none; } .biosupp-formula-html-circle::after { content: ""; position: absolute; inset: 34px; border-radius: 50%; background: radial-gradient(circle, rgba(226,176,72,0.17), transparent 68%); pointer-events: none; } .biosupp-formula-html-glow { position: absolute; inset: 12%; background: radial-gradient(circle, rgba(255,247,221,0.26), transparent 66%); border-radius: 50%; filter: blur(18px); pointer-events: none; } .biosupp-formula-html-circle img { position: relative; z-index: 3; width: 100%; height: 100%; display: block; object-fit: contain; object-position: center; border-radius: 50%; background: #fff7dd; padding: 18px; } @media (max-width: 1024px) { .biosupp-formula-html-layout { grid-template-columns: 1fr; gap: 30px; } .biosupp-formula-html-center { order: -1; } .biosupp-formula-html-col { grid-template-columns: repeat(2, minmax(0, 1fr)); } .biosupp-formula-html-circle { width: min(430px, 100%); } } @media (max-width: 767px) { .biosupp-formula-html-section { padding: 74px 16px 82px; } .biosupp-formula-html-head { margin-bottom: 42px; } .biosupp-formula-html-head h2 { font-size: 39px; line-height: 1.13; } .biosupp-formula-html-head p { font-size: 16.5px; line-height: 1.75; } .biosupp-formula-html-col { grid-template-columns: 1fr; gap: 16px; } .biosupp-formula-html-card { min-height: auto; padding: 28px 22px 25px; border-radius: 24px; text-align: center; } .biosupp-formula-html-icon { width: 64px; height: 64px; margin: 0 auto 18px; } .biosupp-formula-html-icon svg { width: 27px; height: 27px; } .biosupp-formula-html-card h3 { font-size: 23px; } .biosupp-formula-html-circle { width: min(340px, 100%); padding: 14px; } .biosupp-formula-html-circle img { padding: 10px; } }