{"title":"Home page","description":null,"products":[{"product_id":"misora™-teeth-whitner","title":"Misora™ Teeth Whitener","description":"\u003csection class=\"misora-premium-section\"\u003e\n  \u003cdiv class=\"misora-bg-glow misora-bg-glow-1\"\u003e\u003c\/div\u003e\n  \u003cdiv class=\"misora-bg-glow misora-bg-glow-2\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"misora-container\"\u003e\n    \u003cdiv class=\"misora-hero reveal-up\"\u003e\n      \u003cspan class=\"misora-badge\"\u003eMisora™ Natural Whitening Stick\u003c\/span\u003e\n      \u003ch1\u003eWhiten Your Smile — The Natural Way \u003cspan\u003e🌿\u003c\/span\u003e\n\u003c\/h1\u003e\n      \u003cp class=\"misora-subtext\"\u003e\n        A premium natural oral care experience designed to brighten your smile,\n        freshen your breath, and support healthy gums — gently.\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"misora-feature-grid\"\u003e\n      \u003cdiv class=\"misora-feature-card reveal-up\"\u003e\n        \u003cdiv class=\"misora-icon\"\u003e🌱\u003c\/div\u003e\n        \u003ch3\u003eNatural Miswak Fibers Gently Remove Stains\u003c\/h3\u003e\n        \u003cp\u003e\n          The natural fibers in miswak act like a soft brush, helping lift surface\n          stains and polish your teeth for a brighter smile.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"misora-feature-card reveal-up\"\u003e\n        \u003cdiv class=\"misora-icon\"\u003e🦷\u003c\/div\u003e\n        \u003ch3\u003eAntibacterial Properties Help Fight Plaque\u003c\/h3\u003e\n        \u003cp\u003e\n          Miswak contains natural antibacterial compounds that help reduce plaque\n          buildup and support a cleaner mouth.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"misora-feature-card reveal-up\"\u003e\n        \u003cdiv class=\"misora-icon\"\u003e😃\u003c\/div\u003e\n        \u003ch3\u003eFreshens Breath While Supporting Healthy Gums\u003c\/h3\u003e\n        \u003cp\u003e\n          Regular use helps keep your breath fresh and supports healthy gums\n          without the need for harsh ingredients.\n        \u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"misora-why-wrap reveal-up\"\u003e\n      \u003cdiv class=\"misora-why-left\"\u003e\n        \u003cp class=\"misora-mini-title\"\u003eWhy Choose Misora?\u003c\/p\u003e\n        \u003ch2\u003eA Simpler Way to Care for Your Smile\u003c\/h2\u003e\n        \u003cp class=\"misora-body\"\u003e\n          Misora™ makes oral care easy. No complicated treatments, no harsh whitening\n          chemicals, and no unnecessary additives. Just a natural solution designed\n          to work with your daily routine.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"misora-checklist\"\u003e\n          \u003cdiv class=\"misora-check-item\"\u003e\n\u003cspan\u003e✔\u003c\/span\u003e 100% natural miswak\u003c\/div\u003e\n          \u003cdiv class=\"misora-check-item\"\u003e\n\u003cspan\u003e✔\u003c\/span\u003e Gentle on teeth and gums\u003c\/div\u003e\n          \u003cdiv class=\"misora-check-item\"\u003e\n\u003cspan\u003e✔\u003c\/span\u003e No chemicals or artificial ingredients\u003c\/div\u003e\n          \u003cdiv class=\"misora-check-item\"\u003e\n\u003cspan\u003e✔\u003c\/span\u003e Fresh breath and cleaner teeth\u003c\/div\u003e\n          \u003cdiv class=\"misora-check-item\"\u003e\n\u003cspan\u003e✔\u003c\/span\u003e Simple, effective daily care\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"misora-why-right\"\u003e\n        \u003cdiv class=\"misora-premium-card floating-card\"\u003e\n          \u003cdiv class=\"misora-card-top\"\u003e\u003c\/div\u003e\n          \u003ch3\u003eProudly South African\u003c\/h3\u003e\n          \u003cp\u003e\n            Misora™ is built for people who want natural, effective oral care with a\n            premium feel they can trust every day.\n          \u003c\/p\u003e\n          \u003cdiv class=\"misora-shine\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .misora-premium-section {\n    --misora-green: #1f4d3a;\n    --misora-green-2: #2e6b57;\n    --misora-cream: #f7f3ec;\n    --misora-gold: #c9a96b;\n    --misora-text: #1c1c1c;\n    --misora-muted: #5f655f;\n    --misora-white: #ffffff;\n    --misora-border: rgba(31, 77, 58, 0.12);\n\n    position: relative;\n    overflow: hidden;\n    padding: 90px 20px;\n    background:\n      radial-gradient(circle at top left, rgba(201, 169, 107, 0.14), transparent 30%),\n      linear-gradient(180deg, #fcfbf8 0%, var(--misora-cream) 100%);\n  }\n\n  .misora-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 2;\n  }\n\n  .misora-bg-glow {\n    position: absolute;\n    border-radius: 999px;\n    filter: blur(70px);\n    opacity: 0.35;\n    pointer-events: none;\n  }\n\n  .misora-bg-glow-1 {\n    width: 280px;\n    height: 280px;\n    background: rgba(201, 169, 107, 0.35);\n    top: 30px;\n    left: -60px;\n    animation: misoraFloatGlow 7s ease-in-out infinite;\n  }\n\n  .misora-bg-glow-2 {\n    width: 320px;\n    height: 320px;\n    background: rgba(46, 107, 87, 0.18);\n    bottom: 20px;\n    right: -80px;\n    animation: misoraFloatGlow 8s ease-in-out infinite reverse;\n  }\n\n  .misora-hero {\n    text-align: center;\n    max-width: 850px;\n    margin: 0 auto 55px;\n  }\n\n  .misora-badge {\n    display: inline-block;\n    padding: 10px 18px;\n    border-radius: 999px;\n    background: rgba(31, 77, 58, 0.08);\n    border: 1px solid rgba(31, 77, 58, 0.12);\n    color: var(--misora-green);\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 18px;\n    backdrop-filter: blur(10px);\n  }\n\n  .misora-hero h1 {\n    margin: 0;\n    font-size: clamp(38px, 6vw, 68px);\n    line-height: 1.05;\n    letter-spacing: -0.03em;\n    color: var(--misora-green);\n    font-weight: 600;\n  }\n\n  .misora-hero h1 span {\n    display: inline-block;\n    animation: misoraLeaf 2.8s ease-in-out infinite;\n    transform-origin: center;\n  }\n\n  .misora-subtext {\n    margin: 20px auto 0;\n    max-width: 720px;\n    font-size: 18px;\n    line-height: 1.7;\n    color: var(--misora-muted);\n  }\n\n  .misora-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 22px;\n    margin-bottom: 65px;\n  }\n\n  .misora-feature-card {\n    position: relative;\n    background: rgba(255, 255, 255, 0.7);\n    border: 1px solid var(--misora-border);\n    border-radius: 24px;\n    padding: 28px;\n    box-shadow: 0 10px 30px rgba(31, 77, 58, 0.06);\n    backdrop-filter: blur(12px);\n    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;\n    overflow: hidden;\n  }\n\n  .misora-feature-card::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      135deg,\n      rgba(201, 169, 107, 0.10),\n      transparent 45%,\n      rgba(46, 107, 87, 0.06)\n    );\n    opacity: 0;\n    transition: opacity 0.35s ease;\n  }\n\n  .misora-feature-card:hover {\n    transform: translateY(-8px);\n    box-shadow: 0 18px 45px rgba(31, 77, 58, 0.12);\n    border-color: rgba(201, 169, 107, 0.35);\n  }\n\n  .misora-feature-card:hover::before {\n    opacity: 1;\n  }\n\n  .misora-icon {\n    width: 58px;\n    height: 58px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 26px;\n    border-radius: 18px;\n    background: linear-gradient(135deg, rgba(31, 77, 58, 0.10), rgba(201, 169, 107, 0.12));\n    margin-bottom: 18px;\n    position: relative;\n    z-index: 1;\n  }\n\n  .misora-feature-card h3 {\n    position: relative;\n    z-index: 1;\n    margin: 0 0 12px;\n    font-size: 24px;\n    line-height: 1.25;\n    color: var(--misora-text);\n    font-weight: 600;\n  }\n\n  .misora-feature-card p {\n    position: relative;\n    z-index: 1;\n    margin: 0;\n    color: var(--misora-muted);\n    font-size: 16px;\n    line-height: 1.75;\n  }\n\n  .misora-why-wrap {\n    display: grid;\n    grid-template-columns: 1.2fr 0.8fr;\n    gap: 28px;\n    align-items: stretch;\n  }\n\n  .misora-why-left,\n  .misora-why-right {\n    min-width: 0;\n  }\n\n  .misora-why-left {\n    background: rgba(255,255,255,0.66);\n    border: 1px solid var(--misora-border);\n    border-radius: 28px;\n    padding: 36px;\n    box-shadow: 0 10px 30px rgba(31, 77, 58, 0.06);\n    backdrop-filter: blur(12px);\n  }\n\n  .misora-mini-title {\n    margin: 0 0 10px;\n    color: var(--misora-gold);\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .misora-why-left h2 {\n    margin: 0 0 16px;\n    font-size: clamp(30px, 4vw, 46px);\n    line-height: 1.1;\n    letter-spacing: -0.03em;\n    color: var(--misora-green);\n    font-weight: 600;\n  }\n\n  .misora-body {\n    margin: 0 0 25px;\n    color: var(--misora-muted);\n    font-size: 17px;\n    line-height: 1.8;\n    max-width: 700px;\n  }\n\n  .misora-checklist {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .misora-check-item {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding: 14px 16px;\n    border-radius: 16px;\n    background: rgba(31, 77, 58, 0.05);\n    color: var(--misora-text);\n    font-size: 15px;\n    font-weight: 500;\n    transition: transform 0.25s ease, background 0.25s ease;\n  }\n\n  .misora-check-item:hover {\n    transform: translateX(4px);\n    background: rgba(31, 77, 58, 0.08);\n  }\n\n  .misora-check-item span {\n    color: var(--misora-green-2);\n    font-weight: 700;\n    font-size: 18px;\n  }\n\n  .misora-premium-card {\n    position: relative;\n    height: 100%;\n    min-height: 100%;\n    padding: 36px;\n    border-radius: 28px;\n    background: linear-gradient(180deg, var(--misora-green) 0%, #17392c 100%);\n    color: var(--misora-white);\n    box-shadow: 0 18px 45px rgba(31, 77, 58, 0.22);\n    overflow: hidden;\n  }\n\n  .misora-card-top {\n    width: 70px;\n    height: 4px;\n    border-radius: 999px;\n    background: linear-gradient(90deg, var(--misora-gold), #f2dfb3);\n    margin-bottom: 22px;\n  }\n\n  .misora-premium-card h3 {\n    margin: 0 0 14px;\n    font-size: 34px;\n    line-height: 1.1;\n    font-weight: 600;\n    letter-spacing: -0.03em;\n  }\n\n  .misora-premium-card p {\n    margin: 0;\n    font-size: 17px;\n    line-height: 1.8;\n    color: rgba(255,255,255,0.84);\n    max-width: 420px;\n  }\n\n  .misora-shine {\n    position: absolute;\n    top: -60%;\n    left: -20%;\n    width: 60%;\n    height: 220%;\n    background: linear-gradient(\n      90deg,\n      transparent,\n      rgba(255,255,255,0.06),\n      rgba(255,255,255,0.18),\n      rgba(255,255,255,0.06),\n      transparent\n    );\n    transform: rotate(20deg);\n    animation: misoraShine 5s linear infinite;\n    pointer-events: none;\n  }\n\n  .floating-card {\n    animation: misoraFloatCard 5s ease-in-out infinite;\n  }\n\n  .reveal-up {\n    opacity: 0;\n    transform: translateY(28px);\n    transition: opacity 0.9s ease, transform 0.9s ease;\n  }\n\n  .reveal-up.in-view {\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  @keyframes misoraLeaf {\n    0%, 100% { transform: rotate(0deg) translateY(0px); }\n    50% { transform: rotate(-8deg) translateY(-2px); }\n  }\n\n  @keyframes misoraFloatGlow {\n    0%, 100% { transform: translateY(0px) translateX(0px); }\n    50% { transform: translateY(18px) translateX(10px); }\n  }\n\n  @keyframes misoraFloatCard {\n    0%, 100% { transform: translateY(0px); }\n    50% { transform: translateY(-10px); }\n  }\n\n  @keyframes misoraShine {\n    0% { left: -40%; }\n    100% { left: 120%; }\n  }\n\n  @media (max-width: 989px) {\n    .misora-feature-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .misora-why-wrap {\n      grid-template-columns: 1fr;\n    }\n\n    .misora-checklist {\n      grid-template-columns: 1fr;\n    }\n\n    .misora-premium-section {\n      padding: 70px 16px;\n    }\n\n    .misora-why-left,\n    .misora-premium-card {\n      padding: 26px;\n    }\n  }\n\n  @media (max-width: 640px) {\n    .misora-badge {\n      font-size: 11px;\n      padding: 9px 14px;\n    }\n\n    .misora-hero {\n      margin-bottom: 35px;\n    }\n\n    .misora-subtext {\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .misora-feature-card h3 {\n      font-size: 21px;\n    }\n\n    .misora-feature-card {\n      padding: 22px;\n      border-radius: 20px;\n    }\n\n    .misora-why-left {\n      border-radius: 22px;\n    }\n\n    .misora-premium-card {\n      border-radius: 22px;\n    }\n\n    .misora-premium-card h3 {\n      font-size: 28px;\n    }\n\n    .misora-check-item {\n      font-size: 14px;\n      padding: 13px 14px;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const items = document.querySelectorAll(\".reveal-up\");\n\n    const observer = new IntersectionObserver((entries) =\u003e {\n      entries.forEach((entry) =\u003e {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"in-view\");\n        }\n      });\n    }, {\n      threshold: 0.15\n    });\n\n    items.forEach((item) =\u003e observer.observe(item));\n  });\n\u003c\/script\u003e","brand":"Misora","offers":[{"title":"Default Title","offer_id":43040046809178,"sku":null,"price":300.0,"currency_code":"ZAR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/4590\/3450\/files\/ChatGPTImageMar12_2026_04_41_01AM.png?v=1773315675"}],"url":"https:\/\/bracewell.co.za\/collections\/frontpage.oembed","provider":"BraceWell","version":"1.0","type":"link"}