✦ Verified product
TCD Hat With Leather Patch - Charcoal/White
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; } /* Uniform Fix: Peak active item at top */ .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; } /* Match uniform visibility for peak context */ .cd-indicator { opacity: 1; transform: none; } } TCD Leather Patch Hat - Charcoal/White Official Outdoor Trucker Logo (Black) Leather (Black) Currently Viewing Leather (Charcoal) The ultimate high-visibility trucker for a long day on the dock or hauling supply runs. The Charcoal/White TCD Hat features a crisp white mesh back paired with a rugged charcoal crown and etched leather patch. It’s designed for the fans who are out there putting in the work—breathable, durable, and unmistakably off-grid. 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®
