{"product_id":"rockbros-padded-bike-shorts-for-men-women-breathable-quick-dry-lightweight-cycling-shorts-with-pockets-for-casual-biking","title":"ROCKBROS Padded Bike Shorts for Men Women Breathable Quick Dry Lightweight Cycling Shorts with Pockets for Casual Biking","description":"\u003cdiv\u003e\u003cdiv lang=\"en_US\"\u003e\n \u003cdiv class=\"aplus-v2 desktop celwidget\" cel_widget_id=\"aplus\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n .aplus-v2 .premium-aplus-module-13 .aplus-carousel-container {\n position: relative;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-carousel-element {\n position: relative;\n width: 100%;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-card-link-button {\n text-align: center;\n padding-top: 20px;\n }\n\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background h1,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background h5,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ol .a-list-item,\n .aplus-v2 .premium-aplus-module-13 .aplus-text-background ul .a-list-item {\n color: #fff;\n }\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {\n position: relative;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {\n position: absolute;\n width: 50%;\n height: 100%;\n top: 0;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {\n left: 50%;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {\n left: auto;\n right: 50%;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background {\n padding: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {\n padding-bottom: 10px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {\n padding-bottom: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {\n line-height: 1.5em;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {\n background: rgba(255,255,255,0.5);\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {\n background: rgba(0,0,0,0.5);\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,\n.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {\n display: table;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\n padding-left: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\n\tpadding-left: 0px;\n\tpadding-right: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {\n padding-right: 40px;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {\n padding-right: 0px;\n padding-left: 40px;\n}\n\n.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {\n display: table-cell;\n vertical-align: middle;\n}\n\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium modules global styles\n *\/\n.aplus-v2.desktop {\n max-width: 1464px;\n min-width: 800px;\n margin-left: auto;\n margin-right: auto;\n word-wrap: break-word;\n overflow-wrap: break-word;\n word-break: break-word;\n}\n\/* Undo this for tech-specs because it breaks table layout *\/\n.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }\n\n.aplus-v2 .premium-aplus,\n.aplus-v2 .premium-aplus .aplus-h1,\n.aplus-v2 .premium-aplus .aplus-h2,\n.aplus-v2 .premium-aplus .aplus-p1,\n.aplus-v2 .premium-aplus .aplus-p2,\n.aplus-v2 .premium-aplus .aplus-p3,\n.aplus-v2 .premium-aplus .aplus-accent1,\n.aplus-v2 .premium-aplus .aplus-accent2\n{ font-family: Arial, sans-serif; }\n\n.aplus-v2 .premium-aplus,\n.aplus-v2 .premium-aplus .aplus-h1,\n.aplus-v2 .premium-aplus .aplus-h2,\n.aplus-v2 .premium-aplus .aplus-p1,\n.aplus-v2 .premium-aplus .aplus-p2,\n.aplus-v2 .premium-aplus .aplus-p3,\n.aplus-v2 .premium-aplus .aplus-accent1,\n.aplus-v2 .premium-aplus .aplus-accent2\n{ font-family: inherit; }\n\n\/* type *\/\n.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }\n.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }\n.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }\n.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }\n\n\/* spacing *\/\n.aplus-v2 .aplus-container-1 { padding: 40px; }\n.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }\n.aplus-v2 .aplus-container-2 { padding: 80px; }\n.aplus-v2 .aplus-container-3 { padding: 40px 0; }\n\n\/* Display *\/\n.aplus-v2 .premium-aplus .aplus-display-table { display: table; }\n.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }\n.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }\n\n\/* Aplus display table with min-width 1000px and fill remaining space inside parent *\/\n.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }\n\n\/**\n* Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.\n*\/\n\n\u003c\/style\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n\/**\n * Premium-module 13: Carousel\n *\/\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-description-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-description {\n display: table;\n width: 50%;\n height: 100%;\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {\n display: table-cell;\n vertical-align: middle;\n text-align: left;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-table-cell {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-text-background {\n background: rgba(0, 0, 0, 0.6);\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-card-body {\n padding: 20px 40px 0 0;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-13 .aplus-card-body {\n padding: 20px 0 0 40px;\n}\n\n.aplus-v2 .premium-aplus-module-13 .aplus-pagination-wrapper {\n position: absolute;\n top: 92%;\n width: 100%;\n}\n\n\u003c\/style\u003e\n \u003cdiv class=\"aplus-content-wrapper\"\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/3a9cca62-9d5b-41b2-8275-39ce6c17511c.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/3a9cca62-9d5b-41b2-8275-39ce6c17511c.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/3a9cca62-9d5b-41b2-8275-39ce6c17511c.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/989baa43-25a8-4f0f-89ae-a1448c8d9939.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/989baa43-25a8-4f0f-89ae-a1448c8d9939.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/989baa43-25a8-4f0f-89ae-a1448c8d9939.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d215b1c3-be3c-4c48-807e-238ddf1fd4c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d215b1c3-be3c-4c48-807e-238ddf1fd4c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/d215b1c3-be3c-4c48-807e-238ddf1fd4c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/cb4dd2a2-0208-4a00-a1e1-e6f9783b6279.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/cb4dd2a2-0208-4a00-a1e1-e6f9783b6279.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/cb4dd2a2-0208-4a00-a1e1-e6f9783b6279.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f666469d-f028-452c-9655-b7024fc083d5.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f666469d-f028-452c-9655-b7024fc083d5.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f666469d-f028-452c-9655-b7024fc083d5.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-text aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-text\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-background-wrapper\"\u003e\n \u003cdiv class=\"a-section a-spacing-none background-image\"\u003e\n \u003cimg alt=\"1\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/4c9674ca-19f9-4878-b932-54293db5e2c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/4c9674ca-19f9-4878-b932-54293db5e2c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/4c9674ca-19f9-4878-b932-54293db5e2c9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/noscript\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-13-carousel aplus-premium\" cel_widget_id=\"aplus-premium-module-13-carousel\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-13\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-carousel-container\"\u003e\n \u003cdiv id=\"premium-aplus-13-carousel-6-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-13-carousel-6\"}' aria-label=\"Featured content carousel\" aria-roledescription=\"carousel\" data-a-display-strategy=\"single\" data-a-transition-strategy=\"slideCircular\" role=\"region\" class=\"a-begin a-carousel-container a-carousel-static a-carousel-display-single a-carousel-transition-slideCircular\"\u003e\n \u003cinput autocomplete=\"on\" type=\"hidden\" class=\"a-carousel-firstvisibleitem\"\u003e\n \u003cdiv class=\"a-row a-carousel-controls a-carousel-row a-carousel-has-buttons a-carousel-overlay-buttons a-carousel-rounded-buttons\"\u003e\n \u003cdiv class=\"a-carousel-row-inner\"\u003e\n \u003cdiv class=\"a-carousel-col a-carousel-left\"\u003e\n \u003ca class=\"a-carousel-goto-prevpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-previous-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003ePrevious page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-carousel-col a-carousel-center\"\u003e\n \u003cdiv class=\"a-carousel-viewport\" aria-roledescription=\"slide\"\u003e\n \u003col class=\"a-carousel\" role=\"list\"\u003e\n \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"2\"\u003e\n \u003cdiv id=\"premium-aplus-13-carousel-6-slide-0\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/0b275533-1879-4836-9609-3e3d6cc2eb47.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-element\" aria-setsize=\"2\"\u003e\n \u003cdiv id=\"premium-aplus-13-carousel-6-slide-1\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"1\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/27734f53-f5ff-4453-8acf-cb60c1005d84.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003c\/ol\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-carousel-col a-carousel-right\"\u003e\n \u003ca class=\"a-carousel-goto-nextpage\" role=\"button\" href=\"#\"\u003e\u003ci class=\"a-icon a-icon-next-rounded\"\u003e\u003cspan class=\"a-icon-alt\"\u003eNext page\u003c\/span\u003e\u003c\/i\u003e\u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cspan class=\"a-end aok-hidden\"\u003e\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-pagination-wrapper\"\u003e\n \u003cstyle type=\"text\/css\"\u003e\n\n.aplus-mantle.aplus-module .aplus-pagination-dots {\n margin: 0;\n}\n\n.aplus-mantle.aplus-module .aplus-pagination-dot {\n display: inline-block;\n list-style: none;\n}\n\n.aplus-mantle.aplus-module .aplus-carousel-nav {\n text-align:center;\n}\n\n.aplus-mantle.aplus-module .carousel-slider-circle {\n display: inline-block;\n cursor: pointer;\n height: 15px;\n width: 15px;\n border: 1px solid #000;\n border-radius: 20px;\n background-color: #fff;\n margin-left: 5px;\n}\n\n.aplus-mantle.aplus-module .carousel-slider-circle.aplus-carousel-active {\n background-color: #DE7921;\n}\n\n.aplus-mantle.aplus-module .aplus-pagination-dot--display-none {\n display: none;\n}\n\n\u003c\/style\u003e\n \u003cscript\u003e\n\nP.now(\"premium-aplus-13-carousel-6\").execute(\"init-pagination-carousel\", function(init) {\n if (init) {\n return;\n }\n P.register(\"premium-aplus-13-carousel-6\", function() {\n return function() {\n P.when(\"A\", \"jQuery\", \"a-carousel-framework\", \"ready\").execute(\"paginate-carousel\", function (A, $, framework) {\n const ENTER_KEY_CODE = 13;\n const ESCAPE_KEY_CODE = 27;\n const LEFT_ARROW_KEY = 37;\n const RIGHT_ARROW_KEY = 39;\n const HOME_KEY = 36;\n const END_KEY = 35;\n\n var moduleId = \"6\";\n var carouselName = \"premium-aplus-13-carousel-6\";\n var paginationAction = \"aplus-pagination-dot-action-\" + moduleId + \"-\" + carouselName;\n var paginationGroup = \"#aplus-pagination-group-\" + moduleId + \"-\" + carouselName;\n\n \/* If the carousel goes to a new page *\/\n A.on(\"a:carousel:\"+carouselName+\":change:pageNumber\", function (data) {\n A.$(paginationGroup+\" .carousel-slider-circle\").removeClass(\"aplus-carousel-active\").attr('aria-selected', 'false').attr('tabindex', -1)\n .eq(data.newValue - 1).addClass(\"aplus-carousel-active\").attr('aria-selected', 'true').attr('tabindex', 0);\n });\n\n function syncPaginationDotsWithCarouselPages(numPages) {\n const parentElement = document.querySelector(paginationGroup);\n if (parentElement \u0026\u0026 parentElement.children) {\n const children = parentElement.children;\n for (let i = 0; i \u003c children.length; i++) {\n if (i \u003e= numPages) {\n \/\/ If number of dots \u003e num of pages, we should hide other dots\n children[i].classList.add('aplus-pagination-dot--display-none');\n } else if (children[i].classList.contains('aplus-pagination-dot--display-none')) {\n \/\/ Reset display of dots if it was hidden before\n children[i].classList.remove('aplus-pagination-dot--display-none');\n }\n }\n }\n }\n\n framework.onInit(carouselName, function (carousel) {\n try {\n var totalPages = carousel.getAttr('totalPages');\n syncPaginationDotsWithCarouselPages(totalPages);\n \/* Resize event handler to re-calculate the pagination dots count based on orientation *\/\n window.addEventListener('resize', function() {\n carousel.resize();\n totalPages = carousel.getAttr('totalPages');\n syncPaginationDotsWithCarouselPages(totalPages);\n });\n\n A.declarative(paginationAction, 'click keydown', function(event){\n var isClick = event.type === 'click';\n var isKeydown = event.type === 'keydown';\n var isEnter = isKeydown \u0026\u0026 event.$event.keyCode === ENTER_KEY_CODE;\n var isEsc = isKeydown \u0026\u0026 event.$event.keyCode === ESCAPE_KEY_CODE;\n var isLeftArrow = isKeydown \u0026\u0026 event.$event.keyCode === LEFT_ARROW_KEY;\n var isRightArrow = isKeydown \u0026\u0026 event.$event.keyCode === RIGHT_ARROW_KEY;\n var isHome = isKeydown \u0026\u0026 event.$event.keyCode === HOME_KEY;\n var isEnd = isKeydown \u0026\u0026 event.$event.keyCode === END_KEY;\n\n if (isClick || isEnter) {\n var data = event.data;\n carousel.gotoPage(data.page);\n } else if (isEsc) {\n event.$target.blur();\n } else if (isLeftArrow || isRightArrow || isHome || isEnd) {\n event.$event.preventDefault();\n const dots = A.$(paginationGroup + \" .carousel-slider-circle\");\n const currentIndex = dots.index(event.$target);\n let nextIndex;\n\n if (isLeftArrow) {\n nextIndex = currentIndex \u003e 0 ? currentIndex - 1 : dots.length - 1;\n } else if (isRightArrow) {\n nextIndex = currentIndex \u003c dots.length - 1 ? currentIndex + 1 : 0;\n } else if (isHome) {\n nextIndex = 0;\n } else if (isEnd) {\n nextIndex = dots.length - 1;\n }\n\n dots.eq(nextIndex).focus();\n carousel.gotoPage(nextIndex + 1);\n }\n });\n } catch (e) {\n P.log('Failed to init ' + carouselName + '. Error: ' + e.message, 'FATAL', 'AplusModuleResources');\n }\n });\n });\n }\n });\n});\n\u003c\/script\u003e\n \u003cdiv class=\"aplus-mantle aplus-module\"\u003e\n \u003cdiv class=\"aplus-carousel-nav\"\u003e\n \u003cul id=\"aplus-pagination-group-6-premium-aplus-13-carousel-6\" class=\"aplus-pagination-dots\" aria-label=\"tablist-section\" role=\"tablist\"\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block aplus-carousel-active\" aria-selected=\"true\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 1}' aria-label=\"slide-1\" aria-controls=\"premium-aplus-13-carousel-6-slide-0\" tabindex=\"0\" role=\"tab\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n \u003cli class=\"aplus-pagination-dot\"\u003e\u003cspan class=\"a-declarative carousel-slider-circle aplus-display-inline-block \" aria-selected=\"false\" data-action=\"aplus-pagination-dot-action-6-premium-aplus-13-carousel-6\" data-aplus-pagination-dot-action-6-premium-aplus-13-carousel-6='{\"page\": 2}' aria-label=\"slide-2\" aria-controls=\"premium-aplus-13-carousel-6-slide-1\" tabindex=\"-1\" role=\"tab\"\u003e\u003c\/span\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-section a-text-center\"\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cscript type=\"text\/javascript\"\u003e(function(f) {var _np=(window.P._namespace(\"PremiumAplusModule\"));if(_np.guardFatal){_np.guardFatal(f)(_np);}else{f(_np);}}(function(P) {\n P.when(\"premium-aplus-13-carousel-6\").execute('invoke-premium-13-carousel-desktop', function(init){init();});\n}));\u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e\u003cdiv\u003e\u003cdiv id=\"productFactsDesktopExpander\" data-a-expander-name=\"productFactsDesktopExpander\" data-a-expander-collapsed-height=\"400\" class=\"a-expander-collapsed-height a-row a-expander-container a-spacing-medium a-expander-partial-collapse-container\"\u003e\n \u003cdiv data-expanded=\"false\" class=\"a-expander-content a-expander-partial-collapse-content\"\u003e\n \u003c!-- this uses AUI list\/listitem elements in desktop --\u003e\n \u003cdiv class=\"a-section\" role=\"list\"\u003e\n \u003cdiv class=\"a-fixed-left-grid product-facts-detail\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-inner\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-left\"\u003e\n \u003cspan\u003eFabric type\u003c\/span\u003e \n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-right\"\u003e\n \u003cspan\u003e100% Polyester (Sorona®)\u003c\/span\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid product-facts-detail\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-inner\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-left\"\u003e\n \u003cspan\u003eCare instructions\u003c\/span\u003e \n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-right\"\u003e\n \u003cspan\u003eHand Wash Only\u003c\/span\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid product-facts-detail\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-inner\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-left\"\u003e\n \u003cspan\u003eOrigin\u003c\/span\u003e \n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-right\"\u003e\n \u003cspan\u003eImported\u003c\/span\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid product-facts-detail\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-inner\"\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-left\"\u003e\n \u003cspan\u003eClosure type\u003c\/span\u003e \n \u003c\/div\u003e\n \u003cdiv class=\"a-fixed-left-grid-col a-col-right\"\u003e\n \u003cspan\u003ePull On\u003c\/span\u003e \n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- this is where AUI list\/listitem elements in desktop ends --\u003e\n \u003chr aria-hidden=\"true\" class=\"a-spacing-base a-spacing-top-base a-divider-normal\"\u003e\n \u003ch3 class=\"product-facts-title\"\u003eAbout this item\u003c\/h3\u003e\n \u003cul class=\"a-unordered-list a-vertical a-spacing-small\"\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eCool-Touch \u0026amp; Quick-Drying: Crafted from soft Sorona polyester fabric, these padded bike shorts deliver a natural cool-touch sensation that instantly beats summer heat. The highly breathable, moisture-wicking material pulls sweat away from your skin and dries rapidly, keeping you fresh, dry, and comfortable through rides.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eErgonomic Pad: These bike shorts feature a built-in ergonomic pad. It provides targeted cushioning to reduce friction and pressure on sensitive areas during rides, walking, working, or running. The pad is covered with a tear-resistant, skin-friendly fabric (85% polyester, 15% spandex) with breathable vent holes to minimize sweat buildup and speed up heat dissipation.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eNight Safety \u0026amp; Practical Storage: Stay visible and protected during early morning, dusk, and nighttime commutes with the high-visibility reflective logo. Thoughtfully designed with two side pockets and one hidden zipper pocket that securely hold your smartphone, keys, wallet, and small essentials, keeping your hands free and within easy reach.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eElastic Waistband \u0026amp; Internal Drawcord: Engineered for all-day mobility, the elastic waistband sits gently against your skin without digging in. The built-in drawstring lets you easily adjust the tightness to your preference, ensuring the mens biking shorts with padding stay securely in place whether you're pedaling up hills, navigating city streets, or bending over to grab items.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eVersatile Design: These cycling shorts bridge the gap between performance cycling gear and everyday casual wear. Whether you're commuting to the office, cruising around the neighborhood, grabbing coffee with friends, or going for a leisurely weekend ride, these shorts have you covered.\u003c\/span\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"TRIPPER ELECTRIC BIKES","offers":[{"title":"XX-Large","offer_id":51939791798488,"sku":"B0GZKHPRZT","price":38.69,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0241\/2281\/8637\/files\/61EExMjMEwL.jpg?v=1783025789","url":"https:\/\/tripperelectric.com\/de\/products\/rockbros-padded-bike-shorts-for-men-women-breathable-quick-dry-lightweight-cycling-shorts-with-pockets-for-casual-biking","provider":"TRIPPER ELECTRIC BIKES","version":"1.0","type":"link"}