{"product_id":"punch-free-automatic-door-closer","title":"Punch-Free Automatic Door Closer","description":"\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Home Improvement \/ Hardware (Automatic Door Closer)\nTarget Audience: Homeowners, renters, office managers seeking easy DIY solutions for door control, privacy, and safety.\nVisual Style: Clean, functional, modern, trustworthy.\nColor Strategy: White\/Grey base with technical Blue accents (--primary) to convey reliability and precision.\nShape Strategy: Radius 12px for modern, friendly but structural feel.\nTypography Strategy: Large Type (H1: 40px, Body: 18px), Mobile-first readable, 1.6 line-height.\nMobile Table Strategy: Card-based (No horizontal scroll, Flexbox rows).\nImage Mapping: Hero=image_1, Size\u0026Apps=image_2, Feature1=image_3, Feature2=image_4, Feature3=image_5\n--\u003e\n\u003cstyle type=\"text\/css\"\u003e\/* --- 0) Design System \u0026 CSS Variables --- *\/\n  .product-detail-container {\n    --primary: #2B6CB0; \/* Trustworthy blue *\/\n    --primary-light: #EBF8FF;\n    --text-main: #1A202C;\n    --text-sub: #4A5568;\n    --bg-body: #FFFFFF;\n    --bg-card: #F7FAFC;\n    --border-color: #E2E8F0;\n    --radius-md: 12px;\n    --radius-lg: 24px;\n    --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);\n    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n    \n    \/* Typography System *\/\n    --font-h1: clamp(32px, 4vw, 44px);\n    --font-h2: clamp(24px, 3vw, 32px);\n    --font-h3: clamp(20px, 2.5vw, 24px);\n    --font-body: clamp(16px, 2vw, 18px);\n    \n    \/* Spacing System *\/\n    --space-section: clamp(3rem, 6vw, 5rem);\n    --space-element: clamp(1.5rem, 3vw, 2.5rem);\n\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 5%;\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    box-sizing: border-box;\n    overflow-wrap: break-word;\n    word-break: break-word;\n    line-height: 1.6;\n  }\n\n  .product-detail-container * {\n    box-sizing: border-box;\n  }\n\n  \/* --- Typography Base --- *\/\n  .product-detail-container h1, \n  .product-detail-container h2, \n  .product-detail-container h3 {\n    margin-top: 0;\n    margin-bottom: 1rem;\n    font-weight: 700;\n    line-height: 1.2;\n    color: var(--text-main);\n  }\n\n  .product-detail-container p {\n    font-size: var(--font-body);\n    color: var(--text-sub);\n    margin-bottom: 1rem;\n  }\n\n  \/* --- Badges (Non-interactive) --- *\/\n  .visual-badge {\n    display: inline-block;\n    background-color: var(--primary-light);\n    color: var(--primary);\n    padding: 0.5rem 1rem;\n    border-radius: 50px;\n    font-size: 14px;\n    font-weight: 600;\n    margin-bottom: 1rem;\n    text-transform: uppercase;\n    letter-spacing: 0.5px;\n  }\n\n  \/* --- Image Protocols --- *\/\n  \/* Protocol A: Natural Flow *\/\n  .img-natural {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: var(--radius-lg);\n    box-shadow: var(--shadow-sm);\n  }\n\n  \/* Protocol B: Contained Placeholder *\/\n  .img-placeholder-container {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    background-color: var(--bg-card);\n    border: 2px dashed var(--border-color);\n    border-radius: var(--radius-lg);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-sub);\n    font-size: var(--font-body);\n    font-weight: bold;\n    text-align: center;\n    padding: 1rem;\n    overflow: hidden;\n    position: relative;\n  }\n  .img-placeholder-container.square {\n    aspect-ratio: 1\/1;\n  }\n  .img-placeholder-container img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  \/* --- Layout Modules --- *\/\n  .pd-section {\n    margin-bottom: var(--space-section);\n  }\n\n  \/* Hero Section *\/\n  .hero-section {\n    text-align: center;\n    padding-top: var(--space-element);\n  }\n  .hero-section h1 {\n    font-size: var(--font-h1);\n  }\n  .hero-section p.subtitle {\n    font-size: var(--font-h3);\n    max-width: 800px;\n    margin: 0 auto var(--space-element);\n  }\n\n  \/* Feature Mobile Ordering Lock \u0026 Z-Pattern *\/\n  .feature-list {\n    display: flex;\n    flex-direction: column;\n    gap: var(--space-section);\n  }\n\n  .feature-item {\n    display: flex;\n    flex-direction: column; \/* MOBILE LOCK: Force Stack *\/\n    gap: var(--space-element);\n    align-items: center;\n  }\n\n  .feature-media, .feature-copy {\n    width: 100%;\n  }\n\n  .feature-copy h2 {\n    font-size: var(--font-h2);\n  }\n\n  \/* Desktop Z-Pattern Enhancement *\/\n  @media (min-width: 768px) {\n    .feature-item {\n      flex-direction: row; \/* Desktop Row *\/\n      justify-content: space-between;\n    }\n    .feature-item:nth-child(even) {\n      flex-direction: row-reverse; \/* Desktop Z-Pattern *\/\n    }\n    .feature-media, .feature-copy {\n      width: calc(50% - (var(--space-element) \/ 2));\n    }\n  }\n\n  \/* Visual Specs Section *\/\n  .visual-specs {\n    background: var(--bg-card);\n    padding: var(--space-element);\n    border-radius: var(--radius-lg);\n    text-align: center;\n  }\n\n  \/* --- Specifications Table (Mobile Card Lock) --- *\/\n  .specs-container {\n    width: 100%;\n    border-collapse: collapse;\n    margin-top: var(--space-element);\n  }\n  \n  .specs-container th, \n  .specs-container td {\n    padding: 1rem;\n    text-align: left;\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  .specs-container th {\n    background-color: var(--bg-card);\n    font-weight: 700;\n    color: var(--text-main);\n    font-size: var(--font-body);\n  }\n\n  .specs-container td {\n    color: var(--text-sub);\n    font-size: var(--font-body);\n  }\n\n  @media (max-width: 767px) {\n    \/* CRITICAL: Mobile Card View for Table *\/\n    .specs-container, \n    .specs-container thead, \n    .specs-container tbody, \n    .specs-container tr, \n    .specs-container th, \n    .specs-container td {\n      display: block;\n      width: 100%;\n    }\n    \n    .specs-container thead {\n      display: none; \/* Hide standard headers *\/\n    }\n    \n    .specs-container tr {\n      background-color: var(--bg-body);\n      border: 1px solid var(--border-color);\n      border-radius: var(--radius-md);\n      margin-bottom: 1rem;\n      padding: 0.5rem 1rem;\n      box-shadow: var(--shadow-sm);\n    }\n\n    \/* 隐藏桌面端的左侧列 *\/\n    .specs-container td:first-child {\n      display: none;\n    }\n    \n    .specs-container td {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      border-bottom: 1px dashed var(--border-color);\n      padding: 0.75rem 0;\n      text-align: right;\n    }\n    \n    .specs-container td:last-child {\n      border-bottom: none;\n    }\n    \n    \/* 使用 data-label 生成移动端表头 *\/\n    .specs-container td::before {\n      content: attr(data-label);\n      font-weight: 700;\n      color: var(--text-main);\n      text-align: left;\n      padding-right: 1rem;\n      flex-shrink: 0;\n    }\n  }\n\n  \/* FAQ Section *\/\n  .faq-section {\n    background: var(--bg-card);\n    padding: var(--space-element);\n    border-radius: var(--radius-lg);\n  }\n  .faq-item {\n    margin-bottom: 1.5rem;\n    border-bottom: 1px solid var(--border-color);\n    padding-bottom: 1.5rem;\n  }\n  .faq-item:last-child {\n    margin-bottom: 0;\n    border-bottom: none;\n    padding-bottom: 0;\n  }\n  .faq-q {\n    font-size: var(--font-h3);\n    font-weight: 700;\n    color: var(--text-main);\n    margin-bottom: 0.5rem;\n  }\n  .faq-a {\n    font-size: var(--font-body);\n    color: var(--text-sub);\n  }\n\u003c\/style\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e\n\u003cdiv class=\"visual-badge\"\u003e1000g Pulling Force\u003c\/div\u003e\n\n\u003ch1\u003eEffortless Door Closing, Every Time.\u003c\/h1\u003e\n\n\u003cp class=\"subtitle\"\u003eUpgrade your home security and comfort in seconds. A punch-free automatic closer that delivers constant, stable pulling power for almost any door.\u003c\/p\u003e\n\n\u003cdiv class=\"img-placeholder-container\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312164802\/a12d9760a7ae0c3e8e6f527e79b942bb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section feature-list\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container square\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312164802\/79b70f55073301e76157ac905a892365.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eUnwavering \u0026amp; Stable Closure\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eConsistent Return Force:\u003c\/strong\u003e Abandon the uneven pull of traditional closers. Our 2026 upgraded design guarantees a stable and uniform pull-back state throughout the entire closing process.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003e1000g Strong Pull:\u003c\/strong\u003e Engineered with a multi-strand solid steel wire rope, it effortlessly manages heavy home doors, sliding barn doors, and even thick curtains, withstanding high-frequency daily use without snapping.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container square\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312164802\/a9760c59f4f4d271336788e158d5b3f8.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eDamage-Free Installation\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eZero Drilling Required:\u003c\/strong\u003e Protect your walls and doors. This punch-free induction closer uses industrial-grade adhesive stickers.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eSet Up in Seconds:\u003c\/strong\u003e Simply peel, stick the closer to your wall, stick the hook to your door, and attach the wire.\u003cbr\u003e\n\u003cem\u003e(Pro-tip: Wait 24 hours after applying the sticker for maximum viscosity and best results).\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder-container square\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312164802\/948177d867ee91d9f3bd70dec2b0ebac.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003ePrecise Control for Ultimate Safety\u003c\/h2\u003e\n\n\u003cp\u003e\u003cstrong\u003eNo More Slamming:\u003c\/strong\u003e The uniform pull-back performance provides precise control over the door's momentum.\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eFamily Friendly:\u003c\/strong\u003e Eliminate the worry of doors swinging wildly in the wind or closing too loosely. Enhance safety for children and pets by preventing pinched fingers and loud noises in your living or office environment.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Visual Sizing \u0026 Application Section --\u003e\n\n\u003cdiv class=\"pd-section visual-specs\"\u003e\n\u003ch2\u003eUniversally Compatible\u003c\/h2\u003e\n\n\u003cp\u003eFrom residential to commercial, interior to exterior. Perfect for screen doors, invisible doors, sliding double doors, glass doors, and even refrigerators.\u003c\/p\u003e\n\n\u003cdiv class=\"img-placeholder-container\" style=\"aspect-ratio: auto; min-height: 400px;\"\u003e\n\u003c!-- This placeholder represents the composite image provided in the prompt --\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260312164802\/470c38eccdafa3bca8fb002711ded0d6.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch2\u003eTechnical Specifications\u003c\/h2\u003e\n\n\u003ctable class=\"specs-container\"\u003e\n\t\u003cthead\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eSpecification\u003c\/th\u003e\n\t\t\t\u003cth\u003eDetails\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/thead\u003e\n\t\u003ctbody\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003ePulling Force \u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Pulling Force (拉力)\"\u003e1000g (35.3 oz)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eCloser Dimensions \u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Closer Dimensions (主体尺寸)\"\u003e6.3 x 6.3 cm (2.48 x 2.48 in)\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eWire Material \u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Wire Material (钢丝材质)\"\u003eSolid Steel\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003eInstallation Method \u003c\/td\u003e\n\t\t\t\u003ctd data-label=\"Installation Method (安装方式)\"\u003ePunch-free Adhesive\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\n\u003cdiv class=\"pd-section faq-section\"\u003e\n\u003ch2\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eWill this work on heavy solid wood exterior doors?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eThe closer features a strong 1000g pull force, which is ideal for most standard interior doors, sliding doors, screen doors, and glass doors. However, for exceptionally heavy or oversized solid exterior doors, the pull might not be sufficient to latch them fully against strong drafts.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eCan I remove the closer later if I move out?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eYes. While the adhesive is extremely strong, it can be removed. We recommend using a hairdryer to apply heat to the adhesive pad to soften the glue, then gently prying it off with a flat tool. This minimizes the risk of peeling paint or damaging the surface.\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cdiv class=\"faq-q\"\u003eWhy do I need to wait 24 hours before hooking the wire?\u003c\/div\u003e\n\n\u003cdiv class=\"faq-a\"\u003eWaiting 24 hours allows the 3M adhesive to properly cure and bond with the surface of your door or wall. Hooking the steel wire immediately subjects the uncured adhesive to constant tension, which can cause the closer to detach prematurely.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Black \/ 🏠 1-Pack (Starter)","offer_id":51204003627312,"sku":"0319-14492362","price":12.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 🏠 1-Pack (Starter)","offer_id":51204003660080,"sku":"0319-14494015","price":12.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 🔥 2-Pack (Most Popular - Save 20%)","offer_id":51204003692848,"sku":"0319-14495016","price":19.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 🔥 2-Pack (Most Popular - Save 20%)","offer_id":51204003725616,"sku":"0319-14494489","price":19.95,"currency_code":"USD","in_stock":true},{"title":"Black \/ 💎 4-Pack (Whole House - Save 30%)","offer_id":51204003758384,"sku":"0319-14492940","price":34.95,"currency_code":"USD","in_stock":true},{"title":"White \/ 💎 4-Pack (Whole House - Save 30%)","offer_id":51204003791152,"sku":"0319-14496778","price":34.95,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0938\/6472\/2736\/files\/33ff18eba2a3b3dd13b8f7f3066a56ec.jpg?v=1773903262","url":"https:\/\/eptchn.com\/products\/punch-free-automatic-door-closer","provider":"Eptchn","version":"1.0","type":"link"}