{"product_id":"xtra-mile-black-shorts","title":"XTRA-MILE BLACK SHORTS","description":"\u003cstyle\u003e\n  \/* =========================================\n     XTRA MILE SHORTS\n     ========================================= *\/\n\n  .xtra-wrap {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: inherit;\n    color: #0F1829;\n    box-sizing: border-box;\n  }\n\n  \/* =========================================\n     PRODUCT DESCRIPTION\n     ========================================= *\/\n\n  .xtra-description {\n    width: 100%;\n    margin: 0 0 38px;\n  }\n\n  .xtra-label {\n    display: inline-block;\n    margin: 0 0 10px;\n    padding: 5px 9px;\n    background: #FF277E;\n    color: #FFFFFF;\n    border-radius: 4px;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .xtra-description h2 {\n    margin: 0 0 7px;\n    font-size: 30px;\n    font-weight: 900;\n    line-height: 1;\n    letter-spacing: -0.035em;\n    color: #0F1829;\n  }\n\n  .xtra-subtitle {\n    margin: 0 0 20px;\n    font-size: 14px;\n    font-weight: 700;\n    color: #FF277E;\n  }\n\n  .xtra-copy {\n    margin: 0 0 22px;\n    max-width: 600px;\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.65;\n    color: #3E4550;\n  }\n\n  \/* BENEFITS *\/\n\n  .xtra-benefits {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin: 22px 0;\n  }\n\n  .xtra-benefit {\n    padding: 16px 7px;\n    background: #0F1829;\n    border-radius: 8px;\n    text-align: center;\n  }\n\n  .xtra-benefit strong {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 10px;\n    font-weight: 800;\n    letter-spacing: 0.04em;\n    color: #FFFFFF;\n  }\n\n  .xtra-benefit span {\n    display: block;\n    font-size: 9px;\n    font-weight: 500;\n    color: rgba(255,255,255,0.70);\n  }\n\n  \/* AFFIRMATION *\/\n\n  .xtra-quote {\n    margin: 22px 0;\n    padding: 19px 18px;\n    background: #FF277E;\n    border-radius: 8px;\n  }\n\n  .xtra-quote span {\n    display: block;\n    margin-bottom: 5px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.14em;\n    color: rgba(255,255,255,0.8);\n  }\n\n  .xtra-quote strong {\n    display: block;\n    font-size: 19px;\n    font-weight: 900;\n    color: #FFFFFF;\n  }\n\n  \/* DETAILS *\/\n\n  .xtra-details {\n    margin-top: 24px;\n    padding: 20px;\n    background: #F5F5F6;\n    border-radius: 9px;\n  }\n\n  .xtra-details h3 {\n    margin: 0 0 14px;\n    font-size: 10px;\n    font-weight: 900;\n    letter-spacing: 0.15em;\n    color: #0F1829;\n  }\n\n  .xtra-details ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .xtra-details li {\n    position: relative;\n    margin-bottom: 10px;\n    padding-left: 18px;\n    font-size: 12px;\n    font-weight: 500;\n    line-height: 1.45;\n    color: #303641;\n  }\n\n  .xtra-details li:last-child {\n    margin-bottom: 0;\n  }\n\n  .xtra-details li::before {\n    content: \"\";\n    position: absolute;\n    left: 0;\n    top: 6px;\n    width: 6px;\n    height: 6px;\n    background: #FF277E;\n    border-radius: 50%;\n  }\n\n  \/* END *\/\n\n  .xtra-end {\n    margin-top: 12px;\n    padding: 20px;\n    background: #0F1829;\n    border-radius: 9px;\n  }\n\n  .xtra-end span {\n    display: block;\n    margin-bottom: 4px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    color: rgba(255,255,255,0.65);\n  }\n\n  .xtra-end strong {\n    display: block;\n    font-size: 22px;\n    font-weight: 900;\n    color: #FF277E;\n  }\n\n\n  \/* =========================================\n     FIND YOUR FIT\n     ========================================= *\/\n\n  .uc-fit-section {\n    margin-top: 34px;\n    padding-top: 30px;\n    border-top: 1px solid #E4E5E7;\n  }\n\n  .uc-fit-heading {\n    margin-bottom: 16px;\n  }\n\n  .uc-fit-heading h2 {\n    margin: 0;\n    font-size: 22px;\n    font-weight: 900;\n    line-height: 1.05;\n    letter-spacing: -0.01em;\n    color: #0F1829;\n  }\n\n  .uc-fit-heading p {\n    margin: 6px 0 0;\n    font-size: 9px;\n    font-weight: 800;\n    letter-spacing: 0.14em;\n    color: #FF277E;\n  }\n\n\n  \/* CALCULATOR *\/\n\n  .uc-fit-calculator {\n    width: 100%;\n    box-sizing: border-box;\n    margin-bottom: 12px;\n    padding: 20px;\n    background: #0F1829;\n    border-radius: 10px;\n  }\n\n  .uc-calc-heading {\n    margin-bottom: 17px;\n  }\n\n  .uc-calc-heading h3 {\n    margin: 0 0 5px;\n    font-size: 15px;\n    font-weight: 800;\n    color: #FFFFFF;\n  }\n\n  .uc-calc-heading p {\n    margin: 0;\n    font-size: 11px;\n    line-height: 1.5;\n    color: rgba(255,255,255,0.65);\n  }\n\n  .uc-measurements {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0,1fr));\n    gap: 9px;\n  }\n\n  .uc-input-group {\n    min-width: 0;\n  }\n\n  .uc-input-group label {\n    display: block;\n    margin-bottom: 6px;\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    color: #FFFFFF;\n    text-transform: uppercase;\n  }\n\n  .uc-input-group input {\n    width: 100%;\n    height: 46px;\n    box-sizing: border-box;\n    padding: 0 12px;\n    border: 2px solid transparent;\n    border-radius: 7px;\n    background: #FFFFFF;\n    color: #0F1829;\n    font-family: inherit;\n    font-size: 14px;\n    outline: none;\n  }\n\n  .uc-input-group input:focus {\n    border-color: #FF277E;\n  }\n\n  .uc-input-group input::placeholder {\n    color: #9A9DA4;\n  }\n\n  #uc-find-size-shorts {\n    width: 100%;\n    margin-top: 11px;\n    padding: 14px;\n    border: 0;\n    border-radius: 7px;\n    background: #FF277E;\n    color: #FFFFFF;\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.09em;\n    cursor: pointer;\n    transition: 0.2s ease;\n  }\n\n  #uc-find-size-shorts:hover {\n    transform: translateY(-1px);\n  }\n\n\n  \/* RESULT *\/\n\n  #uc-fit-result-shorts {\n    display: none;\n    margin-top: 11px;\n    padding: 15px;\n    border-radius: 7px;\n    background: #FFFFFF;\n    text-align: center;\n  }\n\n  #uc-fit-result-shorts.active {\n    display: block;\n  }\n\n  .uc-result-small {\n    display: block;\n    margin-bottom: 3px;\n    font-size: 8px;\n    font-weight: 700;\n    letter-spacing: 0.12em;\n    color: #666C76;\n  }\n\n  .uc-result-size {\n    display: block;\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1.1;\n    color: #FF277E;\n  }\n\n  .uc-result-copy {\n    display: block;\n    margin-top: 4px;\n    font-size: 10px;\n    color: #666C76;\n  }\n\n\n  \/* =========================================\n     SIZE GUIDE BUTTON\n     ========================================= *\/\n\n  .uc-guide-card {\n    position: relative;\n    width: 100%;\n    min-height: 58px;\n    padding: 14px 42px 14px 15px;\n    border: 2px solid #0F1829;\n    border-radius: 9px;\n    background: #FFFFFF;\n    color: #0F1829;\n    cursor: pointer;\n    font-family: inherit;\n    font-size: 11px;\n    font-weight: 800;\n    letter-spacing: 0.08em;\n    text-align: left;\n    text-transform: uppercase;\n    transition: 0.2s ease;\n  }\n\n  .uc-guide-card::after {\n    content: \"+\";\n    position: absolute;\n    right: 17px;\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 21px;\n    font-weight: 400;\n    color: #FF277E;\n  }\n\n  .uc-guide-card.active {\n    background: #0F1829;\n    color: #FFFFFF;\n  }\n\n  .uc-guide-card.active::after {\n    content: \"−\";\n  }\n\n\n  \/* SIZE PANEL *\/\n\n  .uc-size-panel {\n    display: none;\n    margin-top: 14px;\n    animation: ucOpen 0.22s ease;\n  }\n\n  .uc-size-panel.active {\n    display: block;\n  }\n\n  @keyframes ucOpen {\n    from {\n      opacity: 0;\n      transform: translateY(-4px);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0);\n    }\n  }\n\n  .uc-panel-heading {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 5px;\n  }\n\n  .uc-panel-heading h3 {\n    margin: 0;\n    font-size: 14px;\n    font-weight: 800;\n    color: #0F1829;\n  }\n\n  .uc-close {\n    border: 0;\n    background: transparent;\n    color: #0F1829;\n    font-size: 24px;\n    cursor: pointer;\n  }\n\n  .uc-unit {\n    margin: 0 0 11px;\n    font-size: 10px;\n    color: #747982;\n  }\n\n  .uc-table-container {\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    border: 1px solid #E0E1E4;\n    border-radius: 9px;\n  }\n\n  .uc-guide-table {\n    width: 100%;\n    border-collapse: collapse;\n    text-align: center;\n  }\n\n  .uc-guide-table th,\n  .uc-guide-table td {\n    padding: 12px 8px;\n    border-bottom: 1px solid #E8E9EB;\n    font-size: 11px;\n    white-space: nowrap;\n  }\n\n  .uc-guide-table th {\n    background: #FF277E;\n    color: #FFFFFF;\n    font-weight: 700;\n  }\n\n  .uc-guide-table th:first-child,\n  .uc-guide-table td:first-child {\n    text-align: left;\n    padding-left: 13px;\n  }\n\n  .uc-guide-table td:first-child {\n    font-weight: 700;\n    color: #0F1829;\n  }\n\n  .uc-guide-table tbody tr:last-child td {\n    border-bottom: 0;\n  }\n\n  .uc-note {\n    margin: 9px 2px 0;\n    font-size: 9px;\n    line-height: 1.5;\n    color: #777C84;\n  }\n\n\n  \/* =========================================\n     MOBILE\n     ========================================= *\/\n\n  @media screen and (max-width: 749px) {\n\n    .xtra-description h2 {\n      font-size: 26px;\n    }\n\n    .xtra-copy {\n      font-size: 12px;\n    }\n\n    .xtra-benefits {\n      gap: 6px;\n    }\n\n    .xtra-benefit {\n      padding: 14px 4px;\n    }\n\n    .xtra-benefit strong {\n      font-size: 9px;\n    }\n\n    .xtra-benefit span {\n      font-size: 8px;\n    }\n\n    .xtra-quote {\n      padding: 17px 15px;\n    }\n\n    .xtra-details {\n      padding: 17px;\n    }\n\n    .xtra-end {\n      padding: 17px;\n    }\n\n    .uc-fit-calculator {\n      padding: 17px;\n    }\n\n    .uc-measurements {\n      gap: 7px;\n    }\n\n    .uc-guide-table {\n      min-width: 520px;\n    }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"xtra-wrap\"\u003e\n\u003c!-- =========================================\n       PRODUCT DESCRIPTION\n       ========================================= --\u003e\n\u003cdiv class=\"xtra-description\"\u003e\n\u003cp class=\"xtra-label\"\u003eXTRA MILE\u003c\/p\u003e\n\u003ch2\u003ePROVE IT TO YOURSELF.\u003c\/h2\u003e\n\u003cp class=\"xtra-subtitle\"\u003eBuilt for the miles no one sees.\u003c\/p\u003e\n\u003cp class=\"xtra-copy\"\u003eLightweight, breathable running shorts with a flowy split-leg design built to move freely through every mile.\u003c\/p\u003e\n\u003cdiv class=\"xtra-benefits\"\u003e\n\u003cdiv class=\"xtra-benefit\"\u003e\n\u003cstrong\u003eLIGHTWEIGHT\u003c\/strong\u003e \u003cspan\u003eMade to move\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xtra-benefit\"\u003e\n\u003cstrong\u003eBREATHABLE\u003c\/strong\u003e \u003cspan\u003eBuilt for miles\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xtra-benefit\"\u003e\n\u003cstrong\u003eFLOWY FIT\u003c\/strong\u003e \u003cspan\u003eMove freely\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xtra-quote\"\u003e\n\u003cspan\u003eINSIDE THE WAISTBAND\u003c\/span\u003e \u003cstrong\u003e PROVE IT TO YOURSELF. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xtra-details\"\u003e\n\u003ch3\u003eTHE DETAILS\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eFlowy split-leg running design\u003c\/li\u003e\n\u003cli\u003eAdjustable drawstring waistband\u003c\/li\u003e\n\u003cli\u003eReflective Uncontainable logo\u003c\/li\u003e\n\u003cli\u003eLightweight performance fabric\u003c\/li\u003e\n\u003cli\u003eMade for running, training \u0026amp; everyday movement\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"xtra-end\"\u003e\n\u003cspan\u003e ONE MORE MILE. ONE MORE REP. ONE MORE DAY. \u003c\/span\u003e \u003cstrong\u003e GO XTRA. \u003c\/strong\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================================\n       FIND YOUR FIT\n       ========================================= --\u003e\n\u003cdiv class=\"uc-fit-section\"\u003e\n\u003cdiv class=\"uc-fit-heading\"\u003e\n\u003ch2\u003eFIND YOUR FIT\u003c\/h2\u003e\n\u003cp\u003eBUILT FOR THE XTRA MILE.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"uc-fit-calculator\"\u003e\n\u003cdiv class=\"uc-calc-heading\"\u003e\n\u003ch3\u003eWHAT'S MY SIZE?\u003c\/h3\u003e\n\u003cp\u003eEnter your measurements and we'll find your fit.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"uc-measurements\"\u003e\n\u003cdiv class=\"uc-input-group\"\u003e\n\u003clabel for=\"uc-waist-shorts\"\u003e Waist (cm) \u003c\/label\u003e \u003cinput type=\"number\" id=\"uc-waist-shorts\" placeholder=\"e.g. 72\" min=\"40\" max=\"130\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"uc-input-group\"\u003e\n\u003clabel for=\"uc-hip-shorts\"\u003e Hip (cm) \u003c\/label\u003e \u003cinput type=\"number\" id=\"uc-hip-shorts\" placeholder=\"e.g. 100\" min=\"60\" max=\"160\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton type=\"button\" id=\"uc-find-size-shorts\"\u003e FIND MY FIT \u003c\/button\u003e\n\u003cdiv id=\"uc-fit-result-shorts\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SIZE GUIDE BUTTON --\u003e \u003cbutton type=\"button\" id=\"uc-shorts-button\" class=\"uc-guide-card\"\u003e SHORTS SIZE GUIDE \u003c\/button\u003e \u003c!-- SIZE GUIDE PANEL --\u003e\n\u003cdiv id=\"uc-shorts-panel\" class=\"uc-size-panel\"\u003e\n\u003cdiv class=\"uc-panel-heading\"\u003e\n\u003ch3\u003eSHORTS SIZE GUIDE\u003c\/h3\u003e\n\u003cbutton type=\"button\" class=\"uc-close\"\u003e × \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cp class=\"uc-unit\"\u003eMeasurements in centimeters.\u003c\/p\u003e\n\u003cdiv class=\"uc-table-container\"\u003e\n\u003ctable class=\"uc-guide-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eMeasurement\u003c\/th\u003e\n\u003cth\u003eXS\u003c\/th\u003e\n\u003cth\u003eS\u003c\/th\u003e\n\u003cth\u003eM\u003c\/th\u003e\n\u003cth\u003eL\u003c\/th\u003e\n\u003cth\u003eXL\u003c\/th\u003e\n\u003cth\u003e2XL\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaist Height\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003ctd\u003e4\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eWaistline\u003c\/td\u003e\n\u003ctd\u003e62\u003c\/td\u003e\n\u003ctd\u003e67\u003c\/td\u003e\n\u003ctd\u003e72\u003c\/td\u003e\n\u003ctd\u003e77\u003c\/td\u003e\n\u003ctd\u003e82\u003c\/td\u003e\n\u003ctd\u003e87\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eHip\u003c\/td\u003e\n\u003ctd\u003e90\u003c\/td\u003e\n\u003ctd\u003e95\u003c\/td\u003e\n\u003ctd\u003e100\u003c\/td\u003e\n\u003ctd\u003e105\u003c\/td\u003e\n\u003ctd\u003e110\u003c\/td\u003e\n\u003ctd\u003e115\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eLength\u003c\/td\u003e\n\u003ctd\u003e32\u003c\/td\u003e\n\u003ctd\u003e33\u003c\/td\u003e\n\u003ctd\u003e34\u003c\/td\u003e\n\u003ctd\u003e35\u003c\/td\u003e\n\u003ctd\u003e36\u003c\/td\u003e\n\u003ctd\u003e37\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003cp class=\"uc-note\"\u003ePlease allow a 1–2 cm variation due to manual measurement.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"UncontainableUSA","offers":[{"title":"Default Title","offer_id":50149916279032,"sku":null,"price":54.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0549\/8463\/8712\/files\/ChatGPT_Image_12_aout_2026_17_13_15.png?v=1786580355","url":"https:\/\/uncontainable.us\/products\/xtra-mile-black-shorts","provider":"UncontainableUSA","version":"1.0","type":"link"}