{"title":"Bill Helin - Life Crests","description":"\u003c!-- ================================================================= --\u003e\n\u003c!-- CONTAINER 2: LEGENDARY ARTIST COLLABORATION (INTERACTIVE EXPLORER) --\u003e\n\u003c!-- Recommended: Paste into a Shopify \"Custom Liquid\" or \"Custom HTML\" block --\u003e\n\u003c!-- ================================================================= --\u003e\n\u003cdiv id=\"sm-about-crest-explorer\"\u003e\n    \n    \u003c!-- External typography and Icon framework libraries safely imported --\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e\n    \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\u003e\n    \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900\u0026amp;family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\n    \u003c!-- LOCAL CONTAINER STYLING MODULES --\u003e\n    \u003cstyle\u003e\n        #sm-about-crest-explorer {\n            --sm-dark: #2C2520;\n            --sm-cream: #FAF7F2;\n            --sm-gold: #C5A880;\n            --sm-gold-dark: #9E8056;\n            \n            background-color: var(--sm-dark);\n            color: var(--sm-cream);\n            font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\n            line-height: 1.7;\n            padding: 0;\n            margin: 24px auto;\n            box-sizing: border-box;\n            overflow-x: hidden;\n            max-width: 1400px;\n            border-radius: 24px;\n            box-shadow: 0 10px 40px rgba(44, 37, 32, 0.06);\n            width: 100%;\n        }\n\n        #sm-about-crest-explorer * {\n            box-sizing: border-box;\n            transition: all 0.25s ease-in-out;\n        }\n\n        #sm-about-crest-explorer .serif-heading {\n            font-family: 'Playfair Display', Georgia, serif;\n            font-weight: 700;\n        }\n\n        \/* Artist Grid \u0026 Interactive Showcase *\/\n        #sm-about-crest-explorer .artist-banner {\n            background-color: var(--sm-dark);\n            color: var(--sm-cream);\n            padding: 96px 24px;\n            position: relative;\n        }\n        #sm-about-crest-explorer .artist-grid {\n            max-width: 1300px;\n            margin: 0 auto;\n            display: grid;\n            grid-template-columns: 1fr;\n            gap: 64px;\n            align-items: center;\n        }\n        @media (min-width: 992px) {\n            #sm-about-crest-explorer .artist-grid {\n                grid-template-columns: 4fr 8fr;\n            }\n        }\n\n        \/* Badges *\/\n        #sm-about-crest-explorer .badge {\n            font-size: 11px;\n            text-transform: uppercase;\n            letter-spacing: 2.5px;\n            color: var(--sm-gold-dark);\n            font-weight: 800;\n            display: inline-block;\n        }\n\n        \/* Crest Buttons Grid *\/\n        #sm-about-crest-explorer .crest-buttons-container {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 12px;\n            margin: 16px 0 24px 0;\n            max-height: 440px;\n            overflow-y: auto;\n            padding-right: 8px;\n        }\n        @media (min-width: 640px) {\n            #sm-about-crest-explorer .crest-buttons-container {\n                grid-template-columns: repeat(3, 1fr);\n            }\n        }\n        @media (min-width: 1024px) {\n            #sm-about-crest-explorer .crest-buttons-container {\n                grid-template-columns: repeat(4, 1fr);\n            }\n        }\n        \n        \/* Custom styled scrollbars *\/\n        #sm-about-crest-explorer .crest-buttons-container::-webkit-scrollbar {\n            width: 6px;\n        }\n        #sm-about-crest-explorer .crest-buttons-container::-webkit-scrollbar-track {\n            background: rgba(250, 247, 242, 0.05);\n            border-radius: 10px;\n        }\n        #sm-about-crest-explorer .crest-buttons-container::-webkit-scrollbar-thumb {\n            background: var(--sm-gold);\n            border-radius: 10px;\n        }\n\n        #sm-about-crest-explorer .crest-tab-btn {\n            background-color: rgba(250, 247, 242, 0.05);\n            border: 1px solid rgba(197, 168, 128, 0.2);\n            border-radius: 16px;\n            padding: 14px 12px;\n            cursor: pointer;\n            color: var(--sm-cream);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            text-align: center;\n            min-height: 100px;\n        }\n        #sm-about-crest-explorer .crest-tab-thumb-container {\n            width: 40px;\n            height: 40px;\n            border-radius: 50%;\n            overflow: hidden;\n            border: 1.5px solid var(--sm-gold);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background-color: var(--sm-dark);\n            flex-shrink: 0;\n        }\n        #sm-about-crest-explorer .crest-tab-thumb {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n        #sm-about-crest-explorer .crest-tab-btn span {\n            font-size: 11.5px;\n            font-weight: 700;\n            letter-spacing: 0.5px;\n            line-height: 1.2;\n        }\n        #sm-about-crest-explorer .crest-tab-btn:hover {\n            background-color: rgba(250, 247, 242, 0.1);\n            transform: translateY(-2px);\n        }\n        #sm-about-crest-explorer .crest-tab-btn.active {\n            background-color: var(--sm-gold);\n            color: var(--sm-dark) !important;\n            border-color: var(--sm-gold);\n            box-shadow: 0 6px 20px rgba(197, 168, 128, 0.25);\n        }\n        #sm-about-crest-explorer .crest-tab-btn.active .crest-tab-thumb-container {\n            border-color: var(--sm-dark);\n        }\n\n        \/* Display Panel for Crests *\/\n        #sm-about-crest-explorer .crest-display-panel {\n            background-color: rgba(250, 247, 242, 0.04);\n            border: 1px solid rgba(197, 168, 128, 0.2);\n            border-radius: 20px;\n            padding: 32px;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 32px;\n        }\n        @media (min-width: 768px) {\n            #sm-about-crest-explorer .crest-display-panel {\n                flex-direction: row;\n                text-align: left;\n            }\n        }\n        #sm-about-crest-explorer .crest-img-container {\n            width: 110px;\n            height: 110px;\n            background-color: var(--sm-dark);\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            border: 2px solid var(--sm-gold);\n            flex-shrink: 0;\n            overflow: hidden;\n            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);\n        }\n        #sm-about-crest-explorer .crest-display-img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n    \u003c\/style\u003e\n\n    \u003c!-- SECTION 3: LEGENDARY ARTIST COLLABORATION --\u003e\n    \u003cdiv class=\"artist-banner\"\u003e\n        \u003cdiv style=\"position: absolute; top: 0; left: 0; right: 0; height: 100%; opacity: 0.04; pointer-events: none; background-image: radial-gradient(#C5A880 1px, transparent 1px); background-size: 20px 20px;\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"artist-grid\"\u003e\n            \u003cdiv style=\"display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; z-index: 5;\"\u003e\n                \u003cdiv style=\"width: 168px; height: 168px; background-color: #2C2520; border: 3px solid #C5A880; border-radius: 50%; display: flex; align-items: center; justify-content: center; overflow: hidden; margin-bottom: 20px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.45);\"\u003e\n                    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Bill-Helin-portrait.jpg?v=1781936195\" alt=\"Bill Helin Profile\" style=\"width: 100%; height: 100%; object-fit: cover;\"\u003e\n                \u003c\/div\u003e\n                \u003ch3 class=\"serif-heading\" style=\"font-size: 26px; color: #FAF7F2; margin: 0 0 2px 0;\"\u003eBill Helin\u003c\/h3\u003e\n                \u003cspan class=\"badge\" style=\"color: #C5A880; font-weight: bold; margin-bottom: 16px;\"\u003eRenowned Tsimshian Artist\u003c\/span\u003e\n                \u003cdiv style=\"width: 48px; height: 3px; background-color: #C5A880; border-radius: 2px; margin-bottom: 20px;\"\u003e\u003c\/div\u003e\n                \u003cp style=\"font-size: 12px; color: rgba(250, 247, 242, 0.6); max-width: 250px; line-height: 1.6; margin: 0;\"\u003e\n                    Working hand-in-hand to bring timeless tribal crests to beautiful, wearable moccasin art.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n            \n            \u003cdiv style=\"display: flex; flex-direction: column; gap: 20px; text-align: left; position: relative; z-index: 5;\"\u003e\n                \u003cspan class=\"badge\" style=\"color: #C5A880;\"\u003eThe Tsimshian Legacy\u003c\/span\u003e\n                \u003ch4 class=\"serif-heading\" style=\"font-size: clamp(1.5rem, 3.5vw, 2.1rem); color: #FAF7F2; margin: 0; line-height: 1.25;\"\u003e\n                    Exquisite Tsimshian Crests on Soft Canadian Leathers\n                \u003c\/h4\u003e\n                \u003cp style=\"color: rgba(250, 247, 242, 0.85); margin: 0; font-size: 14px; line-height: 1.65;\"\u003e\n                    One of the defining milestones of Spirit Moccasins is our custom range featuring over 18 stunning Tsimshian Crests designed exclusively by legendary Canadian artist \u003cstrong\u003eBill Helin\u003c\/strong\u003e.\n                \u003c\/p\u003e\n                \n                \u003c!-- Dynamic Crest Tab selectors --\u003e\n                \u003cdiv style=\"margin-top: 12px;\"\u003e\n                    \u003cdiv style=\"display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px;\"\u003e\n                        \u003cspan style=\"font-size: 11px; text-transform: uppercase; color: #C5A880; font-weight: bold; letter-spacing: 1.5px;\"\u003eClick to Explore Ancestral Meanings:\u003c\/span\u003e\n                        \u003cspan style=\"font-size: 10px; color: rgba(250,247,242,0.5); font-style: italic;\"\u003e\u003ci class=\"fa-solid fa-arrows-up-down\" style=\"margin-right: 4px;\"\u003e\u003c\/i\u003eScroll for more\u003c\/span\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"crest-buttons-container\"\u003e\n                        \u003c!-- Hummingbird --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('hummingbird')\" id=\"crest-tab-hummingbird\" class=\"crest-tab-btn active\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hummingbird.jpg?v=1781932754\" alt=\"Hummingbird Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eHummingbird\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Eagle --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('eagle')\" id=\"crest-tab-eagle\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/eagle.jpg?v=1781931999\" alt=\"Eagle Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eEagle\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Raven --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('raven')\" id=\"crest-tab-raven\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Raven.jpg?v=1781931999\" alt=\"Raven Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eRaven\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Frog --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('frog')\" id=\"crest-tab-frog\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/frog.jpg?v=1781931999\" alt=\"Frog Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eFrog\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Otter --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('otter')\" id=\"crest-tab-otter\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/otter.jpg?v=1781931999\" alt=\"Otter Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eOtter\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Whale --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('whale')\" id=\"crest-tab-whale\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Whale.png?v=1781933212\" alt=\"Whale Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eWhale\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Owl --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('owl')\" id=\"crest-tab-owl\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/OWL.jpg?v=1781931999\" alt=\"Owl Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eOwl\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Moon --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('moon')\" id=\"crest-tab-moon\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/moon.jpg?v=1781931999\" alt=\"Moon Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eMoon\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Sun --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('sun')\" id=\"crest-tab-sun\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/sun.jpg?v=1781932000\" alt=\"Sun Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eSun\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Orca --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('orca')\" id=\"crest-tab-orca\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Killer_Whale.png?v=1781933212\" alt=\"Orca Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eOrca\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Dolphin --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('dolphin')\" id=\"crest-tab-dolphin\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/dolphin.jpg?v=1781931999\" alt=\"Dolphin Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eDolphin\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Bear --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('bear')\" id=\"crest-tab-bear\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/bear.jpg?v=1781931999\" alt=\"Bear Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eBear\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Chilkat --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('chilkat')\" id=\"crest-tab-chilkat\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Copper-Bill-Helin-spirit-moccasins.jpg?v=1781932124\" alt=\"Chilkat Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eChilkat\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Wolf --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('wolf')\" id=\"crest-tab-wolf\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/wolf.jpg?v=1781931999\" alt=\"Wolf Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eWolf\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Beaver --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('beaver')\" id=\"crest-tab-beaver\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Beaver.png?v=1781933212\" alt=\"Beaver Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eBeaver\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Salmon --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('salmon')\" id=\"crest-tab-salmon\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/salmon.jpg?v=1781931999\" alt=\"Salmon Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eSalmon\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Turtle --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('turtle')\" id=\"crest-tab-turtle\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/turtle.jpg?v=1781932000\" alt=\"Turtle Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eTurtle\u003c\/span\u003e\n                        \u003c\/button\u003e\n                        \u003c!-- Hiatsk --\u003e\n                        \u003cbutton onclick=\"sm_switchCrest('hiatsk')\" id=\"crest-tab-hiatsk\" class=\"crest-tab-btn\"\u003e\n                            \u003cdiv class=\"crest-tab-thumb-container\"\u003e\n                                \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hiatsk.jpg?v=1781931999\" alt=\"Hiatsk Thumbnail\" class=\"crest-tab-thumb\"\u003e\n                            \u003c\/div\u003e\n                            \u003cspan\u003eHiatsk\u003c\/span\u003e\n                        \u003c\/button\u003e\n                    \u003c\/div\u003e\n\n                    \u003c!-- Dynamic Description Panel --\u003e\n                    \u003cdiv id=\"sm-crest-display\" class=\"crest-display-panel\"\u003e\n                        \u003cdiv class=\"crest-img-container\"\u003e\n                            \u003cimg id=\"sm-crest-img\" class=\"crest-display-img\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hummingbird.jpg?v=1781932754\" alt=\"Hummingbird Crest Preview\"\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch5 id=\"sm-crest-title\" class=\"serif-heading\" style=\"font-size: 20px; color: #C5A880; margin: 0 0 2px 0;\"\u003eHummingbird\u003c\/h5\u003e\n                            \u003cspan id=\"sm-crest-subtitle\" style=\"font-size: 11px; text-transform: uppercase; color: rgba(250,247,242,0.6); font-weight: bold; display: block; margin-bottom: 8px;\"\u003eThe Messenger of Joy \u0026amp; Healing\u003c\/span\u003e\n                            \u003cp id=\"sm-crest-desc\" style=\"font-size: 13.5px; color: rgba(250,247,242,0.8); margin: 0; line-height: 1.6;\"\u003e\n                                The Hummingbird represents beauty, grace, and unique healing qualities. It is a legendary symbol of pure friendship, joy, and the bringing of playfulness to our natural paths.\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- CORE INTERACTIVITY SCRIPTS FOR CONTAINER 2 --\u003e\n    \u003cscript\u003e\n        const sm_crests = {\n            hummingbird: {\n                title: \"Hummingbird\",\n                subtitle: \"The Messenger of Joy \u0026 Healing\",\n                desc: \"The Hummingbird represents beauty, grace, and unique healing qualities. It is a legendary symbol of pure friendship, joy, and the bringing of playfulness to our natural paths.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hummingbird.jpg?v=1781932754\"\n            },\n            eagle: {\n                title: \"Eagle\",\n                subtitle: \"The Sacred Guide of Wisdom \u0026 Strength\",\n                desc: \"Representing power, prestigious status, and spiritual depth. The Eagle possesses the vision to fly near the Creator, bridging Earthly steps with heavenly enlightenment.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/eagle.jpg?v=1781931999\"\n            },\n            raven: {\n                title: \"Raven\",\n                subtitle: \"The Clever Messenger \u0026 Trickster\",\n                desc: \"The Great Transformer. Raven is a magical creature known for creating the light of the sun, and represents absolute intelligence, reflection, and high-spirited creativity.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Raven.jpg?v=1781931999\"\n            },\n            frog: {\n                title: \"Frog\",\n                subtitle: \"The Harbinger of Voice, Spring \u0026 Transition\",\n                desc: \"Frog is respected as a communicator. It symbolizes deep transformation, voice projection, clean water transitions, and the arrival of prosperous seasons.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/frog.jpg?v=1781931999\"\n            },\n            otter: {\n                title: \"Otter\",\n                subtitle: \"The Symbol of Friendship, Peace \u0026 Family\",\n                desc: \"Highly regarded in traditional Northwest Coast culture, the Otter represents playfulness, curiosity, and community. Historically, its luxurious fur was highly prized and worn exclusively by tribal chiefs as a symbol of status and wealth.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/otter.jpg?v=1781931999\"\n            },\n            whale: {\n                title: \"Whale\",\n                subtitle: \"The Great Traveler \u0026 Ocean Guardian\",\n                desc: \"Whale represents ancient wisdom, steady guidance, and traveler protection. Known as a guardian of deep waters, Whale guides and shields all who venture out into long ocean voyages.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Whale.png?v=1781933212\"\n            },\n            owl: {\n                title: \"Owl\",\n                subtitle: \"The Silent Watcher \u0026 Guide of Wisdom\",\n                desc: \"The Owl is revered as a guardian of foresight, transition, and nightly truth. Possessing deep vision through darkness, the Owl acts as a messenger of ancestors and spiritual insight.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/OWL.jpg?v=1781931999\"\n            },\n            moon: {\n                title: \"Moon\",\n                subtitle: \"The Protector of Quiet Transition\",\n                desc: \"The Moon is the gentle guardian of tranquility, night reflection, and steady cycles. It symbolizes transformation, protecting travelers through physical and spiritual dark periods.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/moon.jpg?v=1781931999\"\n            },\n            sun: {\n                title: \"Sun\",\n                subtitle: \"The Source of Life, Abundance \u0026 Warmth\",\n                desc: \"Representing the Sun Chief, this crest symbolizes healing, energy, and constant renewal. It is the provider of core abundance, warmth, and vitality to all living creatures on Earth.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/sun.jpg?v=1781932000\"\n            },\n            orca: {\n                title: \"Orca (Killer Whale)\",\n                subtitle: \"The Guardian of Family, Romance \u0026 Pod Harmony\",\n                desc: \"Representing romantic devotion, community, and longevity. Orcas mate for life and protect their pods with fierce loyalty, bridging ocean journeys with safe homeland returns.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Killer_Whale.png?v=1781933212\"\n            },\n            dolphin: {\n                title: \"Dolphin\",\n                subtitle: \"The Playful Messenger of Alliance \u0026 Grace\",\n                desc: \"Dolphin represents gentleness, playful curiosity, and lasting alliances. Historically honored as ocean helpers, they signify guidance, social harmony, and friendship.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/dolphin.jpg?v=1781931999\"\n            },\n            bear: {\n                title: \"Bear\",\n                subtitle: \"The Elder Kinman of Strength \u0026 Friendship\",\n                desc: \"The Bear represents inner power, courage, and family defense. Traditionally welcomed as a highly honored guest, Bear teaches us to protect our kinsmen and rebuild our inner reserves.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/bear.jpg?v=1781931999\"\n            },\n            chilkat: {\n                title: \"Chilkat\",\n                subtitle: \"The Badge of Status, Art \u0026 Lineage\",\n                desc: \"Inspired by traditional Northwest Coast ceremonial blankets. Chilkat symbolizes ancestry, prestige, and high status, weaving together histories, memories, and animal spirits.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Copper-Bill-Helin-spirit-moccasins.jpg?v=1781932124\"\n            },\n            wolf: {\n                title: \"Wolf\",\n                subtitle: \"The Loyal Guide of Family \u0026 Unity\",\n                desc: \"Wolf represents loyalty, pack power, and intense support. As travelers of the night wilderness, they symbolize family bonds, mutual protection, and deep teacher instincts.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/wolf.jpg?v=1781931999\"\n            },\n            beaver: {\n                title: \"Beaver\",\n                subtitle: \"The Builder of Foundations \u0026 Hard Work\",\n                desc: \"Beaver symbolizes creative industry, persistent determination, and strong foundations. By crafting safe domains, Beaver reminds us to construct our dreams with patience.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/Beaver.png?v=1781933212\"\n            },\n            salmon: {\n                title: \"Salmon\",\n                subtitle: \"The Giver of Abundance \u0026 Seasonal Prosperity\",\n                desc: \"The Salmon represents perseverance, cycle renewal, and life-giving prosperity. It teaches us to honor environmental resources, bringing abundant vitality to our pathways.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/salmon.jpg?v=1781931999\"\n            },\n            turtle: {\n                title: \"Turtle\",\n                subtitle: \"The Ancient Guardian of Mother Earth\",\n                desc: \"Turtle symbolizes longevity, grounded security, and ancient earth wisdom. Carrying its shelter on its back, Turtle reminds us to walk in steady, patient, and mindful peace.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/turtle.jpg?v=1781932000\"\n            },\n            hiatsk: {\n                title: \"Hiatsk (Copper Shield)\",\n                subtitle: \"The Emblem of Ultimate Honor \u0026 Wealth\",\n                desc: \"The hammered copper shield was the supreme Northwest Coast symbol of prestige, chief status, and high honor. Giving a Hiatsk represents deepest respect and admiration.\",\n                imgUrl: \"https:\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hiatsk.jpg?v=1781931999\"\n            }\n        };\n\n        function sm_switchCrest(key) {\n            \/\/ Deactivate all crest buttons\n            document.querySelectorAll('#sm-about-crest-explorer .crest-tab-btn').forEach(btn =\u003e {\n                btn.classList.remove('active');\n            });\n            \n            \/\/ Activate target button\n            document.getElementById(`crest-tab-${key}`).classList.add('active');\n            \n            \/\/ Swap display properties\n            const data = sm_crests[key];\n            document.getElementById('sm-crest-title').innerText = data.title;\n            document.getElementById('sm-crest-subtitle').innerText = data.subtitle;\n            document.getElementById('sm-crest-desc').innerText = data.desc;\n            \n            \/\/ Update Image Source \u0026 Alt tags dynamically\n            const crestImgElement = document.getElementById('sm-crest-img');\n            crestImgElement.src = data.imgUrl;\n            crestImgElement.alt = `${data.title} Crest Outline`;\n        }\n    \u003c\/script\u003e\n\u003c\/div\u003e","products":[{"product_id":"the-hummingbird-spirit-moccasin-a-symbol-of-joy-and-healing-womens","title":"The Hummingbird Spirit Moccasin: A Symbol of Joy and Healing | Women's","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n  \n  \u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Hero Visual Statement --\u003e\n  \u003cdiv class=\"hero-quote\"\u003e\n    \u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n    \u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro Block --\u003e\n  \u003cp class=\"intro-para\"\u003e\n    Welcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\n  \u003c\/p\u003e\n\n  \u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n  \u003cdiv class=\"badge-grid\"\u003e\n    \n    \u003c!-- Huron First Nations Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eHuron First Nations\u003c\/h4\u003e\n      \u003cp\u003eHandcrafted in Quebec using traditional techniques.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Premium Moosehide Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n      \u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Artist Crest Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n      \u003cp\u003eFeaturing the beautiful, sacred Tsimshian Crest.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Content Tabs --\u003e\n  \u003cdiv class=\"tabs-wrapper\"\u003e\n    \u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e\n    \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\n    \u003cdiv class=\"tab-labels\"\u003e\n      \u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e\n      \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e\n      \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e\n      \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-contents\"\u003e\n      \n      \u003c!-- Tab 1: The Sacred Story --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n        \u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n        \u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e.\u003c\/p\u003e\n        \n        \u003cdiv class=\"story-quote\"\u003e\n          \"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\n        \u003c\/div\u003e\n        \n        \u003cp\u003eIn Tsimshian belief, the Hummingbird acts as a graceful messenger of hope, bringing comfort and restorative healing during times of sorrow. This delicate creature serves as a reminder of the fragility of nature and the sacred interconnectedness of all living things. Gifting or wearing this Hummingbird-inspired creation signifies a heartfelt wish for joy, peace, and mutual appreciation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n        \u003ch3\u003eCrafted with Pride \u0026amp; Heritage\u003c\/h3\u003e\n        \u003cp\u003eThis premium slipper is built to celebrate the historical structural integrity of traditional Indigenous-style footwear. Designed specifically for luxurious indoor relaxation.\u003c\/p\u003e\n        \n        \u003cul class=\"spec-list\"\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eGenuine Canadian Moosehide\u003c\/strong\u003e\n            Wild-sourced moosehide offers unparalleled soft-molding comfort, naturally breathing to adapt to warm and cool climates.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eDouble-Padded Ski Sole\u003c\/strong\u003e\n            Features an extra cushioned layer of genuine moosehide underfoot, specifically designed to protect cold feet while offering a quiet, cloud-like step.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003ePlush Moosehide Collar\u003c\/strong\u003e\n            A beautiful, classic folded collar framing the ankle, providing elegant structure and gentle support.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eUnlined Design \u0026amp; Tapestry Insole\u003c\/strong\u003e\n            Kept unlined to maximize natural air circulation, accented by a detailed, comfortable tapestry footbed that adds a beautiful, soft textured contrast.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n        \u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n        \u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n        \n        \u003ctable\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n              \u003cth\u003eEU Size\u003c\/th\u003e\n              \u003cth\u003eUK Size\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 5\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 6\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 7\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 8\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 9\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 10\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 11\u003c\/td\u003e\n\u003ctd\u003e41\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv class=\"sizing-callout\"\u003e\n          \u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 4: Sustainable Heritage --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n        \u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n        \u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing these authentic moccasins, you actively invest in a sustainable economy and support local Indigenous communities.\u003c\/p\u003e\n        \n        \u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced wild moosehide contains a far lower environmental footprint than synthetic alternatives.\u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLow-Impact Production:\u003c\/strong\u003e Meticulously handcrafted by local artisans using traditional, energy-efficient tools.\u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLongevity:\u003c\/strong\u003e Unlike mass-produced footwear, these moccasins can easily be maintained, kept, and repaired, ensuring they stay out of landfills for years.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sustainability Trust Box --\u003e\n  \u003cdiv class=\"trust-banner\"\u003e\n    \u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n    \u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52581854412981,"sku":"SS489F-1","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52581854445749,"sku":"SS489F-2","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52581854478517,"sku":"SS489F-3","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52581854511285,"sku":"SS489F-4","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52581854544053,"sku":"SS489F-5","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52581854576821,"sku":"SS489F-6","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52581854609589,"sku":"SS489F-7","price":149.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/hummingbirdspiritmoccasins089.webp?v=1780200157"},{"product_id":"the-hummingbird-spirit-moccasin-fleece-lined-a-symbol-of-joy-and-healing-womens","title":"The Hummingbird Spirit Moccasin Fleece Lined: A Symbol of Joy and Healing | Women's","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n  \n  \u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Hero Visual Statement --\u003e\n  \u003cdiv class=\"hero-quote\"\u003e\n    \u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n    \u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro Block --\u003e\n  \u003cp class=\"intro-para\"\u003e\n    Welcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\n  \u003c\/p\u003e\n\n  \u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n  \u003cdiv class=\"badge-grid\"\u003e\n    \n    \u003c!-- Huron First Nations --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eHuron First Nations\u003c\/h4\u003e\n      \u003cp\u003eHandcrafted in Quebec using traditional techniques.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Premium Moosehide --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n      \u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Artist Crest --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n      \u003cp\u003eFeaturing the beautiful, sacred Tsimshian Crest.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Content Tabs --\u003e\n  \u003cdiv class=\"tabs-wrapper\"\u003e\n    \u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e\n    \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\n    \u003cdiv class=\"tab-labels\"\u003e\n      \u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e\n      \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e\n      \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e\n      \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-contents\"\u003e\n      \n      \u003c!-- Tab 1: The Sacred Story --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n        \u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n        \u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e.\u003c\/p\u003e\n        \n        \u003cdiv class=\"story-quote\"\u003e\n          \"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\n        \u003c\/div\u003e\n        \n        \u003cp\u003eIn Tsimshian belief, the Hummingbird acts as a graceful messenger of hope, bringing comfort and restorative healing during times of sorrow. This delicate creature serves as a reminder of the fragility of nature and the sacred interconnectedness of all living things. Gifting or wearing this Hummingbird-inspired creation signifies a heartfelt wish for joy, peace, and mutual appreciation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n        \u003ch3\u003eCrafted with Pride \u0026amp; Heritage\u003c\/h3\u003e\n        \u003cp\u003eThese authentic slippers feature a traditional two-piece hand-crafted design. Built specifically for cozy indoor relaxation, they combine soft warmth with a flexible, natural fit.\u003c\/p\u003e\n        \n        \u003cul class=\"spec-list\"\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eGenuine Canadian Moosehide\u003c\/strong\u003e\n            Wild-sourced moosehide offers unparalleled soft-molding comfort, naturally breathing to adapt to your foot’s unique shape.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eCozy Padded Fleece Insole\u003c\/strong\u003e\n            Features a built-in padded insole lined with a soft, insulating fleece layer that adds a touch of warmth and cushioned comfort on chilly floors.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eTraditional Two-Piece Design\u003c\/strong\u003e\n            Expertly crafted with a classic two-piece soft-sole construction, delivering a incredibly lightweight, quiet, and flexible step for a true barefoot-like feel.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003ePlush Moosehide Collar\u003c\/strong\u003e\n            A beautiful, classic folded collar framing the ankle, providing elegant structure and gentle support.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n        \u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n        \u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n        \n        \u003ctable\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n              \u003cth\u003eEU Size\u003c\/th\u003e\n              \u003cth\u003eUK Size\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 5\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 6\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 7\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 8\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 9\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 10\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n            \u003ctr\u003e\n\u003ctd\u003eSize 11\u003c\/td\u003e\n\u003ctd\u003e41\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv class=\"sizing-callout\"\u003e\n          \u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 4: Sustainable Heritage --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n        \u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n        \u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing these authentic moccasins, you actively invest in a sustainable economy and support local Indigenous communities.\u003c\/p\u003e\n        \n        \u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced wild moosehide contains a far lower environmental footprint than synthetic alternatives.\u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLow-Impact Production:\u003c\/strong\u003e Meticulously handcrafted by local artisans using traditional, energy-efficient tools.\u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLongevity:\u003c\/strong\u003e Unlike mass-produced footwear, these moccasins can easily be maintained, kept, and repaired, ensuring they stay out of landfills for years.\u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sustainability Trust Box --\u003e\n  \u003cdiv class=\"trust-banner\"\u003e\n    \u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n    \u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52582082838709,"sku":"SS442F-4","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52582082871477,"sku":"SS442F-5","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52582082904245,"sku":"SS442F-6","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52582082937013,"sku":"SS442F-7","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52582082969781,"sku":"SS442F-8","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52582083002549,"sku":"SS442F-9","price":139.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52582083035317,"sku":"SS442F-10","price":139.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/444_Fleece_lined_Spirit_Moccasins_for_woman_032db980-ac04-4668-ad10-1fa18fef2b5f.webp?v=1780209566"},{"product_id":"the-hummingbird-spirit-moccasin-a-symbol-of-joy-and-healing-womens-with-tapestry-insole","title":"The Hummingbird Spirit Moccasin: A Symbol of Joy and Healing | Women's with Tapestry Insole","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n  \n  \u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Hero Visual Statement --\u003e\n  \u003cdiv class=\"hero-quote\"\u003e\n    \u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n    \u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro Block --\u003e\n  \u003cp class=\"intro-para\"\u003e\n    Welcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\n  \u003c\/p\u003e\n\n  \u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n  \u003cdiv class=\"badge-grid\"\u003e\n    \n    \u003c!-- Huron First Nations Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eHuron First Nations\u003c\/h4\u003e\n      \u003cp\u003eHandcrafted in Quebec using traditional techniques.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Premium Moosehide Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n      \u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Artist Crest Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n      \u003cp\u003eFeaturing the beautiful, sacred Tsimshian Crest.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Content Tabs --\u003e\n  \u003cdiv class=\"tabs-wrapper\"\u003e\n    \u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e\n    \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\n    \u003cdiv class=\"tab-labels\"\u003e\n      \u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e\n      \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e\n      \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e\n      \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-contents\"\u003e\n      \n      \u003c!-- Tab 1: The Sacred Story --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n        \u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n        \u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e.\u003c\/p\u003e\n        \n        \u003cdiv class=\"story-quote\"\u003e\n          \"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\n        \u003c\/div\u003e\n        \n        \u003cp\u003eIn Tsimshian belief, the Hummingbird acts as a graceful messenger of hope, bringing comfort and restorative healing during times of sorrow. This delicate creature serves as a reminder of the fragility of nature and the sacred interconnectedness of all living things. Gifting or wearing this Hummingbird-inspired creation signifies a heartfelt wish for joy, peace, and mutual appreciation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n        \u003ch3\u003eCrafted with Pride \u0026amp; Heritage\u003c\/h3\u003e\n        \u003cp\u003eThis premium slipper is built to celebrate the historical structural integrity of traditional Indigenous-style footwear. Designed specifically for luxurious indoor relaxation.\u003c\/p\u003e\n        \n        \u003cul class=\"spec-list\"\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eGenuine Canadian Moosehide\u003c\/strong\u003e\n            Wild-sourced moosehide offers unparalleled soft-molding comfort, naturally breathing to adapt to warm and cool climates.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eOne-Piece Construction\u003c\/strong\u003e\n            Features a traditional, single-layer soft sole wrapped completely around the foot. Designed to provide a flexible, zero-drop grounding feel.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003ePlush Moosehide Collar\u003c\/strong\u003e\n            A beautiful, classic folded leather collar frames the ankle, offering timeless Indigenous styling and soft, non-restrictive comfort.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eUnlined Design \u0026amp; Tapestry Insole\u003c\/strong\u003e\n            Kept unlined to maximize natural air circulation, accented by a detailed, comfortable tapestry footbed that adds a beautiful, soft textured contrast.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n        \u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n        \u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n        \n        \u003ctable\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n              \u003cth\u003eEU Size\u003c\/th\u003e\n              \u003cth\u003eUK Size\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 5\u003c\/td\u003e\n              \u003ctd\u003e35\u003c\/td\u003e\n              \u003ctd\u003e3\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 6\u003c\/td\u003e\n              \u003ctd\u003e36\u003c\/td\u003e\n              \u003ctd\u003e4\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 7\u003c\/td\u003e\n              \u003ctd\u003e37\u003c\/td\u003e\n              \u003ctd\u003e5\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 8\u003c\/td\u003e\n              \u003ctd\u003e38\u003c\/td\u003e\n              \u003ctd\u003e6\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 9\u003c\/td\u003e\n              \u003ctd\u003e39\u003c\/td\u003e\n              \u003ctd\u003e7\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 10\u003c\/td\u003e\n              \u003ctd\u003e40\u003c\/td\u003e\n              \u003ctd\u003e8\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 11\u003c\/td\u003e\n              \u003ctd\u003e41\u003c\/td\u003e\n              \u003ctd\u003e9\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv class=\"sizing-callout\"\u003e\n          \u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 4: Sustainable Heritage --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n        \u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n        \u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing these authentic moccasins, you actively invest in a sustainable economy and support local Indigenous communities.\u003c\/p\u003e\n        \n        \u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced wild moosehide contains a far lower environmental footprint than synthetic alternatives.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eLow-Impact Production:\u003c\/strong\u003e Meticulously handcrafted by local artisans using traditional, energy-efficient tools.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eLongevity:\u003c\/strong\u003e Unlike mass-produced footwear, these moccasins can easily be maintained, kept, and repaired, ensuring they stay out of landfills for years.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sustainability Trust Box --\u003e\n  \u003cdiv class=\"trust-banner\"\u003e\n    \u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n    \u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52729516589237,"sku":"SS442F-4","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52729516622005,"sku":"SS442F-5","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52729516654773,"sku":"SS442F-6","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52729516687541,"sku":"SS442F-7","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52729516720309,"sku":"SS442F-8","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52729516753077,"sku":"SS442F-9","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52729516785845,"sku":"SS442F-10","price":134.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/442-humming-bird-moccasins.webp?v=1782190094"},{"product_id":"the-hummingbird-spirit-moccasin-a-symbol-of-joy-and-healing-womens-with-white-rabbit-fur","title":"The Hummingbird Spirit Moccasin: A Symbol of Joy and Healing | Women's with White Rabbit Fur","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n  \n  \u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Hero Visual Statement --\u003e\n  \u003cdiv class=\"hero-quote\"\u003e\n    \u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n    \u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro Block --\u003e\n  \u003cp class=\"intro-para\"\u003e\n    Welcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\n  \u003c\/p\u003e\n\n  \u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n  \u003cdiv class=\"badge-grid\"\u003e\n    \n    \u003c!-- Huron First Nations Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eHuron First Nations\u003c\/h4\u003e\n      \u003cp\u003eHandcrafted in Quebec using traditional techniques.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Premium Moosehide Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n      \u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Artist Crest Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n      \u003cp\u003eFeaturing the beautiful, sacred Tsimshian Crest.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Content Tabs --\u003e\n  \u003cdiv class=\"tabs-wrapper\"\u003e\n    \u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e\n    \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\n    \u003cdiv class=\"tab-labels\"\u003e\n      \u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e\n      \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e\n      \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e\n      \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-contents\"\u003e\n      \n      \u003c!-- Tab 1: The Sacred Story --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n        \u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n        \u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e.\u003c\/p\u003e\n        \n        \u003cdiv class=\"story-quote\"\u003e\n          \"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\n        \u003c\/div\u003e\n        \n        \u003cp\u003eIn Tsimshian belief, the Hummingbird acts as a graceful messenger of hope, bringing comfort and restorative healing during times of sorrow. This delicate creature serves as a reminder of the fragility of nature and the sacred interconnectedness of all living things. Gifting or wearing this Hummingbird-inspired creation signifies a heartfelt wish for joy, peace, and mutual appreciation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n        \u003ch3\u003eCrafted with Pride \u0026amp; Heritage\u003c\/h3\u003e\n        \u003cp\u003eThis premium slipper is built to celebrate the historical structural integrity of traditional Indigenous-style footwear. Designed specifically for luxurious indoor relaxation.\u003c\/p\u003e\n        \n        \u003cul class=\"spec-list\"\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eGenuine Canadian Moosehide\u003c\/strong\u003e\n            Wild-sourced moosehide offers unparalleled soft-molding comfort, naturally breathing to adapt to warm and cool climates.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003ePadded Insole\u003c\/strong\u003e\n            Features an extra cushioned layer underfoot, specifically designed to protect tired feet while offering a quiet, cloud-like step.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eWhite Rabbit Fur Collar\u003c\/strong\u003e\n            Luxurious, genuine white rabbit fur collar frames the ankle, offering incredible softness, warmth, and an elegant visual contrast.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eLined with Cozy Fleece\u003c\/strong\u003e\n            Generously lined with soft, premium fleece to wrap your feet in absolute warmth, ensuring supreme comfort during colder seasons.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n        \u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n        \u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n        \n        \u003ctable\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n              \u003cth\u003eEU Size\u003c\/th\u003e\n              \u003cth\u003eUK Size\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 5\u003c\/td\u003e\n              \u003ctd\u003e35\u003c\/td\u003e\n              \u003ctd\u003e3\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 6\u003c\/td\u003e\n              \u003ctd\u003e36\u003c\/td\u003e\n              \u003ctd\u003e4\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 7\u003c\/td\u003e\n              \u003ctd\u003e37\u003c\/td\u003e\n              \u003ctd\u003e5\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 8\u003c\/td\u003e\n              \u003ctd\u003e38\u003c\/td\u003e\n              \u003ctd\u003e6\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 9\u003c\/td\u003e\n              \u003ctd\u003e39\u003c\/td\u003e\n              \u003ctd\u003e7\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 10\u003c\/td\u003e\n              \u003ctd\u003e40\u003c\/td\u003e\n              \u003ctd\u003e8\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 11\u003c\/td\u003e\n              \u003ctd\u003e41\u003c\/td\u003e\n              \u003ctd\u003e9\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv class=\"sizing-callout\"\u003e\n          \u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 4: Sustainable Heritage --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n        \u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n        \u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing these authentic moccasins, you actively invest in a sustainable economy and support local Indigenous communities.\u003c\/p\u003e\n        \n        \u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced wild moosehide contains a far lower environmental footprint than synthetic alternatives.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eLow-Impact Production:\u003c\/strong\u003e Meticulously handcrafted by local artisans using traditional, energy-efficient tools.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eLongevity:\u003c\/strong\u003e Unlike mass-produced footwear, these moccasins can easily be maintained, kept, and repaired, ensuring they stay out of landfills for years.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sustainability Trust Box --\u003e\n  \u003cdiv class=\"trust-banner\"\u003e\n    \u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n    \u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52729521340597,"sku":"SS542F-4","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52729521373365,"sku":"SS542F-5","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52729521406133,"sku":"SS542F-6","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52729521438901,"sku":"SS542F-7","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52729521471669,"sku":"SS542F-8","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52729521504437,"sku":"SS542F-9","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52729521537205,"sku":"SS542F-10","price":149.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/rabbitfurspiritmoccasins.webp?v=1782190604"},{"product_id":"the-hummingbird-spirit-moccasin-a-symbol-of-joy-and-healing-womens-with-gum-rubber-sole","title":"The Hummingbird Spirit Moccasin: A Symbol of Joy and Healing | Women's with Gum Rubber Sole","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n\u003c!-- Hero Visual Statement --\u003e\n\u003cdiv class=\"hero-quote\"\u003e\n\u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n\u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Intro Block --\u003e\n\u003cp class=\"intro-para\"\u003eWelcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\u003c\/p\u003e\n\u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n\u003cdiv class=\"badge-grid\"\u003e\n\u003c!-- Indigenous Owned Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eIndigenous-Owned Company\u003c\/h4\u003e\n\u003cp\u003eHand-crafted with pride by Indigenous people in Canada.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Premium Moosehide Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n\u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Artist Crest Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n\u003cp\u003eFeaturing the beautiful, sacred Tsimshian Hummingbird Crest.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Interactive Content Tabs --\u003e\n\u003cdiv class=\"tabs-wrapper\"\u003e\n\u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\u003cdiv class=\"tab-labels\"\u003e\n\u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-contents\"\u003e\n\u003c!-- Tab 1: The Sacred Story --\u003e\n\u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n\u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n\u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e, burned directly into the premium leather.\u003c\/p\u003e\n\u003cdiv class=\"story-quote\"\u003e\"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\u003c\/div\u003e\n\u003cp\u003eIn Tsimshian belief and Northwest Coast cultures, the Hummingbird is a cherished and revered symbol of good news, love, and light. Its incredible agility and unique ability to fly backward teaches us a powerful life lesson: we can look to our past, but we must never dwell there. Instead, the hummingbird encourages us to gracefully move forward, savor every sweet moment, and find happiness even in times of sorrow. Gifting or wearing this creation carries a wish for restoration, joy, and a spiritual connection to the land.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n\u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n\u003ch3\u003eStyle SM1135W: Crafted with Pride \u0026amp; Heritage\u003c\/h3\u003e\n\u003cp\u003eThis premium moccasin bridges traditional Indigenous hand-construction with versatile modern durability, allowing you to walk comfortably in any setting.\u003c\/p\u003e\n\u003cul class=\"spec-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGenuine Canadian Wild Moosehide\u003c\/strong\u003e Thick, supple, wild-sourced Canadian moose hide offers unparalleled soft-molding comfort that dynamically adapts to your foot shape.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eGum Rubber Indian Sole\u003c\/strong\u003e Equipped with a flexible, durable gum rubber outer sole designed to provide protective grounding, excellent grip, and robust all-day comfort.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eSoft Sole Padded Insert\u003c\/strong\u003e Features a premium interior padded insert to cradle your arches, offering a cloud-like layer of cushioning with every step.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eMoose Hide \u0026amp; Braided Laces\u003c\/strong\u003e Finished with authentic, heavy-duty braided laces to ensure a secure, personalized, and traditional fit around the collar.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n\u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n\u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n\u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n\u003cth\u003eEU Size\u003c\/th\u003e\n\u003cth\u003eUK Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 5\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 6\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 7\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 8\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 9\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 10\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 11\u003c\/td\u003e\n\u003ctd\u003e41\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"sizing-callout\"\u003e\n\u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 4: Sustainable Heritage --\u003e\n\u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n\u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n\u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing Spirit Moccasins, you actively invest in a sustainable economy and directly support local Indigenous artisans.\u003c\/p\u003e\n\u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced, wild Canadian moosehide contains a far lower environmental footprint than synthetic alternatives.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eRegistered Indigenous-Owned:\u003c\/strong\u003e Handcrafted under certified ethical guidelines, honoring the animal and preserving age-old ancestral techniques.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLongevity \u0026amp; Circularity:\u003c\/strong\u003e Built to endure. Unlike mass-produced plastic shoes, these organic materials soften with age and remain repairable, avoiding the landfill.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sustainability Trust Box --\u003e\n\u003cdiv class=\"trust-banner\"\u003e\n\u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n\u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52731225407669,"sku":"SM1135W-4","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52731225440437,"sku":"SM1135W-5","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52731225473205,"sku":"SM1135W-6","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52731225505973,"sku":"SM1135W-7","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52731225538741,"sku":"SM1135W-8","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52731225571509,"sku":"SM1135W-9","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52731225604277,"sku":"SM1135W-10","price":149.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/spirit-moccasins-1135.webp?v=1782230634"},{"product_id":"the-hummingbird-spirit-moccasin-made-with-burgundy-moosehide-womens-with-double-padded-sole","title":"The Hummingbird Spirit Moccasin: A Symbol Of Joy And Healing | Women's with Double Padded Sole","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cstyle\u003e\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n\u003c!-- Hero Visual Statement --\u003e\n\u003cdiv class=\"hero-quote\"\u003e\n\u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n\u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Intro Block --\u003e\n\u003cp class=\"intro-para\"\u003eWelcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\u003c\/p\u003e\n\u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n\u003cdiv class=\"badge-grid\"\u003e\n\u003c!-- Indigenous Owned Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eIndigenous-Owned Company\u003c\/h4\u003e\n\u003cp\u003eHandcrafted by artisans from a certified Indigenous-owned business.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Premium Moosehide Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eMaple Moosehide Suede\u003c\/h4\u003e\n\u003cp\u003eGenuine Canadian wild-sourced hide in a warm maple finish.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Artist Crest Badge --\u003e\n\u003cdiv class=\"badge-card\"\u003e\n\u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n\u003cp\u003eFeaturing the sacred \"Crest Hummingbird\" hand-burned design.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Interactive Content Tabs --\u003e\n\u003cdiv class=\"tabs-wrapper\"\u003e\n\u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\u003cdiv class=\"tab-labels\"\u003e\n\u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"tab-contents\"\u003e\n\u003c!-- Tab 1: The Sacred Story --\u003e\n\u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n\u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n\u003cp\u003eAdorning the hand-stitched vamp of this natural maple moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e, burned directly into the premium leather.\u003c\/p\u003e\n\u003cdiv class=\"story-quote\"\u003e\"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\u003c\/div\u003e\n\u003cp\u003eIn many Indigenous cultures, particularly those of the Northwest Coast, the hummingbird is a cherished and revered symbol. Known for its incredible agility and swiftness, the hummingbird is often seen as a messenger of good news, love, and joy. Its unique ability to fly backward teaches us a powerful life lesson: we can look to our past, but we must never dwell there. Instead, the hummingbird encourages us to gracefully move forward, savor every sweet moment, and find happiness even in times of sorrow. When you wear these moccasins, you carry with you not just fine craftsmanship, but a symbol of healing, joy, and the enduring spirit of Northwest Coast Indigenous artistry.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n\u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n\u003ch3\u003eStyle SMB489W: Handcrafted Comfort \u0026amp; Grounding\u003c\/h3\u003e\n\u003cp\u003eThis premium slipper is built to celebrate the historical structural integrity of traditional three-piece Indigenous-style footwear. Designed specifically for luxurious indoor relaxation.\u003c\/p\u003e\n\u003cul class=\"spec-list\"\u003e\n\u003cli\u003e\n\u003cstrong\u003eGenuine Canadian Maple Moosehide\u003c\/strong\u003e Wild-sourced thick moose hide offers unparalleled soft-molding comfort, naturally breathing to adapt to warm and cool climates.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDouble Padded Sole\u003c\/strong\u003e Equipped with a soft, double-padded moosehide \"ski sole\" underfoot. Designed strictly for indoor wear to provide protective cushioning and silent, cloud-like steps.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eClassic Folded Collar\u003c\/strong\u003e A beautiful, matching folded moosehide collar frames the ankle, offering clean structure and traditional Northwest styling.\u003c\/li\u003e\n\u003cli\u003e\n\u003cstrong\u003eDurable Moose Hide Laces\u003c\/strong\u003e Finished with traditional, authentic moose hide laces that allow you to adjust and snug the fit around the heel collar perfectly.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n\u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n\u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n\u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n\u003cth\u003eEU Size\u003c\/th\u003e\n\u003cth\u003eUK Size\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 5\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e3\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 6\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 7\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003ctd\u003e5\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 8\u003c\/td\u003e\n\u003ctd\u003e38\u003c\/td\u003e\n\u003ctd\u003e6\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 9\u003c\/td\u003e\n\u003ctd\u003e39\u003c\/td\u003e\n\u003ctd\u003e7\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 10\u003c\/td\u003e\n\u003ctd\u003e40\u003c\/td\u003e\n\u003ctd\u003e8\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eSize 11\u003c\/td\u003e\n\u003ctd\u003e41\u003c\/td\u003e\n\u003ctd\u003e9\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cdiv class=\"sizing-callout\"\u003e\n\u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Tab 4: Sustainable Heritage --\u003e\n\u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n\u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n\u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing these authentic moccasins, you actively invest in a sustainable economy and support local Indigenous communities.\u003c\/p\u003e\n\u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced, wild Canadian moosehide contains a far lower environmental footprint than synthetic alternatives.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eIndigenous Artisan Support:\u003c\/strong\u003e Handcrafted under certified guidelines with Spirit Moccasins, honoring the animal and preserving age-old ancestral techniques.\u003c\/li\u003e\n\u003cli style=\"margin-bottom: 8px;\"\u003e\n\u003cstrong\u003eLongevity \u0026amp; Circularity:\u003c\/strong\u003e Built to endure. Unlike mass-produced plastic shoes, these organic materials soften with age and remain repairable, avoiding the landfill.\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sustainability Trust Box --\u003e\n\u003cdiv class=\"trust-banner\"\u003e\n\u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n\u003cp\u003eEvery purchase made through \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52731358707893,"sku":"SMB489W-4","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52731358740661,"sku":"SMB489W-5","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52731358773429,"sku":"SMB489W-6","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52731358806197,"sku":"SMB489W-7","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52731358838965,"sku":"SMB489W-8","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52731358871733,"sku":"SMB489W-9","price":149.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52731358904501,"sku":"SMB489W-10","price":149.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/pair_of_b489_womans_spirit_moccasins.webp?v=1782234928"},{"product_id":"the-hummingbird-spirit-moccasin-made-with-burgundy-moosehide-womens-tapestry-padded-insole","title":"The Hummingbird Spirit Moccasin:  A Symbol Of Joy And Healing | Women's Tapestry Insole","description":"\u003c!-- Scope wrapper to isolate styles and protect your header\/footer in dark themes --\u003e\n\u003cdiv class=\"spirit-mocc-description\"\u003e\n  \n  \u003cstyle\u003e\n    \/* Scoped Container Styles - Configured for dark backgrounds *\/\n    .spirit-mocc-description {\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: #e0e0e0; \/* Crisp off-white for body text *\/\n      line-height: 1.6;\n      max-width: 850px;\n      margin: 0 auto;\n      padding: 10px 0;\n      box-sizing: border-box;\n    }\n    .spirit-mocc-description * {\n      box-sizing: border-box;\n    }\n\n    \/* Elegant Dark-Theme Hero \/ Banner Text *\/\n    .spirit-mocc-description .hero-quote {\n      text-align: center;\n      background: #161616; \/* Deep dark gray background *\/\n      border: 1px solid #b38a43; \/* Vibrant gold border *\/\n      border-radius: 8px;\n      padding: 24px;\n      margin-bottom: 25px;\n      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);\n    }\n    .spirit-mocc-description .hero-quote p {\n      font-size: 1.15rem;\n      color: #f5f5f5; \/* High contrast off-white *\/\n      font-style: italic;\n      margin: 0 0 10px 0;\n      font-weight: 500;\n    }\n    .spirit-mocc-description .hero-quote span {\n      font-size: 0.85rem;\n      text-transform: uppercase;\n      letter-spacing: 2px;\n      color: #d4af37; \/* Brighter gold for subtitle *\/\n      font-weight: 600;\n    }\n\n    \/* Core Intro *\/\n    .spirit-mocc-description .intro-para {\n      font-size: 1.05rem;\n      color: #e0e0e0;\n      margin-bottom: 24px;\n      text-align: justify;\n    }\n    .spirit-mocc-description .intro-para strong {\n      color: #d4af37; \/* Gold emphasis *\/\n    }\n\n    \/* Feature Highlights Grid (No Icons) *\/\n    .spirit-mocc-description .badge-grid {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      margin-bottom: 35px;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .badge-grid {\n        grid-template-columns: 1fr 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .badge-card {\n      background: #161616; \/* Dark panel background *\/\n      border: 1px solid #2a2a2a; \/* Subtle dark border *\/\n      border-radius: 8px;\n      padding: 24px 15px;\n      text-align: center;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.4);\n      transition: transform 0.2s ease, border-color 0.2s ease;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n    .spirit-mocc-description .badge-card:hover {\n      transform: translateY(-2px);\n      border-color: #b38a43; \/* Golden border hover effect *\/\n    }\n    .spirit-mocc-description .badge-card h4 {\n      margin: 0 0 8px 0;\n      font-size: 0.95rem;\n      color: #ffffff; \/* Clean white title *\/\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      font-weight: 700;\n    }\n    .spirit-mocc-description .badge-card p {\n      margin: 0;\n      font-size: 0.8rem;\n      color: #a0a0a0; \/* Soft secondary gray *\/\n      line-height: 1.4;\n    }\n\n    \/* Interactive Pure-CSS Tab System *\/\n    .spirit-mocc-description .tabs-wrapper {\n      position: relative;\n      margin: 35px 0;\n    }\n    .spirit-mocc-description .tab-input {\n      display: none;\n    }\n    .spirit-mocc-description .tab-labels {\n      display: flex;\n      flex-wrap: wrap;\n      border-bottom: 2px solid #2a2a2a; \/* Dark border separator *\/\n      margin-bottom: 20px;\n    }\n    .spirit-mocc-description .tab-label {\n      padding: 12px 20px;\n      font-size: 0.95rem;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      color: #a0a0a0; \/* Muted tab label *\/\n      cursor: pointer;\n      transition: all 0.2s ease;\n      border-bottom: 3px solid transparent;\n      margin-bottom: -2px;\n    }\n    .spirit-mocc-description .tab-label:hover {\n      color: #d4af37; \/* Hover gold highlight *\/\n    }\n    \n    \/* Responsive styling for tabs on narrow screens *\/\n    @media (max-width: 600px) {\n      .spirit-mocc-description .tab-labels {\n        flex-direction: column;\n        border-bottom: none;\n      }\n      .spirit-mocc-description .tab-label {\n        border: 1px solid #2a2a2a;\n        border-radius: 4px;\n        margin-bottom: 5px;\n        text-align: center;\n        background: #111111;\n      }\n    }\n\n    \/* Content Pane Controller (Pure CSS Toggles) *\/\n    .spirit-mocc-description .tab-content {\n      display: none;\n      animation: fadeIn 0.4s ease;\n    }\n    \n    #tab1:checked ~ .tab-labels label[for=\"tab1\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab2:checked ~ .tab-labels label[for=\"tab2\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab3:checked ~ .tab-labels label[for=\"tab3\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n    #tab4:checked ~ .tab-labels label[for=\"tab4\"] { color: #ffffff; border-bottom-color: #b38a43; background: #14211d; }\n\n    #tab1:checked ~ .tab-contents #content1 { display: block; }\n    #tab2:checked ~ .tab-contents #content2 { display: block; }\n    #tab3:checked ~ .tab-contents #content3 { display: block; }\n    #tab4:checked ~ .tab-contents #content4 { display: block; }\n\n    @keyframes fadeIn {\n      from { opacity: 0; transform: translateY(4px); }\n      to { opacity: 1; transform: translateY(0); }\n    }\n\n    \/* Content styling *\/\n    .spirit-mocc-description h3 {\n      color: #ffffff;\n      font-size: 1.3rem;\n      margin-top: 10px;\n      margin-bottom: 12px;\n    }\n    .spirit-mocc-description .story-quote {\n      border-left: 4px solid #b38a43;\n      padding-left: 15px;\n      margin: 15px 0;\n      font-style: italic;\n      color: #d0d0d0;\n      background: #161616;\n      padding-top: 10px;\n      padding-bottom: 10px;\n      border-radius: 0 4px 4px 0;\n    }\n    .spirit-mocc-description .spec-list {\n      display: grid;\n      grid-template-columns: 1fr;\n      gap: 15px;\n      padding: 0;\n      list-style-type: none;\n    }\n    @media (min-width: 600px) {\n      .spirit-mocc-description .spec-list {\n        grid-template-columns: 1fr 1fr;\n      }\n    }\n    .spirit-mocc-description .spec-list li {\n      background: #161616; \/* Dark block *\/\n      border: 1px solid #2c2c2c; \/* Subtle dark border *\/\n      padding: 12px 15px;\n      border-radius: 6px;\n      margin-bottom: 0;\n    }\n    .spirit-mocc-description .spec-list strong {\n      color: #d4af37; \/* Golden spec titles *\/\n      display: block;\n      margin-bottom: 4px;\n    }\n\n    \/* Sizing Table Styles *\/\n    .spirit-mocc-description table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: 15px 0 20px 0;\n      font-size: 0.95rem;\n    }\n    .spirit-mocc-description th {\n      background-color: #14211d; \/* Deep forest green\/charcoal combo *\/\n      color: #ffffff;\n      text-align: left;\n      padding: 12px;\n      font-weight: 600;\n      border: 1px solid #2e2e2e;\n    }\n    .spirit-mocc-description td {\n      padding: 10px;\n      border: 1px solid #2e2e2e;\n      color: #e0e0e0;\n    }\n    .spirit-mocc-description tr:nth-child(even) {\n      background-color: #161616; \/* Zebra striping with dark gray *\/\n    }\n    .spirit-mocc-description .sizing-callout {\n      background-color: #121e2d; \/* Subtle dark blue box for callout *\/\n      border: 1px solid #233a57;\n      padding: 15px;\n      border-radius: 6px;\n      margin-top: 15px;\n      color: #a5c7f7;\n    }\n    .spirit-mocc-description .sizing-callout strong {\n      color: #ffffff;\n    }\n\n    \/* Brand Sustainability \/ Trust Badge *\/\n    .spirit-mocc-description .trust-banner {\n      background-color: #14211d; \/* Rich dark pine\/forest background *\/\n      border-radius: 8px;\n      padding: 20px;\n      margin-top: 30px;\n      border: 1px solid #1e352f;\n      box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n    }\n    .spirit-mocc-description .trust-banner h3 {\n      margin: 0 0 10px 0;\n      color: #d4af37; \/* Vibrant gold for trust title *\/\n      font-size: 1.1rem;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n    .spirit-mocc-description .trust-banner p {\n      margin: 0;\n      font-size: 0.95rem;\n      color: #aaccbf; \/* Soft light-teal\/gray *\/\n    }\n\n    \/* General lists within tabs *\/\n    .spirit-mocc-description ul {\n      padding-left: 20px;\n    }\n    .spirit-mocc-description ul li {\n      margin-bottom: 8px;\n    }\n  \u003c\/style\u003e\n\n  \u003c!-- Hero Visual Statement --\u003e\n  \u003cdiv class=\"hero-quote\"\u003e\n    \u003cp\u003e\"These moccasins are more than footwear—they are a connection to the past, a celebration of Indigenous artistry, and a symbol of enduring values.\"\u003c\/p\u003e\n    \u003cspan\u003eSpirit Moccasins Collection\u003c\/span\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Intro Block --\u003e\n  \u003cp class=\"intro-para\"\u003e\n    Welcome to \u003cstrong\u003eSpirit Moccasins\u003c\/strong\u003e, where deeply rooted tradition meets timeless everyday luxury. Each pair of our Spirit Moccasins stands as a beautiful testament to the enduring artistry and rich cultural heritage of Indigenous peoples across Canada. Handcrafted with meticulous care, they reflect generations of knowledge, traditional skills, and a profound connection to the land.\n  \u003c\/p\u003e\n\n  \u003c!-- Key Highlights Grid (Clean Text Panels) --\u003e\n  \u003cdiv class=\"badge-grid\"\u003e\n    \n    \u003c!-- Indigenous Owned Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eIndigenous-Owned Company\u003c\/h4\u003e\n      \u003cp\u003eHand-crafted with pride by Indigenous people in Canada.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Premium Moosehide Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eWild Canadian Moosehide\u003c\/h4\u003e\n      \u003cp\u003eUnmatched natural softness, strength, and breathability.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003c!-- Artist Crest Badge --\u003e\n    \u003cdiv class=\"badge-card\"\u003e\n      \u003ch4\u003eBill Helin Art\u003c\/h4\u003e\n      \u003cp\u003eFeaturing the beautiful, sacred Tsimshian Hummingbird Crest.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\n  \u003c!-- Interactive Content Tabs --\u003e\n  \u003cdiv class=\"tabs-wrapper\"\u003e\n    \u003cinput type=\"radio\" id=\"tab1\" name=\"mocc-tabs\" class=\"tab-input\" checked\u003e\n    \u003cinput type=\"radio\" id=\"tab2\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab3\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n    \u003cinput type=\"radio\" id=\"tab4\" name=\"mocc-tabs\" class=\"tab-input\"\u003e\n\n    \u003cdiv class=\"tab-labels\"\u003e\n      \u003clabel for=\"tab1\" class=\"tab-label\"\u003eThe Sacred Story\u003c\/label\u003e\n      \u003clabel for=\"tab2\" class=\"tab-label\"\u003eDetails \u0026amp; Craft\u003c\/label\u003e\n      \u003clabel for=\"tab3\" class=\"tab-label\"\u003eSize \u0026amp; Fit Guide\u003c\/label\u003e\n      \u003clabel for=\"tab4\" class=\"tab-label\"\u003eSustainable Heritage\u003c\/label\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tab-contents\"\u003e\n      \n      \u003c!-- Tab 1: The Sacred Story --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content1\"\u003e\n        \u003ch3\u003eThe Hummingbird: A Symbol of Joy \u0026amp; Healing\u003c\/h3\u003e\n        \u003cp\u003eAdorning the hand-stitched vamp of this natural moosehide moccasin is the exquisite \u003cstrong\u003e\"Crest Hummingbird\" artwork by renowned Tsimshian artist Bill Helin\u003c\/strong\u003e, burned directly into the premium leather.\u003c\/p\u003e\n        \n        \u003cdiv class=\"story-quote\"\u003e\n          \"Inspired by profound tribal symbolism, the Hummingbird embodies the spirit of pure joy, deep healing, and love.\"\n        \u003c\/div\u003e\n        \n        \u003cp\u003eIn Tsimshian belief and Northwest Coast cultures, the Hummingbird is a cherished and revered symbol of good news, love, and light. Its incredible agility and unique ability to fly backward teaches us a powerful life lesson: we can look to our past, but we must never dwell there. Instead, the hummingbird encourages us to gracefully move forward, savour every sweet moment, and find happiness even in times of sorrow. Gifting or wearing this Hummingbird-inspired creation signifies a heartfelt wish for joy, peace, and mutual appreciation.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 2: Premium Construction \u0026 Specs --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content2\"\u003e\n        \u003ch3\u003eStyle SM444W: Traditional Comfort \u0026amp; Grounding\u003c\/h3\u003e\n        \u003cp\u003eThis premium slipper is built to celebrate the historical structural integrity of traditional Indigenous-style footwear. Designed specifically for luxurious indoor relaxation.\u003c\/p\u003e\n        \n        \u003cul class=\"spec-list\"\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eGenuine Canadian Moosehide\u003c\/strong\u003e\n            Wild-sourced thick moose hide offers unparalleled soft-moulding comfort, naturally breathing to adapt to warm and cool climates.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eTwo-Piece Moccasin Construction\u003c\/strong\u003e\n            Assembled by hand using a classic, time-honoured two-piece design to ensure a flexible, zero-drop grounding feel that naturally fits your foot's shape.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eSoft Sole Padded Insert\u003c\/strong\u003e\n            Features a premium interior padded insert underfoot, providing a plush, protective layer of cloud-like cushioning with every step.\n          \u003c\/li\u003e\n          \u003cli\u003e\n            \u003cstrong\u003eClassic Folded Collar \u0026amp; Laces\u003c\/strong\u003e\n            Finished with a matching folded moosehide collar and authentic moose hide laces that allow you to adjust the fit perfectly around your heel.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 3: Size \u0026 Fit Guide --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content3\"\u003e\n        \u003ch3\u003eWomen's Sizing Chart\u003c\/h3\u003e\n        \u003cp\u003eGenuine leather moccasins are meant to stretch slightly and conform beautifully to the unique contour of your feet as you wear them.\u003c\/p\u003e\n        \n        \u003ctable\u003e\n          \u003cthead\u003e\n            \u003ctr\u003e\n              \u003cth\u003eUS \/ Canada Size\u003c\/th\u003e\n              \u003cth\u003eEU Size\u003c\/th\u003e\n              \u003cth\u003eUK Size\u003c\/th\u003e\n            \u003c\/tr\u003e\n          \u003c\/thead\u003e\n          \u003ctbody\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 5\u003c\/td\u003e\n              \u003ctd\u003e35\u003c\/td\u003e\n              \u003ctd\u003e3\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 6\u003c\/td\u003e\n              \u003ctd\u003e36\u003c\/td\u003e\n              \u003ctd\u003e4\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 7\u003c\/td\u003e\n              \u003ctd\u003e37\u003c\/td\u003e\n              \u003ctd\u003e5\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 8\u003c\/td\u003e\n              \u003ctd\u003e38\u003c\/td\u003e\n              \u003ctd\u003e6\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 9\u003c\/td\u003e\n              \u003ctd\u003e39\u003c\/td\u003e\n              \u003ctd\u003e7\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 10\u003c\/td\u003e\n              \u003ctd\u003e40\u003c\/td\u003e\n              \u003ctd\u003e8\u003c\/td\u003e\n            \u003c\/tr\u003e\n            \u003ctr\u003e\n              \u003ctd\u003eSize 11\u003c\/td\u003e\n              \u003ctd\u003e41\u003c\/td\u003e\n              \u003ctd\u003e9\u003c\/td\u003e\n            \u003c\/tr\u003e\n          \u003c\/tbody\u003e\n        \u003c\/table\u003e\n\n        \u003cdiv class=\"sizing-callout\"\u003e\n          \u003cstrong\u003ePro Sizing Tip:\u003c\/strong\u003e Our moccasins are offered in \u003cstrong\u003ewhole sizes only\u003c\/strong\u003e. Because premium moosehide stretches and shapes to your feet, if you normally wear a half-size (e.g., 8½), we highly recommend ordering \u003cstrong\u003edown\u003c\/strong\u003e to the nearest full size (Size 8).\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Tab 4: Sustainable Heritage --\u003e\n      \u003cdiv class=\"tab-content\" id=\"content4\"\u003e\n        \u003ch3\u003eMade to Last Generations\u003c\/h3\u003e\n        \u003cp\u003eTraditional Indigenous craftsmanship is inherently sustainable. By choosing Spirit Moccasins, you actively invest in a sustainable economy and directly support local Indigenous artisans.\u003c\/p\u003e\n        \n        \u003cp style=\"margin-top: 10px;\"\u003e\u003cstrong\u003eOur Ecological Values:\u003c\/strong\u003e\u003c\/p\u003e\n        \u003cul\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eBiodegradable Materials:\u003c\/strong\u003e Responsibly sourced, wild Canadian moosehide contains a far lower environmental footprint than synthetic alternatives.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eRegistered Indigenous-Owned:\u003c\/strong\u003e Handcrafted under certified ethical guidelines, honouring the animal and preserving age-old ancestral techniques.\n          \u003c\/li\u003e\n          \u003cli style=\"margin-bottom: 8px;\"\u003e\n            \u003cstrong\u003eLongevity \u0026amp; Circularity:\u003c\/strong\u003e Built to endure. Unlike mass-produced plastic shoes, these organic materials soften with age and remain repairable, avoiding the landfill.\n          \u003c\/li\u003e\n        \u003c\/ul\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- Sustainability Trust Box --\u003e\n  \u003cdiv class=\"trust-banner\"\u003e\n    \u003ch3\u003eProudly Nanaimo-Based Since 2004\u003c\/h3\u003e\n    \u003cp\u003eEvery purchase made through \u003cstrong\u003eSheepskin and Things\u003c\/strong\u003e supports the preservation of cultural knowledge, local Canadian craftsmanship, and responsible environmental stewardship.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Spirit Moccasins","offers":[{"title":"4","offer_id":52731374305461,"sku":"SMB444W-4","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"5","offer_id":52731374338229,"sku":"SMB444W-5","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"6","offer_id":52731374370997,"sku":"SMB444W-6","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"7","offer_id":52731374403765,"sku":"SMB444W-7","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"8","offer_id":52731374436533,"sku":"SMB444W-8","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"9","offer_id":52731374469301,"sku":"SMB444W-9","price":134.99,"currency_code":"CAD","in_stock":true},{"title":"10","offer_id":52731374502069,"sku":"SMB444W-10","price":134.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/files\/5sm444w_spirit_moccasins.webp?v=1782236513"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1006\/9311\/5061\/collections\/Bill-Helin-portrait.jpg?v=1781939208","url":"https:\/\/spiritmoccasins.ca\/en-us\/collections\/bill-helin-life-crests.oembed","provider":"Spirit Moccasins","version":"1.0","type":"link"}