{"product_id":"qs2603-summer-new-back-hollow-out-color-blocking-sports-jumpsuit-women-with-chest-pad-high-intensity-yoga-fitness-jumpsuit","title":"QS2603 Summer New Back Hollow Out Color Blocking Sports Jumpsuit Women With Chest Pad High-Intensity Yoga Fitness Jumpsuit","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eCHREIFIT — Worn By You\u003c\/title\u003e\n\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500\u0026amp;family=Inter:wght@300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n  :root{\n    --ink:#0E0E10;\n    --ink-2:#17171A;\n    --card:#1C1C1F;\n    --bone:#F7F4EE;\n    --gold:#C6A15B;\n    --gold-soft:#8A7B57;\n    --taupe:#8A8378;\n    --line: rgba(198,161,91,0.28);\n  }\n\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;}\n\n  body{\n    background:var(--ink);\n    font-family:'Inter', sans-serif;\n    color:var(--bone);\n    -webkit-font-smoothing:antialiased;\n  }\n\n  .ugc-section{\n    padding:100px 6vw 90px;\n    background:\n      radial-gradient(ellipse at 15% 0%, rgba(198,161,91,0.07), transparent 55%),\n      var(--ink);\n    position:relative;\n    overflow:hidden;\n  }\n\n  \/* faint knit texture in the corner, echoes the fabric craft *\/\n  .ugc-section::before{\n    content:\"\";\n    position:absolute;\n    top:-120px; right:-120px;\n    width:420px; height:420px;\n    background:\n      repeating-linear-gradient(45deg, rgba(198,161,91,0.05) 0 1px, transparent 1px 14px),\n      repeating-linear-gradient(-45deg, rgba(198,161,91,0.05) 0 1px, transparent 1px 14px);\n    border-radius:50%;\n    pointer-events:none;\n  }\n\n  .ugc-header{\n    max-width:900px;\n    margin:0 auto 56px;\n    text-align:center;\n    position:relative;\n    z-index:1;\n  }\n\n  .ugc-eyebrow{\n    display:inline-flex;\n    align-items:center;\n    gap:12px;\n    font-size:11px;\n    letter-spacing:0.32em;\n    text-transform:uppercase;\n    color:var(--gold);\n    margin-bottom:22px;\n  }\n  .ugc-eyebrow::before,\n  .ugc-eyebrow::after{\n    content:\"\";\n    display:block;\n    width:28px;\n    height:1px;\n    background:var(--gold-soft);\n  }\n\n  .ugc-title{\n    font-family:'Fraunces', serif;\n    font-weight:500;\n    font-size:clamp(32px, 5vw, 56px);\n    line-height:1.08;\n    margin:0 0 18px;\n    letter-spacing:-0.01em;\n  }\n  .ugc-title em{\n    font-style:italic;\n    font-weight:400;\n    color:var(--gold);\n  }\n\n  .ugc-sub{\n    font-size:15.5px;\n    line-height:1.7;\n    color:var(--taupe);\n    max-width:520px;\n    margin:0 auto;\n    font-weight:300;\n  }\n\n  \/* stitched thread divider — a nod to the knit construction *\/\n  .ugc-thread{\n    width:100%;\n    max-width:220px;\n    height:1px;\n    margin:34px auto 0;\n    background-image:linear-gradient(to right, var(--gold-soft) 60%, transparent 0%);\n    background-size:10px 1px;\n    background-repeat:repeat-x;\n    opacity:0.7;\n  }\n\n  \/* ---------- gallery ---------- *\/\n  .ugc-gallery{\n    display:flex;\n    gap:22px;\n    overflow-x:auto;\n    scroll-snap-type:x mandatory;\n    padding:10px 4px 34px;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n    position:relative;\n    z-index:1;\n  }\n  .ugc-gallery::-webkit-scrollbar{display:none;}\n\n  .ugc-card{\n    position:relative;\n    flex:0 0 auto;\n    width:250px;\n    aspect-ratio:9\/13;\n    scroll-snap-align:start;\n    border-radius:2px;\n    overflow:hidden;\n    background:var(--card);\n    border:1px solid var(--line);\n    cursor:pointer;\n    transition:transform .5s cubic-bezier(.16,1,.3,1), border-color .5s ease, box-shadow .5s ease;\n  }\n\n  .ugc-card:hover,\n  .ugc-card:focus-visible{\n    transform:translateY(-8px);\n    border-color:var(--gold);\n    box-shadow:0 24px 48px -18px rgba(0,0,0,0.6), 0 0 0 1px rgba(198,161,91,0.15);\n    outline:none;\n  }\n\n  .ugc-card img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n    filter:grayscale(6%) contrast(1.04);\n    transition:transform .8s cubic-bezier(.16,1,.3,1), filter .5s ease;\n  }\n  .ugc-card:hover img{\n    transform:scale(1.045);\n    filter:grayscale(0%) contrast(1.06);\n  }\n\n  \/* corner stitch marks — signature detail *\/\n  .ugc-card::after{\n    content:\"\";\n    position:absolute;\n    inset:10px;\n    border:1px solid rgba(247,244,238,0.0);\n    background-image:\n      linear-gradient(var(--gold-soft), var(--gold-soft)), linear-gradient(var(--gold-soft), var(--gold-soft)),\n      linear-gradient(var(--gold-soft), var(--gold-soft)), linear-gradient(var(--gold-soft), var(--gold-soft));\n    background-size: 14px 1px, 1px 14px, 14px 1px, 1px 14px;\n    background-position: top left, top left, bottom right, bottom right;\n    background-repeat:no-repeat;\n    opacity:0;\n    transition:opacity .4s ease;\n    pointer-events:none;\n  }\n  .ugc-card:hover::after{opacity:.55;}\n\n  .ugc-scrim{\n    position:absolute;\n    inset:0;\n    background:linear-gradient(180deg, rgba(14,14,16,0) 45%, rgba(14,14,16,0.88) 100%);\n    pointer-events:none;\n  }\n\n  .ugc-play{\n    position:absolute;\n    top:50%; left:50%;\n    width:46px; height:46px;\n    transform:translate(-50%,-50%) scale(1);\n    border:1px solid rgba(247,244,238,0.75);\n    border-radius:50%;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    background:rgba(14,14,16,0.35);\n    backdrop-filter:blur(2px);\n    transition:transform .4s cubic-bezier(.16,1,.3,1), background .4s ease, border-color .4s ease;\n  }\n  .ugc-card:hover .ugc-play{\n    transform:translate(-50%,-50%) scale(1.12);\n    border-color:var(--gold);\n    background:rgba(198,161,91,0.18);\n  }\n  .ugc-play svg{ margin-left:2px; }\n\n  .ugc-meta{\n    position:absolute;\n    left:16px; right:16px; bottom:14px;\n    display:flex;\n    align-items:center;\n    gap:9px;\n  }\n  .ugc-avatar{\n    width:26px; height:26px;\n    border-radius:50%;\n    border:1px solid var(--gold-soft);\n    object-fit:cover;\n    flex:0 0 auto;\n  }\n  .ugc-name{\n    font-size:12.5px;\n    font-weight:500;\n    color:var(--bone);\n    line-height:1.2;\n  }\n  .ugc-tag{\n    font-size:10.5px;\n    color:var(--gold);\n    letter-spacing:.03em;\n  }\n\n  .ugc-badge{\n    position:absolute;\n    top:14px; left:14px;\n    font-size:9.5px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--bone);\n    background:rgba(14,14,16,0.55);\n    border:1px solid var(--line);\n    padding:5px 9px;\n    border-radius:20px;\n  }\n\n  \/* footer \/ cta row *\/\n  .ugc-footer{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:22px;\n    margin-top:8px;\n    position:relative;\n    z-index:1;\n  }\n  .ugc-cta{\n    font-family:'Inter', sans-serif;\n    font-size:12.5px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:var(--ink);\n    background:var(--gold);\n    border:1px solid var(--gold);\n    padding:15px 30px;\n    border-radius:2px;\n    cursor:pointer;\n    transition:background .35s ease, color .35s ease, transform .35s ease;\n    text-decoration:none;\n  }\n  .ugc-cta:hover{\n    background:transparent;\n    color:var(--gold);\n    transform:translateY(-2px);\n  }\n  .ugc-hint{\n    font-size:11.5px;\n    color:var(--taupe);\n    letter-spacing:.04em;\n  }\n\n  \/* scroll cue *\/\n  .ugc-scroll-cue{\n    display:flex;\n    justify-content:center;\n    gap:6px;\n    margin-top:2px;\n  }\n  .ugc-dot{\n    width:5px; height:5px;\n    border-radius:50%;\n    background:var(--line);\n  }\n  .ugc-dot.is-active{ background:var(--gold); }\n\n  @media (max-width:640px){\n    .ugc-section{ padding:70px 5vw 60px; }\n    .ugc-card{ width:200px; }\n    .ugc-footer{ flex-direction:column; gap:14px; }\n  }\n\u003c\/style\u003e\n\n\n\n\u003csection class=\"ugc-section\" aria-label=\"Customer video showcase\"\u003e\n\n  \u003cdiv class=\"ugc-header\"\u003e\n    \u003cspan class=\"ugc-eyebrow\"\u003eReal Women, Real Fit\u003c\/span\u003e\n    \u003ch2 class=\"ugc-title\"\u003eWorn on repeat, \u003cem\u003estyled\u003c\/em\u003e your way.\u003c\/h2\u003e\n    \u003cp class=\"ugc-sub\"\u003eA knit built to move — flexible, true to size, and quietly engineered.\n      Here's how the CHREIFIT community wears it.\u003c\/p\u003e\n    \u003cdiv class=\"ugc-thread\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ugc-gallery\" id=\"ugcGallery\" tabindex=\"0\"\u003e\n\n    \u003carticle class=\"ugc-card\" role=\"button\" tabindex=\"0\" aria-label=\"Play video from @maren.k\"\u003e\n      \u003cspan class=\"ugc-badge\"\u003eStudio\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S70e2f7461b4441499666744fa510cf04n.jpg\" alt=\"CHREIFIT knit legging worn in studio setting\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"ugc-scrim\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"ugc-play\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M2 1.5v11l10-5.5-10-5.5z\" fill=\"#F7F4EE\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"ugc-meta\"\u003e\n        \u003cimg class=\"ugc-avatar\" src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S0ac9fc0ed44047fd93aaf38824c0c288G.jpg\" alt=\"\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ugc-name\"\u003e@maren.k\u003c\/div\u003e\n          \u003cdiv class=\"ugc-tag\"\u003eTrue to size ★★★★★\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"ugc-card\" role=\"button\" tabindex=\"0\" aria-label=\"Play video from @studio.flow\"\u003e\n      \u003cspan class=\"ugc-badge\"\u003eMovement\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S3ec0c14fa2d84356968658826dc2abdcw.jpg\" alt=\"CHREIFIT knit legging in motion\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"ugc-scrim\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"ugc-play\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M2 1.5v11l10-5.5-10-5.5z\" fill=\"#F7F4EE\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"ugc-meta\"\u003e\n        \u003cimg class=\"ugc-avatar\" src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S7c2404fb76bd44d49a3892226e291ff2O.jpg\" alt=\"\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ugc-name\"\u003e@studio.flow\u003c\/div\u003e\n          \u003cdiv class=\"ugc-tag\"\u003eFlexible knit ★★★★★\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"ugc-card\" role=\"button\" tabindex=\"0\" aria-label=\"Play video from @jia.wears\"\u003e\n      \u003cspan class=\"ugc-badge\"\u003eEveryday\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/Se6139a63451a4e549ce9fc955a3402b7O.jpg\" alt=\"CHREIFIT knit legging styled for daily wear\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"ugc-scrim\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"ugc-play\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M2 1.5v11l10-5.5-10-5.5z\" fill=\"#F7F4EE\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"ugc-meta\"\u003e\n        \u003cimg class=\"ugc-avatar\" src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S78d9ccd9efdd41e7958309232f922640h.jpg\" alt=\"\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ugc-name\"\u003e@jia.wears\u003c\/div\u003e\n          \u003cdiv class=\"ugc-tag\"\u003eNo chafe, all day\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"ugc-card\" role=\"button\" tabindex=\"0\" aria-label=\"Play video from @lena.moves\"\u003e\n      \u003cspan class=\"ugc-badge\"\u003eStudio\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S4d3416d62c2c42e4986884af5e23caedw.jpg\" alt=\"CHREIFIT knit legging close detail\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"ugc-scrim\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"ugc-play\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M2 1.5v11l10-5.5-10-5.5z\" fill=\"#F7F4EE\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"ugc-meta\"\u003e\n        \u003cimg class=\"ugc-avatar\" src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S51ff74a6c9a24d51adc17d41525fe8a8e.jpg\" alt=\"\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ugc-name\"\u003e@lena.moves\u003c\/div\u003e\n          \u003cdiv class=\"ugc-tag\"\u003eButtery soft feel\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"ugc-card\" role=\"button\" tabindex=\"0\" aria-label=\"Play video from @rin.active\"\u003e\n      \u003cspan class=\"ugc-badge\"\u003eMovement\u003c\/span\u003e\n      \u003cimg src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/S39031dbeec884d8692d08696300ea560f.jpg\" alt=\"CHREIFIT knit legging demonstrating flexibility\" loading=\"lazy\"\u003e\n      \u003cdiv class=\"ugc-scrim\"\u003e\u003c\/div\u003e\n      \u003cspan class=\"ugc-play\" aria-hidden=\"true\"\u003e\n        \u003csvg width=\"14\" height=\"14\" viewbox=\"0 0 14 14\" fill=\"none\"\u003e\u003cpath d=\"M2 1.5v11l10-5.5-10-5.5z\" fill=\"#F7F4EE\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n      \u003cdiv class=\"ugc-meta\"\u003e\n        \u003cimg class=\"ugc-avatar\" src=\"https:\/\/ae-pic-a1.aliexpress-media.com\/kf\/Sfbe1a227a5ef48369a6d2eac6bb3ec1cD.jpg\" alt=\"\"\u003e\n        \u003cdiv\u003e\n          \u003cdiv class=\"ugc-name\"\u003e@rin.active\u003c\/div\u003e\n          \u003cdiv class=\"ugc-tag\"\u003eSquat proof ★★★★★\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ugc-scroll-cue\" aria-hidden=\"true\"\u003e\n    \u003cspan class=\"ugc-dot is-active\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"ugc-dot\"\u003e\u003c\/span\u003e\n    \u003cspan class=\"ugc-dot\"\u003e\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"ugc-footer\"\u003e\n    \u003ca class=\"ugc-cta\" href=\"#\"\u003eShop This Style\u003c\/a\u003e\n    \u003cspan class=\"ugc-hint\"\u003eTap any card to watch\u003c\/span\u003e\n  \u003c\/div\u003e\n\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  \/\/ Lightweight scroll-cue sync + keyboard\/tap play affordance.\n  \/\/ Replace the alert() below with your real video\/lightbox logic\n  \/\/ (e.g. swap the \u003cimg\u003e for a \u003cvideo autoplay muted playsinline\u003e on click).\n  (function(){\n    const gallery = document.getElementById('ugcGallery');\n    const dots = document.querySelectorAll('.ugc-dot');\n    const cards = document.querySelectorAll('.ugc-card');\n\n    cards.forEach(card =\u003e {\n      const activate = () =\u003e {\n        const label = card.getAttribute('aria-label') || 'video';\n        console.log('Play requested:', label);\n        \/\/ Hook your real video player \/ modal here.\n      };\n      card.addEventListener('click', activate);\n      card.addEventListener('keydown', e =\u003e {\n        if(e.key === 'Enter' || e.key === ' '){ e.preventDefault(); activate(); }\n      });\n    });\n\n    gallery.addEventListener('scroll', () =\u003e {\n      const progress = gallery.scrollLeft \/ (gallery.scrollWidth - gallery.clientWidth || 1);\n      const idx = Math.min(dots.length - 1, Math.round(progress * (dots.length - 1)));\n      dots.forEach((d,i) =\u003e d.classList.toggle('is-active', i === idx));\n    }, { passive:true });\n  })();\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"VYRENA","offers":[{"title":"black \/ S","offer_id":52180011679973,"sku":"14:193;5:100014064","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"black \/ L","offer_id":52180011712741,"sku":"14:193;5:361385","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"black \/ M","offer_id":52180011745509,"sku":"14:193;5:361386","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ M","offer_id":52180011778277,"sku":"14:173;5:361386","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ S","offer_id":52180011811045,"sku":"14:173;5:100014064","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"coffee \/ S","offer_id":52180011843813,"sku":"14:365458#coffee;5:100014064","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Blue \/ L","offer_id":52180011876581,"sku":"14:173;5:361385","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"coffee \/ L","offer_id":52180011909349,"sku":"14:365458#coffee;5:361385","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"coffee \/ M","offer_id":52180011942117,"sku":"14:365458#coffee;5:361386","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Red \/ M","offer_id":52180011974885,"sku":"14:10;5:361386","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Red \/ S","offer_id":52180012007653,"sku":"14:10;5:100014064","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"Red \/ L","offer_id":52180012040421,"sku":"14:10;5:361385","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"GRAY \/ S","offer_id":52180012073189,"sku":"14:691;5:100014064","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"GRAY \/ L","offer_id":52180012105957,"sku":"14:691;5:361385","price":20.88,"currency_code":"GBP","in_stock":true},{"title":"GRAY \/ M","offer_id":52180012138725,"sku":"14:691;5:361386","price":20.88,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0839\/9041\/3541\/files\/S4102eeb201bc436fa8e6f93a6a8f82c54.webp?v=1787846836","url":"https:\/\/vyrena.co.uk\/products\/qs2603-summer-new-back-hollow-out-color-blocking-sports-jumpsuit-women-with-chest-pad-high-intensity-yoga-fitness-jumpsuit","provider":"VYRENA","version":"1.0","type":"link"}