{"product_id":"tcd-hat-with-leather-patch-black","title":"TCD Hat With Leather Patch - Black","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;700;900\u0026display=swap');\n\n.cd-hat-wrapper {\n    font-family: 'Lato', sans-serif;\n    line-height: 1.4;\n    color: inherit;\n    width: 100%;\n    max-width: 1000px;\n    margin: 0 auto;\n    padding: 0;\n    box-sizing: border-box;\n}\n\n.cd-hat-wrapper ::selection { background: #0264a2; color: #ffffff; }\n\n.cd-origin-badge {\n    text-align: center;\n    text-transform: uppercase;\n    font-weight: 800;\n    letter-spacing: 2px;\n    margin-bottom: 8px;\n    display: block;\n    color: #228841; \n}\n\n.cd-hat-wrapper h1 { text-align: center; margin-bottom: 15px; font-weight: 900; text-transform: uppercase; color: #0264a2; }\n\n\/* --- Style Hub --- *\/\n.cd-nav-hub {\n    text-align: center;\n    margin-bottom: 25px;\n    padding: 0 10px;\n}\n\n.cd-selector-grid {\n    display: flex;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n    align-items: flex-end;\n}\n\n.cd-nav-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex: 0 1 auto;\n}\n\n.cd-indicator {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 4px;\n    opacity: 0;\n    transform: translateY(5px);\n    transition: all 0.3s ease;\n}\n\n.cd-nav-item.active .cd-indicator {\n    opacity: 1;\n    transform: translateY(0);\n}\n\n.cd-arrow {\n    width: 0;\n    height: 0;\n    border-left: 6px solid transparent;\n    border-right: 6px solid transparent;\n    border-top: 8px solid #0264a2; \n}\n\n.cd-status-tag {\n    font-size: 9px;\n    font-weight: 900;\n    text-transform: uppercase;\n    color: #0264a2; \n    letter-spacing: 1px;\n    margin-top: 2px;\n}\n\n.cd-style-btn {\n    text-decoration: none !important;\n    padding: 10px 15px;\n    border-radius: 10px;\n    font-weight: 800;\n    text-transform: uppercase;\n    font-size: 10px;\n    border: 2px solid #e2e8f0;\n    background: #ffffff;\n    color: #475569 !important;\n    transition: all 0.2s ease;\n    min-width: 150px;\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 40px;\n}\n\n.cd-style-btn:hover:not(.active) {\n    border-color: #ffd70b; \n    transform: translateY(-2px);\n}\n\n.cd-nav-item.active .cd-style-btn {\n    background: #0264a2;\n    color: #ffffff !important;\n    border-color: #0264a2;\n    cursor: default;\n}\n\n\/* --- Content Blocks --- *\/\n.cd-intro-box { text-align: center; max-width: 850px; margin: 0 auto 20px auto; }\n\n.cd-feature-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n    margin: 20px auto;\n    max-width: 900px;\n}\n\n.cd-feature-card {\n    background: #ffffff;\n    padding: 15px;\n    border-radius: 12px;\n    border: 1px solid #e2e8f0;\n    border-top: 4px solid #228841;\n    text-align: center;\n}\n\n.cd-feature-card strong { display: block; margin-bottom: 2px; text-transform: uppercase; font-weight: 900; color: #0264a2; }\n.cd-feature-card p { margin: 0; font-size: 0.85em; color: #475569; line-height: 1.3; }\n\n\/* --- Support Box --- *\/\n.cd-support-box {\n    max-width: 800px;\n    margin: 30px auto 10px auto; \n    padding: 20px;\n    border: 1px dashed #0264a2;\n    border-radius: 16px;\n    background: #f0f9ff;\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n\n.cd-support-badge-img { width: 55px; height: auto; flex-shrink: 0; border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0 4px 6px rgba(0,0,0,0.05); }\n.cd-support-content { text-align: left; flex: 1; }\n.cd-support-content h3 { margin: 0 0 2px 0; font-weight: 900; text-transform: uppercase; color: #0f172a; font-size: 1.1em; }\n.cd-support-content p { margin: 0; font-size: 0.9em; color: #475569; line-height: 1.4; }\n.cd-solar-link { color: #0264a2; font-weight: 900; text-decoration: none; }\n\n.cd-footer-tagline {\n    text-align: center; \n    font-style: italic; \n    margin-top: 20px; \n    color: #94a3b8; \n    border-top: 1px solid rgba(0,0,0,0.05); \n    padding-top: 15px;\n    font-size: 0.8em;\n}\n\n@media screen and (max-width: 768px) {\n    \/* Pyramid Nav Layout *\/\n    .cd-selector-grid { \n        display: grid; \n        grid-template-columns: 1fr 1fr; \n        gap: 8px;\n    }\n    \/* Force active style to the peak of the pyramid using order and span *\/\n    .cd-nav-item.active { grid-column: span 2; order: -1; }\n    .cd-style-btn { min-width: unset; width: 100%; box-sizing: border-box; }\n    \n    \/* Tighten Features Horizontally *\/\n    .cd-feature-grid { \n        grid-template-columns: 1fr; \n        max-width: 400px; \n        padding: 0 20px;\n    }\n    \n    .cd-support-box { flex-direction: column; text-align: center; padding: 25px 15px; }\n    .cd-support-content { text-align: center; }\n    \/* Keeping indicator visible for the peak context on mobile *\/\n    .cd-indicator { opacity: 1; transform: none; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"cd-hat-wrapper\"\u003e\n\u003ch1\u003eTCD Leather Patch Hat - Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-hat-wrapper\"\u003e\n\u003cspan class=\"cd-origin-badge\"\u003ePremium Homestead Style\u003c\/span\u003e\n\u003cdiv class=\"cd-nav-hub\"\u003e\n\u003cdiv class=\"cd-selector-grid\"\u003e\n\u003cdiv class=\"cd-nav-item\"\u003e\u003ca class=\"cd-style-btn\" href=\"https:\/\/thecabindepot.ca\/products\/tcd-hat-with-logo-black\"\u003eLogo (Black)\u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"cd-nav-item active\"\u003e\n\u003cdiv class=\"cd-indicator\"\u003e\n\u003cdiv class=\"cd-arrow\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cspan class=\"cd-status-tag\"\u003eCurrently Viewing\u003c\/span\u003e\n\u003c\/div\u003e\n\u003ca class=\"cd-style-btn active\" href=\"#\"\u003eLeather (Black)\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-nav-item\"\u003e\u003ca class=\"cd-style-btn\" href=\"https:\/\/thecabindepot.ca\/products\/tcd-hat-with-leather-patch-charcoal-white\"\u003eLeather (Charcoal)\u003c\/a\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-intro-box\"\u003e\n\u003cp\u003eElevate your off-grid aesthetic with the \u003cstrong\u003eLeather Patch TCD Hat\u003c\/strong\u003e. Designed for the homesteader who appreciates a tactile, premium finish on their gear, this hat features our custom-etched branding on a rugged leather patch. It’s a \"buy-it-once\" piece that only gets more character as you finish more property projects.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-grid\"\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eRecycled Fabric\u003c\/strong\u003e\n\u003cp\u003eMade from post-consumer recycled materials. Rugged durability that aligns with the off-grid ethos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eBreathable Mesh\u003c\/strong\u003e\n\u003cp\u003eClassic \"farmer back\" half-mesh design for maximum airflow during high-output homestead chores.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-feature-card\"\u003e\n\u003cstrong\u003eSnapback Adjust\u003c\/strong\u003e\n\u003cp\u003eStandard adjustable closure ensures a secure, comfortable fit for any lakeside adventure.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-support-box\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/73.png?v=1769703475\" class=\"cd-support-badge-img\" alt=\"TCD Crew\"\u003e\n\u003cdiv class=\"cd-support-content\"\u003e\n\u003ch3\u003ePart of the TCD Family\u003c\/h3\u003e\n\u003cp\u003eAt The Cabin Depot, we care about our family. Whether you're representing TCD in the truck or at the workshop, we love seeing our gear out there. If you ever need help with your solar setup or off-grid gear, give our experts a shout at \u003ca class=\"cd-solar-link\" href=\"tel:+18446034743\"\u003e+1 (844) 603-4743\u003c\/a\u003e!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-footer-tagline\"\u003eQuality Gear for the Great Indoors \u0026amp; Out. \u003cbr\u003e\u003cstrong\u003eThe Cabin Depot®\u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"CWPI","offers":[{"title":"Default Title","offer_id":43863504289889,"sku":"6606R-BLP","price":29.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/IMG_5914.heic?v=1775846492","url":"https:\/\/thecabindepot.ca\/products\/tcd-hat-with-leather-patch-black","provider":"The Cabin Depot","version":"1.0","type":"link"}