{"product_id":"tcd-hat-with-logo-black","title":"TCD Hat With Logo - 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    .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    .cd-indicator { opacity: 1; transform: none; }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"cd-hat-wrapper\"\u003e\n\u003ch1\u003eTCD Hat with Logo - Black\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"cd-hat-wrapper\"\u003e\n\u003cspan class=\"cd-origin-badge\"\u003eOfficial Homestead Uniform\u003c\/span\u003e\n\u003cdiv class=\"cd-nav-hub\"\u003e\n\u003cdiv class=\"cd-selector-grid\"\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=\"#\"\u003eLogo (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-black\"\u003eLeather (Black)\u003c\/a\u003e\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\u003eThe one that started it all. If you rely on TCD to keep your cabin warm and your batteries charged, this is your lid. The \u003cstrong\u003eClassic Logo Hat\u003c\/strong\u003e features our iconic branding in a clean, high-contrast print. It's not just a hat; it's the unofficial sign that you'd rather be off-grid. Perfect for anyone who knows the difference between a watt and a volt.\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":43863504322657,"sku":"6606R-BEMB","price":24.99,"currency_code":"CAD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0782\/2077\/files\/IMG_5915.heic?v=1775846135","url":"https:\/\/thecabindepot.ca\/products\/tcd-hat-with-logo-black","provider":"The Cabin Depot","version":"1.0","type":"link"}