{"product_id":"zelki-kreatynowe-60-szt-jagodowe","title":"Żelki Kreatynowe 60 szt. Jagodowe","description":"\u003c!-- ŻELKI KREATYNOWE — SHOPIFY PRODUCT DESCRIPTION v3.1 (CSS-only, no JS) --\u003e\n\u003cstyle\u003e\n  .zk {\n    --zk-b1: #2563EB;\n    --zk-b2: #3B82F6;\n    --zk-b3: #60A5FA;\n    --zk-b4: #93C5FD;\n    --zk-cyan: #22D3EE;\n    --zk-berry: #7C3AED;\n    --zk-card: rgba(255,255,255,0.03);\n    --zk-card-border: rgba(255,255,255,0.06);\n    --zk-t1: #F1F5F9;\n    --zk-t2: #94A3B8;\n    --zk-t3: #64748B;\n    --zk-mx: 50%;\n    --zk-my: 50%;\n    max-width: 100%;\n    padding: 32px 0 24px;\n    color: var(--zk-t1);\n    line-height: 1.6;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* ── GRAIN ── *\/\n  .zk::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  .zk \u003e * { position: relative; z-index: 2; }\n\n  \/* ── BLOBS ── *\/\n  .zk-blob {\n    position: absolute;\n    border-radius: 50%;\n    filter: blur(70px);\n    pointer-events: none;\n    z-index: 0;\n    opacity: 0.3;\n  }\n  .zk-blob--1 {\n    width: 220px; height: 220px;\n    background: radial-gradient(circle, var(--zk-b1), transparent 70%);\n    top: -40px; right: -40px;\n    animation: zk-float 12s ease-in-out infinite;\n  }\n  .zk-blob--2 {\n    width: 180px; height: 180px;\n    background: radial-gradient(circle, var(--zk-berry), transparent 70%);\n    bottom: 30%; left: -60px;\n    animation: zk-float 16s ease-in-out infinite reverse;\n  }\n  .zk-blob--3 {\n    width: 160px; height: 160px;\n    background: radial-gradient(circle, var(--zk-cyan), transparent 70%);\n    bottom: -30px; right: -20px;\n    animation: zk-float 14s ease-in-out 2s infinite;\n  }\n  @keyframes zk-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  .zk-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    animation: zk-reveal-in 0.65s cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n  @keyframes zk-reveal-in {\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  \/* ── HERO ── *\/\n  .zk-hero {\n    text-align: center;\n    padding: 0 0 36px;\n  }\n  .zk-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 7px;\n    padding: 5px 14px;\n    border-radius: 100px;\n    background: rgba(37, 99, 235, 0.1);\n    border: 1px solid rgba(37, 99, 235, 0.2);\n    font-size: 10px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--zk-b3);\n    margin-bottom: 18px;\n    backdrop-filter: blur(8px);\n  }\n  .zk-pill-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--zk-b2);\n    animation: zk-pulse 2s ease-in-out infinite;\n  }\n  @keyframes zk-pulse {\n    0%, 100% { opacity: 1; transform: scale(1); }\n    50% { opacity: 0.4; transform: scale(0.7); }\n  }\n\n  .zk-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  }\n  .zk-hero h2 .zk-grad {\n    background: linear-gradient(135deg, #fff 0%, var(--zk-b3) 50%, var(--zk-cyan) 100%);\n    background-size: 200% 200%;\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    animation: zk-grad-shift 6s ease infinite;\n  }\n  @keyframes zk-grad-shift {\n    0%, 100% { background-position: 0% 50%; }\n    50% { background-position: 100% 50%; }\n  }\n  .zk-hero-p {\n    font-size: 14px;\n    color: var(--zk-t2);\n    margin: 0;\n  }\n  .zk-hero-p strong {\n    color: #fff;\n    font-weight: 600;\n  }\n\n  \/* ── STATS ── *\/\n  .zk-stats {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin-bottom: 36px;\n  }\n  .zk-card {\n    position: relative;\n    border-radius: 16px;\n    padding: 20px 14px;\n    background: var(--zk-card);\n    border: 1px solid var(--zk-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  .zk-card:hover {\n    border-color: rgba(59, 130, 246, 0.2);\n    transform: translateY(-3px);\n  }\n\n  .zk-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(--zk-b3), var(--zk-cyan));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    text-align: center;\n  }\n  .zk-stat-label {\n    font-size: 10px;\n    color: var(--zk-t3);\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    text-align: center;\n    line-height: 1.3;\n  }\n\n  \/* ── BENEFITS ── *\/\n  .zk-benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 36px;\n  }\n  .zk-ben {\n    display: flex;\n    align-items: flex-start;\n    gap: 12px;\n    padding: 16px;\n    border-radius: 16px;\n    background: var(--zk-card);\n    border: 1px solid var(--zk-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  .zk-ben:hover {\n    border-color: rgba(59, 130, 246, 0.2);\n    transform: translateY(-2px);\n  }\n\n  .zk-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(37,99,235,0.12), rgba(124,58,237,0.08));\n    border: 1px solid rgba(59,130,246,0.08);\n  }\n  .zk-ben-text { min-width: 0; }\n  .zk-ben-title {\n    font-size: 14px;\n    font-weight: 700;\n    color: #fff;\n    margin-bottom: 3px;\n  }\n  .zk-ben-desc {\n    font-size: 12px;\n    color: var(--zk-t2);\n    line-height: 1.5;\n  }\n\n  \/* ── TABELA ── *\/\n  .zk-comp { margin-bottom: 36px; }\n  .zk-comp-header {\n    margin-bottom: 14px;\n  }\n  .zk-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  .zk-comp-header span {\n    font-size: 11px;\n    color: var(--zk-t3);\n  }\n\n  .zk-table-card {\n    border-radius: 16px;\n    overflow: hidden;\n    border: 1px solid var(--zk-card-border);\n    background: var(--zk-card);\n    backdrop-filter: blur(12px);\n    position: relative;\n  }\n  .zk-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(--zk-b2), var(--zk-cyan), var(--zk-berry), var(--zk-b2), transparent);\n    background-size: 300% 100%;\n    animation: zk-line 6s linear infinite;\n  }\n  @keyframes zk-line {\n    0% { background-position: 0% 0; }\n    100% { background-position: 300% 0; }\n  }\n\n  .zk-tbl {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n  }\n  .zk-tbl thead th {\n    padding: 12px 14px;\n    font-size: 9px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--zk-t3);\n    text-align: left;\n    border-bottom: 1px solid rgba(255,255,255,0.04);\n  }\n  .zk-tbl thead th:last-child { text-align: right; }\n\n  .zk-tbl tbody td {\n    padding: 11px 14px;\n    border-bottom: 1px solid rgba(255,255,255,0.03);\n    transition: background 0.2s;\n  }\n  .zk-tbl tbody tr:last-child td { border-bottom: none; }\n  .zk-tbl tbody tr:hover td { background: rgba(59,130,246,0.04); }\n\n  .zk-tbl td:first-child {\n    color: var(--zk-t1);\n    font-weight: 600;\n    font-size: 12px;\n  }\n  .zk-tbl td:nth-child(2) {\n    color: var(--zk-b3);\n    font-weight: 700;\n    font-variant-numeric: tabular-nums;\n    white-space: nowrap;\n  }\n  .zk-tbl td:last-child {\n    text-align: right;\n    color: var(--zk-t3);\n    font-size: 12px;\n    white-space: nowrap;\n  }\n  .zk-tbl .zk-sub td:first-child {\n    padding-left: 28px;\n    font-weight: 400;\n    color: var(--zk-t3);\n    font-size: 11px;\n  }\n  .zk-tbl .zk-highlight td {\n    background: linear-gradient(90deg, rgba(37,99,235,0.08), transparent);\n  }\n  .zk-tbl .zk-highlight td:first-child {\n    font-weight: 700;\n    color: #fff;\n  }\n  .zk-tbl .zk-highlight td:nth-child(2) {\n    font-size: 14px;\n    color: #fff;\n  }\n\n  \/* ── INNE SKŁADNIKI ── *\/\n  .zk-extra {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-bottom: 32px;\n  }\n  .zk-extra-card {\n    border-radius: 16px;\n    padding: 18px;\n    background: var(--zk-card);\n    border: 1px solid var(--zk-card-border);\n    backdrop-filter: blur(12px);\n  }\n  .zk-extra-card h4 {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n    color: var(--zk-t3);\n    margin: 0 0 10px;\n  }\n  .zk-extra-card p {\n    font-size: 12px;\n    color: var(--zk-t2);\n    margin: 0;\n    line-height: 1.55;\n  }\n\n  .zk-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 5px;\n  }\n  .zk-tag {\n    padding: 4px 10px;\n    border-radius: 100px;\n    font-size: 10px;\n    letter-spacing: 0.3px;\n    color: var(--zk-b4);\n    background: rgba(37,99,235,0.06);\n    border: 1px solid rgba(59,130,246,0.12);\n    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\n    cursor: default;\n  }\n  .zk-tag:hover {\n    background: rgba(37,99,235,0.15);\n    border-color: rgba(59,130,246,0.35);\n    transform: translateY(-1px);\n    color: #fff;\n  }\n\n  \/* ── FOOTNOTE ── *\/\n  .zk-foot {\n    font-size: 10px;\n    color: var(--zk-t3);\n    line-height: 1.6;\n    opacity: 0.6;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"zk\"\u003e\n\u003cdiv class=\"zk-blob zk-blob--1\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zk-blob zk-blob--2\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"zk-blob zk-blob--3\"\u003e\u003c\/div\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"zk-hero zk-reveal\"\u003e\n\u003cdiv class=\"zk-pill\"\u003e\n\u003cspan class=\"zk-pill-dot\"\u003e\u003c\/span\u003e Suplement diety\u003c\/div\u003e\n\u003ch2\u003e\n\u003cspan class=\"zk-grad\"\u003eŻelki Kreatynowe\u003c\/span\u003e\u003cbr\u003eSmak Jagodowy\u003c\/h2\u003e\n\u003cp class=\"zk-hero-p\"\u003e\u003cstrong\u003e5g kreatyny w 4 żelkach.\u003c\/strong\u003e Bez cukru, bez sztucznych barwników. 60 szt. w słoiku — 15 porcji.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- STATS --\u003e\n\u003cdiv class=\"zk-stats zk-reveal\" style=\"animation-delay: 0.1s;\"\u003e\n\u003cdiv class=\"zk-card\"\u003e\n\u003cdiv class=\"zk-stat-num\"\u003e5000\u003c\/div\u003e\n\u003cdiv class=\"zk-stat-label\"\u003emg kreatyny\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-card\"\u003e\n\u003cdiv class=\"zk-stat-num\"\u003e60\u003c\/div\u003e\n\u003cdiv class=\"zk-stat-label\"\u003eżelków\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-card\"\u003e\n\u003cdiv class=\"zk-stat-num\"\u003e12\u003c\/div\u003e\n\u003cdiv class=\"zk-stat-label\"\u003ekcal \/ porcja\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFITS --\u003e\n\u003cdiv class=\"zk-benefits\"\u003e\n\u003cdiv class=\"zk-ben zk-reveal\" style=\"animation-delay: 0.15s;\"\u003e\n\u003cdiv class=\"zk-ben-icon\"\u003e💪\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-text\"\u003e\n\u003cdiv class=\"zk-ben-title\"\u003ePełna dawka bez shakerów\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-desc\"\u003e5g monohydratu — tyle samo co w proszku. Zjesz gdziekolwiek, kiedykolwiek.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-ben zk-reveal\" style=\"animation-delay: 0.2s;\"\u003e\n\u003cdiv class=\"zk-ben-icon\"\u003e🧠\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-text\"\u003e\n\u003cdiv class=\"zk-ben-title\"\u003eMózg + mięśnie\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-desc\"\u003eKreatyna wspiera funkcje kognitywne i regenerację układu nerwowego.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-ben zk-reveal\" style=\"animation-delay: 0.25s;\"\u003e\n\u003cdiv class=\"zk-ben-icon\"\u003e⚡\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-text\"\u003e\n\u003cdiv class=\"zk-ben-title\"\u003eWzmocniony skład\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-desc\"\u003eL-tauryna, kolagen, B12 i betaina w każdej porcji.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-ben zk-reveal\" style=\"animation-delay: 0.3s;\"\u003e\n\u003cdiv class=\"zk-ben-icon\"\u003e🫐\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-text\"\u003e\n\u003cdiv class=\"zk-ben-title\"\u003e0g cukru, 12 kcal\u003c\/div\u003e\n\u003cdiv class=\"zk-ben-desc\"\u003eStewia + erytrytol. Zero sztucznych słodzików i barwników.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- TABELA SKŁADU --\u003e\n\u003cdiv class=\"zk-comp zk-reveal\" style=\"animation-delay: 0.35s;\"\u003e\n\u003cdiv class=\"zk-comp-header\"\u003e\n\u003ch3\u003eWartości odżywcze\u003c\/h3\u003e\n\u003cspan\u003e1 porcja = 4 żelki · 15 porcji w opakowaniu\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-table-card\"\u003e\n\u003ctable class=\"zk-tbl\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eSkładnik\u003c\/th\u003e\n\u003cth\u003eW porcji\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\u003eKalorie\u003c\/td\u003e\n\u003ctd\u003e12 kcal\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWęglowodany\u003c\/td\u003e\n\u003ctd\u003e4 g\u003c\/td\u003e\n\u003ctd\u003e1%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"zk-sub\"\u003e\n\u003ctd\u003ew tym cukry\u003c\/td\u003e\n\u003ctd\u003e0 g\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"zk-highlight\"\u003e\n\u003ctd\u003eMonohydrat kreatyny\u003c\/td\u003e\n\u003ctd\u003e5 000 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eL-Tauryna\u003c\/td\u003e\n\u003ctd\u003e1 000 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003ePeptydy kolagenowe\u003c\/td\u003e\n\u003ctd\u003e1 000 mg\u003c\/td\u003e\n\u003ctd\u003e—\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWitamina B12\u003c\/td\u003e\n\u003ctd\u003e500 mcg\u003c\/td\u003e\n\u003ctd\u003e8 333%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCyjankobalamina\u003c\/td\u003e\n\u003ctd\u003e200 mcg\u003c\/td\u003e\n\u003ctd\u003e8 333%\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eBetaina bezwodna\u003c\/td\u003e\n\u003ctd\u003e100 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!-- INNE SKŁADNIKI --\u003e\n\u003cdiv class=\"zk-extra zk-reveal\" style=\"animation-delay: 0.4s;\"\u003e\n\u003cdiv class=\"zk-extra-card\"\u003e\n\u003ch4\u003eInne składniki\u003c\/h4\u003e\n\u003cp\u003ePektyna, stewia, erytrytol, kwas cytrynowy, cytrynian sodu, salicylan.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"zk-extra-card\"\u003e\n\u003ch4\u003eProdukt nie zawiera\u003c\/h4\u003e\n\u003cdiv class=\"zk-tags\"\u003e\n\u003cspan class=\"zk-tag\"\u003eBez glutenu\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez cukru\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez laktozy\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez soji\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez żelatyny\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez mleka\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez jajek\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez orzechów\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez pszenicy\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez drożdży\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez sztucznych barwników\u003c\/span\u003e \u003cspan class=\"zk-tag\"\u003eBez sztucznych słodzików\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"zk-foot zk-reveal\" style=\"animation-delay: 0.45s;\"\u003e* % zalecanej dawki dziennej określonej na podstawie diety składającej się z 2000 kalorii.\u003cbr\u003e** dzienna zalecana dawka nie określona.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"BiteLab","offers":[{"title":"Default Title","offer_id":55936408355156,"sku":"0000002081","price":49.99,"currency_code":"PLN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1021\/8999\/0228\/files\/bitelab-zelki-z-kreatyna0jagodowe-60szt.jpg?v=1779697941","url":"https:\/\/www.getbitelab.com\/products\/zelki-kreatynowe-60-szt-jagodowe","provider":"BiteLab","version":"1.0","type":"link"}