✦ Verified product
Boyd Crew Socks
CAD 10.79
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; } } The Boyd Crew Socks combine classic crew styling with premium comfort. Crafted from a soft combed cotton blend, these socks deliver all-day wearability with a touch of stretch for the perfect fit. Whether you're dressing up or keeping it casual, the Boyd Crew is your go-to essential. 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.
Related
Related
Related
Related