✦ Verified product
TCD Hat With Leather Patch - Black
CAD 29.99
The Cabin Depot
Verified independent store
→
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap'); .cd-hat-wrapper { font-family: 'Lato', sans-serif; line-height: 1.4; color: inherit; wid
th: 100%; max-width: 1000px; margin: 0 auto; padding: 0; box-sizing: border-box; } .cd-hat-wrapper ::selection { background: #0264a2; color: #ffffff; } .cd-origin-badge { text-align: center; text-transform: uppercase; font-weight: 800; letter-spacing: 2px; margin-bottom: 8px; display: block; color: #228841; } .cd-hat-wrapper h1 { text-align: center; margin-bottom: 15px; font-weight: 900; text-transform: uppercase; color: #0264a2; } /* --- Style Hub --- */ .cd-nav-hub { text-align: center; margin-bottom: 25px; padding: 0 10px; } .cd-selector-grid { display: flex; justify-content: center; gap: 8px; flex-wrap: wrap; align-items: flex-end; } .cd-nav-item { display: flex; flex-direction: column; align-items: center; flex: 0 1 auto; } .cd-indicator { display: flex; flex-direction: column; align-items: center; margin-bottom: 4px; opacity: 0; transform: translateY(5px); transition: all 0.3s ease; } .cd-nav-item.active .cd-indicator { opacity: 1; transform: translateY(0); } .cd-arrow { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 8px solid #0264a2; } .cd-status-tag { font-size: 9px; font-weight: 900; text-transform: uppercase; color: #0264a2; letter-spacing: 1px; margin-top: 2px; } .cd-style-btn { text-decoration: none !important; padding: 10px 15px; border-radius: 10px; font-weight: 800; text-transform: uppercase; font-size: 10px; border: 2px solid #e2e8f0; background: #ffffff; color: #475569 !important; transition: all 0.2s ease; min-width: 150px; text-align: center; display: flex; align-items: center; justify-content: center; height: 40px; } .cd-style-btn:hover:not(.active) { border-color: #ffd70b; transform: translateY(-2px); } .cd-nav-item.active .cd-style-btn { background: #0264a2; color: #ffffff !important; border-color: #0264a2; cursor: default; } /* --- Content Blocks --- */ .cd-intro-box { text-align: center; max-width: 850px; margin: 0 auto 20px auto; } .cd-feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px auto; max-width: 900px; } .cd-feature-card { background: #ffffff; padding: 15px; border-radius: 12px; border: 1px solid #e2e8f0; border-top: 4px solid #228841; text-align: center; } .cd-feature-card strong { display: block; margin-bottom: 2px; text-transform: uppercase; font-weight: 900; color: #0264a2; } .cd-feature-card p { margin: 0; font-size: 0.85em; color: #475569; line-height: 1.3; } /* --- Support Box --- */ .cd-support-box { max-width: 800px; margin: 30px auto 10px auto; padding: 20px; border: 1px dashed #0264a2; border-radius: 16px; background: #f0f9ff; display: flex; align-items: center; gap: 20px; } .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); } .cd-support-content { text-align: left; flex: 1; } .cd-support-content h3 { margin: 0 0 2px 0; font-weight: 900; text-transform: uppercase; color: #0f172a; font-size: 1.1em; } .cd-support-content p { margin: 0; font-size: 0.9em; color: #475569; line-height: 1.4; } .cd-solar-link { color: #0264a2; font-weight: 900; text-decoration: none; } .cd-footer-tagline { text-align: center; font-style: italic; margin-top: 20px; color: #94a3b8; border-top: 1px solid rgba(0,0,0,0.05); padding-top: 15px; font-size: 0.8em; } @media screen and (max-width: 768px) { /* Pyramid Nav Layout */ .cd-selector-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } /* Force active style to the peak of the pyramid using order and span */ .cd-nav-item.active { grid-column: span 2; order: -1; } .cd-style-btn { min-width: unset; width: 100%; box-sizing: border-box; } /* Tighten Features Horizontally */ .cd-feature-grid { grid-template-columns: 1fr; max-width: 400px; padding: 0 20px; } .cd-support-box { flex-direction: column; text-align: center; padding: 25px 15px; } .cd-support-content { text-align: center; } /* Keeping indicator visible for the peak context on mobile */ .cd-indicator { opacity: 1; transform: none; } } TCD Leather Patch Hat - Black Premium Homestead Style Logo (Black) Currently Viewing Leather (Black) Leather (Charcoal) Elevate your off-grid aesthetic with the Leather Patch TCD Hat. 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. Recycled Fabric Made from post-consumer recycled materials. Rugged durability that aligns with the off-grid ethos. Breathable Mesh Classic "farmer back" half-mesh design for maximum airflow during high-output homestead chores. Snapback Adjust Standard adjustable closure ensures a secure, comfortable fit for any lakeside adventure. Part of the TCD Family At 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 +1 (844) 603-4743! Quality Gear for the Great Indoors & Out. The Cabin Depot®
