{"product_id":"arc-hanger","title":"Arc Hanger","description":"\u003cstyle\u003e\n\/* =========================================================\n   HANGSMART™ ARC HANGER\n   PREMIUM DUSTY TEAL-GREY PRODUCT SECTION\n   ========================================================= *\/\n\n.hs-product {\n  --dusty-teal: #899FA0;\n  --dusty-teal-light: #95AAAB;\n  --dusty-teal-dark: #6F8788;\n  --dusty-teal-deep: #536D6E;\n\n  --soft-white: #F8F8F5;\n  --white: #FFFFFF;\n\n  --blue-accent: #0F9FEA;\n  --gold-accent: #D6BB7C;\n\n  width: 100%;\n  max-width: 1100px;\n\n  margin: 0 auto;\n\n  overflow: hidden;\n\n  position: relative;\n\n  color: var(--soft-white);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n\n  background:\n    radial-gradient(\n      circle at 12% 8%,\n      rgba(255,255,255,.22),\n      transparent 27%\n    ),\n\n    radial-gradient(\n      circle at 88% 90%,\n      rgba(15,159,234,.07),\n      transparent 30%\n    ),\n\n    linear-gradient(\n      145deg,\n      #899FA0 0%,\n      #879D9E 40%,\n      #7B9293 72%,\n      #718889 100%\n    );\n\n  border-radius: 28px;\n\n  box-shadow:\n    0 30px 80px rgba(35,55,56,.22),\n    inset 0 1px 0 rgba(255,255,255,.28);\n}\n\n\n\/* =========================================================\n   FLOATING DECORATIVE EMOJIS\n   ========================================================= *\/\n\n.hs-floating {\n  position: absolute;\n\n  z-index: 1;\n\n  font-size: 28px;\n\n  opacity: .18;\n\n  pointer-events: none;\n\n  animation:\n    hsFloat 5s ease-in-out infinite;\n}\n\n.hs-floating.one {\n  top: 100px;\n  left: 5%;\n}\n\n.hs-floating.two {\n  top: 270px;\n  right: 5%;\n\n  animation-delay: 1.2s;\n}\n\n.hs-floating.three {\n  bottom: 320px;\n  left: 6%;\n\n  animation-delay: 2.4s;\n}\n\n.hs-floating.four {\n  bottom: 100px;\n  right: 7%;\n\n  animation-delay: 3.2s;\n}\n\n@keyframes hsFloat {\n\n  0%,100% {\n    transform:\n      translateY(0)\n      rotate(0deg);\n  }\n\n  50% {\n    transform:\n      translateY(-15px)\n      rotate(7deg);\n  }\n\n}\n\n\n\/* =========================================================\n   HERO\n   ========================================================= *\/\n\n.hs-hero {\n\n  position: relative;\n\n  z-index: 2;\n\n  text-align: center;\n\n  padding:\n    75px 25px 55px;\n\n}\n\n\n.hs-badge {\n\n  display: inline-block;\n\n  padding:\n    9px 18px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(255,255,255,.12);\n\n  border:\n    1px solid\n    rgba(255,255,255,.25);\n\n  backdrop-filter:\n    blur(12px);\n\n  color: white;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n  animation:\n    hsReveal .8s ease forwards;\n\n}\n\n\n.hs-hero h1 {\n\n  max-width: 850px;\n\n  margin:\n    23px auto 18px;\n\n  color: white;\n\n  font-size:\n    clamp(38px,7vw,68px);\n\n  line-height: 1;\n\n  letter-spacing: -3px;\n\n  animation:\n    hsReveal 1s ease forwards;\n\n}\n\n\n.hs-hero h1 span {\n\n  color:\n    var(--gold-accent);\n\n}\n\n\n.hs-hero p {\n\n  max-width: 680px;\n\n  margin: auto;\n\n  color:\n    rgba(255,255,255,.84);\n\n  font-size: 17px;\n\n  line-height: 1.8;\n\n  animation:\n    hsReveal 1.2s ease forwards;\n\n}\n\n\n@keyframes hsReveal {\n\n  from {\n    opacity: 0;\n    transform:\n      translateY(25px);\n  }\n\n  to {\n    opacity: 1;\n    transform:\n      translateY(0);\n  }\n\n}\n\n\n\/* =========================================================\n   PRODUCT DISPLAY\n   ========================================================= *\/\n\n.hs-product-display {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin:\n    0 25px 60px;\n\n  min-height: 430px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  overflow: hidden;\n\n  border-radius: 25px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.17),\n      rgba(255,255,255,.05)\n    );\n\n  border:\n    1px solid\n    rgba(255,255,255,.25);\n\n  box-shadow:\n    inset 0 1px 0\n    rgba(255,255,255,.25),\n\n    0 20px 45px\n    rgba(40,60,61,.16);\n\n}\n\n\n\/* Product spotlight *\/\n\n.hs-product-display::before {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 370px;\n\n  height: 370px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(255,255,255,.23),\n      transparent 68%\n    );\n\n  animation:\n    hsGlow 5s ease-in-out infinite;\n\n}\n\n\n@keyframes hsGlow {\n\n  0%,100% {\n    transform: scale(.9);\n    opacity: .5;\n  }\n\n  50% {\n    transform: scale(1.15);\n    opacity: 1;\n  }\n\n}\n\n\n\/* Product image *\/\n\n.hs-product-display img {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 82%;\n\n  max-width: 560px;\n\n  max-height: 390px;\n\n  object-fit: contain;\n\n  filter:\n    drop-shadow(\n      0 30px 25px\n      rgba(25,40,41,.32)\n    );\n\n  transition:\n    transform .6s ease,\n    filter .6s ease;\n\n  animation:\n    hsProductEnter 1.2s ease forwards;\n\n}\n\n\n.hs-product-display:hover img {\n\n  transform:\n    scale(1.07)\n    translateY(-8px);\n\n  filter:\n    drop-shadow(\n      0 38px 35px\n      rgba(25,40,41,.42)\n    );\n\n}\n\n\n@keyframes hsProductEnter {\n\n  from {\n    opacity: 0;\n\n    transform:\n      scale(.82);\n  }\n\n  to {\n    opacity: 1;\n\n    transform:\n      scale(1);\n  }\n\n}\n\n\n\/* =========================================================\n   SECTION STYLING\n   ========================================================= *\/\n\n.hs-section {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    15px 30px 65px;\n\n}\n\n\n.hs-heading {\n\n  text-align: center;\n\n  margin-bottom: 35px;\n\n}\n\n\n.hs-heading small {\n\n  display: block;\n\n  margin-bottom: 10px;\n\n  color:\n    var(--gold-accent);\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: 2px;\n\n  text-transform: uppercase;\n\n}\n\n\n.hs-heading h2 {\n\n  margin:\n    0 0 12px;\n\n  color: white;\n\n  font-size:\n    clamp(30px,5vw,45px);\n\n  line-height: 1.1;\n\n  letter-spacing: -1.5px;\n\n}\n\n\n.hs-heading p {\n\n  max-width: 620px;\n\n  margin: auto;\n\n  color:\n    rgba(255,255,255,.78);\n\n  line-height: 1.7;\n\n}\n\n\n\/* =========================================================\n   INTERACTIVE FEATURE CARDS\n   ========================================================= *\/\n\n.hs-features {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(2,1fr);\n\n  gap: 16px;\n\n}\n\n\n.hs-feature {\n\n  padding: 25px;\n\n  border-radius: 21px;\n\n  background:\n    rgba(255,255,255,.11);\n\n  border:\n    1px solid\n    rgba(255,255,255,.22);\n\n  backdrop-filter:\n    blur(12px);\n\n  cursor: pointer;\n\n  transition:\n    transform .35s ease,\n    background .35s ease,\n    box-shadow .35s ease,\n    border-color .35s ease;\n\n}\n\n\n.hs-feature:hover {\n\n  transform:\n    translateY(-8px);\n\n  background:\n    rgba(255,255,255,.17);\n\n  border-color:\n    rgba(255,255,255,.42);\n\n  box-shadow:\n    0 20px 40px\n    rgba(40,60,61,.18);\n\n}\n\n\n\/* Remove default arrow *\/\n\n.hs-feature summary {\n\n  list-style: none;\n\n  cursor: pointer;\n\n}\n\n\n.hs-feature summary::-webkit-details-marker {\n\n  display: none;\n\n}\n\n\n\/* Interactive emoji *\/\n\n.hs-emoji {\n\n  display: inline-block;\n\n  margin-bottom: 14px;\n\n  font-size: 40px;\n\n  transition:\n    transform .35s ease;\n\n}\n\n\n.hs-feature:hover .hs-emoji {\n\n  transform:\n    scale(1.22)\n    rotate(-7deg);\n\n}\n\n\n.hs-feature[open] .hs-emoji {\n\n  transform:\n    scale(1.18)\n    rotate(8deg);\n\n}\n\n\n.hs-feature h3 {\n\n  margin:\n    0 0 8px;\n\n  color: white;\n\n  font-size: 19px;\n\n}\n\n\n.hs-feature p {\n\n  margin: 0;\n\n  color:\n    rgba(255,255,255,.77);\n\n  font-size: 14px;\n\n  line-height: 1.65;\n\n}\n\n\n.hs-tap {\n\n  display: block;\n\n  margin-top: 15px;\n\n  color:\n    var(--gold-accent);\n\n  font-size: 10px;\n\n  font-weight: 700;\n\n  letter-spacing: 1.3px;\n\n  text-transform: uppercase;\n\n}\n\n\n\/* Expanded content *\/\n\n.hs-extra {\n\n  max-height: 0;\n\n  overflow: hidden;\n\n  opacity: 0;\n\n  margin-top: 0;\n\n  transition:\n    max-height .45s ease,\n    opacity .35s ease,\n    margin-top .35s ease;\n\n}\n\n\n.hs-feature[open]\n.hs-extra {\n\n  max-height: 100px;\n\n  opacity: 1;\n\n  margin-top: 17px;\n\n}\n\n\n.hs-extra span {\n\n  display: inline-block;\n\n  padding:\n    8px 13px;\n\n  border-radius: 50px;\n\n  background:\n    rgba(15,159,234,.15);\n\n  border:\n    1px solid\n    rgba(15,159,234,.22);\n\n  color:\n    #EAF8FF;\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n}\n\n\n\/* =========================================================\n   COLLECTION SECTION\n   ========================================================= *\/\n\n.hs-collection {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin:\n    0 25px 60px;\n\n  padding:\n    50px 25px;\n\n  text-align: center;\n\n  border-radius: 25px;\n\n  background:\n    rgba(255,255,255,.09);\n\n  border:\n    1px solid\n    rgba(255,255,255,.20);\n\n}\n\n\n.hs-collection h2 {\n\n  margin:\n    0 0 12px;\n\n  color: white;\n\n  font-size: 32px;\n\n}\n\n\n.hs-collection p {\n\n  max-width: 630px;\n\n  margin: auto;\n\n  color:\n    rgba(255,255,255,.76);\n\n  line-height: 1.7;\n\n}\n\n\n\/* Collection emojis *\/\n\n.hs-collection-icons {\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  flex-wrap: wrap;\n\n  gap: 28px;\n\n  margin-top: 30px;\n\n}\n\n\n.hs-collection-icon {\n\n  display: inline-block;\n\n  font-size: 45px;\n\n  cursor: pointer;\n\n  transition:\n    transform .35s ease,\n    filter .35s ease;\n\n}\n\n\n.hs-collection-icon:hover {\n\n  transform:\n    translateY(-13px)\n    scale(1.25)\n    rotate(7deg);\n\n  filter:\n    drop-shadow(\n      0 10px 12px\n      rgba(0,0,0,.22)\n    );\n\n}\n\n\n\/* =========================================================\n   HOW IT WORKS\n   ========================================================= *\/\n\n.hs-steps {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,1fr);\n\n  gap: 16px;\n\n}\n\n\n.hs-step {\n\n  padding:\n    30px 20px;\n\n  text-align: center;\n\n  border-radius: 21px;\n\n  background:\n    rgba(50,70,71,.13);\n\n  border:\n    1px solid\n    rgba(255,255,255,.15);\n\n  transition:\n    transform .35s ease,\n    background .35s ease;\n\n}\n\n\n.hs-step:hover {\n\n  transform:\n    translateY(-8px);\n\n  background:\n    rgba(255,255,255,.12);\n\n}\n\n\n.hs-number {\n\n  width: 48px;\n\n  height: 48px;\n\n  margin:\n    0 auto 15px;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  border-radius: 50%;\n\n  background:\n    var(--gold-accent);\n\n  color:\n    #3E4E4F;\n\n  font-weight: 800;\n\n}\n\n\n.hs-step h3 {\n\n  margin-bottom: 8px;\n\n  color: white;\n\n  font-size: 17px;\n\n}\n\n\n.hs-step p {\n\n  color:\n    rgba(255,255,255,.72);\n\n  font-size: 13px;\n\n  line-height: 1.6;\n\n}\n\n\n\/* =========================================================\n   PRODUCT SPECIFICATIONS\n   ========================================================= *\/\n\n.hs-specs {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  overflow: hidden;\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.07);\n\n  border:\n    1px solid\n    rgba(255,255,255,.18);\n\n}\n\n\n.hs-spec {\n\n  display: flex;\n\n  justify-content: space-between;\n\n  align-items: center;\n\n  gap: 20px;\n\n  padding:\n    18px 22px;\n\n  border-bottom:\n    1px solid\n    rgba(255,255,255,.10);\n\n  transition:\n    background .3s ease;\n\n}\n\n\n.hs-spec:hover {\n\n  background:\n    rgba(255,255,255,.08);\n\n}\n\n\n.hs-spec:last-child {\n\n  border-bottom: none;\n\n}\n\n\n.hs-label {\n\n  color:\n    rgba(255,255,255,.68);\n\n}\n\n\n.hs-value {\n\n  color: white;\n\n  font-weight: 700;\n\n  text-align: right;\n\n}\n\n\n\/* =========================================================\n   FINAL CTA\n   ========================================================= *\/\n\n.hs-final {\n\n  position: relative;\n\n  z-index: 2;\n\n  padding:\n    65px 25px 75px;\n\n  text-align: center;\n\n  background:\n    radial-gradient(\n      circle at center bottom,\n      rgba(255,255,255,.13),\n      transparent 52%\n    );\n\n}\n\n\n.hs-final-emoji {\n\n  display: inline-block;\n\n  font-size: 55px;\n\n  animation:\n    hsBounce 2s ease-in-out infinite;\n\n}\n\n\n@keyframes hsBounce {\n\n  0%,100% {\n    transform:\n      translateY(0);\n  }\n\n  50% {\n    transform:\n      translateY(-10px);\n  }\n\n}\n\n\n.hs-final h2 {\n\n  margin:\n    15px 0;\n\n  color: white;\n\n  font-size:\n    clamp(31px,6vw,50px);\n\n  line-height: 1.05;\n\n  letter-spacing: -2px;\n\n}\n\n\n.hs-final p {\n\n  max-width: 600px;\n\n  margin:\n    0 auto 25px;\n\n  color:\n    rgba(255,255,255,.78);\n\n  line-height: 1.7;\n\n}\n\n\n.hs-pill {\n\n  display: inline-block;\n\n  padding:\n    14px 22px;\n\n  border-radius: 50px;\n\n  background:\n    var(--soft-white);\n\n  color:\n    var(--dusty-teal-deep);\n\n  font-size: 11px;\n\n  font-weight: 800;\n\n  letter-spacing: 1px;\n\n  box-shadow:\n    0 12px 30px\n    rgba(0,0,0,.14);\n\n  transition:\n    transform .3s ease,\n    box-shadow .3s ease;\n\n}\n\n\n.hs-pill:hover {\n\n  transform:\n    translateY(-4px);\n\n  box-shadow:\n    0 18px 35px\n    rgba(0,0,0,.20);\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media(max-width:700px) {\n\n  .hs-hero {\n\n    padding:\n      50px 20px 40px;\n\n  }\n\n\n  .hs-hero h1 {\n\n    letter-spacing: -2px;\n\n  }\n\n\n  .hs-product-display {\n\n    min-height: 300px;\n\n    margin:\n      0 15px 45px;\n\n  }\n\n\n  .hs-product-display img {\n\n    width: 90%;\n\n  }\n\n\n  .hs-features {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .hs-steps {\n\n    grid-template-columns: 1fr;\n\n  }\n\n\n  .hs-section {\n\n    padding-left: 18px;\n\n    padding-right: 18px;\n\n  }\n\n\n  .hs-collection {\n\n    margin-left: 15px;\n\n    margin-right: 15px;\n\n  }\n\n\n  .hs-spec {\n\n    font-size: 13px;\n\n  }\n\n\n  .hs-floating {\n\n    font-size: 21px;\n\n  }\n\n}\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"hs-product\"\u003e\n\n\n  \u003c!-- =====================================================\n       FLOATING EMOJIS\n       ===================================================== --\u003e\n\n  \u003cspan class=\"hs-floating one\"\u003e🧢\u003c\/span\u003e\n\n  \u003cspan class=\"hs-floating two\"\u003e✨\u003c\/span\u003e\n\n  \u003cspan class=\"hs-floating three\"\u003e👀\u003c\/span\u003e\n\n  \u003cspan class=\"hs-floating four\"\u003e🔥\u003c\/span\u003e\n\n\n  \u003c!-- =====================================================\n       HERO\n       ===================================================== --\u003e\n\n  \u003csection class=\"hs-hero\"\u003e\n\n    \u003cdiv class=\"hs-badge\"\u003e\n      HANGSMART™ • CAP ORGANISATION\n    \u003c\/div\u003e\n\n\n    \u003ch1\u003e\n      Keep Your Caps \u003cspan\u003eOrganised.\u003c\/span\u003e\u003cbr\u003e\n      Display Them Like They Deserve.\n    \u003c\/h1\u003e\n\n\n    \u003cp\u003e\n      Meet the HangSmart™ Arc Hanger — a sleek way\n      to organise, display and access your favourite\n      caps while keeping your collection clean,\n      visible and easy to reach.\n    \u003c\/p\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       PRODUCT IMAGE\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"hs-product-display\"\u003e\n\n    \u003c!--\n      REPLACE THE URL BELOW\n      WITH YOUR SHOPIFY PRODUCT IMAGE URL\n    --\u003e\n\n    \u003cimg src=\"YOUR-SHOPIFY-PRODUCT-IMAGE-URL\" alt=\"HangSmart Arc Hanger\"\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- =====================================================\n       WHY YOU'LL LOVE IT\n       ===================================================== --\u003e\n\n  \u003csection class=\"hs-section\"\u003e\n\n    \u003cdiv class=\"hs-heading\"\u003e\n\n      \u003csmall\u003e\n        Designed For Cap Lovers\n      \u003c\/small\u003e\n\n\n      \u003ch2\u003e\n        Your Collection. Elevated. 🧢\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n        Tap the emojis below to discover what makes\n        the HangSmart Arc Hanger different.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n    \u003cdiv class=\"hs-features\"\u003e\n\n\n      \u003c!-- FEATURE 1 --\u003e\n\n      \u003cdetails class=\"hs-feature\"\u003e\n\n        \u003csummary\u003e\n\n          \u003cspan class=\"hs-emoji\"\u003e\n            🎯\n          \u003c\/span\u003e\n\n\n          \u003ch3\u003e\n            Preserves Cap Shape\n          \u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            The curved arc design supports your cap\n            naturally, helping it maintain its structure\n            and stay ready to wear.\n          \u003c\/p\u003e\n\n\n          \u003cspan class=\"hs-tap\"\u003e\n            ✨ TAP ME\n          \u003c\/span\u003e\n\n        \u003c\/summary\u003e\n\n\n        \u003cdiv class=\"hs-extra\"\u003e\n\n          \u003cspan\u003e\n            🧢 Curved support for everyday storage\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n\n      \u003c!-- FEATURE 2 --\u003e\n\n      \u003cdetails class=\"hs-feature\"\u003e\n\n        \u003csummary\u003e\n\n          \u003cspan class=\"hs-emoji\"\u003e\n            📐\n          \u003c\/span\u003e\n\n\n          \u003ch3\u003e\n            Saves Valuable Space\n          \u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            Organise your collection efficiently and\n            keep your caps together instead of letting\n            them pile up in drawers or shelves.\n          \u003c\/p\u003e\n\n\n          \u003cspan class=\"hs-tap\"\u003e\n            ✨ TAP ME\n          \u003c\/span\u003e\n\n        \u003c\/summary\u003e\n\n\n        \u003cdiv class=\"hs-extra\"\u003e\n\n          \u003cspan\u003e\n            📐 Clean and organised collection\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n\n      \u003c!-- FEATURE 3 --\u003e\n\n      \u003cdetails class=\"hs-feature\"\u003e\n\n        \u003csummary\u003e\n\n          \u003cspan class=\"hs-emoji\"\u003e\n            🖤\n          \u003c\/span\u003e\n\n\n          \u003ch3\u003e\n            Premium Minimalist Design\n          \u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            The sleek matte metal finish gives your\n            collection a modern look that works beautifully\n            in bedrooms, wardrobes, sneaker rooms and\n            retail spaces.\n          \u003c\/p\u003e\n\n\n          \u003cspan class=\"hs-tap\"\u003e\n            ✨ TAP ME\n          \u003c\/span\u003e\n\n        \u003c\/summary\u003e\n\n\n        \u003cdiv class=\"hs-extra\"\u003e\n\n          \u003cspan\u003e\n            🖤 Minimal • Modern • Clean\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n\n      \u003c!-- FEATURE 4 --\u003e\n\n      \u003cdetails class=\"hs-feature\"\u003e\n\n        \u003csummary\u003e\n\n          \u003cspan class=\"hs-emoji\"\u003e\n            👀\n          \u003c\/span\u003e\n\n\n          \u003ch3\u003e\n            See Your Collection At A Glance\n          \u003c\/h3\u003e\n\n\n          \u003cp\u003e\n            Stop digging through piles. Keep your\n            favourite caps visible so you can find\n            the one you want instantly.\n          \u003c\/p\u003e\n\n\n          \u003cspan class=\"hs-tap\"\u003e\n            ✨ TAP ME\n          \u003c\/span\u003e\n\n        \u003c\/summary\u003e\n\n\n        \u003cdiv class=\"hs-extra\"\u003e\n\n          \u003cspan\u003e\n            👀 Find your favourite faster\n          \u003c\/span\u003e\n\n        \u003c\/div\u003e\n\n      \u003c\/details\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       MULTI-PURPOSE ORGANISATION\n       ===================================================== --\u003e\n\n  \u003cdiv class=\"hs-collection\"\u003e\n\n\n    \u003ch2\u003e\n      More Than Just Caps. ✨\n    \u003c\/h2\u003e\n\n\n    \u003cp\u003e\n      The HangSmart Arc Hanger can also help organise\n      lightweight everyday accessories, keeping your\n      collection tidy, visible and easy to access.\n    \u003c\/p\u003e\n\n\n    \u003cdiv class=\"hs-collection-icons\"\u003e\n\n\n      \u003cspan class=\"hs-collection-icon\" title=\"Caps\"\u003e\n        🧢\n      \u003c\/span\u003e\n\n\n      \u003cspan class=\"hs-collection-icon\" title=\"Handbags\"\u003e\n        👜\n      \u003c\/span\u003e\n\n\n      \u003cspan class=\"hs-collection-icon\" title=\"Accessories\"\u003e\n        👝\n      \u003c\/span\u003e\n\n\n      \u003cspan class=\"hs-collection-icon\" title=\"Belts\"\u003e\n        🪢\n      \u003c\/span\u003e\n\n\n      \u003cspan class=\"hs-collection-icon\" title=\"Style\"\u003e\n        ✨\n      \u003c\/span\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n\n\n  \u003c!-- =====================================================\n       HOW IT WORKS\n       NO WALL MOUNTING \/ NO INSTALLATION\n       ===================================================== --\u003e\n\n  \u003csection class=\"hs-section\"\u003e\n\n\n    \u003cdiv class=\"hs-heading\"\u003e\n\n      \u003csmall\u003e\n        Simple To Use\n      \u003c\/small\u003e\n\n\n      \u003ch2\u003e\n        Hang. Organise. Enjoy. 🔥\n      \u003c\/h2\u003e\n\n\n      \u003cp\u003e\n        Organising your collection couldn't be easier.\n      \u003c\/p\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"hs-steps\"\u003e\n\n\n      \u003c!-- STEP 1 --\u003e\n\n      \u003cdiv class=\"hs-step\"\u003e\n\n        \u003cdiv class=\"hs-number\"\u003e\n          01\n        \u003c\/div\u003e\n\n\n        \u003ch3\u003e\n          🧢 Hang\n        \u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Simply place your cap over the curved\n          arc so it sits neatly and remains easy\n          to access.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- STEP 2 --\u003e\n\n      \u003cdiv class=\"hs-step\"\u003e\n\n        \u003cdiv class=\"hs-number\"\u003e\n          02\n        \u003c\/div\u003e\n\n\n        \u003ch3\u003e\n          🔁 Organise\n        \u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Arrange your HangSmart Arc Hangers together\n          to create a clean and organised collection.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- STEP 3 --\u003e\n\n      \u003cdiv class=\"hs-step\"\u003e\n\n        \u003cdiv class=\"hs-number\"\u003e\n          03\n        \u003c\/div\u003e\n\n\n        \u003ch3\u003e\n          ✨ Display\n        \u003c\/h3\u003e\n\n\n        \u003cp\u003e\n          Keep your favourite caps visible,\n          accessible and ready to wear whenever\n          you need them.\n        \u003c\/p\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       SPECIFICATIONS\n       ===================================================== --\u003e\n\n  \u003csection class=\"hs-section\"\u003e\n\n\n    \u003cdiv class=\"hs-heading\"\u003e\n\n      \u003csmall\u003e\n        Product Details\n      \u003c\/small\u003e\n\n\n      \u003ch2\u003e\n        Built For Your Collection. ⚙️\n      \u003c\/h2\u003e\n\n    \u003c\/div\u003e\n\n\n\n    \u003cdiv class=\"hs-specs\"\u003e\n\n\n      \u003c!-- MATERIAL --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          🔧 Material\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Durable Metal Construction\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- FINISH --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          🎨 Finish\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Matte \/ Powder-Coated\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- COMPATIBILITY --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          🧢 Compatibility\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Standard Cap Styles\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- ACCESSORIES --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          🪢 Accessory Use\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Lightweight Accessories\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- DESIGN --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          🔄 Design\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Curved Arc Design\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n\n      \u003c!-- WEIGHT --\u003e\n\n      \u003cdiv class=\"hs-spec\"\u003e\n\n        \u003cspan class=\"hs-label\"\u003e\n          💪 Weight Capacity\n        \u003c\/span\u003e\n\n\n        \u003cspan class=\"hs-value\"\u003e\n          Suitable For Standard Cap Weights\n        \u003c\/span\u003e\n\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n\n  \u003c\/section\u003e\n\n\n\n  \u003c!-- =====================================================\n       FINAL CTA\n       ===================================================== --\u003e\n\n  \u003csection class=\"hs-final\"\u003e\n\n\n    \u003cspan class=\"hs-final-emoji\"\u003e\n      🧢\n    \u003c\/span\u003e\n\n\n    \u003ch2\u003e\n      Your Caps Deserve\u003cbr\u003e\n      A Better Display.\n    \u003c\/h2\u003e\n\n\n    \u003cp\u003e\n      Clear the clutter. Showcase your collection.\n      Keep your favourite caps visible, organised\n      and ready to wear.\n    \u003c\/p\u003e\n\n\n    \u003cspan class=\"hs-pill\"\u003e\n      ✨ ORGANISE YOUR COLLECTION WITH HANGSMART™\n    \u003c\/span\u003e\n\n\n  \u003c\/section\u003e\n\n\n\u003c\/div\u003e","brand":"HangSmart","offers":[{"title":"Default Title","offer_id":44771775643699,"sku":null,"price":189.99,"currency_code":"ZAR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0687\/1967\/3395\/files\/hmmm.png?v=1787571067","url":"https:\/\/www.hangsmart.co.za\/products\/arc-hanger","provider":"HangSmart","version":"1.0","type":"link"}