{"product_id":"no_caps-zelki-z-magnezem-i-ashwaghanda-60-szt","title":"no_caps żelki z magnezem i ashwaghandą 60 szt.","description":"\u003c!-- ŻELKI BALANCE — ASHWAGANDHA + MAGNEZ — SHOPIFY PRODUCT DESCRIPTION v1.0 (CSS-only, no JS) --\u003e\n\u003cstyle\u003e\n  .zb {\n    --zb-b1: #7FD1C7;   \/* morska zieleń *\/\n    --zb-b2: #F2A65A;   \/* pomarańcz z etykiety *\/\n    --zb-b3: #A8E3DA;   \/* jasna morska *\/\n    --zb-b4: #F5DCC0;   \/* piasek *\/\n    --zb-sand: #E8C9A0; \/* piasek ciemniejszy *\/\n    --zb-deep: #3E5F6B; \/* łupek z etykiety *\/\n    --zb-card: rgba(255,255,255,0.03);\n    --zb-card-border: rgba(168,227,218,0.10);\n    --zb-t1: #EEF4F2;\n    --zb-t2: #A6B3B0;\n    --zb-t3: #7F8C89;\n    max-width: 100%;\n    padding: 32px 0 24px;\n    color: var(--zb-t1);\n    line-height: 1.6;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* ── GRAIN ── *\/\n  .zb::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\n    background-size: 200px;\n    pointer-events: none;\n    z-index: 1;\n    mix-blend-mode: overlay;\n  }\n  .zb \u003e * { position: relative; z-index: 2; }\n\n  \/* ── BLOBS ── *\/\n  .zb-blob {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(70px);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.22;\n  }\n  .zb-blob--1 {\n    width: 220px; height: 220px;\n    background: radial-gradient(circle, var(--zb-b1), transparent 70%);\n    top: -40px; right: -40px;\n    animation: zb-float 12s ease-in-out infinite;\n  }\n  .zb-blob--2 {\n    width: 180px; height: 180px;\n    background: radial-gradient(circle, var(--zb-deep), transparent 70%);\n    bottom: 30%; left: -60px;\n    animation: zb-float 16s ease-in-out infinite reverse;\n  }\n  .zb-blob--3 {\n    width: 160px; height: 160px;\n    background: radial-gradient(circle, var(--zb-b2), transparent 70%);\n    bottom: -30px; right: -20px;\n    animation: zb-float 14s ease-in-out 2s infinite;\n  }\n  @keyframes zb-float {\n    0%, 100% { transform: translate(0, 0) scale(1); }\n    33% { transform: translate(15px, -10px) scale(1.05); }\n    66% { transform: translate(-10px, 8px) scale(0.95); }\n  }\n\n  \/* ── REVEAL (CSS-only, bez JS) ── *\/\n  .zb-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    animation: zb-reveal-in 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n  @keyframes zb-reveal-in {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── HERO ── *\/\n  .zb-hero {\n    text-align: center;\n    padding: 0 0 36px;\n  }\n  .zb-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 5px 14px;\n    border-radius: 100px;\n    background: rgba(127,209,199,0.10);\n    border: 1px solid rgba(127,209,199,0.25);\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--zb-b3);\n    margin-bottom: 18px;\n    backdrop-filter: blur(8px);\n  }\n  .zb-pill-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--zb-b2);\n    animation: zb-pulse 2.4s ease-in-out infinite;\n  }\n  @keyframes zb-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(0.7); }\n  }\n\n  .zb-hero h2 {\n    font-size: clamp(24px, 7vw, 34px);\n    font-weight: 800;\n    line-height: 1.1;\n    margin: 0 0 14px;\n    letter-spacing: -1px;\n    color: var(--zb-t1);\n  }\n  .zb-hero h2 .zb-grad {\n    background: linear-gradient(135deg, #fff 0%, var(--zb-b3) 40%, var(--zb-b4) 75%, var(--zb-b2) 100%);\n    background-size: 200% 200%;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: zb-grad-shift 6s ease infinite;\n  }\n  @keyframes zb-grad-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n  .zb-hero-p {\n    font-size: 14px;\n    color: var(--zb-t2);\n    margin: 0;\n  }\n  .zb-hero-p strong {\n    color: #fff;\n    font-weight: 600;\n  }\n\n  \/* ── STATS ── *\/\n  .zb-stats {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin-bottom: 36px;\n  }\n  .zb-card {\n    position: relative;\n    border-radius: 16px;\n    padding: 20px 14px;\n    background: var(--zb-card);\n    border: 1px solid var(--zb-card-border);\n    backdrop-filter: blur(12px);\n    overflow: hidden;\n    transition: border-color 0.4s, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .zb-card:hover {\n    border-color: rgba(127,209,199,0.30);\n    transform: translateY(-3px);\n  }\n  .zb-stat-num {\n    font-size: clamp(24px, 7vw, 32px);\n    font-weight: 800;\n    letter-spacing: -1.5px;\n    line-height: 1;\n    margin-bottom: 4px;\n    background: linear-gradient(135deg, var(--zb-b3), var(--zb-b2));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n  }\n  .zb-stat-label {\n    font-size: 10px;\n    color: var(--zb-t3);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-align: center;\n    line-height: 1.3;\n  }\n\n  \/* ── BENEFITS ── *\/\n  .zb-benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 36px;\n  }\n  .zb-ben {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px;\n    border-radius: 16px;\n    background: var(--zb-card);\n    border: 1px solid var(--zb-card-border);\n    backdrop-filter: blur(12px);\n    overflow: hidden;\n    position: relative;\n    transition: border-color 0.3s, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  .zb-ben:hover {\n    border-color: rgba(127,209,199,0.30);\n    transform: translateY(-2px);\n  }\n  .zb-ben-icon {\n    flex-shrink: 0;\n    width: 36px; height: 36px;\n    border-radius: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 17px;\n    background: linear-gradient(135deg, rgba(127,209,199,0.14), rgba(242,166,90,0.08));\n    border: 1px solid rgba(168,227,218,0.12);\n  }\n  .zb-ben-text { min-width: 0; }\n  .zb-ben-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 3px;\n  }\n  .zb-ben-desc {\n    font-size: 12px;\n    color: var(--zb-t2);\n    line-height: 1.5;\n  }\n\n  \/* ── TABELA ── *\/\n  .zb-comp { margin-bottom: 36px; }\n  .zb-comp-header { margin-bottom: 14px; }\n  .zb-comp-header h3 {\n    font-size: 18px;\n    font-weight: 800;\n    margin: 0 0 2px;\n    letter-spacing: -0.3px;\n    color: #fff;\n  }\n  .zb-comp-header span {\n    font-size: 11px;\n    color: var(--zb-t3);\n  }\n  .zb-table-card {\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid var(--zb-card-border);\n    background: var(--zb-card);\n    backdrop-filter: blur(12px);\n    position: relative;\n  }\n  .zb-table-scroll {\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n  .zb-table-card::before {\n    content: '';\n    position: absolute;\n    top: 0; left: 0; right: 0;\n    height: 2px;\n    background: linear-gradient(90deg, transparent, var(--zb-b1), var(--zb-sand), var(--zb-b2), var(--zb-b1), transparent);\n    background-size: 300% 100%;\n    animation: zb-line 6s linear infinite;\n    z-index: 1;\n  }\n  @keyframes zb-line {\n    0% { background-position: 0% 0; }\n    100% { background-position: 300% 0; }\n  }\n  .zb-tbl {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n  }\n  .zb-tbl thead th {\n    padding: 12px 14px;\n    font-size: 9px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--zb-t3);\n    text-align: left;\n    border-bottom: 1px solid rgba(255,255,255,0.05);\n  }\n  .zb-tbl thead th:last-child { text-align: right; }\n  .zb-tbl tbody td {\n    padding: 11px 14px;\n    border-bottom: 1px solid rgba(255,255,255,0.04);\n    transition: background 0.2s;\n    vertical-align: top;\n  }\n  .zb-tbl tbody tr:last-child td { border-bottom: none; }\n  .zb-tbl tbody tr:hover td { background: rgba(127,209,199,0.05); }\n  .zb-tbl td:first-child {\n    color: var(--zb-t1);\n    font-weight: 600;\n    font-size: 12px;\n  }\n  .zb-tbl td:first-child small {\n    display: block;\n    font-weight: 400;\n    font-size: 10px;\n    color: var(--zb-t3);\n    margin-top: 1px;\n  }\n  .zb-tbl td:nth-child(2) {\n    color: var(--zb-b3);\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n  .zb-tbl td:last-child {\n    text-align: right;\n    color: var(--zb-t2);\n    font-size: 12px;\n    white-space: nowrap;\n  }\n  .zb-tbl .zb-highlight td {\n    background: linear-gradient(90deg, rgba(127,209,199,0.12), transparent);\n  }\n  .zb-tbl .zb-highlight td:first-child {\n    font-weight: 700;\n    color: #fff;\n  }\n  .zb-tbl .zb-highlight td:nth-child(2) {\n    font-size: 14px;\n    color: #fff;\n  }\n\n  \/* ── INNE SKŁADNIKI ── *\/\n  .zb-extra {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 32px;\n  }\n  .zb-extra-card {\n    border-radius: 16px;\n    padding: 18px;\n    background: var(--zb-card);\n    border: 1px solid var(--zb-card-border);\n    backdrop-filter: blur(12px);\n  }\n  .zb-extra-card h4 {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--zb-t3);\n    margin: 0 0 10px;\n  }\n  .zb-extra-card p {\n    font-size: 12px;\n    color: var(--zb-t2);\n    margin: 0;\n    line-height: 1.55;\n  }\n  .zb-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n  }\n  .zb-tag {\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 10px;\n    letter-spacing: 0.3px;\n    color: var(--zb-b4);\n    background: rgba(127,209,199,0.07);\n    border: 1px solid rgba(168,227,218,0.18);\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    cursor: default;\n  }\n  .zb-tag:hover {\n    background: rgba(127,209,199,0.16);\n    border-color: rgba(168,227,218,0.40);\n    transform: translateY(-1px);\n    color: #fff;\n  }\n\n  \/* ── FOOTNOTE ── *\/\n  .zb-foot {\n    font-size: 10px;\n    color: var(--zb-t3);\n    line-height: 1.6;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .zb *, .zb *::before { animation: none !important; transition: none !important; }\n    .zb-reveal { opacity: 1; transform: none; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"zb\"\u003e\n\u003cdiv class=\"zb-blob zb-blob--1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zb-blob zb-blob--2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zb-blob zb-blob--3\"\u003e\u003c\/div\u003e\n\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"zb-hero zb-reveal\"\u003e\n\u003cdiv class=\"zb-pill\"\u003e\n\u003cspan class=\"zb-pill-dot\"\u003e\u003c\/span\u003e Suplement diety\u003c\/div\u003e\n\u003ch2\u003e\n\u003cspan class=\"zb-grad\"\u003eŻelki Balance\u003c\/span\u003e\u003cbr\u003eAshwagandha + Magnez\u003c\/h2\u003e\n\u003cp class=\"zb-hero-p\"\u003e\u003cstrong\u003e150 mg ashwagandhy i 100 mg magnezu w 2 żelkach.\u003c\/strong\u003e Do tego L-teanina, cynk i błonnik. 60 szt. w słoiku — 30 porcji.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003c!-- STATS --\u003e\n\u003cdiv class=\"zb-stats zb-reveal\" style=\"animation-delay: 0.1s;\"\u003e\n\u003cdiv class=\"zb-card\"\u003e\n\u003cdiv class=\"zb-stat-num\"\u003e150\u003c\/div\u003e\n\u003cdiv class=\"zb-stat-label\"\u003emg ashwagandhy\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-card\"\u003e\n\u003cdiv class=\"zb-stat-num\"\u003e100\u003c\/div\u003e\n\u003cdiv class=\"zb-stat-label\"\u003emg magnezu\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-card\"\u003e\n\u003cdiv class=\"zb-stat-num\"\u003e60\u003c\/div\u003e\n\u003cdiv class=\"zb-stat-label\"\u003eżelków\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"zb-benefits\"\u003e\n\u003cdiv class=\"zb-ben zb-reveal\" style=\"animation-delay: 0.15s;\"\u003e\n\u003cdiv class=\"zb-ben-icon\"\u003e🌿\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-text\"\u003e\n\u003cdiv class=\"zb-ben-title\"\u003eEkstrakt z korzenia ashwagandhy\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-desc\"\u003e150 mg ekstraktu z korzenia Withania somnifera, standaryzowanego na 5% witanolidów.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-ben zb-reveal\" style=\"animation-delay: 0.2s;\"\u003e\n\u003cdiv class=\"zb-ben-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-text\"\u003e\n\u003cdiv class=\"zb-ben-title\"\u003eMagnez\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-desc\"\u003ePomaga w prawidłowym funkcjonowaniu układu nerwowego, w utrzymaniu prawidłowych funkcji psychologicznych i przyczynia się do zmniejszenia uczucia zmęczenia i znużenia.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-ben zb-reveal\" style=\"animation-delay: 0.25s;\"\u003e\n\u003cdiv class=\"zb-ben-icon\"\u003e🛡️\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-text\"\u003e\n\u003cdiv class=\"zb-ben-title\"\u003eCynk\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-desc\"\u003ePomaga w prawidłowym funkcjonowaniu układu odpornościowego i w utrzymaniu prawidłowych funkcji poznawczych.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-ben zb-reveal\" style=\"animation-delay: 0.3s;\"\u003e\n\u003cdiv class=\"zb-ben-icon\"\u003e🍵\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-text\"\u003e\n\u003cdiv class=\"zb-ben-title\"\u003eL-teanina i błonnik\u003c\/div\u003e\n\u003cdiv class=\"zb-ben-desc\"\u003e80 mg L-teaniny i 1 g błonnika pokarmowego w każdej porcji.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- TABELA SKŁADU --\u003e\n\u003cdiv class=\"zb-comp zb-reveal\" style=\"animation-delay: 0.35s;\"\u003e\n\u003cdiv class=\"zb-comp-header\"\u003e\n\u003ch3\u003eSkład\u003c\/h3\u003e\n\u003cspan\u003e1 porcja = 2 żelki · 30 porcji w opakowaniu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-table-card\"\u003e\n\u003cdiv class=\"zb-table-scroll\"\u003e\n\u003ctable class=\"zb-tbl\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSkładnik\u003c\/th\u003e\n\u003cth\u003eNa porcję\u003c\/th\u003e\n\u003cth\u003e% RWS\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eMagnez\u003csmall\u003ePierwiastkowy, z soli magnezu\u003c\/small\u003e\n\u003c\/td\u003e\n\u003ctd\u003e100 mg\u003c\/td\u003e\n\u003ctd\u003e27%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCynk\u003csmall\u003eJako glukonian cynku\u003c\/small\u003e\n\u003c\/td\u003e\n\u003ctd\u003e5 mg\u003c\/td\u003e\n\u003ctd\u003e50%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBłonnik pokarmowy\u003csmall\u003ePrebiotyczny\u003c\/small\u003e\n\u003c\/td\u003e\n\u003ctd\u003e1 g\u003c\/td\u003e\n\u003ctd\u003e*\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"zb-highlight\"\u003e\n\u003ctd\u003eEkstrakt z korzenia ashwagandhy\u003csmall\u003eWithania somnifera\u003c\/small\u003e\n\u003c\/td\u003e\n\u003ctd\u003e150 mg\u003c\/td\u003e\n\u003ctd\u003e*\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-teanina\u003c\/td\u003e\n\u003ctd\u003e80 mg\u003c\/td\u003e\n\u003ctd\u003e*\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- INNE SKŁADNIKI --\u003e\n\u003cdiv class=\"zb-extra zb-reveal\" style=\"animation-delay: 0.4s;\"\u003e\n\u003cdiv class=\"zb-extra-card\"\u003e\n\u003ch4\u003ePozostałe składniki\u003c\/h4\u003e\n\u003cp\u003eSubstancja słodząca: erytrytol; woda*; fruktooligosacharydy (FOS); substancja żelująca: pektyna; substancja żelująca: agar; substancja utrzymująca wilgoć: glicerol; ekstrakt z korzenia ashwagandhy (Withania somnifera (L.) Dunal), standaryzowany na 5% witanolidów; L-teanina; substancja słodząca: sorbitol; aromat; regulator kwasowości: kwas cytrynowy; regulator kwasowości: cytryniany sodu; glukonian cynku; substancja słodząca: glikozydy stewiolowe ze stewii.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zb-extra-card\"\u003e\n\u003ch4\u003eW skrócie\u003c\/h4\u003e\n\u003cdiv class=\"zb-tags\"\u003e\n\u003cspan class=\"zb-tag\"\u003e2 żelki = 1 porcja\u003c\/span\u003e \u003cspan class=\"zb-tag\"\u003eAshwagandha 5% witanolidów\u003c\/span\u003e \u003cspan class=\"zb-tag\"\u003eNa pektynie i agarze\u003c\/span\u003e \u003cspan class=\"zb-tag\"\u003eZ FOS\u003c\/span\u003e \u003cspan class=\"zb-tag\"\u003eSłodzone erytrytolem, sorbitolem i stewią\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"zb-foot zb-reveal\" style=\"animation-delay: 0.45s;\"\u003e* RWS nie zostało ustalone.\u003c\/p\u003e\n\u003c\/div\u003e","brand":"BiteLab","offers":[{"title":"1 opakowanie","offer_id":57278976786772,"sku":"0000002148","price":69.9,"currency_code":"PLN","in_stock":true},{"title":"[Zestaw] 2 opakowania","offer_id":57278976819540,"sku":"0000002203","price":129.8,"currency_code":"PLN","in_stock":true},{"title":"[Zestaw] 3 opakowania","offer_id":57278976852308,"sku":"0000002204","price":189.7,"currency_code":"PLN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1021\/8999\/0228\/files\/balancemalinowe1p.jpg?v=1790335039","url":"https:\/\/www.getbitelab.com\/products\/no_caps-zelki-z-magnezem-i-ashwaghanda-60-szt","provider":"BiteLab","version":"1.0","type":"link"}