{"product_id":"on-replay-black-hoodie","title":"\"on replay\" black hoodie","description":"\u003cdiv id=\"fnsse-sf\"\u003e\n  \u003c!-- HEAD --\u003e\n  \u003cdiv class=\"sf-head\"\u003e\n    \u003cspan class=\"sf-kicker\"\u003emade to order\u003c\/span\u003e\n    \u003ch3 class=\"sf-title\"\u003eszyte na zamówienie\u003c\/h3\u003e\n    \u003cp class=\"sf-sub\"\u003especjalnie dla ciebie — nie z półki.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- SPEC PRODUKTU --\u003e\n  \u003cdiv class=\"sf-spec\"\u003e\n    \u003cdiv class=\"sf-row\"\u003e\n\u003cspan\u003emateriał\u003c\/span\u003e\u003cb\u003e90% bawełna · 10% poliester · 420 g\/m²\u003c\/b\u003e\u003ci\u003eciężka, gęsta dzianina\u003c\/i\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"sf-row\"\u003e\n\u003cspan\u003ekrój\u003c\/span\u003e\u003cb\u003eboxy, oversize\u003c\/b\u003e\u003ci\u003eleży zgodnie z tabelą · chcesz więcej luzu → rozmiar wyżej\u003c\/i\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"sf-row\"\u003e\n\u003cspan\u003epielęgnacja\u003c\/span\u003e\u003cb\u003epranie max 30°C, na lewej stronie\u003c\/b\u003e\u003ci\u003ebez suszarki\u003c\/i\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"sf-row\"\u003e\n\u003cspan\u003edostawa\u003c\/span\u003e\u003cb\u003e~10–15 dni rob. produkcji + ~4–7 dni dostawy\u003c\/b\u003e\u003ci\u003ekupujesz sztukę — we can't rush it\u003c\/i\u003e\n\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ SIZE FINDER ============ --\u003e\n  \u003cdiv class=\"sf-finder\"\u003e\n    \u003cdiv class=\"sf-head sf-head--sub\"\u003e\n      \u003cspan class=\"sf-kicker\"\u003esize finder\u003c\/span\u003e\n      \u003ch3 class=\"sf-title\"\u003eznajdź swój rozmiar\u003c\/h3\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WZROST --\u003e\n    \u003cdiv class=\"sf-block\"\u003e\n      \u003cdiv class=\"sf-label\"\u003etwój wzrost\u003c\/div\u003e\n      \u003cdiv class=\"sf-readout\"\u003e\n\u003cspan id=\"sf-h\"\u003e178\u003c\/span\u003e\u003cem\u003ecm\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cinput id=\"sf-hslider\" class=\"sf-slider\" type=\"range\" min=\"150\" max=\"205\" value=\"178\" step=\"1\"\u003e\n      \u003cdiv class=\"sf-scale\"\u003e\n\u003cspan\u003e150\u003c\/span\u003e\u003cspan\u003e205\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- WAGA --\u003e\n    \u003cdiv class=\"sf-block\"\u003e\n      \u003cdiv class=\"sf-label\"\u003etwoja waga\u003c\/div\u003e\n      \u003cdiv class=\"sf-readout\"\u003e\n\u003cspan id=\"sf-w\"\u003e72\u003c\/span\u003e\u003cem\u003ekg\u003c\/em\u003e\n\u003c\/div\u003e\n      \u003cinput id=\"sf-wslider\" class=\"sf-slider\" type=\"range\" min=\"40\" max=\"150\" value=\"72\" step=\"1\"\u003e\n      \u003cdiv class=\"sf-scale\"\u003e\n\u003cspan\u003e40\u003c\/span\u003e\u003cspan\u003e150\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- FIT --\u003e\n    \u003cdiv class=\"sf-block\"\u003e\n      \u003cdiv class=\"sf-label\"\u003ejak ma leżeć\u003c\/div\u003e\n      \u003cdiv class=\"sf-fit\"\u003e\n        \u003cbutton class=\"sf-pill is-on\" data-fit=\"0\"\u003eoversized\u003c\/button\u003e\n        \u003cbutton class=\"sf-pill\" data-fit=\"1\"\u003ejeszcze większy\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"sf-hint\" id=\"sf-hint\"\u003eleży zgodnie z tabelą — boxy, oversize.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CTA --\u003e\n    \u003cbutton id=\"sf-go\" class=\"sf-go\"\u003e\u003cspan\u003epokaż mój rozmiar\u003c\/span\u003e\u003c\/button\u003e\n\n    \u003c!-- REVEAL --\u003e\n    \u003cdiv id=\"sf-reveal\" class=\"sf-reveal\"\u003e\n      \u003cdiv class=\"sf-burst\" id=\"sf-burst\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"sf-your\"\u003etwój rozmiar\u003c\/div\u003e\n      \u003cdiv class=\"sf-size\" id=\"sf-size\"\u003eL\u003c\/div\u003e\n      \u003cdiv class=\"sf-tag\" id=\"sf-tag\"\u003eleży jak ma leżeć.\u003c\/div\u003e\n      \u003cdiv class=\"sf-specs\" id=\"sf-specs\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- ============ TABELA ============ --\u003e\n  \u003cdiv class=\"sf-block\"\u003e\n    \u003cdiv class=\"sf-label\"\u003etabela rozmiarów \u003cspan class=\"sf-cm\"\u003ecm\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003cdiv class=\"sf-tablewrap\"\u003e\n      \u003ctable class=\"sf-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n\u003cth\u003erozm\u003c\/th\u003e\n\u003cth\u003eszer\u003c\/th\u003e\n\u003cth\u003edł\u003c\/th\u003e\n\u003cth\u003erękaw\u003c\/th\u003e\n\u003cth\u003ewzrost\u003c\/th\u003e\n\u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003ctd\u003eS\u003c\/td\u003e\n\u003ctd\u003e64\u003c\/td\u003e\n\u003ctd\u003e64\u003c\/td\u003e\n\u003ctd\u003e57\u003c\/td\u003e\n\u003ctd\u003e155–172\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eM\u003c\/td\u003e\n\u003ctd\u003e66\u003c\/td\u003e\n\u003ctd\u003e65\u003c\/td\u003e\n\u003ctd\u003e60\u003c\/td\u003e\n\u003ctd\u003e173–182\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eL\u003c\/td\u003e\n\u003ctd\u003e69\u003c\/td\u003e\n\u003ctd\u003e67\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003ctd\u003e183–190\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eXL\u003c\/td\u003e\n\u003ctd\u003e71\u003c\/td\u003e\n\u003ctd\u003e69\u003c\/td\u003e\n\u003ctd\u003e65\u003c\/td\u003e\n\u003ctd\u003e190+\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"sf-mia\"\u003emia nosi S · 163 cm\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cstyle\u003e\n  #fnsse-sf{\n    --bg:#ffffff; --ink:#0e0e0e; --dim:#1f1f1f; --line:#e2e2e2; --soft:#f4f4f4;\n    --acc:#FF00B7; --acc-soft:rgba(255,0,183,.12);\n    position:relative; overflow:hidden;\n    max-width:560px; margin:24px auto; padding:28px 24px 32px;\n    background:var(--bg); color:var(--ink);\n    border:1px solid var(--line); border-radius:14px;\n    font-family:\"Inconsolata\", ui-monospace, \"Courier New\", monospace;\n    box-shadow:0 24px 60px -34px rgba(255,0,183,.35);\n  }\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inconsolata:wght@300;400;500;700;800;900\u0026display=swap');\n  #fnsse-sf *{box-sizing:border-box; margin:0;}\n  #fnsse-sf \u003e *{position:relative; z-index:1;}\n\n  \/* HEAD *\/\n  #fnsse-sf .sf-kicker{ font-size:11px; letter-spacing:.4em; text-transform:uppercase; color:var(--ink); font-weight:700;}\n  #fnsse-sf .sf-title{ font-size:26px; font-weight:800; letter-spacing:-.01em; margin-top:8px; line-height:1;}\n  #fnsse-sf .sf-sub{ font-size:12px; color:var(--ink); margin-top:8px; font-weight:500;}\n  #fnsse-sf .sf-head--sub .sf-title{ font-size:22px;}\n\n  \/* SPEC *\/\n  #fnsse-sf .sf-spec{ margin-top:24px;}\n  #fnsse-sf .sf-row{ padding:14px 0; border-top:1px solid var(--line);}\n  #fnsse-sf .sf-row span{ display:block; font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--ink); font-weight:700; margin-bottom:5px;}\n  #fnsse-sf .sf-row b{ display:block; font-size:13px; font-weight:700; color:var(--ink); line-height:1.4;}\n  #fnsse-sf .sf-row i{ display:block; font-size:12px; font-style:normal; color:var(--dim); margin-top:3px;}\n\n  \/* FINDER *\/\n  #fnsse-sf .sf-finder{ margin-top:30px; padding-top:26px; border-top:2px solid var(--acc);}\n  #fnsse-sf .sf-block{ margin-top:24px; padding-top:22px; border-top:1px solid var(--line);}\n  #fnsse-sf .sf-label{ font-size:11px; letter-spacing:.3em; text-transform:uppercase; color:var(--ink); font-weight:700; margin-bottom:14px;}\n  #fnsse-sf .sf-cm{ color:var(--dim); letter-spacing:.1em; text-transform:none; font-style:italic; font-weight:400;}\n\n  \/* READOUT *\/\n  #fnsse-sf .sf-readout{ display:flex; align-items:baseline; gap:8px; line-height:.9;}\n  #fnsse-sf .sf-readout span{ font-size:58px; font-weight:800; letter-spacing:-.03em;}\n  #fnsse-sf .sf-readout em{ font-style:normal; font-size:14px; color:var(--ink); letter-spacing:.1em; font-weight:500;}\n\n  \/* SLIDER *\/\n  #fnsse-sf .sf-slider{\n    -webkit-appearance:none; appearance:none; width:100%; height:3px; margin-top:16px;\n    background:linear-gradient(90deg,var(--acc) 0%,var(--acc) var(--fill,50%),#e8e8e8 var(--fill,50%));\n    border-radius:2px; outline:none; cursor:pointer;\n  }\n  #fnsse-sf .sf-slider::-webkit-slider-thumb{\n    -webkit-appearance:none; width:26px; height:26px; border-radius:50%;\n    background:#fff; border:3px solid var(--acc); cursor:grab;\n    box-shadow:0 0 0 5px var(--acc-soft), 0 6px 16px -4px rgba(255,0,183,.5);\n    transition:transform .12s ease;\n  }\n  #fnsse-sf .sf-slider::-webkit-slider-thumb:active{ transform:scale(1.25); cursor:grabbing;}\n  #fnsse-sf .sf-slider::-moz-range-thumb{\n    width:26px; height:26px; border-radius:50%; background:#fff;\n    border:3px solid var(--acc); cursor:grab; box-shadow:0 0 0 5px var(--acc-soft);\n  }\n  #fnsse-sf .sf-scale{ display:flex; justify-content:space-between; margin-top:10px; font-size:11px; color:var(--dim); font-weight:500;}\n\n  \/* PILLS *\/\n  #fnsse-sf .sf-fit{ display:flex; gap:10px; flex-wrap:wrap;}\n  #fnsse-sf .sf-pill{\n    flex:1; min-width:96px; padding:14px 10px; background:var(--soft); color:var(--ink);\n    border:1px solid #cfcfcf; border-radius:10px; cursor:pointer; font-weight:600;\n    font-family:inherit; font-size:12px; letter-spacing:.05em; text-transform:lowercase; transition:all .18s ease;\n  }\n  #fnsse-sf .sf-pill:hover{ border-color:#999;}\n  #fnsse-sf .sf-pill.is-on{ color:#fff; background:var(--acc); border-color:var(--acc); font-weight:700; box-shadow:0 8px 22px -8px rgba(255,0,183,.6);}\n  #fnsse-sf .sf-hint{ font-size:12px; color:var(--ink); margin-top:12px; font-style:italic;}\n\n  \/* CTA *\/\n  #fnsse-sf .sf-go{\n    width:100%; margin-top:28px; padding:18px; cursor:pointer;\n    background:var(--ink); color:#fff; border:none; border-radius:10px;\n    font-family:inherit; font-size:13px; font-weight:800; letter-spacing:.15em; text-transform:uppercase;\n    transition:transform .1s ease, box-shadow .2s ease; position:relative; overflow:hidden;\n  }\n  #fnsse-sf .sf-go:hover{ box-shadow:0 12px 30px -10px rgba(255,0,183,.5);}\n  #fnsse-sf .sf-go:active{ transform:scale(.98);}\n  #fnsse-sf .sf-go::after{\n    content:\"\"; position:absolute; top:0; left:-120%; width:60%; height:100%;\n    background:linear-gradient(90deg,transparent,rgba(255,0,183,.6),transparent); transition:left .5s ease;\n  }\n  #fnsse-sf .sf-go:hover::after{ left:120%;}\n\n  \/* REVEAL *\/\n  #fnsse-sf .sf-reveal{\n    margin-top:24px; text-align:center; position:relative;\n    border:1px solid var(--acc); border-radius:12px;\n    background:radial-gradient(circle at 50% 0%, var(--acc-soft), transparent 70%);\n    max-height:0; opacity:0; overflow:hidden; padding:0 20px; border-width:0;\n  }\n  #fnsse-sf .sf-reveal.show{\n    animation:sfOpen .5s cubic-bezier(.2,.9,.2,1) forwards;\n    max-height:600px; opacity:1; padding:28px 20px; border-width:1px;\n  }\n  @keyframes sfOpen{ from{opacity:0; transform:translateY(14px) scale(.96);} to{opacity:1; transform:none;} }\n  #fnsse-sf .sf-your{ font-size:11px; letter-spacing:.4em; text-transform:uppercase; color:var(--ink); font-weight:700;}\n  #fnsse-sf .sf-size{\n    font-size:92px; font-weight:800; line-height:1; margin:6px 0 4px; letter-spacing:-.04em; color:var(--ink);\n    text-shadow:0 0 24px rgba(255,0,183,.35);\n  }\n  #fnsse-sf .sf-reveal.show .sf-size{ animation:sfPop .55s cubic-bezier(.2,1.4,.3,1) both, sfPulse 2.4s .6s ease-in-out infinite;}\n  @keyframes sfPop{ 0%{transform:scale(.3); opacity:0;} 60%{transform:scale(1.12);} 100%{transform:scale(1); opacity:1;} }\n  @keyframes sfPulse{ 0%,100%{filter:drop-shadow(0 0 6px rgba(255,0,183,.25));} 50%{filter:drop-shadow(0 0 16px rgba(255,0,183,.6));} }\n  #fnsse-sf .sf-tag{ font-size:13px; color:var(--ink); font-weight:500;}\n  #fnsse-sf .sf-specs{\n    display:flex; justify-content:center; gap:22px; margin-top:18px; padding-top:16px;\n    border-top:1px solid var(--line); font-size:12px; color:var(--ink); flex-wrap:wrap; font-weight:500;\n  }\n  #fnsse-sf .sf-specs b{ display:block; color:var(--ink); font-size:15px; font-weight:700; margin-top:3px;}\n\n  \/* BURST *\/\n  #fnsse-sf .sf-burst{ position:absolute; top:44px; left:50%; width:0; height:0; pointer-events:none;}\n  #fnsse-sf .sf-dot{ position:absolute; width:7px; height:7px; border-radius:50%; background:var(--acc); animation:sfDot .7s ease-out forwards;}\n  @keyframes sfDot{ 0%{transform:translate(0,0) scale(1); opacity:1;} 100%{transform:translate(var(--tx),var(--ty)) scale(0); opacity:0;} }\n\n  \/* TABELA *\/\n  #fnsse-sf .sf-tablewrap{ width:100%; overflow-x:auto; -webkit-overflow-scrolling:touch;}\n  #fnsse-sf .sf-table{ width:100%; table-layout:fixed; border-collapse:collapse; font-size:12px;}\n  #fnsse-sf .sf-table th{\n    padding:9px 4px; text-align:center; font-size:10px; letter-spacing:.06em; text-transform:uppercase;\n    font-weight:800; color:var(--ink); border-bottom:2px solid var(--acc);\n  }\n  #fnsse-sf .sf-table th:first-child, #fnsse-sf .sf-table td:first-child{ text-align:left; font-weight:800;}\n  #fnsse-sf .sf-table td{ padding:11px 4px; text-align:center; border-bottom:1px solid var(--line); color:var(--ink); font-weight:500;}\n  #fnsse-sf .sf-table tbody tr:nth-child(even){ background:var(--soft);}\n  #fnsse-sf .sf-table td:last-child{ color:var(--ink); font-size:12px;}\n  #fnsse-sf .sf-mia{ font-size:11px; letter-spacing:.15em; color:var(--ink); margin-top:14px; text-transform:uppercase; font-weight:600;}\n\n  @media (max-width:420px){\n    #fnsse-sf{ padding:22px 16px 26px;}\n    #fnsse-sf .sf-readout span{ font-size:48px;}\n    #fnsse-sf .sf-size{ font-size:74px;}\n    #fnsse-sf .sf-pill{ min-width:0;}\n    #fnsse-sf .sf-table{ font-size:11px;}\n    #fnsse-sf .sf-table th{ font-size:8px; letter-spacing:.04em;}\n  }\n\u003c\/style\u003e\n\u003cscript src=\"{{%20'fnsse-sf.js'%20|%20asset_url%20}}\" defer\u003e\u003c\/script\u003e","brand":"finesse.","offers":[{"title":"S","offer_id":57279238963465,"sku":null,"price":319.0,"currency_code":"PLN","in_stock":true},{"title":"M","offer_id":57279238996233,"sku":null,"price":319.0,"currency_code":"PLN","in_stock":true},{"title":"L","offer_id":57279239029001,"sku":null,"price":319.0,"currency_code":"PLN","in_stock":true},{"title":"XL","offer_id":57279239061769,"sku":null,"price":319.0,"currency_code":"PLN","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0842\/2712\/9609\/files\/on-replay-black-hoodie-1788974077316.webp?v=1788974081","url":"https:\/\/fnsse.store\/products\/on-replay-black-hoodie","provider":"finesse.","version":"1.0","type":"link"}