Works Line Jacket 2026

.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; } .feature-item ul { font-size: 14px; font-weight: 300; color: #666; margin: 0; padding-left: 20px; line-height: 1.6; } .feature-item li { margin-bottom: 4px; } .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: 13px; } .size-table th { border: 1px solid #e5e7eb; text-align: center; font-weight: 500; color: Black; padding: 12px 8px; background: linear-gradient(135deg, #f9fafb 0%, #f9fafb 100%); font-size: 11px; letter-spacing: 0.3px; white-space: normal; word-wrap: break-word; line-height: 1.3; vertical-align: middle; } .size-table td { padding: 12px 8px; border-bottom: 1px solid #f5f5f5; color: #4a4a4a; font-weight: 300; transition: all 0.2s ease; text-align: center; white-space: normal; word-wrap: break-word; line-height: 1.4; vertical-align: middle; } .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; } @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 { min-width: 500px; font-size: 11px; } .size-table th { padding: 10px 6px; font-size: 10px; line-height: 1.2; } .size-table td { padding: 10px 6px; font-size: 11px; } .intro-text { font-size: 15px; } } @media (max-width: 480px) { .size-table { min-width: 450px; font-size: 10px; } .size-table th { padding: 8px 4px; font-size: 9px; line-height: 1.2; } .size-table td { padding: 8px 4px; font-size: 10px; } .size-note { font-size: 12px; padding: 10px 12px; } } Experience versatile performance with the Works Line Jacket, featuring a relaxed-fit design perfect for both winter sports and everyday use. Built with innovative features including detachable powder skirt, unique point stitch line on product seams, double ventilation system, and adjustable hood and hem, this jacket delivers exceptional functionality and style for any adventure. Features + Waterproof: 15K / Breathability: 10K High-performance weather protection with excellent breathability Versatile Relaxed Fit Relaxed-fit for both winter sports and everyday use Detachable Powder Skirt Detachable powder skirt with waist for versatile protection Unique Point Stitch Line Unique point stitch line on the product seam for distinctive style Double Ventilation Double ventilation for quick body heat discharge to keep you comfortable Adjustable Hood & Hem Elastic string & stopper applied to hood and hem for easy size adjustment Materials Shell: Nylon 100% Lining(1): Nylon 100% Lining(2): Polyester 100% Size Chart + Size CM INCH Length Chest Bottom Sleeve Length Chest Bottom Sleeve XS 74.5 57.5 57.5 85.5 29.5 22.5 22.5 33.5 S 77 60 60 88 30.5 23.5 23.5 34.5 M 79.5 62.5 62.5 90.5 31.5 24.5 24.5 35.5 L 82 65 65 93 32.5 25.5 25.5 36.5 XL 84.5 67.5 67.5 95.5 33.5 26.5 26.5 37.5 XXL 87 70 70 98 34.5 27.5 27.5 38.5 Model spec: MEN - 179cm, L size / WOMEN - 167cm, S size