{"product_id":"heads-out-canvas-pet-carrier-peek-a-boo-cat-small-dog-bag-656f9237","title":"Heads Out Canvas Pet Carrier – Peek-A-Boo Cat \u0026 Small Dog Bag","description":"\u003c!-- [AI Design Logic] Product Type: Adorable portable pet canvas tote (ideal for cats and small dogs) Target Audience: Urban pet parents seeking stylish, stress-free ways to carry their furry friends Visual Style: Japanese-inspired minimalism, warm natural tones, high-end illustrated aesthetic — soft, joyful, trustworthy Color Strategy: - Primary (main): #386FA4 (Ocean Blue — matches Rabbit style, conveys reliability) - Accent: #F4A261 (Warm Honey Yellow — matches Bee style, adds cheer and energy) - Text Main: #2B2D42 (Deep Slate Blue — ultra-readable, premium neutral) - Bg Soft: #F8F9FA (Warm Off-White — softer than pure white, feels inviting) Module Order: 1. Hero \/ Intro: Emotional hook (cat peeking out), core benefit — effortless, fun pet carrying. 2. Feature 1 (Peek-a-boo + Carry Styles): Highlights high-appeal street presence + dual carry options (shoulder \u0026 hand-held). 3. Feature 2 (All-in-One Safety): Solves top pain point — no escapes (drawstring + lockable buckle + magnetic snap). 4. Feature 3 (Breathable Fabric \u0026 Ultra-Light Fold): Cotton canvas = airy, easy-clean; folds down to just 0.6 lbs. 5. Specifications: Clear weight-fit guide (with size chart) to reduce returns. 6. FAQ: Answers top questions on safety, cleaning, and breed suitability. Detail Image Mapping: - Hero Area = detail_2 (person wearing blue bag, cat peeking — most lifestyle-driven) - Feature 1 = detail_5 (Honey Yellow Bee version, shows both shoulder \u0026 hand-carry) - Feature 2 = detail_4 (close-ups of drawstring, anti-escape lock, magnetic snap) - Feature 3 = detail_6 (canvas breathability vs lining texture) \u0026 detail_7 (folded bag + '0.6 lbs' label) - Specifications = detail_3 (18x18\" dimension visual) \u0026 spec_1 (size-to-pet-weight chart) Comparison\/Scenarios: Integrated into Features — no redundant modules needed. --\u003e \u003cdiv class=\"product-detail-container\"\u003e \u003c!-- Style Definition --\u003e \u003cstyle type=\"text\/css\"\u003e.product-detail-container { --primary: #386FA4; --primary-hover: #2A527A; --accent: #F4A261; --text-main: #2B2D42; --text-sub: #6C757D; --bg-body: #FFFFFF; --bg-card: #FFFFFF; --bg-soft: #F8F9FA; --radius-md: 12px; --radius-lg: 20px; --shadow-sm: 0 4px 12px rgba(43, 45, 66, 0.05); --shadow-lg: 0 12px 30px rgba(43, 45, 66, 0.1); --border-color: #E9ECEF; max-width: 1200px; margin: 0 auto; padding: 0 5%; box-sizing: border-box; color: var(--text-main); font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif; overflow-wrap: break-word; word-break: break-word; } \/* Common Typography *\/ .product-detail-container h1, .product-detail-container h2, .product-detail-container h3 { color: var(--text-main); margin-top: 0; line-height: 1.25; font-weight: 700; } .product-detail-container h1 { font-size: clamp(2rem, 4vw, 2.75rem); } .product-detail-container h2 { font-size: clamp(1.6rem, 3vw, 2.2rem); text-align: center; margin-bottom: clamp(1.5rem, 3vw, 2.5rem); } .product-detail-container h3 { font-size: clamp(1.25rem, 2vw, 1.6rem); } .product-detail-container p { font-size: 18px; line-height: 1.7; color: var(--text-sub); margin-top: 0; margin-bottom: 1rem; } \/* Spacing Helper *\/ .section-gap { margin-bottom: clamp(3.5rem, 8vw, 6rem); } \/* Image Placeholder System *\/ .img-placeholder { width: 100%; height: auto; background-color: var(--bg-soft); border: 2px dashed #DDE2E5; border-radius: var(--radius-lg); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(3rem, 8vw, 6rem) 1.5rem; text-align: center; box-sizing: border-box; } .img-placeholder-text { font-size: 18px; color: var(--text-main); font-weight: 600; margin-bottom: 8px; } .img-placeholder-sub { font-size: 14px; color: var(--text-sub); } \/* Trust Badge \/ Pill Tag *\/ .badge-pill { display: inline-block; background-color: var(--bg-soft); color: var(--primary); padding: 6px 16px; border-radius: 50px; font-size: 16px; font-weight: 600; margin-bottom: 1.5rem; border: 1px solid var(--border-color); pointer-events: none; } \/* Hero \/ Intro Section *\/ .hero-section { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: center; background: var(--bg-soft); border-radius: var(--radius-lg); padding: clamp(2rem, 5vw, 4rem); } @media (min-width: 768px) { .hero-section { grid-template-columns: 1.1fr 0.9fr; gap: clamp(3rem, 5vw, 5rem); } } .hero-content { max-width: 540px; } .hero-content h1 { margin-bottom: 1.5rem; } \/* Feature Section with Mobile Lock Ordering *\/ .feature-item { display: flex; flex-direction: column; gap: 2rem; align-items: center; } @media (min-width: 768px) { .feature-item { flex-direction: row; gap: clamp(3rem, 6vw, 6rem); } .feature-item.reverse { flex-direction: row-reverse; } .feature-media, .feature-copy { flex: 1; width: 50%; } } .feature-media { width: 100%; } .feature-copy { width: 100%; } .feature-copy h3 { margin-bottom: 1.25rem; } \/* Key highlights inside feature *\/ .highlight-list { list-style: none; padding: 0; margin: 1.5rem 0 0 0; } .highlight-list-item { display: flex; align-items: flex-start; gap: 12px; font-size: 18px; color: var(--text-main); margin-bottom: 12px; line-height: 1.5; } .highlight-list-item::before { content: \"✦\"; color: var(--accent); font-weight: bold; font-size: 20px; line-height: 1; } \/* Split-grid for smaller detail cards *\/ .details-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .details-grid { grid-template-columns: 1fr 1fr; } } .detail-card { background: var(--bg-soft); border-radius: var(--radius-lg); padding: 2rem; box-sizing: border-box; } .detail-card-media { margin-bottom: 1.5rem; } \/* Specifications Table *\/ .specs-container { background: var(--bg-soft); border-radius: var(--radius-lg); padding: clamp(1.5rem, 4vw, 3rem); } .specs-inner { display: grid; grid-template-columns: 1fr; gap: 2.5rem; } @media (min-width: 768px) { .specs-inner { grid-template-columns: 1fr 1.2fr; align-items: center; } } .specs-table { width: 100%; border-collapse: collapse; background: var(--bg-card); border-radius: var(--radius-md); overflow: hidden; box-shadow: var(--shadow-sm); } .specs-table td { padding: 18px 24px; border-bottom: 1px solid var(--border-color); font-size: 16px; color: var(--text-main); vertical-align: middle; } .specs-table tr:last-child td { border-bottom: none; } .specs-table td.label { font-weight: 600; color: var(--text-sub); width: 35%; background-color: rgba(248, 249, 250, 0.7); } \/* Mobile Responsive Overrides for Table *\/ @media (max-width: 767px) { .specs-table, .specs-table tbody, .specs-table tr, .specs-table td { display: block; width: 100%; box-sizing: border-box; } .specs-table tr { border-bottom: 1px solid var(--border-color); } .specs-table tr:last-child { border-bottom: none; } .specs-table td { border: none; padding: 12px 18px; } .specs-table td.label { width: 100%; padding-bottom: 4px; background-color: transparent; font-size: 14px; } .specs-table td.value { padding-top: 0; font-size: 16px; font-weight: 500; } } \/* FAQ Details\/Summary Accordion *\/ .faq-wrapper { max-width: 800px; margin: 0 auto; } .faq-item { border-bottom: 1px solid var(--border-color); padding: 1.5rem 0; } .faq-item:first-child { border-top: 1px solid var(--border-color); } .faq-title { font-size: 18px; font-weight: 600; color: var(--text-main); cursor: default; \/* Avoid explicit cursor: pointer style for non-button interactive elements *\/ list-style: none; display: flex; justify-content: space-between; align-items: center; user-select: none; } .faq-title::-webkit-details-marker { display: none; } .faq-title::after { content: \"+\"; font-size: 24px; font-weight: 300; color: var(--text-sub); transition: transform 0.2s ease; } details[open] .faq-title::after { transform: rotate(45deg); } .faq-content { padding-top: 1rem; font-size: 16px; line-height: 1.6; color: var(--text-sub); } \u003c\/style\u003e \u003c!-- A. Hero Content Block --\u003e \u003cheader class=\"hero-section section-gap\"\u003e \u003cdiv class=\"hero-content\"\u003e \u003cspan class=\"badge-pill\"\u003eDesigned for Everyday Outings\u003c\/span\u003e \u003ch1\u003eHeads Out, Tails Wagging!\u003cbr\u003e Travel in Comfort \u0026amp; Adorable Style\u003c\/h1\u003e \u003cp\u003eGive your furry companion a front-row seat to the world. Our Canvas Pet Shoulder Bag combines a cute animal sticker patchwork design with a stress-free panoramic view window, keeping your pet cozy, secure, and ready to explore.\u003c\/p\u003e \u003cul class=\"highlight-list\"\u003e \u003cli class=\"highlight-list-item\"\u003eInteractive Panoramic Peek-a-boo Window\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003eDouble Escape-Proof Security Settings\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003eUltra-Lightweight Comfort for Pet \u0026amp; Owner\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003cdiv class=\"hero-media\"\u003e \u003cdiv class=\"img-placeholder\"\u003e \u003cdiv class=\"img-placeholder-text\"\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img98\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260815164730\/9e12ddc117322f981d05c849679be125.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/header\u003e \u003c!-- B. Feature Section 1: Hands-Free \u0026 Versatile Mobility --\u003e \u003csection class=\"feature-item section-gap\"\u003e \u003cdiv class=\"feature-media\"\u003e \u003cdiv class=\"img-placeholder\"\u003e \u003cdiv class=\"img-placeholder-text\"\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img99\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260815164730\/5f4c51007808949bc0f1ddd3cf77dee0.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"feature-copy\"\u003e \u003cspan class=\"badge-pill\" style=\"color: var(--accent);\"\u003eFlexible Carrying\u003c\/span\u003e \u003ch3\u003eSingle-Shoulder or Handheld:\u003cbr\u003e Your Go-To Bag for Daily Outings\u003c\/h3\u003e \u003cp\u003eWhether you're popping into the grocery store, strolling in the park, or heading to the vet, this soft tote adapts to your lifestyle. The extra-wide canvas shoulder strap is engineered to evenly distribute weight, sparing your shoulders from fatigue.\u003c\/p\u003e \u003cul class=\"highlight-list\"\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eDecompression Strap:\u003c\/strong\u003e Flat and wide canvas band limits pressure hot-spots.\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eSoft Structural Fit:\u003c\/strong\u003e Naturally contours against your rib cage and waist for supreme comfort.\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eCompact Companion:\u003c\/strong\u003e Perfect for shopping malls, public transit, and walks.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- B. Feature Section 2: Comprehensive Safety Layout --\u003e \u003csection class=\"feature-item reverse section-gap\"\u003e \u003cdiv class=\"feature-media\"\u003e \u003cdiv class=\"img-placeholder\"\u003e \u003cdiv class=\"img-placeholder-text\"\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img91\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260815164137\/882670a2619834d4103932f233e72615.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"feature-copy\"\u003e \u003cspan class=\"badge-pill\"\u003e3-Layer Security Protection\u003c\/span\u003e \u003ch3\u003eZero Escapes, Infinite Peace of Mind\u003c\/h3\u003e \u003cp\u003eYour pet's safety is our absolute priority. Unlike basic open tote bags, this carrier is fitted with three separate layers of defense to prevent accidental jump-outs and slips without restricting your pet's breathing.\u003c\/p\u003e \u003cul class=\"highlight-list\"\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eAdjustable Collar Drawstring:\u003c\/strong\u003e Gentle padded round-hole with a spring buckle lets you customize the opening size.\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eInternal Security Hook:\u003c\/strong\u003e Easily clips onto your pet's harness or collar so they remain safely inside.\u003c\/li\u003e \u003cli class=\"highlight-list-item\"\u003e \u003cstrong\u003eDual Top Plastic Snaps:\u003c\/strong\u003e Replaces noisy and dangerous zippers to securely shut the main opening without pinching fur.\u003c\/li\u003e \u003c\/ul\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- B. Feature Section 3: High Performance Breathability and Portability --\u003e \u003csection class=\"section-gap\"\u003e \u003ch2 style=\"margin-bottom: 1rem;\"\u003eCrafted for Breathable Softness\u003c\/h2\u003e \u003cp style=\"text-align: center; max-width: 700px; margin: 0 auto 3rem auto;\"\u003eUsing natural, premium fibers that are gentle to pet skin, tough against paws, and incredibly lightweight when stored away.\u003c\/p\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img54\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260815164137\/1a913073e8b685a3c228a21e78f577e8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e \u003cp\u003e \u003c\/p\u003e \u003cdiv class=\"details-grid\"\u003e\u003c!-- Detail Card 1: Fabrics --\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- C. Specifications Block (Consolidating sizing chart) --\u003e \u003csection class=\"specs-container section-gap\"\u003e \u003ch2\u003eSizing \u0026amp; Specifications\u003c\/h2\u003e \u003cdiv class=\"specs-inner\"\u003e \u003cdiv class=\"specs-visual\"\u003e \u003cdiv class=\"img-placeholder\" style=\"padding: clamp(2rem, 5vw, 4rem) 1.5rem;\"\u003e \u003cdiv class=\"img-placeholder-text\"\u003e \u003cdiv\u003e \u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img93\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260815164145\/65eabf8048bfa2b26ccb060c9ff7efef.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class=\"specs-content\"\u003e \u003ctable class=\"specs-table\"\u003e \u003ctbody\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003eDimensions\u003c\/td\u003e \u003ctd class=\"value\"\u003e• Size M: 37 x 37 cm (approx. 14.5\" x 14.5\")\u003cbr\u003e • Size L: 44 x 44 cm (approx. 17.3\" x 17.3\")\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003eProduct Weight\u003c\/td\u003e \u003ctd class=\"value\"\u003e0.6 lbs (approx. 270g)\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003ePrimary Material\u003c\/td\u003e \u003ctd class=\"value\"\u003eBreathable Cotton Canvas, Polyester Lining, POM Closures\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003eM Size Guide\u003c\/td\u003e \u003ctd class=\"value\"\u003eRecommended for Cats up to 8 lbs \/ Dogs up to 6 lbs\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003eL Size Guide\u003c\/td\u003e \u003ctd class=\"value\"\u003eRecommended for Cats up to 16 lbs \/ Dogs up to 12 lbs\u003c\/td\u003e \u003c\/tr\u003e \u003ctr\u003e \u003ctd class=\"label\"\u003eAvailable Styles\u003c\/td\u003e \u003ctd class=\"value\"\u003eHoney Yellow (Bee), Baby Blue (Rabbit), Ash Grey (Dragon)\u003c\/td\u003e \u003c\/tr\u003e \u003c\/tbody\u003e \u003c\/table\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- D. Product FAQ Section --\u003e \u003csection class=\"section-gap\" style=\"margin-bottom: 2rem;\"\u003e \u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e \u003cdiv class=\"faq-wrapper\"\u003e \u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-title\"\u003eHow do I choose the right size for my pet?\u003c\/summary\u003e \u003cdiv class=\"faq-content\"\u003e \u003cp\u003ePlease refer to your pet's weight as the main metric. Size M is ideal for petite pets (cats up to 8 lbs, puppies\/dogs up to 6 lbs). Size L is designed with extra torso space for larger, fluffier companions (cats up to 16 lbs, dogs up to 12 lbs). Ensure your pet's head sits comfortably at collar height when sitting inside.\u003c\/p\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-title\"\u003eIs it secure? Can my pet jump or slip out of the hole?\u003c\/summary\u003e \u003cdiv class=\"faq-content\"\u003e \u003cp\u003eThe carrier is fully equipped with an integrated safety leash clip. You should always attach this inner security strap to your pet's harness or collar. Next, pull the soft round drawstring neck adjuster to snuggly (but comfortably) fit your pet's neck to prevent any accidental escapes.\u003c\/p\u003e \u003c\/div\u003e \u003c\/details\u003e \u003cdetails class=\"faq-item\" open=\"\"\u003e\u003csummary class=\"faq-title\"\u003eHow do I clean and wash this canvas bag?\u003c\/summary\u003e \u003cdiv class=\"faq-content\"\u003e \u003cp\u003eBecause the bag is crafted from pure heavy cotton canvas, we recommend hand washing in cold water with mild, pet-safe laundry detergent to maintain the structure of the cartoon felt patchwork. Hang or lay flat to air dry. Do not tumble dry to prevent shrinkage of natural fibers.\u003c\/p\u003e \u003c\/div\u003e \u003c\/details\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c\/div\u003e","brand":"TieTie","offers":[{"title":"Honey Yellow (Bee) \/ M (Fits Pets up to 8 lbs)","offer_id":67670504440052,"sku":"0817-15190267","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Baby Blue (Rabbit) \/ M (Fits Pets up to 8 lbs)","offer_id":67670504472820,"sku":"0817-15190355","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Honey Yellow (Bee) \/ L (Fits Pets up to 16 lbs)","offer_id":67670504505588,"sku":"0817-15194717","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Baby Blue (Rabbit) \/ L (Fits Pets up to 16 lbs)","offer_id":67670504538356,"sku":"0817-15191224","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Ash Grey (Dragon) \/ M (Fits Pets up to 8 lbs)","offer_id":67670504571124,"sku":"0817-15190230","price":16.95,"currency_code":"USD","in_stock":true},{"title":"Ash Grey (Dragon) \/ L (Fits Pets up to 16 lbs)","offer_id":67670504603892,"sku":"0817-15196814","price":19.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0827\/0643\/2244\/files\/9e12ddc117322f981d05c849679be125.jpg?v=1790798672","url":"https:\/\/pawfluffy.com\/products\/heads-out-canvas-pet-carrier-peek-a-boo-cat-small-dog-bag-656f9237","provider":"PawFluffy","version":"1.0","type":"link"}