{"product_id":"flexible-cat-magnetic-hook","title":"Flexible Cat Magnetic Hook","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Magnetic Cat Hooks \/ Refrigerator Magnets\nTarget Audience: Home organizers, cat lovers, kitchen\/workspace decorators\nVisual Style: Warm, clean, modern, playful but neat\nColor Strategy: Neutral cream backgrounds with earthy green highlights matching the product colors\nModule Order: Hero -\u003e Feature 1 (Flexibility) -\u003e Feature 2 (Magnets) -\u003e Scenario Gallery -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_3, Feature1=detail_4, Feature2=detail_2, Scenario=detail_1\nSpecification Data Source: Product Analysis Report and Detail Images (Data extraction only; no spec images rendered)\nCompare Section: Not included (No direct comparison data or images provided)\nInformation Boundary: Strictly relies on explicit facts (two back magnets, built-in metal core, bendable legs, holds keys\/utensils\/notes, cute cat designs). No unverified load capacities, specific materials, or durability claims.\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n    --primary: #2e5a44;\n    --primary-hover: #1f3d2e;\n    --text-main: #2b2b2b;\n    --text-sub: #595959;\n    --bg-body: #ffffff;\n    --bg-card: #faf7f2;\n    --bg-soft: #f1ede6;\n    --radius-md: 12px;\n    --radius-lg: 20px;\n    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);\n    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.06);\n    --border-color: #e6e0d5;\n    \n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 20px 5%;\n    box-sizing: border-box;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    color: var(--text-main);\n    background-color: var(--bg-body);\n  }\n\n  \/* Typography System (Fixed) *\/\n  .product-detail-container h1 {\n    font-size: 22px;\n    line-height: 1.3;\n    font-weight: 700;\n    margin: 0 0 12px 0;\n    color: var(--text-main);\n  }\n\n  .product-detail-container h2,\n  .product-detail-container h3,\n  .product-detail-container .section-title,\n  .product-detail-container .feature-title,\n  .product-detail-container .faq-question {\n    font-size: 20px;\n    line-height: 1.4;\n    font-weight: 600;\n    margin: 0 0 12px 0;\n    color: var(--text-main);\n  }\n\n  .product-detail-container p,\n  .product-detail-container li,\n  .product-detail-container .hero-subtitle,\n  .product-detail-container .feature-desc,\n  .product-detail-container .spec-value,\n  .product-detail-container .faq-answer,\n  .product-detail-container .badge,\n  .product-detail-container td {\n    font-size: 18px;\n    line-height: 1.6;\n    margin: 0;\n    color: var(--text-sub);\n  }\n\n  \/* Image Utilities *\/\n  .product-detail-container .image-placeholder {\n    width: 100%;\n    aspect-ratio: 16 \/ 10;\n    background-color: var(--bg-soft);\n    border: 2px dashed var(--border-color);\n    border-radius: var(--radius-md);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 18px;\n    color: var(--text-sub);\n    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .product-detail-container .image-placeholder-square {\n    aspect-ratio: 1 \/ 1;\n  }\n\n  \/* Spacing *\/\n  .product-detail-container section {\n    margin-bottom: clamp(2rem, 5vw, 4rem);\n  }\n\n  \/* Badges *\/\n  .product-detail-container .badge-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 16px;\n  }\n\n  .product-detail-container .badge {\n    background-color: var(--bg-soft);\n    color: var(--primary);\n    padding: 6px 14px;\n    border-radius: 50px;\n    font-weight: 500;\n    display: inline-block;\n  }\n\n  \/* Hero Section *\/\n  .product-detail-container .hero-section {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    text-align: center;\n    background: var(--bg-card);\n    padding: 30px 24px;\n    border-radius: var(--radius-lg);\n  }\n\n  .product-detail-container .hero-copy {\n    max-width: 700px;\n    margin: 0 auto;\n  }\n\n  \/* Feature Sections (Z-Pattern for Desktop) *\/\n  .product-detail-container .feature-item {\n    display: flex;\n    flex-direction: column;\n    gap: 24px;\n    align-items: center;\n    margin-bottom: 40px;\n  }\n\n  .product-detail-container .feature-media {\n    width: 100%;\n  }\n\n  .product-detail-container .feature-copy {\n    width: 100%;\n    background: var(--bg-card);\n    padding: 24px;\n    border-radius: var(--radius-md);\n    box-sizing: border-box;\n  }\n\n  \/* Scenario Section *\/\n  .product-detail-container .scenario-section {\n    background: var(--bg-card);\n    padding: 30px 24px;\n    border-radius: var(--radius-lg);\n  }\n\n  .product-detail-container .scenario-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n    margin-top: 20px;\n  }\n\n  .product-detail-container .scenario-card {\n    background: var(--bg-body);\n    padding: 20px;\n    border-radius: var(--radius-md);\n    border: 1px solid var(--border-color);\n  }\n\n  \/* Specifications Table styling *\/\n  .product-detail-container .specifications-section {\n    background: var(--bg-card);\n    padding: 30px 24px;\n    border-radius: var(--radius-lg);\n  }\n\n  .product-detail-container .spec-table {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: 16px;\n  }\n\n  .product-detail-container .spec-table tr {\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .product-detail-container .spec-table tr:last-child {\n    border-bottom: none;\n  }\n\n  .product-detail-container .spec-table td {\n    padding: 14px 10px;\n    vertical-align: top;\n  }\n\n  \/* FAQ Accordion Styling *\/\n  .product-detail-container .faq-section {\n    background: var(--bg-card);\n    padding: 30px 24px;\n    border-radius: var(--radius-lg);\n  }\n\n  .product-detail-container .faq-item {\n    background: var(--bg-body);\n    border: 1px solid var(--border-color);\n    border-radius: var(--radius-md);\n    margin-bottom: 16px;\n    padding: 20px;\n  }\n\n  .product-detail-container .faq-item:last-child {\n    margin-bottom: 0;\n  }\n\n  .product-detail-container .faq-question {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 8px;\n  }\n\n  \/* Responsive Rules *\/\n  @media (min-width: 768px) {\n    .product-detail-container .hero-section {\n      padding: 50px 40px;\n    }\n\n    .product-detail-container .feature-item {\n      flex-direction: row;\n      gap: 40px;\n    }\n\n    .product-detail-container .feature-item.reverse {\n      flex-direction: row-reverse;\n    }\n\n    .product-detail-container .feature-media,\n    .product-detail-container .feature-copy {\n      width: 50%;\n    }\n\n    .product-detail-container .scenario-grid {\n      grid-template-columns: repeat(3, 1fr);\n    }\n\n    .product-detail-container .spec-table td:first-child {\n      font-weight: 600;\n      width: 30%;\n      color: var(--text-main);\n    }\n\n    .product-detail-container .spec-table td:last-child {\n      width: 70%;\n    }\n  }\n\n  @media (max-width: 767px) {\n    .product-detail-container .feature-item {\n      flex-direction: column !important; \/* Image First -\u003e Text Second *\/\n    }\n\n    .product-detail-container .spec-table,\n    .product-detail-container .spec-table tbody,\n    .product-detail-container .spec-table tr {\n      display: block;\n      width: 100%;\n      box-sizing: border-box;\n    }\n\n    .product-detail-container .spec-table td {\n      display: grid;\n      grid-template-columns: minmax(110px, 40%) minmax(0, 1fr);\n      gap: 14px;\n      width: 100%;\n      box-sizing: border-box;\n      padding: 14px 0;\n      align-items: start;\n      white-space: normal;\n      overflow-wrap: anywhere;\n      word-break: break-word;\n    }\n\n    .product-detail-container .spec-table td::before {\n      content: attr(data-label);\n      display: block;\n      min-width: 0;\n      font-size: 18px;\n      font-weight: 600;\n      line-height: 1.5;\n      white-space: normal;\n      overflow-wrap: anywhere;\n      word-break: break-word;\n      color: var(--text-main);\n    }\n\n    .product-detail-container .spec-table .spec-value {\n      display: block;\n      min-width: 0;\n      max-width: 100%;\n      font-size: 18px;\n      line-height: 1.5;\n      white-space: normal;\n      overflow-wrap: anywhere;\n      word-break: break-word;\n    }\n  }\n\n  @media (max-width: 420px) {\n    .product-detail-container .spec-table td {\n      grid-template-columns: 1fr;\n      gap: 6px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- A. INTRO \/ HERO CONTENT BLOCK --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cdiv class=\"badge-container\" style=\"justify-content: center;\"\u003e\u003cspan class=\"badge\"\u003ePlayful Home Storage\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch1\u003eCooking Cat Magnetic Hook\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eA delightful, multitasking helper for your kitchen and home. Keep things organized with flexible legs that bend into reliable hanging hooks.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img197\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260918154124\/cba14ba1cfe2b6743a968cfc9e14c9ad.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img198\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260918154124\/8a036a25337f242816af2f88eaaac241.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\u003cspan class=\"badge\"\u003eBendable Design\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch3 class=\"feature-title\"\u003eFlexible DIY Legs for Hanging\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003eEquipped with built-in metal pieces, the cat legs can be freely bent forward and upward. Shape them into secure hooks to hang keys, scissors, wires, or cooking utensils.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2: Dual Magnets --\u003e\n\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img199\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260918154124\/7c8dc71bd501f48eda9b7ca0207b288a.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003cdiv class=\"badge-container\"\u003e\u003cspan class=\"badge\"\u003eStrong Attachment\u003c\/span\u003e\u003c\/div\u003e\n\n\u003ch3 class=\"feature-title\"\u003eDouble Back-Mounted Magnets\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003eTwo powerful embedded magnets on the back allow the cat to stick securely to refrigerators, iron doors, or magnetic whiteboards. They stay flat and won't easily slide down.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Optional Module: Use Scenarios (Highly supported by detail_1) --\u003e\n\n\u003csection class=\"scenario-section\"\u003e\n\u003ch2 class=\"section-title\" style=\"text-align: center;\"\u003eOne Cute Hook, Many Spaces\u003c\/h2\u003e\n\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img200\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260918154124\/edf67545653b83145999199bcfc22e93.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-grid\"\u003e\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3 class=\"feature-title\"\u003eKitchen Essentials\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003ePlace on your refrigerator to hold cooking spoons, small spatulas, measuring tools, or recipe notes.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3 class=\"feature-title\"\u003eHome Entrance\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003eAttach to metal front doors to keep your keys, lanyards, and small accessories right where you need them.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"scenario-card\"\u003e\n\u003ch3 class=\"feature-title\"\u003eWorkspace \u0026amp; Office\u003c\/h3\u003e\n\n\u003cp class=\"feature-desc\"\u003ePerfect on office filing cabinets or whiteboards to hold scissors, charging cables, and glasses.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- C. SPECIFICATIONS (Text Only, No Image Placeholders) --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eProduct Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Design\"\u003e\u003cspan class=\"spec-value\"\u003e3D Cartoon Cooking Cat\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Core Component\"\u003e\u003cspan class=\"spec-value\"\u003eBuilt-in bendable metal pieces\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Mounting Style\"\u003e\u003cspan class=\"spec-value\"\u003e2 embedded back magnets\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Surface Match\"\u003e\u003cspan class=\"spec-value\"\u003eAttaches to flat, magnetic iron surfaces\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd data-label=\"Primary Use\"\u003e\u003cspan class=\"spec-value\"\u003eHanging lightweight essentials \u0026amp; holding paper notes\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/section\u003e\n\u003c!-- D. FAQ --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2 class=\"section-title\" style=\"text-align: center;\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e🐱\u003c\/span\u003e\n\n\u003ch3\u003eHow do I bend the legs to hang items?\u003c\/h3\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eSimply hold the body and bend one or both legs forward and upward using your hands. The built-in metal core will hold the hook shape, allowing you to hang lightweight items.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e🧲\u003c\/span\u003e\n\n\u003ch3\u003eWill these scratch or mark my refrigerator?\u003c\/h3\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. The soft, flexible body and flush-mounted back magnets are designed to sit smoothly on metal surfaces without scratching or leaving marks.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-question\"\u003e\n\u003cspan\u003e📝\u003c\/span\u003e\n\n\u003ch3\u003eCan these be used as normal flat magnets?\u003c\/h3\u003e\n\u003c\/div\u003e\n\n\u003cp class=\"faq-answer\"\u003eYes! When the legs are left completely flat, they function as standard cute refrigerator magnets, perfect for pinning up to-do lists, photos, and recipes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Full Set (All 4 Styles)","offer_id":46230655828159,"sku":null,"price":999.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/cba14ba1cfe2b6743a968cfc9e14c9ad.jpg?v=1789717360","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/flexible-cat-magnetic-hook","provider":"Bak","version":"1.0","type":"link"}