{"product_id":"marketbag","title":"Vintage-Style Crochet Market Bag Pattern","description":"\u003cdiv class=\"cs-product-wrapper\"\u003e  \u003c!-- 🎯 HERO SECTION WITH CTA --\u003e  \u003cdiv class=\"cs-hero-section\"\u003e    \u003cdiv class=\"cs-hero-content\"\u003e      \u003cspan class=\"cs-hero-badge\"\u003e✨ Instant Digital Download\u003c\/span\u003e      \u003ch1 class=\"cs-hero-title\"\u003eThe Vintage Market Bag Pattern 🌿\u003c\/h1\u003e      \u003cp class=\"cs-hero-subtitle\"\u003eDitch the plastic and crochet your perfect farmer's market companion! A beautiful, eco-conscious bag that expands with use.\u003c\/p\u003e            \u003cdiv class=\"cs-hero-features\"\u003e        \u003cdiv class=\"cs-hero-feature\"\u003e          \u003cspan class=\"cs-hero-feature-icon\"\u003e📖\u003c\/span\u003e          \u003cspan\u003eBeginner-friendly guide\u003c\/span\u003e        \u003c\/div\u003e        \u003cdiv class=\"cs-hero-feature\"\u003e          \u003cspan class=\"cs-hero-feature-icon\"\u003e🎥\u003c\/span\u003e          \u003cspan\u003eVideo tutorial included\u003c\/span\u003e        \u003c\/div\u003e        \u003cdiv class=\"cs-hero-feature\"\u003e          \u003cspan class=\"cs-hero-feature-icon\"\u003e🌱\u003c\/span\u003e          \u003cspan\u003eEco-conscious \u0026amp; sustainable\u003c\/span\u003e        \u003c\/div\u003e        \u003cdiv class=\"cs-hero-feature\"\u003e          \u003cspan class=\"cs-hero-feature-icon\"\u003e📏\u003c\/span\u003e          \u003cspan\u003eExpands to hold more\u003c\/span\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e        \u003cdiv class=\"cs-hero-image\"\u003e      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPTImage16mai2026_22_52_25_430x.webp?v=1778943195\" alt=\"Vintage Market Bag Pattern\" class=\"cs-hero-img\" loading=\"eager\"\u003e      \u003cdiv class=\"cs-hero-image-badge\"\u003e        \u003cspan class=\"cs-badge-icon\"\u003e🌿\u003c\/span\u003e        \u003cdiv class=\"cs-badge-text\"\u003e          \u003cstrong\u003eEco-Friendly\u003c\/strong\u003e          \u003cspan\u003eSay goodbye to plastic\u003c\/span\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- ⭐⭐⭐ PREMIUM PHOTO REVIEWS ⭐⭐⭐ --\u003e  \u003cdiv class=\"cs-photo-reviews-section\"\u003e    \u003cdiv class=\"cs-photo-reviews-header\"\u003e      \u003cdiv class=\"cs-pr-rating\"\u003e        \u003cdiv class=\"cs-pr-stars\"\u003e★★★★★\u003c\/div\u003e        \u003cdiv class=\"cs-pr-rating-text\"\u003e          \u003cstrong\u003e4.9\u003c\/strong\u003e · \u003cspan\u003eReal reviews from real makers\u003c\/span\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-pr-title\"\u003e💛 Loved by Eco-Conscious Makers\u003c\/div\u003e      \u003cdiv class=\"cs-pr-subtitle\"\u003eReal bags made by real customers who said goodbye to plastic\u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"cs-photo-reviews-slider\" id=\"csPhotoReviewSlider\"\u003e      \u003cdiv class=\"cs-photo-reviews-track\"\u003e        \u003c!-- Review 1 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_11_58_59_430x.webp?v=1778991646\" alt=\"Market Bag by Patricia\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Perfect size! Not too big, not too small. And I love that it expands when I need more space. 🌿'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003ePatricia B.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 2 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_01_14_55_430x.webp?v=1778952336\" alt=\"Market Bag by Emma\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'I've made 3 of these already! The pattern is so clear and easy to follow. Love the vintage vibe! 💕'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eEmma L.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 3 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_01_08_33_430x.webp?v=1778952336\" alt=\"Market Bag by Jessica\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Finally ditched my plastic bags! This is sturdy, beautiful, and so satisfying to make yourself. 🧶'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eJessica R.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 4 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_01_05_07_430x.webp?v=1778952336\" alt=\"Market Bag by Rachel\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Made this as a gift for my mom. She uses it every single day for groceries. Best present ever! 🌸'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eRachel K.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 5 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_16_08_430x.webp?v=1778991645\" alt=\"Market Bag by Linda\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Love how versatile this bag is! I use mine for beach trips, groceries, and even as a yarn bag. 🏖️'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eLinda P.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 6 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_11_00_430x.webp?v=1778991646\" alt=\"Market Bag by Maria\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'The terracotta color is gorgeous! This pattern was fun and relaxing to make. 🧡'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eMaria S.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 7 - NEW --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/Image_17-5-2026_at_14.07_430x.webp?v=1778999638\" alt=\"Market Bag by Sophie\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Absolutely love the texture and how it looks with different outfits! It's my new go-to bag. ✨'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eSophie D.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 8 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_09_23_430x.webp?v=1778991646\" alt=\"Market Bag by Jennifer\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Such a practical pattern! I made one for myself and 2 as gifts. Everyone loves them! 💚'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eJennifer W.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 9 - NEW --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/Image_17-5-2026_at_14.08_430x.webp?v=1778999638\" alt=\"Market Bag by Claire\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'So stylish and functional! I take it everywhere — to the beach, market, even as a casual handbag. 👜'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eClaire M.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 10 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_07_59_430x.webp?v=1778991647\" alt=\"Market Bag by Karen\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Been using mine for 6 months and it's held up perfectly! So much better than plastic. 🌍'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eKaren T.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 11 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_06_46_430x.webp?v=1778991647\" alt=\"Market Bag by Amy\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'The instructions were so easy to follow. I'm a beginner and finished it in one weekend! 🎉'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eAmy H.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 12 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_12_02_39_430x.webp?v=1778991647\" alt=\"Market Bag by Michelle\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'I get compliments every time I use this at the store. People always ask where I got it! 😊'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eMichelle D.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003c!-- Review 13 --\u003e        \u003cdiv class=\"cs-photo-review-card\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_01_19_20_430x.webp?v=1778952336\" alt=\"Market Bag by Sarah\" class=\"cs-pr-image\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-pr-content\"\u003e            \u003cdiv class=\"cs-pr-stars-small\"\u003e★★★★★\u003c\/div\u003e            \u003cp class=\"cs-pr-text\"\u003e'Perfect for my weekly farmer's market trips! It holds SO much more than I expected. 🌿'\u003c\/p\u003e            \u003cdiv class=\"cs-pr-author\"\u003e              \u003cspan class=\"cs-pr-name\"\u003eSarah M.\u003c\/span\u003e              \u003cspan class=\"cs-pr-verified\"\u003e✓ Verified Buyer\u003c\/span\u003e            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003c!-- Slider Dots --\u003e    \u003cdiv class=\"cs-pr-dots\" id=\"csPhotoReviewDots\"\u003e\u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- DELIVERY \u0026 INFO BOX --\u003e  \u003cdiv class=\"cs-info-box\"\u003e    \u003cdiv class=\"cs-info-item\"\u003e      \u003csvg class=\"cs-info-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"?8b6f47\" stroke-width=\"2\"\u003e        \u003cpath d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\u003e\u003c\/path\u003e      \u003c\/svg\u003e      \u003cdiv class=\"cs-info-text\"\u003e        \u003cstrong\u003eInstant Delivery\u003c\/strong\u003e \u003cspan\u003ePDF arrives in your email within 1 minute\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"cs-info-divider\"\u003e\u003c\/div\u003e    \u003cdiv class=\"cs-info-item\"\u003e      \u003csvg class=\"cs-info-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"?8b6f47\" stroke-width=\"2\"\u003e        \u003cpath d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\u003e\u003c\/path\u003e      \u003c\/svg\u003e      \u003cdiv class=\"cs-info-text\"\u003e        \u003cstrong\u003eLifetime Access\u003c\/strong\u003e \u003cspan\u003eDownload forever, print anytime\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e    \u003cdiv class=\"cs-info-divider\"\u003e\u003c\/div\u003e    \u003cdiv class=\"cs-info-item\"\u003e      \u003csvg class=\"cs-info-icon\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"?8b6f47\" stroke-width=\"2\"\u003e        \u003cpath d=\"M20 6L9 17l-5-5\"\u003e\u003c\/path\u003e      \u003c\/svg\u003e      \u003cdiv class=\"cs-info-text\"\u003e        \u003cstrong\u003eBeginner-Friendly\u003c\/strong\u003e \u003cspan\u003eStep-by-step photos + video\u003c\/span\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 🔒 PREVIEW + LOCKED PAGE TEASER --\u003e  \u003cdiv class=\"cs-preview-section\"\u003e    \u003ch2 class=\"cs-section-title\"\u003e👀 Peek Inside the Pattern\u003c\/h2\u003e    \u003cp class=\"cs-preview-subtitle\"\u003eSee page 1 free — unlock the full step-by-step instructions with the bundle\u003c\/p\u003e    \u003cdiv class=\"cs-preview-grid cs-preview-grid-small\"\u003e      \u003c!-- PAGE 1 - VISIBLE --\u003e      \u003cdiv class=\"cs-preview-page cs-preview-visible\"\u003e        \u003cdiv class=\"cs-preview-page-inner\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/Image_25-5-2026_at_16.15_430x.webp?v=1779697110\" alt=\"Market Bag Pattern - Page 1 Preview\" class=\"cs-preview-img\" loading=\"lazy\"\u003e        \u003c\/div\u003e        \u003cdiv class=\"cs-preview-label cs-preview-label-free\"\u003e          \u003cspan\u003e✓\u003c\/span\u003e Page 1 · Free Preview        \u003c\/div\u003e      \u003c\/div\u003e      \u003c!-- PAGE 2 - LOCKED --\u003e      \u003ca href=\"?\" onclick=\"document.documentElement.scrollTo({top:0,behavior:\" smooth false class=\"cs-preview-page cs-preview-locked\"\u003e        \u003cdiv class=\"cs-preview-page-inner\"\u003e          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/Image_25-5-2026_at_16.16_430x.webp?v=1779697111\" alt=\"Market Bag Pattern - Locked Page\" class=\"cs-preview-img cs-preview-img-blurred\" loading=\"lazy\"\u003e          \u003cdiv class=\"cs-preview-overlay\"\u003e            \u003cdiv class=\"cs-preview-lock-icon\"\u003e🔒\u003c\/div\u003e            \u003cdiv class=\"cs-preview-lock-title\"\u003eUnlock the full pattern\u003c\/div\u003e            \u003cdiv class=\"cs-preview-lock-text\"\u003eGet more patterns in our bundle\u003c\/div\u003e            \u003cdiv class=\"cs-preview-lock-btn\"\u003e              View Bundle Deal ↑            \u003c\/div\u003e          \u003c\/div\u003e        \u003c\/div\u003e        \u003cdiv class=\"cs-preview-label cs-preview-label-locked\"\u003e          \u003cspan\u003e🔒\u003c\/span\u003e Page 2 · Members Only        \u003c\/div\u003e      \u003c\/a\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 🎨 LIFESTYLE IMAGE 1 --\u003e  \u003cdiv class=\"cs-lifestyle-image\"\u003e    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_14_14_50_430x.webp?v=1778999263\" alt=\"Market Bag Lifestyle - Perfect for everyday use\" class=\"cs-lifestyle-img\" loading=\"lazy\"\u003e    \u003cdiv class=\"cs-lifestyle-caption\"\u003e      \u003cspan class=\"cs-lifestyle-icon\"\u003e🌿\u003c\/span\u003e      \u003cp\u003eYour new everyday companion for sustainable shopping\u003c\/p\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- WHAT YOU'LL RECEIVE --\u003e  \u003cdiv class=\"cs-receive-section\"\u003e    \u003ch2 class=\"cs-section-title\"\u003e📦 What You'll Receive\u003c\/h2\u003e    \u003cdiv class=\"cs-receive-grid\"\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e📖\u003c\/span\u003e        \u003ch4\u003eComplete Pattern\u003c\/h4\u003e        \u003cp\u003eClear, beginner-friendly instructions with helpful tips\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e🎥\u003c\/span\u003e        \u003ch4\u003eVideo Tutorial\u003c\/h4\u003e        \u003cp\u003eFollow along with a full step-by-step video guide\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e📸\u003c\/span\u003e        \u003ch4\u003eVisual Guidance\u003c\/h4\u003e        \u003cp\u003eStep-by-step photos for every technique\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e🧶\u003c\/span\u003e        \u003ch4\u003eMaterials List\u003c\/h4\u003e        \u003cp\u003eExact yarn requirements and recommended brands\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e📏\u003c\/span\u003e        \u003ch4\u003eFinished Size\u003c\/h4\u003e        \u003cp\u003e20cm base diameter × 32cm height (stretches with use!)\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e🎨\u003c\/span\u003e        \u003ch4\u003e3 Color Options\u003c\/h4\u003e        \u003cp\u003eTerracotta, cream, sage — or customize your own!\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-receive-item\"\u003e        \u003cspan class=\"cs-receive-emoji\"\u003e📥\u003c\/span\u003e        \u003ch4\u003eInstant PDF Download\u003c\/h4\u003e        \u003cp\u003eNo shipping. No waiting. Start crocheting in 1 minute.\u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- 🎨 LIFESTYLE IMAGE 2 --\u003e  \u003cdiv class=\"cs-lifestyle-image\"\u003e    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0604\/9451\/2257\/files\/ChatGPT_Image_17_mai_2026_14_26_31_430x.webp?v=1778999263\" alt=\"Market Bag - Versatile and expandable\" class=\"cs-lifestyle-img\" loading=\"lazy\"\u003e    \u003cdiv class=\"cs-lifestyle-caption\"\u003e      \u003cspan class=\"cs-lifestyle-icon\"\u003e✨\u003c\/span\u003e      \u003cp\u003eExpands to hold all your essentials — from groceries to yarn!\u003c\/p\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- HOW IT WORKS --\u003e  \u003cdiv class=\"cs-how-section\"\u003e    \u003ch2 class=\"cs-section-title\"\u003e✨ How It Works\u003c\/h2\u003e    \u003cdiv class=\"cs-steps-container\"\u003e      \u003cdiv class=\"cs-step\"\u003e        \u003cdiv class=\"cs-step-number\"\u003e1\u003c\/div\u003e        \u003cdiv class=\"cs-step-content\"\u003e          \u003ch4\u003eOrder Placed\u003c\/h4\u003e          \u003cp\u003eToday · Secure checkout\u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-step-arrow\"\u003e→\u003c\/div\u003e      \u003cdiv class=\"cs-step\"\u003e        \u003cdiv class=\"cs-step-number\"\u003e2\u003c\/div\u003e        \u003cdiv class=\"cs-step-content\"\u003e          \u003ch4\u003ePayment Confirmed\u003c\/h4\u003e          \u003cp\u003eWithin 1 minute\u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-step-arrow\"\u003e→\u003c\/div\u003e      \u003cdiv class=\"cs-step\"\u003e        \u003cdiv class=\"cs-step-number\"\u003e3\u003c\/div\u003e        \u003cdiv class=\"cs-step-content\"\u003e          \u003ch4\u003ePDF Delivered\u003c\/h4\u003e          \u003cp\u003eInstantly to your email\u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- WHY MAKERS LOVE --\u003e  \u003cdiv class=\"cs-why-section\"\u003e    \u003ch2 class=\"cs-section-title\"\u003e💛 Why Makers Love This Pattern\u003c\/h2\u003e    \u003cdiv class=\"cs-why-grid\"\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003eBeginner-friendly\u003c\/strong\u003e — clear instructions with photos\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003eVideo tutorial included\u003c\/strong\u003e — watch \u0026amp; crochet along at your own pace\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003eEco-conscious\u003c\/strong\u003e — ditch plastic bags for good\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003eExpands with use\u003c\/strong\u003e — holds way more than it looks\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003ePerfect gift\u003c\/strong\u003e — thoughtful and sustainable\u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"cs-why-item\"\u003e        \u003cspan class=\"cs-why-icon\"\u003e✓\u003c\/span\u003e        \u003cp\u003e\u003cstrong\u003eLifetime access\u003c\/strong\u003e — make unlimited bags forever\u003c\/p\u003e      \u003c\/div\u003e    \u003c\/div\u003e  \u003c\/div\u003e  \u003c!-- FAQ --\u003e  \u003cdiv class=\"cs-faq-section\"\u003e    \u003ch2 class=\"cs-section-title\"\u003e❓ Frequently Asked Questions\u003c\/h2\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eIs this pattern beginner-friendly?\u003c\/summary\u003e      \u003cp\u003eYes! The pattern includes step-by-step photos, clear instructions, and helpful tips. If you can do basic crochet stitches, you can make this bag!\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eIs there a video tutorial?\u003c\/summary\u003e      \u003cp\u003eYes! This pattern includes a full step-by-step video tutorial so you can watch and crochet along at your own pace — perfect if you learn better by seeing each stitch in action alongside the written instructions.\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eHow long does it take to make?\u003c\/summary\u003e      \u003cp\u003eMost beginners complete the bag in 8-12 hours (perfect weekend project!). Experienced crocheters can finish in 4-6 hours. The pattern is easy to work on in sections.\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eWhat yarn and hook do I need?\u003c\/summary\u003e      \u003cp\u003eYou'll need 85-90g of Cotton DK yarn (about 250m \/ 273 yards) and a 4mm (US G) crochet hook. The complete materials list is included in the PDF with brand recommendations.\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eWill I receive the pattern immediately?\u003c\/summary\u003e      \u003cp\u003eYes! Within 1 minute of payment, the PDF will arrive in your email inbox. You can also download it directly from your order confirmation page.\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eCan I sell the bags I make?\u003c\/summary\u003e      \u003cp\u003eYes! You can sell the finished bags you create. However, the pattern itself is for personal use only — please don't resell or share the PDF.\u003c\/p\u003e    \u003c\/details\u003e    \u003cdetails class=\"cs-faq-item\"\u003e      \u003csummary\u003eCan I use different yarn or colors?\u003c\/summary\u003e      \u003cp\u003eAbsolutely! Any DK weight cotton works perfectly. Thicker yarn = bigger bag, thinner yarn = smaller bag. Choose any color you love!\u003c\/p\u003e    \u003c\/details\u003e  \u003c\/div\u003e\n\u003c\/div\u003e\u003cstyle\u003e  \/* ==================== BRAND VARIABLES ==================== *\/  .cs-product-wrapper {    --cs-primary: ?8b6f47;    --cs-primary-dark: ?6f5836;    --cs-cream: ?faf7f2;    --cs-cream-dark: ?f5efe5;    --cs-text: ?2a2a2a;    --cs-text-light: ?6a6a6a;    --cs-gold: ?d4a574;    --cs-success: ?4a7c59;    --cs-pink: ?E91E63;    --cs-pink-dark: ?C2185B;    font-family: inherit;    color: var(--cs-text);    line-height: 1.6;    max-width: 100%;    margin: 0 auto;  }  .cs-product-wrapper * { box-sizing: border-box; }  .cs-product-wrapper h1, .cs-product-wrapper h2, .cs-product-wrapper h3, .cs-product-wrapper h4 { margin: 0 0 12px; line-height: 1.3; }  .cs-product-wrapper p { margin: 0 0 12px; }  \/* ==================== HERO SECTION ==================== *\/  .cs-hero-section {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 48px;    align-items: center;    padding: 48px 24px;    background: linear-gradient(135deg, var(--cs-cream) 0%, ?fdfbf6 100%);    border-radius: 20px;    margin-bottom: 32px;  }  .cs-hero-badge {    display: inline-block;    background: var(--cs-pink);    color: white;    padding: 8px 16px;    border-radius: 50px;    font-size: 12px;    font-weight: 700;    letter-spacing: 0.5px;    text-transform: uppercase;    margin-bottom: 16px;  }  .cs-hero-title {    font-size: 36px;    font-weight: 800;    color: var(--cs-primary-dark);    margin-bottom: 16px;    line-height: 1.2;  }  .cs-hero-subtitle {    font-size: 17px;    color: var(--cs-text-light);    margin-bottom: 24px;    line-height: 1.6;  }  .cs-hero-features {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 12px;  }  .cs-hero-feature {    display: flex;    align-items: center;    gap: 8px;    font-size: 14px;    color: var(--cs-text);  }  .cs-hero-feature-icon {    font-size: 20px;  }  .cs-hero-image {    position: relative;  }  .cs-hero-img {    width: 100%;    height: auto;    border-radius: 16px;    box-shadow: 0 12px 32px rgba(139, 111, 71, 0.2);  }  .cs-hero-image-badge {    position: absolute;    bottom: 20px;    right: 20px;    background: white;    padding: 12px 20px;    border-radius: 50px;    display: flex;    align-items: center;    gap: 10px;    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);  }  .cs-badge-icon {    font-size: 22px;  }  .cs-badge-text strong {    display: block;    font-size: 16px;    color: var(--cs-primary-dark);    line-height: 1.2;  }  .cs-badge-text span {    font-size: 12px;    color: var(--cs-text-light);  }  \/* ==================== ⭐ PREMIUM PHOTO REVIEWS ⭐ ==================== *\/  .cs-photo-reviews-section {    background: linear-gradient(135deg, var(--cs-cream) 0%, ?fdfbf6 100%);    border-radius: 20px;    padding: 32px 24px;    margin: 0 0 28px;    border: 1px solid ?e8dfd0;    box-shadow: 0 4px 16px rgba(139, 111, 71, 0.06);  }  .cs-photo-reviews-header { text-align: center; margin-bottom: 24px; }  .cs-pr-rating {    display: inline-flex; align-items: center; gap: 12px;    background: ?fff; padding: 8px 18px; border-radius: 50px;    border: 1px solid ?e8dfd0; margin-bottom: 14px;    box-shadow: 0 2px 8px rgba(139, 111, 71, 0.08);  }  .cs-pr-stars { color: ?f5b800; font-size: 18px; letter-spacing: 2px; }  .cs-pr-rating-text { font-size: 14px; color: var(--cs-text-light); }  .cs-pr-rating-text strong { color: var(--cs-primary-dark); font-size: 16px; font-weight: 700; }  .cs-pr-title { font-size: 24px; color: var(--cs-primary-dark); font-weight: 700; margin-bottom: 6px; }  .cs-pr-subtitle { font-size: 14px; color: var(--cs-text-light); font-style: italic; }  .cs-photo-reviews-slider { overflow: hidden; margin: 0 -8px; padding: 8px; }  .cs-photo-reviews-track {    display: flex; gap: 16px;    overflow-x: auto;    scroll-snap-type: x mandatory;    scroll-behavior: smooth;    padding-bottom: 8px;    scrollbar-width: thin;    scrollbar-color: var(--cs-primary) transparent;  }  .cs-photo-reviews-track::-webkit-scrollbar { height: 6px; }  .cs-photo-reviews-track::-webkit-scrollbar-track { background: var(--cs-cream-dark); border-radius: 4px; }  .cs-photo-reviews-track::-webkit-scrollbar-thumb { background: var(--cs-primary); border-radius: 4px; }  .cs-photo-review-card {    flex: 0 0 280px;    background: ?fff;    border-radius: 14px;    overflow: hidden;    border: 1px solid ?e8dfd0;    scroll-snap-align: start;    transition: all 0.3s ease;    display: flex;    flex-direction: column;  }  .cs-photo-review-card:hover {    transform: translateY(-4px);    box-shadow: 0 12px 28px rgba(139, 111, 71, 0.15);    border-color: var(--cs-primary);  }  .cs-pr-image {    width: 100%; height: 280px; object-fit: cover; display: block;    transition: transform 0.5s ease;    background: var(--cs-cream);  }  .cs-photo-review-card:hover .cs-pr-image { transform: scale(1.05); }  .cs-pr-content { padding: 16px 18px; flex-grow: 1; display: flex; flex-direction: column; }  .cs-pr-stars-small { color: ?f5b800; font-size: 14px; letter-spacing: 1px; margin-bottom: 8px; }  .cs-pr-text { font-size: 14px; color: var(--cs-text); line-height: 1.5; font-style: italic; margin-bottom: 12px; flex-grow: 1; }  .cs-pr-author { display: flex; flex-direction: column; gap: 2px; padding-top: 10px; border-top: 1px solid var(--cs-cream-dark); }  .cs-pr-name { font-size: 13px; font-weight: 700; color: var(--cs-primary-dark); }  .cs-pr-verified { font-size: 11px; color: var(--cs-success); font-weight: 600; }  .cs-pr-dots { display: flex; justify-content: center; gap: 8px; margin-top: 18px; }  .cs-pr-dot {    width: 8px; height: 8px; border-radius: 50%;    background: ?d8cfc0; border: none; cursor: pointer;    transition: all 0.3s ease; padding: 0;  }  .cs-pr-dot.active { background: var(--cs-primary); width: 24px; border-radius: 4px; }  \/* ==================== 🔒 PREVIEW + LOCKED PAGES (SMALL) ==================== *\/  .cs-preview-section { background: linear-gradient(135deg, var(--cs-cream) 0%, ?fdfbf6 100%); border-radius: 20px; padding: 36px 24px; margin: 36px 0; border: 1px solid ?e8dfd0; }  .cs-preview-subtitle { text-align: center; font-size: 14px; color: var(--cs-text-light); font-style: italic; margin: -8px 0 28px; }  .cs-preview-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 800px; margin: 0 auto; }  .cs-preview-grid-small { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; max-width: 480px; margin: 0 auto; justify-items: center; }  .cs-preview-grid-small .cs-preview-page { width: 100%; max-width: 200px; }  .cs-preview-page { display: block; text-decoration: none; color: inherit; transition: all 0.3s ease; }  .cs-preview-page-inner { position: relative; border-radius: 10px; overflow: hidden; aspect-ratio: 8.5 \/ 11; background: ?fff; border: 1px solid ?e8dfd0; box-shadow: 0 6px 18px rgba(139, 111, 71, 0.1); transition: all 0.3s ease; }  .cs-preview-img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.4s ease; }  .cs-preview-visible:hover .cs-preview-page-inner { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(139, 111, 71, 0.18); }  .cs-preview-locked { cursor: pointer; }  .cs-preview-locked:hover .cs-preview-page-inner { transform: translateY(-3px); box-shadow: 0 12px 30px rgba(139, 111, 71, 0.22); border-color: var(--cs-primary); }  .cs-preview-locked:hover .cs-preview-lock-btn { background: var(--cs-pink-dark); transform: translateY(-2px); }  .cs-preview-img-blurred { filter: blur(6px) brightness(0.7); transform: scale(1.05); }  .cs-preview-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(111, 88, 54, 0.3) 0%, rgba(111, 88, 54, 0.85) 100%); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 12px; color: ?fff; }  .cs-preview-lock-icon { font-size: 28px; margin-bottom: 6px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)); animation: cs-lock-bounce 2s ease-in-out infinite; }  @keyframes cs-lock-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }  .cs-preview-lock-title { font-size: 13px; font-weight: 800; margin-bottom: 4px; line-height: 1.2; text-shadow: 0 2px 8px rgba(0,0,0,0.3); }  .cs-preview-lock-text { font-size: 10px; opacity: 0.95; margin-bottom: 10px; max-width: 160px; line-height: 1.3; }  .cs-preview-lock-btn { background: var(--cs-pink); color: ?fff; padding: 7px 14px; border-radius: 50px; font-size: 11px; font-weight: 700; letter-spacing: 0.3px; box-shadow: 0 4px 12px rgba(233, 30, 99, 0.4); transition: all 0.3s ease; }  .cs-preview-label { text-align: center; margin-top: 8px; font-size: 11px; font-weight: 700; padding: 5px 10px; border-radius: 50px; display: inline-flex; align-items: center; gap: 5px; width: 100%; justify-content: center; }  .cs-preview-label-free { background: rgba(74, 124, 89, 0.12); color: var(--cs-success); }  .cs-preview-label-locked { background: rgba(233, 30, 99, 0.1); color: var(--cs-pink-dark); }  \/* ==================== 🎨 LIFESTYLE IMAGES ==================== *\/  .cs-lifestyle-image {    margin: 32px 0;    border-radius: 16px;    overflow: hidden;    box-shadow: 0 8px 24px rgba(139, 111, 71, 0.1);    background: var(--cs-cream);  }  .cs-lifestyle-img {    width: 100%;    height: auto;    display: block;  }  .cs-lifestyle-caption {    padding: 20px 24px;    background: linear-gradient(135deg, var(--cs-cream) 0%, ?fdfbf6 100%);    display: flex;    align-items: center;    gap: 12px;    border-top: 1px solid ?e8dfd0;  }  .cs-lifestyle-icon {    font-size: 24px;    flex-shrink: 0;  }  .cs-lifestyle-caption p {    font-size: 15px;    color: var(--cs-text);    font-weight: 500;    margin: 0;    line-height: 1.4;  }  \/* ==================== INFO BOX ==================== *\/  .cs-info-box { background: var(--cs-cream); border: 1px solid ?e8dfd0; border-radius: 12px; padding: 18px 20px; margin: 24px 0; display: flex; align-items: center; justify-content: space-around; gap: 16px; flex-wrap: wrap; }  .cs-info-item { display: flex; align-items: center; gap: 10px; flex: 1; min-width: 200px; }  .cs-info-icon { width: 28px; height: 28px; flex-shrink: 0; }  .cs-info-text strong { display: block; font-size: 14px; color: var(--cs-primary-dark); font-weight: 700; }  .cs-info-text span { font-size: 12px; color: var(--cs-text-light); }  .cs-info-divider { width: 1px; height: 36px; background: ?d8cfc0; }  \/* ==================== SECTION TITLES ==================== *\/  .cs-section-title { font-size: 22px; color: var(--cs-primary-dark); font-weight: 700; text-align: center; margin-bottom: 20px; }  \/* ==================== RECEIVE ==================== *\/  .cs-receive-section { margin: 36px 0; }  .cs-receive-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 16px; }  .cs-receive-item { background: ?fff; border: 1px solid ?e8dfd0; border-radius: 12px; padding: 20px 16px; text-align: center; transition: all 0.3s ease; }  .cs-receive-item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(139, 111, 71, 0.12); border-color: var(--cs-primary); }  .cs-receive-emoji { font-size: 32px; display: block; margin-bottom: 8px; }  .cs-receive-item h4 { font-size: 15px; color: var(--cs-primary-dark); font-weight: 700; }  .cs-receive-item p { font-size: 13px; color: var(--cs-text-light); margin: 0; }  \/* ==================== HOW IT WORKS ==================== *\/  .cs-how-section { background: var(--cs-cream); border-radius: 16px; padding: 28px 20px; margin: 36px 0; }  .cs-steps-container { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }  .cs-step { flex: 1; min-width: 180px; display: flex; align-items: center; gap: 12px; }  .cs-step-number { width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, var(--cs-primary), var(--cs-primary-dark)); color: ?fff; font-weight: 700; font-size: 18px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; box-shadow: 0 4px 12px rgba(139, 111, 71, 0.3); }  .cs-step-content h4 { font-size: 14px; color: var(--cs-primary-dark); margin: 0; }  .cs-step-content p { font-size: 12px; color: var(--cs-text-light); margin: 0; }  .cs-step-arrow { font-size: 22px; color: var(--cs-primary); font-weight: 700; }  \/* ==================== WHY LOVE ==================== *\/  .cs-why-section { margin: 36px 0; }  .cs-why-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 12px; }  .cs-why-item { background: ?fff; border: 1px solid ?e8dfd0; border-radius: 10px; padding: 14px 16px; display: flex; align-items: flex-start; gap: 10px; }  .cs-why-icon { width: 24px; height: 24px; border-radius: 50%; background: var(--cs-success); color: ?fff; font-size: 13px; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }  .cs-why-item p { font-size: 14px; margin: 0; color: var(--cs-text); }  \/* ==================== FAQ ==================== *\/  .cs-faq-section { margin: 36px 0; }  .cs-faq-item { background: ?fff; border: 1px solid ?e8dfd0; border-radius: 10px; padding: 14px 18px; margin-bottom: 10px; transition: all 0.3s ease; }  .cs-faq-item:hover { border-color: var(--cs-primary); }  .cs-faq-item summary { font-weight: 600; color: var(--cs-primary-dark); cursor: pointer; list-style: none; position: relative; padding-right: 30px; font-size: 15px; }  .cs-faq-item summary::-webkit-details-marker { display: none; }  .cs-faq-item summary::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--cs-primary); font-weight: 300; }  .cs-faq-item[open] summary::after { content: '−'; }  .cs-faq-item p { margin-top: 12px; font-size: 14px; color: var(--cs-text-light); line-height: 1.6; }  \/* ==================== MOBILE ==================== *\/  @media (max-width: 749px) {    .cs-hero-section { grid-template-columns: 1fr; gap: 28px; padding: 32px 20px; }    .cs-hero-title { font-size: 28px; }    .cs-hero-subtitle { font-size: 15px; }    .cs-hero-features { grid-template-columns: 1fr; }    .cs-hero-image-badge { bottom: 10px; right: 10px; padding: 10px 16px; }        .cs-photo-reviews-section { padding: 24px 16px; border-radius: 16px; }    .cs-pr-title { font-size: 20px; }    .cs-pr-subtitle { font-size: 13px; }    .cs-photo-review-card { flex: 0 0 240px; }    .cs-pr-image { height: 240px; }    .cs-preview-section { padding: 24px 16px; }    .cs-preview-grid-small { max-width: 320px; gap: 12px; }    .cs-preview-grid-small .cs-preview-page { max-width: 150px; }    .cs-preview-lock-icon { font-size: 22px; margin-bottom: 4px; }    .cs-preview-lock-title { font-size: 11px; margin-bottom: 3px; }    .cs-preview-lock-text { font-size: 9px; margin-bottom: 8px; max-width: 130px; }    .cs-preview-lock-btn { padding: 5px 11px; font-size: 9px; }    .cs-preview-label { font-size: 10px; padding: 4px 8px; margin-top: 6px; }        .cs-lifestyle-caption { padding: 16px 18px; }    .cs-lifestyle-icon { font-size: 20px; }    .cs-lifestyle-caption p { font-size: 14px; }        .cs-info-box { flex-direction: column; gap: 14px; padding: 18px; }    .cs-info-divider { display: none; }    .cs-info-item { width: 100%; }    .cs-steps-container { flex-direction: column; }    .cs-step-arrow { transform: rotate(90deg); }    .cs-section-title { font-size: 20px; }  }\u003c\/style\u003e\u003cscript\u003e  \/\/ ============ PHOTO REVIEW SLIDER ============  (function() {    try {      var prSlider = document.getElementById('csPhotoReviewSlider');      var prDots = document.getElementById('csPhotoReviewDots');            if (!prSlider || !prDots) return;            var prTrack = prSlider.querySelector('.cs-photo-reviews-track');      if (!prTrack) return;            var prCards = prTrack.querySelectorAll('.cs-photo-review-card');      if (prCards.length === 0) return;            var cardsPerView = window.innerWidth \u003c 750 ? 1 : 3;      var totalGroups = Math.ceil(prCards.length \/ cardsPerView);            prDots.innerHTML = '';            for (var i = 0; i \u003c totalGroups; i++) {        var dot = document.createElement('button');        dot.className = 'cs-pr-dot' + (i === 0 ? ' active' : '');        dot.setAttribute('data-index', i);        dot.setAttribute('aria-label', 'Go to review group ' + (i + 1));        dot.setAttribute('type', 'button');        prDots.appendChild(dot);      }            prDots.addEventListener('click', function(e) {        try {          if (e.target \u0026\u0026 e.target.classList.contains('cs-pr-dot')) {            var index = parseInt(e.target.getAttribute('data-index')) || 0;            var cardWidth = prCards[0].offsetWidth + 16;            prTrack.scrollTo({ left: index * cardWidth * cardsPerView, behavior: 'smooth' });                        var dots = document.querySelectorAll('.cs-pr-dot');            for (var j = 0; j \u003c dots.length; j++) {              dots[j].classList.remove('active');            }            e.target.classList.add('active');          }        } catch (err) {          \/\/ Silent fail        }      });            var scrollTimeout;      prTrack.addEventListener('scroll', function() {        clearTimeout(scrollTimeout);        scrollTimeout = setTimeout(function() {          try {            var cardWidth = prCards[0].offsetWidth + 16;            var activeIndex = Math.round(prTrack.scrollLeft \/ (cardWidth * cardsPerView));            var dots = document.querySelectorAll('.cs-pr-dot');            for (var j = 0; j \u003c dots.length; j++) {              dots[j].classList.toggle('active', j === activeIndex);            }          } catch (err) {            \/\/ Silent fail          }        }, 100);      });    } catch (e) {      console.log('Review slider initialization skipped');    }  })();\u003c\/script\u003e","brand":"crochetschool.shop","offers":[{"title":"Default Title","offer_id":50365075751105,"sku":null,"price":8.99,"currency_code":"GBP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0858\/3865\/9777\/files\/ChatGPTImage16mai2026_22_08_27.webp?v=1782685752","url":"https:\/\/crochetbags.shop\/products\/marketbag","provider":"CrochetBags™","version":"1.0","type":"link"}