{"product_id":"patagonia-womens-dirt-roamer-shorts","title":"Patagonia Women's Dirt Roamer Shorts","description":"\u003cblockquote\u003e\n\u003ch3 style=\"text-align: center;\"\u003ePatagonia's premium lightweight MTB shorts are built from durable, highly breathable and wildly stretchy fabric, with a contoured fit for hammer rides, hot days and backcountry missions.\u003c\/h3\u003e\n\u003cp style=\"text-align: center;\"\u003eInseam is 12½\". Made in a Fair Trade Certified™ factory.\u003c\/p\u003e\n\u003c\/blockquote\u003e\n\u003csection class=\"dtc-product-accordions\" data-dtc-accordions\u003e\n  \u003cstyle\u003e\n    .dtc-product-accordions {\n      --dtc-mint: #66ffcc;\n      --dtc-ink: #111817;\n      --dtc-copy: #3f4946;\n      --dtc-muted: #6c7672;\n      --dtc-line: rgba(17, 24, 23, 0.14);\n      --dtc-soft: #f4f7f6;\n      --dtc-white: #ffffff;\n\n      max-width: 1180px;\n      margin: 0 auto;\n      padding: 24px 0 56px;\n      color: var(--dtc-ink);\n      font-family: inherit;\n    }\n\n    .dtc-accordion-heading {\n      margin-bottom: 20px;\n    }\n\n    .dtc-accordion-kicker {\n      margin: 0 0 8px;\n      color: #16876a;\n      font-size: 12px;\n      font-weight: 800;\n      letter-spacing: 0.14em;\n      text-transform: uppercase;\n    }\n\n    .dtc-accordion-heading h2 {\n      margin: 0;\n      font-size: clamp(30px, 5vw, 54px);\n      line-height: 0.96;\n      letter-spacing: -0.045em;\n      text-transform: uppercase;\n    }\n\n    .dtc-accordion-list {\n      border-top: 1px solid var(--dtc-line);\n    }\n\n    .dtc-accordion-item {\n      border-bottom: 1px solid var(--dtc-line);\n    }\n\n    .dtc-accordion-button {\n      width: 100%;\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 20px;\n      align-items: center;\n      padding: 22px 0;\n      border: 0;\n      background: transparent;\n      color: var(--dtc-ink);\n      font: inherit;\n      text-align: left;\n      cursor: pointer;\n    }\n\n    .dtc-accordion-button:hover .dtc-accordion-title,\n    .dtc-accordion-button:focus-visible .dtc-accordion-title {\n      color: #16876a;\n    }\n\n    .dtc-accordion-button:focus-visible {\n      outline: 3px solid rgba(102, 255, 204, 0.6);\n      outline-offset: 5px;\n      border-radius: 4px;\n    }\n\n    .dtc-accordion-title {\n      margin: 0;\n      font-size: clamp(20px, 3vw, 28px);\n      font-weight: 800;\n      line-height: 1.1;\n      letter-spacing: -0.025em;\n      transition: color 0.2s ease;\n    }\n\n    .dtc-accordion-icon {\n      position: relative;\n      width: 34px;\n      height: 34px;\n      flex: 0 0 34px;\n      border: 1px solid var(--dtc-line);\n      border-radius: 50%;\n      background: var(--dtc-soft);\n    }\n\n    .dtc-accordion-icon::before,\n    .dtc-accordion-icon::after {\n      content: \"\";\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 13px;\n      height: 2px;\n      background: var(--dtc-ink);\n      transform: translate(-50%, -50%);\n      transition: transform 0.25s ease;\n    }\n\n    .dtc-accordion-icon::after {\n      transform: translate(-50%, -50%) rotate(90deg);\n    }\n\n    .dtc-accordion-button[aria-expanded=\"true\"] .dtc-accordion-icon {\n      background: var(--dtc-mint);\n      border-color: var(--dtc-mint);\n    }\n\n    .dtc-accordion-button[aria-expanded=\"true\"] .dtc-accordion-icon::after {\n      transform: translate(-50%, -50%) rotate(0deg);\n    }\n\n    .dtc-accordion-panel {\n      display: grid;\n      grid-template-rows: 0fr;\n      transition: grid-template-rows 0.3s ease;\n    }\n\n    .dtc-accordion-panel.is-open {\n      grid-template-rows: 1fr;\n    }\n\n    .dtc-accordion-panel-inner {\n      overflow: hidden;\n    }\n\n    .dtc-accordion-content {\n      padding: 0 0 30px;\n    }\n\n    .dtc-feature-list {\n      list-style: none;\n      padding: 0;\n      margin: 0;\n      display: grid;\n      gap: 12px;\n    }\n\n    .dtc-feature {\n      padding: 18px;\n      border: 1px solid var(--dtc-line);\n      border-radius: 14px;\n      background: var(--dtc-white);\n    }\n\n    .dtc-feature h3 {\n      margin: 0 0 6px;\n      font-size: 15px;\n      font-weight: 800;\n      line-height: 1.25;\n      letter-spacing: 0.045em;\n      text-transform: uppercase;\n    }\n\n    .dtc-feature p {\n      margin: 0;\n      color: var(--dtc-copy);\n      font-size: 15px;\n      line-height: 1.6;\n    }\n\n    .dtc-feature.no-heading p {\n      color: var(--dtc-copy);\n      font-size: 16px;\n      line-height: 1.65;\n    }\n\n    .dtc-feature-grid {\n      display: grid;\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    .dtc-material-block {\n      padding: 22px;\n      border: 1px solid var(--dtc-line);\n      border-left: 5px solid var(--dtc-mint);\n      border-radius: 14px;\n      background: var(--dtc-soft);\n    }\n\n    .dtc-material-block + .dtc-material-block {\n      margin-top: 12px;\n    }\n\n    .dtc-material-block h3 {\n      margin: 0 0 9px;\n      font-size: 15px;\n      font-weight: 800;\n      letter-spacing: 0.045em;\n      text-transform: uppercase;\n    }\n\n    .dtc-material-block p {\n      margin: 0;\n      color: var(--dtc-copy);\n      font-size: 15px;\n      line-height: 1.65;\n    }\n\n    .dtc-fit-summary {\n      display: grid;\n      grid-template-columns: repeat(3, minmax(0, 1fr));\n      gap: 12px;\n    }\n\n    .dtc-fit-card {\n      min-height: 130px;\n      padding: 20px;\n      border-radius: 14px;\n      background: var(--dtc-ink);\n      color: #fff;\n    }\n\n    .dtc-fit-card span {\n      display: block;\n      margin-bottom: 8px;\n      color: var(--dtc-mint);\n      font-size: 11px;\n      font-weight: 800;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n    }\n\n    .dtc-fit-card strong {\n      display: block;\n      font-size: 21px;\n      line-height: 1.2;\n    }\n\n    .dtc-fit-card p {\n      margin: 8px 0 0;\n      color: rgba(255, 255, 255, 0.72);\n      font-size: 14px;\n      line-height: 1.5;\n    }\n\n    @media (max-width: 760px) {\n      .dtc-product-accordions {\n        padding: 16px 0 42px;\n      }\n\n      .dtc-accordion-button {\n        padding: 19px 0;\n      }\n\n      .dtc-feature-grid,\n      .dtc-fit-summary {\n        grid-template-columns: 1fr;\n      }\n\n      .dtc-feature,\n      .dtc-material-block,\n      .dtc-fit-card {\n        border-radius: 12px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .dtc-accordion-panel,\n      .dtc-accordion-icon::before,\n      .dtc-accordion-icon::after,\n      .dtc-accordion-title {\n        transition: none;\n      }\n    }\n  \u003c\/style\u003e\n\n  \u003cheader class=\"dtc-accordion-heading\"\u003e\n    \u003cp class=\"dtc-accordion-kicker\"\u003eProduct Information\u003c\/p\u003e\n    \u003ch2\u003eDetails for the ride.\u003c\/h2\u003e\n  \u003c\/header\u003e\n\n  \u003cdiv class=\"dtc-accordion-list\"\u003e\n\n    \u003c!-- Fit --\u003e\n    \u003carticle class=\"dtc-accordion-item\"\u003e\n      \u003ch3\u003e\n        \u003cbutton class=\"dtc-accordion-button\" type=\"button\" id=\"dtc-fit-button\" aria-expanded=\"true\" aria-controls=\"dtc-fit-panel\"\u003e\n          \u003cspan class=\"dtc-accordion-title\"\u003eFit\u003c\/span\u003e\n          \u003cspan class=\"dtc-accordion-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"dtc-accordion-panel is-open\" id=\"dtc-fit-panel\" role=\"region\" aria-labelledby=\"dtc-fit-button\"\u003e\n        \u003cdiv class=\"dtc-accordion-panel-inner\"\u003e\n          \u003cdiv class=\"dtc-accordion-content\"\u003e\n            \u003cdiv class=\"dtc-fit-summary\"\u003e\n              \u003cdiv class=\"dtc-fit-card\"\u003e\n                \u003cspan\u003eFit\u003c\/span\u003e\n                \u003cstrong\u003eRegular fit\u003c\/strong\u003e\n                \u003cp\u003eDesigned for natural movement and comfortable everyday riding.\u003c\/p\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"dtc-fit-card\"\u003e\n                \u003cspan\u003eCustomer Feedback\u003c\/span\u003e\n                \u003cstrong\u003eTrue to size\u003c\/strong\u003e\n                \u003cp\u003eChoose your usual size for the intended fit.\u003c\/p\u003e\n              \u003c\/div\u003e\n\n              \u003cdiv class=\"dtc-fit-card\"\u003e\n                \u003cspan\u003eNeed Help?\u003c\/span\u003e\n                \u003cstrong\u003eVisit us in store\u003c\/strong\u003e\n                \u003cp\u003eOur team can help with sizing and product selection.\u003c\/p\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Specs and Features --\u003e\n    \u003carticle class=\"dtc-accordion-item\"\u003e\n      \u003ch3\u003e\n        \u003cbutton class=\"dtc-accordion-button\" type=\"button\" id=\"dtc-specs-button\" aria-expanded=\"false\" aria-controls=\"dtc-specs-panel\"\u003e\n          \u003cspan class=\"dtc-accordion-title\"\u003eSpecs \u0026amp; Features\u003c\/span\u003e\n          \u003cspan class=\"dtc-accordion-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"dtc-accordion-panel\" id=\"dtc-specs-panel\" role=\"region\" aria-labelledby=\"dtc-specs-button\" hidden\u003e\n        \u003cdiv class=\"dtc-accordion-panel-inner\"\u003e\n          \u003cdiv class=\"dtc-accordion-content\"\u003e\n            \u003cul class=\"dtc-feature-grid\"\u003e\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eStretchy, Airy Ultralight Fabric\u003c\/h3\u003e\n                \u003cp\u003e\n                  Lightweight four-way stretch fabric wicks moisture and dries\n                  quickly for an unrestricted, airy ride.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eNo-Stitch Welded Seams\u003c\/h3\u003e\n                \u003cp\u003e\n                  Low-bulk welded seams reduce weight, improve stretch and help\n                  eliminate chafing during extended saddle time.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eContoured Silhouette\u003c\/h3\u003e\n                \u003cp\u003e\n                  A curved waistband follows the hips while an articulated,\n                  slimmer fit helps keep the shorts in place.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eAdjustable, Stay-Put Waistband\u003c\/h3\u003e\n                \u003cp\u003e\n                  The low-profile, two-sided adjustable waistband allows for a\n                  fine-tuned fit that stays secure throughout the ride.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eSecure Pass-Through Pockets\u003c\/h3\u003e\n                \u003cp\u003e\n                  Two zippered thigh pockets keep valuables secure and provide\n                  pass-through access to compatible liner pockets.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eMTB-Specific Inseam\u003c\/h3\u003e\n                \u003cp\u003e\n                  The 12½-inch inseam provides coverage over the tops of the\n                  knees and low-profile knee pads.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eFair Trade Certified\u003c\/h3\u003e\n                \u003cp\u003e\n                  Made in a Fair Trade Certified factory, supporting the people\n                  who made the product.\n                \u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eCountry of Origin\u003c\/h3\u003e\n                \u003cp\u003eMade in Vietnam.\u003c\/p\u003e\n              \u003c\/li\u003e\n\n              \u003cli class=\"dtc-feature\"\u003e\n                \u003ch3\u003eWeight\u003c\/h3\u003e\n                \u003cp\u003e147 g \/ 5.2 oz\u003c\/p\u003e\n              \u003c\/li\u003e\n            \u003c\/ul\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n    \u003c!-- Materials and Care --\u003e\n    \u003carticle class=\"dtc-accordion-item\"\u003e\n      \u003ch3\u003e\n        \u003cbutton class=\"dtc-accordion-button\" type=\"button\" id=\"dtc-materials-button\" aria-expanded=\"false\" aria-controls=\"dtc-materials-panel\"\u003e\n          \u003cspan class=\"dtc-accordion-title\"\u003eMaterials \u0026amp; Care\u003c\/span\u003e\n          \u003cspan class=\"dtc-accordion-icon\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n        \u003c\/button\u003e\n      \u003c\/h3\u003e\n\n      \u003cdiv class=\"dtc-accordion-panel\" id=\"dtc-materials-panel\" role=\"region\" aria-labelledby=\"dtc-materials-button\" hidden\u003e\n        \u003cdiv class=\"dtc-accordion-panel-inner\"\u003e\n          \u003cdiv class=\"dtc-accordion-content\"\u003e\n            \u003cdiv class=\"dtc-material-block\"\u003e\n              \u003ch3\u003eFabric\u003c\/h3\u003e\n              \u003cp\u003e\n                3.9-oz 86% recycled polyester certified by OceanCycle and sourced\n                from coastal communities at risk of plastic pollution, blended\n                with 14% spandex stretch plain weave.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dtc-material-block\"\u003e\n              \u003ch3\u003eFinish and Certifications\u003c\/h3\u003e\n              \u003cp\u003e\n                Durable water-repellent finish made without intentionally added\n                PFAS. Fabric is bluesign approved and the garment is made in a\n                Fair Trade Certified factory.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"dtc-material-block\"\u003e\n              \u003ch3\u003eCare Instructions\u003c\/h3\u003e\n              \u003cp\u003e\n                Machine wash warm. Do not bleach. Tumble dry low. Cool iron.\n              \u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/article\u003e\n\n  \u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function () {\n      function initDtcAccordions(root) {\n        if (!root || root.dataset.dtcInitialized === \"true\") return;\n\n        root.dataset.dtcInitialized = \"true\";\n\n        var buttons = root.querySelectorAll(\".dtc-accordion-button\");\n\n        buttons.forEach(function (button) {\n          var panelId = button.getAttribute(\"aria-controls\");\n          var panel = root.querySelector(\"#\" + panelId);\n\n          if (!panel) return;\n\n          button.addEventListener(\"click\", function () {\n            var isOpen = button.getAttribute(\"aria-expanded\") === \"true\";\n\n            button.setAttribute(\"aria-expanded\", String(!isOpen));\n\n            if (isOpen) {\n              panel.classList.remove(\"is-open\");\n\n              window.setTimeout(function () {\n                if (button.getAttribute(\"aria-expanded\") === \"false\") {\n                  panel.hidden = true;\n                }\n              }, 300);\n            } else {\n              panel.hidden = false;\n\n              window.requestAnimationFrame(function () {\n                panel.classList.add(\"is-open\");\n              });\n            }\n          });\n        });\n      }\n\n      function initAllDtcAccordions(scope) {\n        var context = scope || document;\n\n        context\n          .querySelectorAll(\"[data-dtc-accordions]\")\n          .forEach(initDtcAccordions);\n      }\n\n      if (document.readyState === \"loading\") {\n        document.addEventListener(\"DOMContentLoaded\", function () {\n          initAllDtcAccordions(document);\n        });\n      } else {\n        initAllDtcAccordions(document);\n      }\n\n      document.addEventListener(\"shopify:section:load\", function (event) {\n        initAllDtcAccordions(event.target);\n      });\n    })();\n  \u003c\/script\u003e\n\u003c\/section\u003e\n","brand":"Patagonia","offers":[{"title":"Black \/ 4","offer_id":53575636517158,"sku":"194187296988","price":159.0,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 6","offer_id":53575636549926,"sku":"194187296926","price":159.0,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 8","offer_id":53575636615462,"sku":"194187296902","price":159.0,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 10","offer_id":53575636648230,"sku":"194187296964","price":159.0,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 12","offer_id":53575636680998,"sku":"194187296940","price":159.0,"currency_code":"CAD","in_stock":true},{"title":"Black \/ 2","offer_id":53575636713766,"sku":"210000005354","price":159.0,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 14","offer_id":53575636746534,"sku":"210000005355","price":159.0,"currency_code":"CAD","in_stock":false},{"title":"Black \/ 16","offer_id":53575636779302,"sku":"210000005356","price":159.0,"currency_code":"CAD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0934\/7822\/4166\/files\/yie8klyq5jvbg7mal9of.jpg?v=1785891461","url":"https:\/\/daytimecycling.com\/products\/patagonia-womens-dirt-roamer-shorts","provider":"Day Time Cycling","version":"1.0","type":"link"}