{"product_id":"collectible-horror-metal-pins","title":"Collectible Horror Metal Pins","description":"\u003c!--\n[AI Design Logic]\nProduct Type: Retro Monster Enamel Pins\nTarget Audience: Horror movie fans, retro comic collectors, streetwear enthusiasts\nVisual Style: Dark retro-comic, high contrast, clean typography\nColor Strategy: Charcoal background, radioactive green accents, stark white main text, cool grey muted text\nModule Order: Hero Block -\u003e Feature 1 (Design) -\u003e Feature 2 (Finish\/Durability) -\u003e Feature 3 (Secure Backing\/Usability) -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_4, Feature1=detail_1, Feature2=detail_2, Feature3=detail_5\nSpecification Data Source: None (data extracted from visual report and descriptions only; no specification image placeholder is rendered)\nCompare Section: Not included (no direct comparison data available in source)\nInformation Boundary: Strictly relies on facts provided: irregular die-cut shapes, black nickel plating, single sharp post, round black rubber backing, flat honeycomb textured back. No unverified dimensions or metal compositions are fabricated.\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* Scope-isolated design variables *\/\n    .product-detail-container {\n      --primary: #00ff66;\n      --primary-soft: rgba(0, 255, 102, 0.1);\n      --text-main: #ffffff;\n      --text-sub: #b3b3b3;\n      --bg-body: #121212;\n      --bg-card: #1c1c1c;\n      --bg-soft: #262626;\n      --border-color: #333333;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.7);\n      \n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 2rem 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n      background-color: var(--bg-body);\n      color: var(--text-main);\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    }\n\n    \/* Fixed Typography System (Strict sizes) *\/\n    .product-detail-container h1,\n    .product-detail-container .hero-title {\n      font-size: 22px;\n      line-height: 1.3;\n      font-weight: 800;\n      letter-spacing: -0.02em;\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: 700;\n      letter-spacing: -0.01em;\n      margin: 0 0 16px 0;\n      color: var(--text-main);\n    }\n\n    .product-detail-container p,\n    .product-detail-container li,\n    .product-detail-container td,\n    .product-detail-container .body-text,\n    .product-detail-container .hero-subtitle,\n    .product-detail-container .faq-answer,\n    .product-detail-container .tag,\n    .product-detail-container .spec-value {\n      font-size: 18px;\n      line-height: 1.6;\n      font-weight: 400;\n      color: var(--text-sub);\n    }\n\n    \/* Section Spacing *\/\n    .product-detail-container section {\n      margin-bottom: clamp(2.5rem, 6vw, 4.5rem);\n    }\n\n    \/* Trust Badges \/ Tags *\/\n    .product-detail-container .tag-container {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 16px;\n    }\n\n    .product-detail-container .tag {\n      background-color: var(--primary-soft);\n      color: var(--primary);\n      padding: 6px 14px;\n      border-radius: var(--radius-md);\n      font-weight: 600;\n      border: 1px solid var(--primary);\n      display: inline-block;\n    }\n\n    \/* Image Styling *\/\n    .product-detail-container .image-placeholder {\n      background-color: var(--bg-soft);\n      border: 2px dashed var(--border-color);\n      border-radius: var(--radius-lg);\n      padding: 40px 20px;\n      text-align: center;\n      color: var(--text-sub);\n      font-size: 18px;\n      font-weight: 500;\n      margin-top: 20px;\n      margin-bottom: 20px;\n      box-sizing: border-box;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 220px;\n    }\n\n    \/* Hero Section *\/\n    .product-detail-container .hero-section {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 32px;\n      align-items: center;\n    }\n\n    @media (min-width: 768px) {\n      .product-detail-container .hero-section {\n        grid-template-columns: 1.1fr 0.9fr;\n      }\n    }\n\n    .product-detail-container .hero-content {\n      padding-right: 0;\n    }\n\n    @media (min-width: 768px) {\n      .product-detail-container .hero-content {\n        padding-right: 24px;\n      }\n    }\n\n    \/* Features Grid (Desktop Z-Pattern, Mobile Image-First Stack) *\/\n    .product-detail-container .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n      margin-bottom: clamp(2rem, 5vw, 3.5rem);\n    }\n\n    @media (min-width: 768px) {\n      .product-detail-container .feature-item {\n        flex-direction: row;\n        align-items: center;\n      }\n      .product-detail-container .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .product-detail-container .feature-media,\n      .product-detail-container .feature-copy {\n        flex: 1;\n        width: 50%;\n      }\n    }\n\n    \/* Specifications Table (Safe Responsive Grid) *\/\n    .product-detail-container .specifications-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(20px, 4vw, 40px);\n      border: 1px solid var(--border-color);\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: 16px 12px;\n      vertical-align: top;\n    }\n\n    .product-detail-container .spec-label {\n      font-weight: 600;\n      color: var(--text-main);\n      width: 35%;\n    }\n\n    \/* Mobile Responsive Rule for Table (No overlapping or overflow) *\/\n    @media (max-width: 767px) {\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(130px, 40%) minmax(0, 1fr);\n        gap: 16px;\n        width: 100%;\n        box-sizing: border-box;\n        padding: 14px 8px;\n        align-items: start;\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n        border: none;\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 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        color: var(--text-main);\n        white-space: normal;\n        overflow-wrap: anywhere;\n        word-break: break-word;\n      }\n\n      .product-detail-container .spec-label {\n        display: none; \/* Hide standard td since we generate it via pseudo-element *\/\n      }\n\n      .product-detail-container .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\n    \/* FAQ Section *\/\n    .product-detail-container .faq-section {\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(20px, 4vw, 40px);\n      border: 1px solid var(--border-color);\n    }\n\n    .product-detail-container .faq-item {\n      border-bottom: 1px solid var(--border-color);\n      padding: 20px 0;\n    }\n\n    .product-detail-container .faq-item:last-child {\n      border-bottom: none;\n      padding-bottom: 0;\n    }\n\n    .product-detail-container .faq-item:first-child {\n      padding-top: 0;\n    }\n\n    .product-detail-container .faq-question {\n      margin-bottom: 8px;\n      display: flex;\n      align-items: center;\n      gap: 10px;\n    }\n\n    .product-detail-container .faq-icon {\n      color: var(--primary);\n      font-weight: bold;\n    }\n\n    \/* Ensure minimum standard sizes on mobile devices *\/\n    @media (max-width: 767px) {\n      .product-detail-container h1,\n      .product-detail-container .hero-title {\n        font-size: 22px !important;\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 !important;\n      }\n      .product-detail-container p,\n      .product-detail-container li,\n      .product-detail-container td,\n      .product-detail-container .body-text,\n      .product-detail-container .hero-subtitle,\n      .product-detail-container .faq-answer,\n      .product-detail-container .tag,\n      .product-detail-container .spec-value {\n        font-size: 18px !important;\n      }\n    }\n\u003c\/style\u003e\n\u003c!-- Hero Block --\u003e\n\u003csection class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-content\"\u003e\n\u003ch1 class=\"hero-title\"\u003eSpooky Retro Vibe Monster Enamel Pins\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eInject a dark, vintage comic aesthetic into your style. These bold, horror-inspired monster portraits feature custom die-cut outlines that instantly transform your favorite gear.\u003c\/p\u003e\n\n\u003cdiv class=\"tag-container\"\u003e\n\u003cspan class=\"tag\"\u003eCollector's Edition\u003c\/span\u003e \u003cspan class=\"tag\"\u003eSoft Enamel Finish\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img78\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917154352\/98feb14f51ae9357fb0ae4c6b3cb0032.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\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=\"img61\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917153004\/c1a739dce6a806fea9fb6e56e98d9471.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eBold Horror-Inspired Portrait Designs\u003c\/h2\u003e\n\n\u003cp class=\"body-text\"\u003eFeaturing a striking array of highly detailed vintage monster portraits. Every character boasts a high-saturation palette—including radioactive green, deep purple, and vivid blue—creating a hard-hitting visual contrast on any backdrop.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003csection\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\u003cdiv\u003e\u003cimg cke-id=\"img62\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917153004\/a24bbaca013995c56b6df708e981891d.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eDurable \u0026amp; Vibrant Soft Enamel Finish\u003c\/h2\u003e\n\n\u003cp class=\"body-text\"\u003eExpertly filled with highly saturated, glossy enamel paint within raised dark borders. Each color block is distinctly separated by slightly elevated black nickel metal lines, accentuating the volume and structural detailing of each portrait.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Feature 3 --\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=\"img63\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260917153004\/c06a31a2e0f0b466f25c20b5f8ea9a81.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2 class=\"feature-title\"\u003eSecure Attachment \u0026amp; Distinct Back Pattern\u003c\/h2\u003e\n\n\u003cp class=\"body-text\"\u003eEquipped with a sharp, sturdy single-post pin and a snug black rubber clutch backing. The back face features a flat, dark matte black nickel plating embellished with a clean honeycomb-textured pattern, ensuring a premium tactile feel from front to back.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- Specifications Table --\u003e\n\n\u003csection class=\"specifications-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eSpecifications\u003c\/h2\u003e\n\n\u003ctable class=\"spec-table\"\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003ePlating Type\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Plating Type\"\u003e\u003cspan class=\"spec-value\"\u003eMatte Black Nickel (Not shiny gold or silver)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eFinish\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Finish\"\u003e\u003cspan class=\"spec-value\"\u003eHigh-saturation soft enamel (Glossy texture)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eBorders\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Borders\"\u003e\u003cspan class=\"spec-value\"\u003eRaised dark metal outline lines\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eClutch Backing\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Clutch Backing\"\u003e\u003cspan class=\"spec-value\"\u003eBlack round rubber backing cap (Comfortable \u0026amp; secure)\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eBack Texture\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Back Texture\"\u003e\u003cspan class=\"spec-value\"\u003eFlat matte with a non-slip honeycomb pattern\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd class=\"spec-label\"\u003eCut Type\u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Cut Type\"\u003e\u003cspan class=\"spec-value\"\u003eCustom irregular die-cut following face contours\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!-- FAQ Section --\u003e\n\n\u003csection class=\"faq-section\"\u003e\n\u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e How do these pins secure to fabrics?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eEach pin features a sharp, centrally positioned single pin post on the flat back. To secure it, simply pierce your desired fabric and push the included snug-fitting black rubber clutch over the tip.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e Are the metal borders shiny gold or silver?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eNo. The metal frames are finished with dark matte black nickel plating. This dark styling creates clean, high-contrast borders reminiscent of classic retro comic book ink lines.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch3 class=\"faq-question\"\u003e\n\u003cspan class=\"faq-icon\"\u003eQ:\u003c\/span\u003e What is the texture on the back of the pin?\u003c\/h3\u003e\n\n\u003cp class=\"faq-answer\"\u003eThe reverse side is designed with a premium, flat matte surface featuring a precise honeycomb-textured design to give the brooch a structured, non-slip feel when being held.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"1 Set (16 Pcs)","offer_id":46218723066047,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"2-Set (Collector's Choice - 15% OFF)","offer_id":46218723098815,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"3-Set (Best value - 25% OFF)","offer_id":46218723131583,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/98feb14f51ae9357fb0ae4c6b3cb0032.jpg?v=1789631053","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/collectible-horror-metal-pins","provider":"Bak","version":"1.0","type":"link"}