{"title":"HyperHarbor™ DryBar — Steel Shoe Drying Rack","description":null,"products":[{"product_id":"hyperharbor™-drybar-steel-shoe-drying-rack","title":"HyperHarbor™ DryBar — Steel Shoe Drying Rack","description":"\u003cstyle\u003e\n  .hh-drybar {\n    --ink: #102031;\n    --muted: #667085;\n    --blue: #0a79d8;\n    --aqua: #40c6e9;\n    --line: #e5ebf2;\n    --soft: #f5f9fc;\n    font-family: inherit;\n    color: var(--ink);\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 24px 0;\n    overflow: hidden;\n  }\n\n  .hh-drybar * { box-sizing: border-box; }\n\n  .hh-hero {\n    position: relative;\n    padding: clamp(32px, 7vw, 76px);\n    border-radius: 28px;\n    background:\n      radial-gradient(circle at 85% 15%, rgba(64,198,233,.32), transparent 30%),\n      radial-gradient(circle at 8% 95%, rgba(10,121,216,.22), transparent 35%),\n      linear-gradient(135deg, #081521, #102d45 60%, #0d5f86);\n    color: #fff;\n    box-shadow: 0 20px 55px rgba(14, 46, 70, .22);\n  }\n\n  .hh-hero::before {\n    content: \"\";\n    position: absolute;\n    inset: -100%;\n    background: linear-gradient(110deg, transparent 43%, rgba(255,255,255,.16) 50%, transparent 57%);\n    animation: hh-shine 7s ease-in-out infinite;\n    pointer-events: none;\n  }\n\n  .hh-kicker {\n    position: relative;\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    padding: 8px 13px;\n    border: 1px solid rgba(255,255,255,.24);\n    border-radius: 99px;\n    background: rgba(255,255,255,.1);\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .11em;\n    text-transform: uppercase;\n  }\n\n  .hh-hero h2 {\n    position: relative;\n    max-width: 750px;\n    margin: 20px 0 14px;\n    font-size: clamp(35px, 5.5vw, 68px);\n    line-height: .98;\n    letter-spacing: -.055em;\n  }\n\n  .hh-hero p {\n    position: relative;\n    max-width: 640px;\n    margin: 0;\n    color: rgba(255,255,255,.83);\n    font-size: clamp(16px, 2vw, 20px);\n    line-height: 1.65;\n  }\n\n  .hh-stat-row {\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin-top: 30px;\n  }\n\n  .hh-stat {\n    min-width: 125px;\n    padding: 13px 16px;\n    border: 1px solid rgba(255,255,255,.18);\n    border-radius: 14px;\n    background: rgba(255,255,255,.09);\n    backdrop-filter: blur(10px);\n  }\n\n  .hh-stat strong { display: block; font-size: 19px; }\n  .hh-stat span { color: rgba(255,255,255,.7); font-size: 12px; }\n\n  .hh-section { padding: 56px 0 8px; }\n\n  .hh-eyebrow {\n    margin: 0 0 8px;\n    color: var(--blue);\n    font-size: 12px;\n    font-weight: 800;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n  }\n\n  .hh-section h3 {\n    margin: 0 0 12px;\n    font-size: clamp(28px, 4vw, 42px);\n    letter-spacing: -.045em;\n  }\n\n  .hh-intro {\n    max-width: 670px;\n    margin: 0 0 28px;\n    color: var(--muted);\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .hh-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .hh-card {\n    padding: 24px;\n    border: 1px solid var(--line);\n    border-radius: 20px;\n    background: #fff;\n    box-shadow: 0 10px 28px rgba(22, 50, 75, .05);\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n\n  .hh-card:hover {\n    transform: translateY(-6px);\n    border-color: rgba(10,121,216,.3);\n    box-shadow: 0 18px 34px rgba(22, 50, 75, .12);\n  }\n\n  .hh-icon {\n    display: grid;\n    width: 48px;\n    height: 48px;\n    place-items: center;\n    margin-bottom: 16px;\n    border-radius: 14px;\n    background: linear-gradient(145deg, #e7f8fc, #e8f1ff);\n    font-size: 23px;\n  }\n\n  .hh-card h4 { margin: 0 0 8px; font-size: 18px; }\n  .hh-card p { margin: 0; color: var(--muted); font-size: 14px; line-height: 1.6; }\n\n  .hh-levels {\n    display: grid;\n    grid-template-columns: repeat(5, 1fr);\n    gap: 12px;\n  }\n\n  .hh-level {\n    position: relative;\n    padding: 22px 16px;\n    border-radius: 18px;\n    background: var(--soft);\n    overflow: hidden;\n  }\n\n  .hh-level::after {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 4px;\n    background: linear-gradient(90deg, var(--blue), var(--aqua));\n    transform: scaleX(0);\n    transform-origin: left;\n    transition: transform .45s ease;\n  }\n\n  .hh-level:hover::after { transform: scaleX(1); }\n  .hh-number { color: var(--blue); font-size: 12px; font-weight: 800; letter-spacing: .08em; }\n  .hh-level .hh-level-icon { display: block; margin: 12px 0 10px; font-size: 26px; }\n  .hh-level h4 { margin: 0 0 7px; font-size: 16px; }\n  .hh-level p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }\n\n  .hh-specs {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 14px;\n    padding: 22px;\n    border: 1px solid var(--line);\n    border-radius: 22px;\n    background: #fff;\n  }\n\n  .hh-spec {\n    display: flex;\n    justify-content: space-between;\n    gap: 16px;\n    padding: 14px 4px;\n    border-bottom: 1px solid var(--line);\n    font-size: 14px;\n  }\n\n  .hh-spec:nth-last-child(-n+2) { border-bottom: 0; }\n  .hh-spec span { color: var(--muted); }\n  .hh-spec strong { text-align: right; }\n\n  .hh-crosssell {\n    margin-top: 50px;\n    padding: clamp(28px, 5vw, 48px);\n    border-radius: 24px;\n    background: linear-gradient(120deg, #e7f9fc, #eff5ff);\n    text-align: center;\n  }\n\n  .hh-crosssell h3 { margin: 0 0 10px; font-size: clamp(25px, 4vw, 38px); letter-spacing: -.04em; }\n  .hh-crosssell p { max-width: 580px; margin: 0 auto 22px; color: var(--muted); line-height: 1.6; }\n  .hh-crosssell a {\n    display: inline-block;\n    padding: 14px 22px;\n    border-radius: 99px;\n    background: var(--ink);\n    color: #fff;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: transform .2s ease, background .2s ease;\n  }\n\n  .hh-crosssell a:hover { transform: translateY(-2px); background: var(--blue); }\n\n  .hh-reveal {\n    opacity: 0;\n    transform: translateY(22px);\n    transition: opacity .65s ease, transform .65s ease;\n  }\n\n  .hh-reveal.is-visible { opacity: 1; transform: translateY(0); }\n\n  @keyframes hh-shine {\n    0%, 65% { transform: translateX(-35%) rotate(8deg); }\n    100% { transform: translateX(35%) rotate(8deg); }\n  }\n\n  @media (max-width: 850px) {\n    .hh-benefits { grid-template-columns: repeat(2, 1fr); }\n    .hh-levels { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 560px) {\n    .hh-hero { border-radius: 20px; }\n    .hh-benefits, .hh-levels, .hh-specs { grid-template-columns: 1fr; }\n    .hh-spec:nth-last-child(2) { border-bottom: 1px solid var(--line); }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .hh-hero::before { animation: none; }\n    .hh-reveal { opacity: 1; transform: none; transition: none; }\n  }\n\u003c\/style\u003e\n\n\u003csection class=\"hh-drybar\"\u003e\n  \u003cdiv class=\"hh-hero\"\u003e\n    \u003cdiv class=\"hh-kicker\"\u003e👟 HyperHarbor™ Shoe Care\u003c\/div\u003e\n    \u003ch2\u003eDry smarter.\u003cbr\u003eStore better.\u003c\/h2\u003e\n    \u003cp\u003eThe HyperHarbor™ DryBar is a premium set of four stainless-steel shoe racks made to help wet shoes air dry neatly while keeping their shape.\u003c\/p\u003e\n\n    \u003cdiv class=\"hh-stat-row\"\u003e\n      \u003cdiv class=\"hh-stat\"\u003e\n\u003cstrong\u003e4 Racks\u003c\/strong\u003e\u003cspan\u003ePer complete set\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-stat\"\u003e\n\u003cstrong\u003eSteel Build\u003c\/strong\u003e\u003cspan\u003ePolished stainless finish\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-stat\"\u003e\n\u003cstrong\u003eAll Shoes\u003c\/strong\u003e\u003cspan\u003eEveryday versatile fit\u003c\/span\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hh-section hh-reveal\"\u003e\n    \u003cp class=\"hh-eyebrow\"\u003eWhy you’ll love it\u003c\/p\u003e\n    \u003ch3\u003eBuilt for fresh, organised footwear.\u003c\/h3\u003e\n    \u003cp class=\"hh-intro\"\u003eA simple elevated drying solution for sneakers, school shoes, gym shoes, boots, and everyday pairs.\u003c\/p\u003e\n\n    \u003cdiv class=\"hh-benefits\"\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e🏗️\u003c\/div\u003e\n\u003ch4\u003eBuilt to Last\u003c\/h4\u003e\n\u003cp\u003eHeavy-duty stainless-steel construction designed for reliable everyday use.\u003c\/p\u003e\u003c\/article\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e💨\u003c\/div\u003e\n\u003ch4\u003eOpen-Air Drying\u003c\/h4\u003e\n\u003cp\u003eThe U-shaped design helps expose more of each shoe to circulating air.\u003c\/p\u003e\u003c\/article\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e👟\u003c\/div\u003e\n\u003ch4\u003eUniversal Fit\u003c\/h4\u003e\n\u003cp\u003eA practical fit for sneakers, school shoes, boots, gym shoes, and more.\u003c\/p\u003e\u003c\/article\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e🧼\u003c\/div\u003e\n\u003ch4\u003eWash-Day Ready\u003c\/h4\u003e\n\u003cp\u003eThe ideal drying companion after cleaning shoes with the CrispClean Bag.\u003c\/p\u003e\u003c\/article\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e🏠\u003c\/div\u003e\n\u003ch4\u003eSave Floor Space\u003c\/h4\u003e\n\u003cp\u003eKeep shoes neatly elevated, organised, and easier to grab when you need them.\u003c\/p\u003e\u003c\/article\u003e\n      \u003carticle class=\"hh-card\"\u003e\u003cdiv class=\"hh-icon\"\u003e🎁\u003c\/div\u003e\n\u003ch4\u003ePack of 4\u003c\/h4\u003e\n\u003cp\u003eFour individual racks make it easy to care for multiple pairs at once.\u003c\/p\u003e\u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hh-section hh-reveal\"\u003e\n    \u003cp class=\"hh-eyebrow\"\u003eAfter machine washing\u003c\/p\u003e\n    \u003ch3\u003eFive simple drying levels.\u003c\/h3\u003e\n    \u003cp class=\"hh-intro\"\u003eFor best results, let shoes dry in a well-ventilated area. Actual drying time varies by material, weather, and ventilation.\u003c\/p\u003e\n\n    \u003cdiv class=\"hh-levels\"\u003e\n      \u003cdiv class=\"hh-level\"\u003e\n\u003cspan class=\"hh-number\"\u003eLEVEL 01\u003c\/span\u003e\u003cspan class=\"hh-level-icon\"\u003e🌀\u003c\/span\u003e\u003ch4\u003eShake Out\u003c\/h4\u003e\n\u003cp\u003eRemove shoes from the wash bag and shake out excess water.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-level\"\u003e\n\u003cspan class=\"hh-number\"\u003eLEVEL 02\u003c\/span\u003e\u003cspan class=\"hh-level-icon\"\u003e💧\u003c\/span\u003e\u003ch4\u003eStuff \u0026amp; Shape\u003c\/h4\u003e\n\u003cp\u003eLoosely add paper to absorb moisture and help maintain shape.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-level\"\u003e\n\u003cspan class=\"hh-number\"\u003eLEVEL 03\u003c\/span\u003e\u003cspan class=\"hh-level-icon\"\u003e🪝\u003c\/span\u003e\u003ch4\u003eMount\u003c\/h4\u003e\n\u003cp\u003ePlace each shoe heel-down on a DryBar rack for airflow.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-level\"\u003e\n\u003cspan class=\"hh-number\"\u003eLEVEL 04\u003c\/span\u003e\u003cspan class=\"hh-level-icon\"\u003e🌬️\u003c\/span\u003e\u003ch4\u003eAir Dry\u003c\/h4\u003e\n\u003cp\u003eLeave in a ventilated area or near a fan; avoid harsh direct sunlight.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-level\"\u003e\n\u003cspan class=\"hh-number\"\u003eLEVEL 05\u003c\/span\u003e\u003cspan class=\"hh-level-icon\"\u003e✅\u003c\/span\u003e\u003ch4\u003eFresh \u0026amp; Ready\u003c\/h4\u003e\n\u003cp\u003eOnce fully dry, your shoes are ready to wear or store.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hh-section hh-reveal\"\u003e\n    \u003cp class=\"hh-eyebrow\"\u003eSpecifications\u003c\/p\u003e\n    \u003ch3\u003ePremium details, uncomplicated care.\u003c\/h3\u003e\n\n    \u003cdiv class=\"hh-specs\"\u003e\n      \u003cdiv class=\"hh-spec\"\u003e\n\u003cspan\u003eMaterial\u003c\/span\u003e\u003cstrong\u003eFood-grade stainless steel\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-spec\"\u003e\n\u003cspan\u003eQuantity\u003c\/span\u003e\u003cstrong\u003e4 racks per set\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-spec\"\u003e\n\u003cspan\u003eCompatibility\u003c\/span\u003e\u003cstrong\u003eAll shoe types \u0026amp; sizes\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-spec\"\u003e\n\u003cspan\u003eWeight\u003c\/span\u003e\u003cstrong\u003eLightweight \u0026amp; easy to move\u003c\/strong\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"hh-spec\"\u003e\n\u003cspan\u003eFinish\u003c\/span\u003e\u003cstrong\u003ePolished silver stainless\u003c\/strong\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"hh-crosssell hh-reveal\"\u003e\n    \u003ch3\u003eFrom clean to completely cared for.\u003c\/h3\u003e\n    \u003cp\u003ePair your DryBar with the HyperHarbor™ CrispClean Shoe Washing Bag for a complete shoe-care routine.\u003c\/p\u003e\n    \u003ca href=\"\/products\/crispclean-shoe-washing-bag\"\u003eShop the CrispClean Bag →\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cscript\u003e\n  (function () {\n    const sections = document.querySelectorAll('.hh-drybar .hh-reveal');\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach((entry) =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('is-visible');\n          observer.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 });\n\n    sections.forEach((section) =\u003e observer.observe(section));\n  })();\n\u003c\/script\u003e","brand":"HYPER HARBOR","offers":[{"title":"Default Title","offer_id":47267002122412,"sku":null,"price":399.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0748\/2212\/3692\/files\/4pcs_Stainless_Steel_U-shaped_Shoe_Drying_Rack_2.png?v=1790077900"}],"url":"https:\/\/hyperharbor.co.za\/collections\/hyperharbor%e2%84%a2-drybar-steel-shoe-drying-rack.oembed","provider":"HYPER HARBOR","version":"1.0","type":"link"}