✦ Verified product
Microbial Crew Socks
CAD 16.09
The Boardroom
Verified independent store
→
.product-description { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif; color: #1a1a1a; line-height: 1.7; max-width: 800px; margin:
0; padding: 0; } .intro-text { font-size: 16px; font-weight: 300; margin-bottom: 32px; color: #2c2c2c; line-height: 1.8; position: relative; padding-left: 16px; border-left: 3px solid #f87171; } .accordion-item { border-bottom: 1px solid #e0e0e0; transition: all 0.2s ease; } .accordion-item:hover { border-bottom-color: #f87171; } .accordion-item:last-child { border-bottom: none; } .accordion-summary { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; cursor: pointer; list-style: none; font-size: 13px; font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; color: #1a1a1a; transition: all 0.3s ease; position: relative; } .accordion-summary::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background: linear-gradient(90deg, #f87171, #fca5a5); transition: width 0.3s ease; } .accordion-summary:hover::before { width: 60px; } .accordion-summary:hover { color: #f87171; padding-left: 8px; } .accordion-summary::-webkit-details-marker { display: none; } .accordion-icon { font-size: 20px; font-weight: 300; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); color: #999; } .accordion-item[open] .accordion-icon { transform: rotate(45deg); color: #f87171; } .accordion-content { padding: 0 0 24px 0; animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow: hidden; } @keyframes slideDown { from { opacity: 0; transform: translateY(-12px); } to { opacity: 1; transform: translateY(0); } } .features-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 8px; } .feature-item { padding: 16px; background: linear-gradient(135deg, #fafafa 0%, #ffffff 100%); border-radius: 8px; border: 1px solid #f0f0f0; transition: all 0.3s ease; position: relative; overflow: hidden; } .feature-item::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: linear-gradient(180deg, #f87171, #fca5a5); transition: height 0.3s ease; } .feature-item:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(248, 113, 113, 0.1); border-color: #fecaca; } .feature-item:hover::before { height: 100%; } .feature-item h3 { font-size: 14px; font-weight: 600; color: #1a1a1a; margin-bottom: 6px; } .feature-item p { font-size: 14px; font-weight: 300; color: #666; margin: 0; line-height: 1.6; } .size-table-wrapper { width: 100%; overflow-x: auto; margin: 16px 0; border-radius: 8px; border: 1px solid #f0f0f0; -webkit-overflow-scrolling: touch; } .size-table { width: 100%; min-width: 600px; border-collapse: collapse; font-size: 14px; } .size-table th { text-align: left; font-weight: 500; color: white; padding: 14px 16px; background: linear-gradient(135deg, #f87171 0%, #fca5a5 100%); font-size: 13px; letter-spacing: 0.5px; white-space: nowrap; } .size-table td { padding: 14px 16px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; white-space: nowrap; } .size-table tr:last-child td { border-bottom: none; } .size-table tbody tr { transition: all 0.2s ease; } .size-table tbody tr:hover { background: #fef2f2; } .size-note { font-size: 13px; color: #666; font-style: italic; margin-top: 16px; padding: 12px 16px; background: #fef2f2; border-left: 3px solid #f87171; border-radius: 4px; } .detail-text { font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 1.8; margin-bottom: 16px; } .care-list { list-style: none; padding: 0; margin: 16px 0 0 0; } .care-list li { font-size: 14px; font-weight: 300; color: #4a4a4a; padding: 12px 16px; border-bottom: 1px solid #f5f5f5; position: relative; padding-left: 32px; transition: all 0.2s ease; } .care-list li::before { content: '✓'; position: absolute; left: 8px; color: #f87171; font-weight: 500; } .care-list li:hover { background: #fafafa; padding-left: 36px; } .care-list li:last-child { border-bottom: none; } .note { font-size: 13px; color: #999; margin-top: 16px; padding: 12px 16px; background: #fafafa; border-radius: 4px; } @media (max-width: 768px) { .features-grid { grid-template-columns: 1fr; gap: 16px; } .feature-item:hover { transform: none; } .accordion-summary:hover { padding-left: 0; } .accordion-summary::before { display: none; } .accordion-summary { padding: 16px 0; font-size: 12px; } .size-table { font-size: 13px; } .size-table th, .size-table td { padding: 10px 12px; } .intro-text { font-size: 15px; } } Our fan-favourite crew height patterns are designed with extra comfort in every step, featuring a seamless toe cap, targeted cushioning and stay-put fit. Backed by our All Good Guarantee. Features + Premium Combed Cotton 76% combed cotton blend provides superior softness and breathability for all-day comfort. Crew Length Classic crew height offers versatile coverage that pairs perfectly with any footwear. Stretch Fit 3% elastane ensures a secure, comfortable fit that moves with you throughout the day. Durable Construction Reinforced with polyester and nylon for long-lasting wear and shape retention. Moisture Management Breathable fabric blend keeps feet cool and dry during any activity. Versatile Style Clean design works seamlessly with any outfit, from casual to polished. Sizing + Size US Women's Shoe Size S 5-7.5 M 8-10.5 For the best fit, choose your size based on your shoe size. If you're between sizes, we recommend sizing up for extra comfort.
