Login

Teen 24/7 Short @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800&family=Barlow:wght@300;400;500;600&display=swap'); :root { --black: #0a0a0a; --white: #ffffff; --mid: #f5f5f5; --border: #e8e8e8; --muted: #999; --body: #222; } * { box-sizing: border-box; margin: 0; padding: 0; } .spur-wrap { font-family: 'Barlow', sans-serif; background: var(--white); color: var(--black); max-width: 1100px; margin: 0 auto; padding: 48px 24px; } .spur-header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 48px; border-bottom: 1px solid var(--border); padding-bottom: 24px; flex-wrap: wrap; gap: 12px; } .spur-title { font-family: 'Barlow Condensed', sans-serif; font-size: clamp(28px, 5vw, 48px); font-weight: 800; letter-spacing: -0.02em; line-height: 1; text-transform: uppercase; } .spur-meta { font-size: 12px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); } .tab-radio { display: none; } .tab-nav { display: flex; gap: 4px; margin-bottom: 32px; flex-wrap: wrap; } .tab-nav label { font-family: 'Barlow Condensed', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; padding: 10px 24px; background: var(--mid); color: var(--muted); border: 1px solid var(--border); cursor: pointer; transition: all 0.15s; border-radius: 2px; display: inline-block; user-select: none; } .tab-nav label:hover { color: var(--black); border-color: #aaa; } .spur-panels .tab-panel { display: none; } #tab-desc:checked ~ .tab-nav label[for="tab-desc"], #tab-key:checked ~ .tab-nav label[for="tab-key"], #tab-specs:checked ~ .tab-nav label[for="tab-specs"], #tab-care:checked ~ .tab-nav label[for="tab-care"] { background: var(--black); color: var(--white); border-color: var(--black); } #tab-desc:checked ~ .spur-panels .desc-panel { display: block; } #tab-key:checked ~ .spur-panels .key-panel { display: block; } #tab-specs:checked ~ .spur-panels .specs-panel { display: block; } #tab-care:checked ~ .spur-panels .care-panel { display: block; } .spur-panel p { font-size: 14px; font-weight: 300; line-height: 1.7; color: var(--body); margin-bottom: 16px; } .desc-intro { font-size: 16px; font-weight: 400; line-height: 1.65; color: var(--body); margin-bottom: 28px; padding-bottom: 24px; border-bottom: 1px solid var(--border); } .key-section { border-bottom: 1px solid var(--border); padding: 16px 0; } .key-title { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 6px; } .key-desc { font-size: 14px; font-weight: 300; color: var(--body); line-height: 1.5; } .spec-row { display: grid; grid-template-columns: 200px 1fr; border-bottom: 1px solid var(--border); } .spec-key { font-size: 12px; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: var(--muted); padding: 12px 16px 12px 0; } .spec-val { font-size: 14px; font-weight: 300; color: var(--body); padding: 12px 0; line-height: 1.5; } .spec-category { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; margin: 24px 0 8px 0; color: var(--muted); } .spec-category:first-child { margin-top: 0; } @media (max-width: 600px) { .spec-row { grid-template-columns: 1fr; } .spec-key { padding-bottom: 2px; } .spec-val { padding-top: 0; padding-bottom: 12px; } } Teen 24/7 Short Pants · Hiking / Trail Description Key Features Specifications Care The Teen 24/7 Short combines performance-driven design with durable materials for reliable outdoor use. Features See product details for complete feature information. General Type Pants Activity Hiking / Trail Gender Unisex Style The-North-Face-Teen-24/7-Short Cleaning Machine wash cold with mild detergent. Wash separately on first use. Do not use fabric softener or bleach. Drying Tumble dry on low heat. Do not dry clean or iron. Storage Store in a cool, dry place. Avoid compressing for long periods—use a hanger or stuff with tissue. Waterproof Care Reapply DWR treatment after repeated washing using a spray-on or wash-in waterproofer designed for technical fabrics. Material Notes Contains recycled materials. Follow care label instructions for best results and longest product life.