{"product_id":"six-hook-door-organizer","title":"Six-Hook Door Organizer","description":"\u003cstyle type=\"text\/css\"\u003e\/* ===== Design System Variables ===== *\/\n.product-detail-container {\n  --primary: #7a6a58;\n  --primary-hover: #5e5041;\n  --text-main: #2b2622;\n  --text-sub: #6f665d;\n  --bg-body: #ffffff;\n  --bg-card: #faf7f3;\n  --bg-soft: #efe9e1;\n  --radius-md: 14px;\n  --radius-lg: 22px;\n  --shadow-sm: 0 4px 14px rgba(60, 45, 30, 0.08);\n  --shadow-lg: 0 18px 40px rgba(60, 45, 30, 0.14);\n  --border-color: #e6ddd2;\n}\n\n\/* ===== Base Layout ===== *\/\n.product-detail-container {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0 5%;\n  box-sizing: border-box;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  font-family: \"Helvetica Neue\", Arial, sans-serif;\n  color: var(--text-main);\n  background: var(--bg-body);\n}\n\n.product-detail-container * { box-sizing: border-box; }\n\n.section-block {\n  margin-top: clamp(2rem, 5vw, 4rem);\n  margin-bottom: clamp(2rem, 5vw, 4rem);\n}\n\n\/* ===== Typography (Fixed Sizes) ===== *\/\n.hero-title {\n  font-size: 22px;\n  line-height: 1.3;\n  font-weight: 800;\n  letter-spacing: -0.2px;\n  margin: 0 0 12px;\n}\n.hero-subtitle {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 0;\n}\n.section-title {\n  font-size: 20px;\n  line-height: 1.4;\n  font-weight: 800;\n  margin: 0 0 10px;\n}\n.section-desc {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 0 0 28px;\n}\n.feature-copy h3 {\n  font-size: 20px;\n  line-height: 1.4;\n  font-weight: 800;\n  margin: 0 0 12px;\n}\n.feature-copy p {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 0 0 18px;\n}\n.faq-q {\n  font-size: 20px;\n  line-height: 1.4;\n  font-weight: 800;\n  margin: 0 0 8px;\n}\n.faq-a {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 0;\n}\n\n\/* ===== Badges \u0026 Tags ===== *\/\n.trust-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 600;\n  color: var(--primary);\n  background: var(--bg-soft);\n  border: 1px solid var(--border-color);\n  border-radius: 999px;\n  padding: 8px 18px;\n  margin-bottom: 22px;\n}\n.tag-list {\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 10px;\n}\n.tag-list li {\n  font-size: 18px;\n  line-height: 1.4;\n  color: var(--text-main);\n  background: var(--bg-card);\n  border: 1px solid var(--border-color);\n  border-radius: 999px;\n  padding: 7px 16px;\n}\n\n\/* ===== Images ===== *\/\n.image-placeholder {\n  width: 100%;\n  min-height: 220px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background: var(--bg-soft);\n  border: 2px dashed var(--border-color);\n  border-radius: var(--radius-md);\n  color: var(--text-sub);\n  font-size: 18px;\n  line-height: 1.5;\n  padding: 24px;\n}\n.hero-media .image-placeholder { min-height: 320px; }\n\n\/* ===== Hero ===== *\/\n.hero-inner {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 40px;\n  align-items: center;\n  background: linear-gradient(180deg, var(--bg-card), var(--bg-body));\n  border: 1px solid var(--border-color);\n  border-radius: var(--radius-lg);\n  padding: clamp(24px, 4vw, 44px);\n  box-shadow: var(--shadow-sm);\n}\n\n\/* ===== Features ===== *\/\n.feature-item {\n  display: flex;\n  gap: 36px;\n  align-items: center;\n}\n.feature-media { flex: 1 1 50%; }\n.feature-copy { flex: 1 1 50%; }\n@media (min-width: 768px) {\n  .feature-item:nth-child(even) { flex-direction: row-reverse; }\n}\n\n\/* ===== Compare ===== *\/\n.compare-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n}\n.compare-card {\n  background: var(--bg-card);\n  border: 1px solid var(--border-color);\n  border-radius: var(--radius-md);\n  padding: 18px;\n  box-shadow: var(--shadow-sm);\n}\n.compare-label {\n  display: inline-block;\n  font-size: 18px;\n  line-height: 1.4;\n  font-weight: 700;\n  color: #fff;\n  background: var(--primary);\n  border-radius: 999px;\n  padding: 5px 16px;\n  margin-bottom: 14px;\n}\n.compare-card.before .compare-label { background: var(--text-sub); }\n.compare-text {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 14px 0 0;\n}\n\n\/* ===== Specifications ===== *\/\n.spec-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: 18px;\n  line-height: 1.6;\n}\n.spec-table td {\n  padding: 16px 14px;\n  border-bottom: 1px solid var(--border-color);\n  vertical-align: top;\n}\n.spec-table tr:last-child td { border-bottom: none; }\n.spec-label {\n  font-weight: 700;\n  color: var(--text-main);\n  white-space: nowrap;\n}\n.spec-value {\n  color: var(--text-sub);\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n.spec-note {\n  font-size: 18px;\n  line-height: 1.6;\n  color: var(--text-sub);\n  margin: 18px 0 0;\n}\n\n\/* ===== FAQ ===== *\/\n.faq-item {\n  background: var(--bg-card);\n  border: 1px solid var(--border-color);\n  border-radius: var(--radius-md);\n  padding: 22px 24px;\n  margin-bottom: 16px;\n}\n.faq-item:last-child { margin-bottom: 0; }\n\n\/* ===== Mobile Responsive ===== *\/\n@media (max-width: 767px) {\n  .hero-inner { grid-template-columns: 1fr; gap: 24px; }\n  .feature-item { flex-direction: column; gap: 22px; }\n  .feature-media, .feature-copy { flex: 1 1 auto; width: 100%; }\n  .compare-grid { grid-template-columns: 1fr; }\n\n  \/* Specifications mobile safety layout *\/\n  .spec-table,\n  .spec-table tbody,\n  .spec-table tr {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .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  .spec-label { white-space: normal; }\n  .spec-value {\n    display: block;\n    min-width: 0;\n    max-width: 100%;\n    white-space: normal;\n    overflow-wrap: anywhere;\n    word-break: break-word;\n  }\n}\n\n@media (max-width: 420px) {\n  .spec-table td {\n    grid-template-columns: 1fr;\n    gap: 6px;\n  }\n}\n\u003c\/style\u003e\n\u003c!--\n[AI Design Logic]\nProduct Type: Door-mounted over-the-door hook rack (triangular frame, 6 hooks)\nTarget Audience: Not explicitly specified\nVisual Style: Warm neutral tones with a soft matte-metal aesthetic; clean spacing and clear hierarchy to match the product's minimalist look.\nColor Strategy: Soft warm neutrals for background, deep charcoal text, and muted bronze\/taupe accents.\nModule Order: Hero -\u003e Feature 1 (Heavy Duty Support) -\u003e Feature 2 (Six Hook Capacity) -\u003e Compare (Before\/After) -\u003e Feature 3 (No-Drill Installation) -\u003e Specifications -\u003e FAQ\nDetail Image Mapping: Hero=detail_1, Feature1=detail_2, Feature2=detail_5, Compare=detail_3, Feature3=detail_4\nSpecification Data Source: None\nCompare Section: Included (reason: detail_3 shows an explicit Before \/ After clutter comparison).\nInformation Boundary: Only information explicitly provided in the product analysis report, detail images, specification images, and the current conversation has been used. No unverified product facts have been added.\n--\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- ===================== HERO ===================== --\u003e\n\u003csection class=\"section-block hero\"\u003e\n\u003cdiv class=\"hero-inner\"\u003e\n\u003cdiv class=\"hero-copy\"\u003e\n\u003cspan class=\"trust-badge\"\u003e✦ Six Hooks · Over-The-Door Organization\u003c\/span\u003e\n\u003ch1 class=\"hero-title\"\u003eClear the Clutter From Your Entryway\u003c\/h1\u003e\n\n\u003cp class=\"hero-subtitle\"\u003eA triangular metal rack that hangs right over your door, giving you six sturdy hooks to keep coats, bags, hats, scarves, keys, and umbrellas neatly organized and easy to reach.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"hero-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img83\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260920113005\/1eb08286aea951ba4bc4c520b24d8011.jpeg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003csection class=\"section-block features\"\u003e\n\u003ch2 class=\"section-title\"\u003eBuilt to Handle the Everyday Load\u003c\/h2\u003e\n\n\u003cp class=\"section-desc\"\u003eStrong support, smart capacity, and a finish made for real life.\u003c\/p\u003e\n\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img56\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260920105133\/ff377652c91f853d4cfc3e62b027f1cb.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eHeavy-Duty Everyday Support\u003c\/h3\u003e\n\n\u003cp\u003eA thickened metal frame provides reliable strength for heavier garments and accessories, while the rust-resistant finish is designed for lasting use—even in damp spaces like bathrooms.\u003c\/p\u003e\n\n\u003cul class=\"tag-list\"\u003e\n\t\u003cli\u003eThickened Frame\u003c\/li\u003e\n\t\u003cli\u003eRust-Resistant Finish\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ===================== FEATURE 2 ===================== --\u003e\n\n\u003csection class=\"section-block features\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img54\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260920105133\/539db3209f57eea81172e3462320cdc2.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eSix Hooks, Less Clutter\u003c\/h3\u003e\n\n\u003cp\u003eSix evenly spaced hooks give you ample room for all your daily accessories—hang a coat, a hat, an umbrella, and a bag at once, so nothing piles up on a chair or counter.\u003c\/p\u003e\n\n\u003cul class=\"tag-list\"\u003e\n\t\u003cli\u003eCoats\u003c\/li\u003e\n\t\u003cli\u003eBags\u003c\/li\u003e\n\t\u003cli\u003eHats\u003c\/li\u003e\n\t\u003cli\u003eKeys\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ===================== COMPARE (BEFORE \/ AFTER) ===================== --\u003e\u003c!-- ===================== FEATURE 3 ===================== --\u003e\n\n\u003csection class=\"section-block features\"\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"image-placeholder\"\u003e\n\u003cdiv\u003e\u003cdiv\u003e\u003cimg cke-id=\"img55\" referrerpolicy=\"no-referrer\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260920105133\/6ac1d3d4f5a7ef28a5d73aab31d4b2d7.jpg\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003eNo-Drill, Space-Saving Design\u003c\/h3\u003e\n\n\u003cp\u003eInstalls easily over the door without damaging walls. Just peel the backing and apply—no waiting required—and it's ready to use in bedrooms, bathrooms, closets, and entryways.\u003c\/p\u003e\n\n\u003cul class=\"tag-list\"\u003e\n\t\u003cli\u003eNo Tools\u003c\/li\u003e\n\t\u003cli\u003eApply \u0026amp; Use\u003c\/li\u003e\n\t\u003cli\u003eMulti-Room\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- ===================== SPECIFICATIONS ===================== --\u003e\n\n\u003csection class=\"section-block specifications\"\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\u003e\u003cspan class=\"spec-label\"\u003eMounting Type\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-value\"\u003eOver-the-door, no-drill\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-label\"\u003eHook Count\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-value\"\u003e6 hooks\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-label\"\u003eFrame\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-value\"\u003eTriangular metal frame\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-label\"\u003eFinish\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-value\"\u003eRust-resistant coating\u003c\/span\u003e\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-label\"\u003eSuitable Rooms\u003c\/span\u003e\u003c\/td\u003e\n\t\t\t\u003ctd\u003e\u003cspan class=\"spec-value\"\u003eBedrooms, bathrooms, closets, entryways\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 ===================== --\u003e\n\n\u003csection class=\"section-block faq\"\u003e\n\u003ch2 class=\"section-title\"\u003eFrequently Asked Questions\u003c\/h2\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-q\"\u003eHow does it attach to my door?\u003c\/p\u003e\n\n\u003cp class=\"faq-a\"\u003eIt uses a no-drill design that installs easily over the door without damaging walls. Peel off the protective backing and apply it directly—there's no waiting required.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-q\"\u003eWhat can I hang on it?\u003c\/p\u003e\n\n\u003cp class=\"faq-a\"\u003eWith six hooks, it holds coats, bags, hats, scarves, keys, and umbrellas. The thickened metal frame is built to support heavier winter coats and bags securely.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"faq-item\"\u003e\n\u003cp class=\"faq-q\"\u003eWhere can I use it?\u003c\/p\u003e\n\n\u003cp class=\"faq-a\"\u003eIt's versatile home storage, ideal for bedrooms, bathrooms, closets, and entryways. The rust-resistant finish makes it suitable for everyday use.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n","brand":"Bak","offers":[{"title":"Matte Grey \/ 1-Pack (Single Unit)","offer_id":47512840962239,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"Cream White \/ 1-Pack (Single Unit)","offer_id":47512840995007,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"Matte Grey \/ 2-Pack (Save Space - 10%)","offer_id":47512841027775,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"Cream White \/ 2-Pack (Save Space - 10%)","offer_id":47512841060543,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"Matte Grey \/ 4-Pack (Best value - 20%)","offer_id":47512841093311,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true},{"title":"Cream White \/ 4-Pack (Best value - 20%)","offer_id":47512841126079,"sku":null,"price":9.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0701\/3220\/3711\/files\/1eb08286aea951ba4bc4c520b24d8011.jpg?v=1789875210","url":"https:\/\/ggkbkw-fz.myshopify.com\/products\/six-hook-door-organizer","provider":"Bak","version":"1.0","type":"link"}