{"product_id":"navy-women-s-running-compression-shorts-5-no-ride-up-running-shorts-with-leg-grippers-high-rise-waist-pockets-anti-chafe-quick-dry-fit-for-running-spartan-and-triathlon-copy","title":"Navy Women’s  Running Compression Shorts – 5\" No-Ride-Up Running Shorts with Leg Grippers, High-Rise Waist, Pockets | Anti-Chafe, Quick-Dry Fit for Running, Spartan and Triathlon","description":"\u003cstyle\u003e\n  \/* Hero Section Styles - BREAKS OUT OF CONTAINER *\/\n  .hero-section {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: #fff;\n    padding: 60px 20px 70px;\n    text-align: center;\n    margin: 0 0 50px 0;\n    border-radius: 0;\n    \/* CRITICAL: Break out of product description container *\/\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  .hero-container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n  \n  .trust-badge {\n    font-size: 15px;\n    margin-bottom: 25px;\n    opacity: 0.98;\n    font-weight: 500;\n    letter-spacing: 0.3px;\n  }\n  \n  .trust-badge .stars {\n    color: #ffd700;\n    font-size: 18px;\n    letter-spacing: 2px;\n    display: inline-block;\n    margin-right: 5px;\n  }\n  \n  .hero-subtitle {\n    font-size: 18px;\n    font-weight: 500;\n    margin-bottom: 15px;\n    opacity: 0.95;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n  \n  .hero-title {\n    font-size: 52px;\n    font-weight: 800;\n    margin-bottom: 20px;\n    line-height: 1.15;\n    letter-spacing: -0.5px;\n  }\n  \n  .hero-description {\n    font-size: 20px;\n    margin-bottom: 45px;\n    opacity: 0.95;\n    line-height: 1.6;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n    font-weight: 400;\n  }\n  \n  .hero-subtext {\n    font-size: 15px;\n    margin-top: 20px;\n    opacity: 0.9;\n    font-weight: 500;\n  }\n  \n  .hero-subtext::before {\n    content: \"✓ \";\n    margin-right: 5px;\n  }\n  \n  \/* Feature Icons Grid *\/\n  .feature-icons-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n    margin-top: 50px;\n    max-width: 1000px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .feature-icon-item {\n    text-align: center;\n    padding: 25px 15px;\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 12px;\n    backdrop-filter: blur(10px);\n    transition: all 0.3s ease;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n  }\n  \n  .feature-icon-item:hover {\n    background: rgba(255, 255, 255, 0.25);\n    transform: translateY(-5px);\n  }\n  \n  .feature-icon-symbol {\n    font-size: 42px;\n    margin-bottom: 12px;\n    display: block;\n    line-height: 1;\n  }\n  \n  .feature-icon-text {\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.4;\n  }\n  \n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .hero-section {\n      padding: 50px 15px 60px;\n    }\n    \n    .trust-badge {\n      font-size: 13px;\n      line-height: 1.5;\n    }\n    \n    .hero-subtitle {\n      font-size: 15px;\n    }\n    \n    .hero-title {\n      font-size: 32px;\n      line-height: 1.2;\n      margin-bottom: 15px;\n    }\n    \n    .hero-description {\n      font-size: 17px;\n      margin-bottom: 35px;\n      line-height: 1.5;\n    }\n    \n    .hero-subtext {\n      font-size: 14px;\n    }\n    \n    .feature-icons-grid {\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      margin-top: 40px;\n    }\n    \n    .feature-icon-item {\n      padding: 18px 12px;\n    }\n    \n    .feature-icon-symbol {\n      font-size: 36px;\n      margin-bottom: 10px;\n    }\n    \n    .feature-icon-text {\n      font-size: 13px;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .hero-title {\n      font-size: 28px;\n    }\n    \n    .hero-description {\n      font-size: 16px;\n    }\n    \n    .feature-icons-grid {\n      grid-template-columns: 1fr;\n      gap: 15px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003cdiv class=\"hero-container\"\u003e\n\u003cdiv class=\"trust-badge\"\u003e\n\u003cspan class=\"stars\"\u003e★★★★★\u003c\/span\u003e \u003cspan\u003e4.8\/5 from 500+ Multi-Sport Athletes | Women-Owned \u0026amp; Operated\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"hero-subtitle\"\u003eWomen's 5\" No-Ride-Up Compression Shorts\u003c\/div\u003e\n\u003ch1 class=\"hero-title\"\u003eFinally, Shorts That Perform\u003cbr\u003eas Hard as You Do\u003c\/h1\u003e\n\u003cp class=\"hero-description\"\u003eEngineered for athletes who refuse to adjust mid-race. No ride-up during mile 20. No chafing on obstacle walls. No compromises.\u003c\/p\u003e\n\u003cdiv class=\"hero-subtext\"\u003eFree Shipping | 30-Day Race Guarantee\u003c\/div\u003e\n\u003cdiv class=\"feature-icons-grid\"\u003e\n\u003cdiv class=\"feature-icon-item\"\u003e\n\u003cspan class=\"feature-icon-symbol\"\u003e🔒\u003c\/span\u003e\n\u003cdiv class=\"feature-icon-text\"\u003eNo Ride-Up Technology\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-icon-item\"\u003e\n\u003cspan class=\"feature-icon-symbol\"\u003e💧\u003c\/span\u003e\n\u003cdiv class=\"feature-icon-text\"\u003eQuick-Dry Performance\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-icon-item\"\u003e\n\u003cspan class=\"feature-icon-symbol\"\u003e📱\u003c\/span\u003e\n\u003cdiv class=\"feature-icon-text\"\u003eDual Deep Pockets\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-icon-item\"\u003e\n\u003cspan class=\"feature-icon-symbol\"\u003e♻️\u003c\/span\u003e\n\u003cdiv class=\"feature-icon-text\"\u003eSustainable Materials\u003c\/div\u003e\n\u003cdiv class=\"feature-icon-text\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* Problem Section Styles - BREAKS OUT OF CONTAINER *\/\n  .problem-section {\n    padding: 80px 20px;\n    background: #fff;\n    margin: 0;\n    \/* CRITICAL: Break out of product description container *\/\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n  \n  .problem-container {\n    max-width: 1100px;\n    margin: 0 auto;\n    padding: 0 20px;\n  }\n  \n  .problem-heading {\n    font-size: 42px;\n    font-weight: 800;\n    margin-bottom: 30px;\n    text-align: center;\n    color: #1a1a1a;\n    line-height: 1.3;\n    letter-spacing: -0.5px;\n  }\n  \n  .problem-intro {\n    font-size: 19px;\n    text-align: center;\n    color: #555;\n    margin-bottom: 50px;\n    line-height: 1.7;\n    max-width: 850px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .problem-list {\n    max-width: 900px;\n    margin: 0 auto;\n  }\n  \n  .problem-item {\n    display: flex;\n    align-items: flex-start;\n    font-size: 18px;\n    margin-bottom: 28px;\n    padding: 25px 30px;\n    background: #fff;\n    border-left: 4px solid #dc3545;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    border-radius: 6px;\n    transition: all 0.3s ease;\n    line-height: 1.6;\n  }\n  \n  .problem-item:hover {\n    transform: translateX(8px);\n    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.15);\n  }\n  \n  .problem-icon {\n    font-size: 24px;\n    margin-right: 18px;\n    flex-shrink: 0;\n    line-height: 1;\n    margin-top: 2px;\n  }\n  \n  .problem-text {\n    color: #333;\n    font-weight: 500;\n  }\n  \n  .problem-cta-wrapper {\n    text-align: center;\n    margin-top: 50px;\n    padding-top: 40px;\n    border-top: 2px solid #f0f0f0;\n    max-width: 900px;\n    margin-left: auto;\n    margin-right: auto;\n  }\n  \n  .problem-cta-text {\n    font-size: 22px;\n    font-weight: 700;\n    color: #1a1a1a;\n    margin-bottom: 15px;\n  }\n  \n  .problem-cta-subtext {\n    font-size: 16px;\n    color: #666;\n    font-style: italic;\n  }\n  \n  \/* Mobile Responsive *\/\n  @media (max-width: 768px) {\n    .problem-section {\n      padding: 60px 15px;\n    }\n    \n    .problem-heading {\n      font-size: 30px;\n      margin-bottom: 25px;\n      line-height: 1.25;\n    }\n    \n    .problem-intro {\n      font-size: 16px;\n      margin-bottom: 40px;\n    }\n    \n    .problem-item {\n      font-size: 16px;\n      margin-bottom: 20px;\n      padding: 20px 18px;\n    }\n    \n    .problem-item:hover {\n      transform: translateX(5px);\n    }\n    \n    .problem-icon {\n      font-size: 22px;\n      margin-right: 15px;\n    }\n    \n    .problem-cta-wrapper {\n      margin-top: 40px;\n      padding-top: 30px;\n    }\n    \n    .problem-cta-text {\n      font-size: 19px;\n    }\n    \n    .problem-cta-subtext {\n      font-size: 15px;\n    }\n  }\n  \n  @media (max-width: 480px) {\n    .problem-heading {\n      font-size: 26px;\n    }\n    \n    .problem-item {\n      font-size: 15px;\n      padding: 18px 15px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"problem-section\"\u003e\n\u003cdiv class=\"problem-container\"\u003e\n\u003ch1 class=\"testimonial-quote\" style=\"text-align: center;\"\u003e\u003cstrong\u003e\"These stayed perfect through my entire Ironman 70.3 - no chafing, no adjusting. Game changer.\"\u003c\/strong\u003e\u003c\/h1\u003e\n\u003cdiv class=\"testimonial-author\" style=\"text-align: center;\"\u003e— Sarah M., Triathlete\u003c\/div\u003e\n\u003cdiv class=\"trust-elements\"\u003e\n\u003cdiv style=\"text-align: center;\" class=\"trust-element\"\u003e\u003cspan style=\"color: rgb(64, 64, 64);\"\u003e\u003cstrong\u003e✓ As worn by Spartan finishers\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"trust-element\"\u003e\u003cspan style=\"color: rgb(64, 64, 64);\"\u003e\u003cstrong\u003e✓ Tested in 100+ races\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"trust-element\"\u003e\u003cspan style=\"color: rgb(64, 64, 64);\"\u003e\u003cstrong\u003e✓ 5,000+ athletes trust ShocSox\u003c\/strong\u003e\u003c\/span\u003e\u003c\/div\u003e\n\u003cdiv style=\"text-align: center;\" class=\"trust-element\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003ch2 class=\"problem-heading\"\u003eTired of Fighting Your Gear When You\u003cbr\u003eShould Be Crushing Your Goals?\u003c\/h2\u003e\n\u003cp class=\"problem-intro\"\u003eYou train too hard to let subpar gear hold you back. Every second spent adjusting, every distraction from discomfort, every race ruined by chafing—it all adds up. You deserve better.\u003c\/p\u003e\n\u003cdiv class=\"problem-list\"\u003e\n\u003cdiv class=\"problem-item\"\u003e\n\u003cspan class=\"problem-icon\"\u003e❌\u003c\/span\u003e \u003cspan class=\"problem-text\"\u003eConstant ride-up during long runs ruins your rhythm and forces you to break stride every few miles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-item\"\u003e\n\u003cspan class=\"problem-icon\"\u003e❌\u003c\/span\u003e \u003cspan class=\"problem-text\"\u003eChafing on mile 15 derails your PR attempts and turns the final stretch into pure misery\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-item\"\u003e\n\u003cspan class=\"problem-icon\"\u003e❌\u003c\/span\u003e \u003cspan class=\"problem-text\"\u003eFlimsy pockets drop your phone mid-obstacle or bounce annoyingly against your leg the entire run\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-item\"\u003e\n\u003cspan class=\"problem-icon\"\u003e❌\u003c\/span\u003e \u003cspan class=\"problem-text\"\u003eCheap shorts fall apart after a single season, forcing you to constantly replace your gear\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-item\"\u003e\n\u003cspan class=\"problem-icon\"\u003e❌\u003c\/span\u003e \u003cspan class=\"text\"\u003eIll-fitting waistbands roll and dig during transitions, creating discomfort when you need focus most\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"problem-cta-wrapper\"\u003e\n\u003cdiv class=\"problem-cta-text\"\u003eThere's a Better Way\u003c\/div\u003e\n\u003cdiv class=\"problem-cta-subtext\"\u003eScroll down to see how we solved every single one of these problems\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n  \/* --- FULL WIDTH BREAKOUT (works inside Dawn's narrow description column) --- *\/\n  .features-section-wrapper {\n    background: #f8f9fa;\n    padding: 60px 0;\n    \/* Breakout *\/\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n\n  \/* Inner max width; respects Dawn's --page-width if available *\/\n  .features-inner-container {\n    max-width: var(--page-width, 1000px);\n    margin: 0 auto;\n    padding: 0 40px;\n  }\n\n  .features-heading {\n    text-align: center;\n    font-size: 42px;\n    font-weight: 800;\n    margin-bottom: 70px;\n    color: #1a1a1a;\n    line-height: 1.2;\n    letter-spacing: -0.5px;\n  }\n\n  .feature-block {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 60px;\n    margin-bottom: 80px;\n    align-items: center;\n  }\n\n  \/* Alternate layout for even blocks *\/\n  .feature-block:nth-of-type(even) .feature-image { order: 2; }\n  .feature-block:nth-of-type(even) .feature-content { order: 1; }\n\n  .feature-image {\n    width: 100%;\n    border-radius: 12px;\n    overflow: hidden;\n    box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n  }\n  .feature-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n  }\n\n  .feature-content h3 {\n    font-size: 32px;\n    font-weight: 800;\n    margin-bottom: 20px;\n    color: #1a1a1a;\n    line-height: 1.3;\n    letter-spacing: -0.3px;\n  }\n  .feature-content p {\n    font-size: 17px;\n    line-height: 1.8;\n    color: #333;\n    margin-bottom: 16px;\n  }\n  .feature-content strong { color: #1a1a1a; font-weight: 700; }\n\n  .race-benefit {\n    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n    color: #fff;\n    padding: 20px 26px;\n    border-radius: 10px;\n    margin-top: 24px;\n    font-weight: 600;\n    font-size: 17px;\n    line-height: 1.5;\n    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);\n  }\n  .race-benefit::before { content: \"⚡ \"; font-size: 20px; }\n\n  \/* Prevent theme containers from re-limiting width inside descriptions *\/\n  .features-section-wrapper * { max-width: none; }\n\n  \/* Tablet *\/\n  @media (max-width: 968px) {\n    .features-inner-container { padding: 0 30px; }\n    .feature-block { gap: 50px; margin-bottom: 70px; }\n  }\n\n  \/* Mobile *\/\n  @media (max-width: 768px) {\n    .features-section-wrapper { padding: 50px 0; }\n    .features-inner-container { padding: 0 20px; }\n    .features-heading { font-size: 30px; margin-bottom: 50px; }\n    .feature-block { grid-template-columns: 1fr; gap: 30px; margin-bottom: 50px; }\n    \/* Reset order on mobile *\/\n    .feature-block:nth-of-type(even) .feature-image { order: 1; }\n    .feature-block:nth-of-type(even) .feature-content { order: 2; }\n    .feature-content h3 { font-size: 26px; }\n    .feature-content p { font-size: 16px; }\n    .race-benefit { font-size: 16px; padding: 18px 22px; }\n  }\n\n  @media (max-width: 480px) {\n    .features-heading { font-size: 26px; }\n    .feature-content h3 { font-size: 24px; }\n    .feature-content p { font-size: 15px; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"features-section-wrapper\"\u003e\n\u003cdiv class=\"features-inner-container\"\u003e\n\u003ch2 class=\"features-heading\"\u003eEngineered by Athletes, For Athletes\u003c\/h2\u003e\n\u003c!-- Feature Block 1: No-Ride-Up Technology --\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003cdiv class=\"feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/flatlay_silicone_small_95d6661b-b266-424d-aaa6-65a620646cc8.jpg?v=1761654405\" alt=\"Silicone gripper flatlay\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003e🔒 No-Ride-Up Technology\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eSilicone Leg Grippers:\u003c\/strong\u003e Medical-grade silicone strips keep shorts locked in place through every stride, burpee, and wall climb.\u003c\/p\u003e\n\u003cp\u003eUnlike traditional elastic bands that lose grip when you sweat, our silicone technology maintains contact without feeling restrictive or tight.\u003c\/p\u003e\n\u003cdiv class=\"race-benefit\"\u003eRace-Day Benefit: Stay focused on your split times, not adjusting your shorts\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Block 2: Anti-Chafe Performance --\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003cdiv class=\"feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/Image_3.jpg?v=1762637657\" alt=\"Gusset detail\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003e💪 Anti-Chafe Performance\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eAnatomical Gusset Design:\u003c\/strong\u003e Wide, seamless front panel eliminates friction points for all-day comfort.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eAntimicrobial Double-Lined:\u003c\/strong\u003e Stays fresh through brick workouts and keeps odor away. The moisture-wicking inner layer pulls sweat away from your skin.\u003c\/p\u003e\n\u003cdiv class=\"race-benefit\"\u003eRace-Day Benefit: Go commando with confidence from T1 to finish line\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Block 3: Serious Storage --\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003cdiv class=\"feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/Image_1.jpg?v=1762637804\" alt=\"Pocket with phone\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003e📱 Serious Storage\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003eDual Deep Pockets:\u003c\/strong\u003e Secure, bounce-free storage on both legs. Each pocket holds your phone flat against your thigh to stop bounce during runs.\u003c\/p\u003e\n\u003cp\u003eHolds phone, energy gels, keys, and cards without scratching screens. No more choosing what to leave behind on long training runs.\u003c\/p\u003e\n\u003cdiv class=\"race-benefit\"\u003eRace-Day Benefit: Everything you need, nothing you don't\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Block 4: Performance Fabric --\u003e\n\u003cdiv class=\"feature-block\"\u003e\n\u003cdiv class=\"feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/layflatwaist1_small_4bfbfb90-8d10-4e20-abdc-5dc6c0462278.jpg?v=1761654405\" alt=\"Fabric close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003e🌊 Performance Fabric\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003e77% Recycled Polyester | 23% Spandex:\u003c\/strong\u003e Four-way stretch moves with you through every movement pattern.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eQuick-Dry Technology:\u003c\/strong\u003e 40% faster drying time than standard athletic fabric. Perfect for triathlons and multi-sport events.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eCompression Support:\u003c\/strong\u003e Enhances circulation and reduces muscle fatigue without restricting your range of motion.\u003c\/p\u003e\n\u003cdiv class=\"race-benefit\"\u003eRace-Day Benefit: Seamless transitions from swim to run, dry in minutes\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature Block 5: Built to Last --\u003e\n\u003cdiv class=\"feature-block\"\u003e\n  \u003cdiv class=\"feature-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/layflatshorts2.jpg?v=1761654405\" alt=\"Fabric close-up\" loading=\"lazy\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"feature-content\"\u003e\n\u003ch3\u003e⭐ Built to Last\u003c\/h3\u003e\n\u003cp\u003e\u003cstrong\u003ePremium Construction:\u003c\/strong\u003e Flatlock seams prevent irritation even during your longest training sessions.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eTested to 150+ Washes:\u003c\/strong\u003e Maintains compression, color, and shape season after season.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eHigh-Rise Waistband:\u003c\/strong\u003e 3\" wide band with reinforced elastic stays put and never rolls, even during burpees and obstacle climbs.\u003c\/p\u003e\n\u003cdiv class=\"race-benefit\"\u003eRace-Day Benefit: Investment piece that performs race after race, season after season\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n  \/* ===== Size Chart (scoped) ===== *\/\n  .sizechart-wrap {\n    background: #fbf1e2;                 \/* soft sand tint like your screenshot *\/\n    padding: 56px 0;\n    \/* Breakout to full width inside Dawn's narrow column *\/\n    width: 100vw; position: relative; left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw;\n  }\n  .sizechart-inner {\n    max-width: var(--page-width, 1100px); \/* tweak 1000–1200px to taste *\/\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n\n  .sizechart-title {\n    text-align: center;\n    font-size: 44px; font-weight: 800;\n    line-height: 1.15; letter-spacing: -0.5px;\n    color: #111; margin: 0 0 28px;\n  }\n\n  .sizechart-callout {\n    display: flex; align-items: flex-start; gap: 12px;\n    background: #fff7e6; color: #1a1a1a;\n    border: 3px solid #f1b860; border-radius: 14px;\n    padding: 16px 18px; margin: 0 auto 28px;\n    max-width: 860px; box-shadow: 0 2px 10px rgba(0,0,0,.06);\n    font-size: 16px; line-height: 1.6;\n  }\n  .sizechart-callout b { font-weight: 800; }\n\n  .sizechart-card {\n    background: #fff; border-radius: 16px;\n    box-shadow: 0 8px 30px rgba(0,0,0,.08);\n    overflow: hidden; margin: 0 auto; max-width: 980px;\n  }\n\n  .sizechart-table {\n    width: 100%; border-collapse: collapse;\n    font-size: 16px; color: #222;\n  }\n  .sizechart-table thead th {\n    background: #667eea;                 \/* purple header *\/\n    color: #fff; font-weight: 800; text-align: left;\n    padding: 16px 18px; font-size: 16px;\n  }\n  .sizechart-table tbody td, .sizechart-table tbody th {\n    padding: 16px 18px; border-bottom: 1px solid #eee;\n  }\n  .sizechart-table tbody tr:last-child td,\n  .sizechart-table tbody tr:last-child th { border-bottom: none; }\n  .sizechart-table tbody th { font-weight: 800; color: #111; } \/* size column *\/\n\n  \/* Nice spacing on large screens *\/\n  @media (min-width: 1200px){\n    .sizechart-inner { padding: 0 32px; }\n  }\n\n  \/* Responsive: stack into cards on small screens (optional) *\/\n  @media (max-width: 640px){\n    .sizechart-title { font-size: 30px; }\n    .sizechart-callout { font-size: 15px; }\n    .sizechart-table thead { display: none; }\n    .sizechart-table, .sizechart-table tbody, .sizechart-table tr, .sizechart-table td, .sizechart-table th { display: block; width: 100%; }\n    .sizechart-table tbody tr { border-bottom: 1px solid #f0f0f0; }\n    .sizechart-table tbody th { background: #f9fafc; border-bottom: none; }\n    .sizechart-table tbody td { display: flex; justify-content: space-between; gap: 8px; }\n    .sizechart-table tbody td::before {\n      content: attr(data-label);\n      font-weight: 700; color: #555;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"sizechart-wrap\" role=\"region\" aria-label=\"Sizing \u0026amp; Fit Guide\"\u003e\n  \u003cdiv class=\"sizechart-inner\"\u003e\n    \u003ch2 class=\"sizechart-title\"\u003eSizing \u0026amp; Fit Guide\u003c\/h2\u003e\n\n    \u003cdiv class=\"sizechart-callout\"\u003e\n      \u003cdiv\u003e⚠️\u003c\/div\u003e\n      \u003cdiv\u003e\n\u003cb\u003eImportant:\u003c\/b\u003e These run generously. We recommend sizing down if you're between sizes, prefer maximum compression, or have a petite frame.\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sizechart-card\"\u003e\n      \u003ctable class=\"sizechart-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"col\"\u003eSize\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eWaist (inches)\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eHip (inches)\u003c\/th\u003e\n            \u003cth scope=\"col\"\u003eRecommended For\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eXS\u003c\/th\u003e\n            \u003ctd data-label=\"Waist\"\u003e24–26\"\u003c\/td\u003e\n            \u003ctd data-label=\"Hip\"\u003e34–36\"\u003c\/td\u003e\n            \u003ctd data-label=\"Recommended For\"\u003eUS 0–2\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eS\u003c\/th\u003e\n            \u003ctd data-label=\"Waist\"\u003e26–28\"\u003c\/td\u003e\n            \u003ctd data-label=\"Hip\"\u003e36–38\"\u003c\/td\u003e\n            \u003ctd data-label=\"Recommended For\"\u003eUS 4–6\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eM\u003c\/th\u003e\n            \u003ctd data-label=\"Waist\"\u003e28–30\"\u003c\/td\u003e\n            \u003ctd data-label=\"Hip\"\u003e38–40\"\u003c\/td\u003e\n            \u003ctd data-label=\"Recommended For\"\u003eUS 8–10\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eL\u003c\/th\u003e\n            \u003ctd data-label=\"Waist\"\u003e30–32\"\u003c\/td\u003e\n            \u003ctd data-label=\"Hip\"\u003e40–42\"\u003c\/td\u003e\n            \u003ctd data-label=\"Recommended For\"\u003eUS 12–14\u003c\/td\u003e\n          \u003c\/tr\u003e\n          \u003ctr\u003e\n            \u003cth scope=\"row\"\u003eXL\u003c\/th\u003e\n            \u003ctd data-label=\"Waist\"\u003e32–34\"\u003c\/td\u003e\n            \u003ctd data-label=\"Hip\"\u003e42–44\"\u003c\/td\u003e\n            \u003ctd data-label=\"Recommended For\"\u003eUS 16–18\u003c\/td\u003e\n          \u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n  \/* ===== Reviews Section (scoped) ===== *\/\n  .reviews-wrap {\n    background: #f5f7fb;\n    padding: 64px 0 72px;\n    \/* Full-width breakout for Dawn *\/\n    width: 100vw; position: relative; left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw;\n  }\n  .reviews-inner { max-width: var(--page-width, 1100px); margin: 0 auto; padding: 0 24px; }\n\n  .reviews-title { text-align: center; margin: 0 0 12px; font-size: 44px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.15; color: #111; }\n\n  \/* rating row — stars + text (no counts) *\/\n  .rating-row { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 18px; color: #111; margin: 8px 0 14px; }\n  .stars { display: inline-flex; gap: 4px; }\n  .stars svg { width: 22px; height: 22px; }\n\n  .meta-line { text-align: center; color: #555; font-size: 16px; margin-bottom: 20px; }\n\n  .review-pills { display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; margin: 14px 0 34px; }\n  .pill { display: inline-flex; align-items: center; justify-content: center; padding: 10px 18px; border-radius: 999px; border: 2px solid #4c6fff; color: #1a1a1a; background: #fff; font-weight: 600; font-size: 15px; text-decoration: none; }\n\n  .reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }\n  .review-card { background: #fff; border-radius: 16px; box-shadow: 0 10px 28px rgba(0,0,0,.08); padding: 22px; display: flex; flex-direction: column; gap: 12px; }\n  .review-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }\n  .review-name { font-weight: 800; font-size: 18px; color: #111; }\n  .tag { padding: 8px 14px; border-radius: 12px; background: #6e7ef7; color: #fff; font-weight: 700; font-size: 14px; }\n  .review-stars { display: inline-flex; gap: 4px; }\n  .review-body { color: #444; font-size: 16px; line-height: 1.7; }\n\n  @media (max-width: 980px){ .reviews-grid { grid-template-columns: 1fr 1fr; } .reviews-title { font-size: 36px; } }\n  @media (max-width: 640px){ .reviews-grid { grid-template-columns: 1fr; } .reviews-title { font-size: 30px; } .rating-row { font-size: 16px; } }\n\u003c\/style\u003e\n\n\u003cdiv class=\"reviews-wrap\" role=\"region\" aria-label=\"Customer Reviews\"\u003e\n  \u003cdiv class=\"reviews-inner\"\u003e\n    \u003ch2 class=\"reviews-title\"\u003eDon't Just Take Our Word For It\u003c\/h2\u003e\n\n    \u003c!-- Stars only (no count) --\u003e\n    \u003cdiv class=\"rating-row\" aria-label=\"Average rating 4.8 out of 5\"\u003e\n      \u003cdiv class=\"stars\" aria-hidden=\"true\"\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/div\u003e\n      \u003cdiv\u003e\u003cstrong\u003e4.8\/5\u003c\/strong\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"meta-line\"\u003e94% would recommend | 89% say “fits as expected” when sizing down | 96% report “no ride-up”\u003c\/div\u003e\n\n    \u003cdiv class=\"review-pills\" aria-hidden=\"true\"\u003e\n      \u003ca class=\"pill\" href=\"#\"\u003eTriathletes\u003c\/a\u003e\n      \u003ca class=\"pill\" href=\"#\"\u003eSpartan Racers\u003c\/a\u003e\n      \u003ca class=\"pill\" href=\"#\"\u003eRunners\u003c\/a\u003e\n      \u003ca class=\"pill\" href=\"#\"\u003eCrossFit\u003c\/a\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"reviews-grid\"\u003e\n      \u003c!-- Card 1 --\u003e\n      \u003cdiv class=\"review-card\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n          \u003cdiv class=\"review-name\"\u003eJessica T.\u003c\/div\u003e\n          \u003cdiv class=\"tag\"\u003eTriathlon\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-stars\" aria-label=\"5 stars\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-body\"\u003e\"Finally! Shorts that actually stay in place during my distance races. No chafing through the entire run. The pockets held my gels perfectly without bouncing. Sized down to S as recommended and the fit is perfect.\"\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 2 --\u003e\n      \u003cdiv class=\"review-card\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n          \u003cdiv class=\"review-name\"\u003eAmanda R.\u003c\/div\u003e\n          \u003cdiv class=\"tag\"\u003eSpartan Race\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-stars\" aria-label=\"5 stars\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-body\"\u003e\"Wore these for my first Beast and they were incredible. Stayed secure through rope climbs, wall jumps, and the dunk wall. Zero ride-up. The anti-chafe gusset is a game changer for long races.\"\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Card 3 (filled) --\u003e\n      \u003cdiv class=\"review-card\"\u003e\n        \u003cdiv class=\"review-head\"\u003e\n          \u003cdiv class=\"review-name\"\u003eMegan L.\u003c\/div\u003e\n          \u003cdiv class=\"tag\"\u003eMarathon\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-stars\" aria-label=\"5 stars\"\u003e\n          \u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003csvg viewbox=\"0 0 24 24\" fill=\"#ffcc00\"\u003e\u003cpath d=\"M12 2l2.9 6.6 7.1.6-5.3 4.6 1.6 7-6.3-3.8-6.3 3.8 1.6-7L2 9.2l7.1-.6z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-body\"\u003e\"Ran my first marathon in these and had ZERO chafing. I usually need bodyglide everywhere but didn’t with these. Compression is supportive without being restrictive, and the pockets held gels perfectly. Worth every penny.\"\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\u003cstyle\u003e\n  .eco-wrap {\n    background: #f3f8f5;\n    color: #111;\n    padding: 70px 0;\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n  }\n\n  .eco-inner {\n    max-width: var(--page-width, 1100px);\n    margin: 0 auto;\n    padding: 0 24px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 40px;\n    align-items: center;\n  }\n\n  .eco-text {\n    flex: 1 1 460px;\n  }\n\n  .eco-title {\n    font-size: 44px;\n    font-weight: 800;\n    margin-bottom: 18px;\n    line-height: 1.2;\n    color: #1a1a1a;\n  }\n\n  .eco-text p {\n    font-size: 18px;\n    line-height: 1.8;\n    margin-bottom: 14px;\n    color: #333;\n  }\n\n  .eco-icons {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 50px;\n    margin-top: 30px;\n  }\n\n  .eco-icon {\n    flex: 1 1 150px;\n    text-align: center;\n    font-weight: 700;\n    font-size: 16px;\n    color: #1a1a1a;\n  }\n\n  .eco-icon img {\n    display: block;\n    margin: 0 auto 12px;\n    width: 90px;      \/* larger icon *\/\n    height: auto;\n  }\n\n  .eco-image {\n    flex: 1 1 420px;\n  }\n\n  .eco-image img {\n    width: 100%;\n    border-radius: 12px;\n    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);\n  }\n\n  @media (max-width: 768px) {\n    .eco-inner {\n      flex-direction: column;\n      text-align: center;\n    }\n\n    .eco-title {\n      font-size: 32px;\n    }\n\n    .eco-icon img {\n      width: 80px;\n    }\n  }\n\u003c\/style\u003e\n\n\n\u003cdiv class=\"eco-wrap\" role=\"region\" aria-label=\"Sustainable Manufacturing\"\u003e\n  \u003cdiv class=\"eco-inner\"\u003e\n    \u003cdiv class=\"eco-text\"\u003e\n      \u003ch2 class=\"eco-title\"\u003eSustainably Engineered\u003c\/h2\u003e\n      \u003cp\u003eBecause high performance shouldn’t come at the planet’s expense. Each pair is crafted from\n      \u003cstrong\u003e77% recycled polyester\u003c\/strong\u003e—made from post-consumer plastic bottles—using a\n      \u003cstrong\u003elow-impact dye process\u003c\/strong\u003e that saves water and energy.\u003c\/p\u003e\n      \u003cp\u003eOur production partners meet \u003cstrong\u003eOEKO-TEX® Standard 100\u003c\/strong\u003e for non-toxic fabrics,\n      and we ship in \u003cstrong\u003e100% recycled packaging\u003c\/strong\u003e that’s compostable or curbside recyclable.\u003c\/p\u003e\n\n      \u003cdiv class=\"eco-icons\"\u003e\n        \u003cdiv class=\"eco-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/Screenshot_2025-11-09_at_10.17.49_AM.png?v=1762701487\" alt=\"Recycled polyester icon\"\u003e\n          Recycled Fabric\n        \u003c\/div\u003e\n        \u003cdiv class=\"eco-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/Screenshot_2025-11-09_at_10.19.11_AM.png?v=1762701564\" alt=\"Water-saving dye icon\"\u003e\n          Water-Saving Dyes\n        \u003c\/div\u003e\n        \u003cdiv class=\"eco-icon\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/Screenshot_2025-11-09_at_10.19.56_AM.png?v=1762701609\" alt=\"Recyclable packaging icon\"\u003e\n          Eco Packaging\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"eco-image\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/layflatwaist1_small_4bfbfb90-8d10-4e20-abdc-5dc6c0462278.jpg?v=1761654405\" alt=\"Close-up of recycled fabric texture\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\n\u003cstyle\u003e\n  \/* ===== Guarantee Section (scoped) ===== *\/\n  .guarantee-wrap {\n    background: #22a447;                 \/* bold green *\/\n    color: #fff;\n    padding: 70px 0 56px;\n    \/* Breakout to full width inside product description *\/\n    width: 100vw; position: relative; left: 50%; right: 50%;\n    margin-left: -50vw; margin-right: -50vw;\n  }\n  .guarantee-inner {\n    max-width: var(--page-width, 1100px); \/* adjust 1000–1200px to taste *\/\n    margin: 0 auto; padding: 0 24px;\n    text-align: center;\n  }\n\n  .guarantee-title {\n    font-size: 48px; line-height: 1.1; font-weight: 900; letter-spacing: -0.5px;\n    margin: 0 0 22px;\n  }\n  .guarantee-text {\n    font-size: 20px; line-height: 1.8; opacity: .95;\n    margin: 0 auto 28px;\n    max-width: 980px;\n  }\n\n  \/* Benefit row *\/\n  .guarantee-benefits {\n    display: flex; gap: 40px; justify-content: center; align-items: center;\n    flex-wrap: wrap;\n    margin-top: 16px;\n  }\n  .guarantee-benefits .benefit {\n    font-size: 18px; font-weight: 700;\n    display: inline-flex; align-items: center; gap: 10px;\n    white-space: nowrap;\n  }\n  .guarantee-benefits .check {\n    font-weight: 900; font-size: 20px; line-height: 1;\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 990px){\n    .guarantee-title { font-size: 40px; }\n    .guarantee-text  { font-size: 18px; }\n  }\n  @media (max-width: 640px){\n    .guarantee-title { font-size: 32px; }\n    .guarantee-benefits { gap: 18px; }\n    .guarantee-benefits .benefit { white-space: normal; text-align: center; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"guarantee-wrap\" role=\"region\" aria-label=\"30-Day Race Guarantee\"\u003e\n  \u003cdiv class=\"guarantee-inner\"\u003e\n    \u003ch2 class=\"guarantee-title\"\u003e30-Day Race Guarantee\u003c\/h2\u003e\n    \u003cp class=\"guarantee-text\"\u003e\n      We're so confident these will become your go-to race shorts that we offer a complete 30-day\n      money-back guarantee. Wear them. Train in them. Race in them. If they don't outperform every\n      other pair in your drawer, return them for a full refund.\n    \u003c\/p\u003e\n\n    \u003cdiv class=\"guarantee-benefits\"\u003e\n      \u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Free returns within 30 days\u003c\/div\u003e\n      \u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Full refund, no questions asked\u003c\/div\u003e\n      \u003cdiv class=\"benefit\"\u003e\n\u003cspan class=\"check\"\u003e✓\u003c\/span\u003e Keep training while you decide\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\u003cstyle\u003e\n  \/* ===== Final CTA Section ===== *\/\n  .cta-wrap{\n    background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);\n    color:#fff;text-align:center;padding:80px 0;\n    width:100vw;position:relative;left:50%;right:50%;\n    margin-left:-50vw;margin-right:-50vw;\n  }\n  .cta-inner{max-width:var(--page-width,1100px);margin:0 auto;padding:0 24px;}\n  .cta-title{font-size:48px;font-weight:800;line-height:1.2;margin-bottom:40px;}\n  .cta-btn{\n    background:#fff;color:#4c3ff1;font-weight:700;font-size:18px;\n    padding:16px 40px;border-radius:999px;text-decoration:none;display:inline-block;\n    transition:all .25s ease;animation:pulse 2.2s infinite;\n  }\n  @keyframes pulse{\n    0%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,.5)}\n    70%{transform:scale(1.05);box-shadow:0 0 0 10px rgba(255,255,255,0)}\n    100%{transform:scale(1);box-shadow:0 0 0 0 rgba(255,255,255,0)}\n  }\n  .cta-btn:hover{background:#f5f5f5;transform:scale(1.08)}\n  @media(max-width:768px){.cta-title{font-size:32px}.cta-btn{font-size:16px;padding:14px 32px}}\n\u003c\/style\u003e\n\n\u003cdiv class=\"cta-wrap\" role=\"region\" aria-label=\"Join Community CTA\"\u003e\n  \u003cdiv class=\"cta-inner\"\u003e\n    \u003ch2 class=\"cta-title\"\u003eJoin 5,000+ Athletes Who Train\u003cbr\u003eWithout Compromise\u003c\/h2\u003e\n    \u003ca href=\"#buy-now\" class=\"cta-btn\" id=\"cta-buy-now\"\u003eBuy Now\u003c\/a\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  (function(){\n    \/\/ Try multiple likely selectors used by Dawn\/Judge.me\/product apps\n    const CANDIDATE_SELECTORS = [\n      \"form[action*='\/cart\/add']\",\n      \"product-form form\",           \/\/ Dawn custom element wraps a \u003cform\u003e\n      \".product-form form\",\n      \".product__info-wrapper\",      \/\/ older Dawn\n      \".product__info-container\",\n      \"[id^='ProductInfo-']\",\n      \"[id^='MainProduct-']\",\n      \"[id^='product-form-']\"\n    ];\n\n    function getHeaderOffset(){\n      const header = document.querySelector(\".shopify-section-header, header.header, .header-wrapper\");\n      return header ? header.offsetHeight : 0;\n    }\n\n    function findProductFormArea(){\n      for (const sel of CANDIDATE_SELECTORS){\n        const el = document.querySelector(sel);\n        if (el){\n          \/\/ Prefer scrolling to the container around the form if possible\n          const container = el.closest(\"section, .product, .product__info-wrapper, .product__info-container\") || el;\n          return container;\n        }\n      }\n      return null;\n    }\n\n    function smoothScrollTo(el){\n      const y = el.getBoundingClientRect().top + window.pageYOffset - getHeaderOffset() - 16; \/\/ 16px breathing room\n      window.scrollTo({ top: y, behavior: \"smooth\" });\n    }\n\n    document.getElementById(\"cta-buy-now\")?.addEventListener(\"click\", function(e){\n      e.preventDefault();\n      const target = findProductFormArea();\n      if (target){ smoothScrollTo(target); }\n      else { window.scrollTo({ top: 0, behavior: \"smooth\" }); } \/\/ last resort\n    });\n  })();\n\u003c\/script\u003e\n\n","brand":"ShocSox","offers":[{"title":"Small","offer_id":52042103554361,"sku":"NS00S","price":59.99,"currency_code":"USD","in_stock":true},{"title":"Medium","offer_id":52042114924857,"sku":"NS00M","price":59.99,"currency_code":"USD","in_stock":true},{"title":"Large","offer_id":52042114957625,"sku":"NS00L","price":59.99,"currency_code":"USD","in_stock":true},{"title":"X-Large","offer_id":52042114990393,"sku":"NS00XL","price":59.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1230\/0804\/files\/amzherotest_1_678af7b7-3e86-4c43-a310-ee72369c1b4d.jpg?v=1775144447","url":"https:\/\/www.shocsox.com\/products\/navy-women-s-running-compression-shorts-5-no-ride-up-running-shorts-with-leg-grippers-high-rise-waist-pockets-anti-chafe-quick-dry-fit-for-running-spartan-and-triathlon-copy","provider":"ShocSox","version":"1.0","type":"link"}