{"product_id":"igolumon-mens-boxer-shorts-underwear-soft-breathable-bamboo-rayon-boxers-for-men-relaxed-fit-boxers-with-button-fly-5-pack","title":"IGOLUMON Mens Boxer Shorts Underwear Soft Breathable Bamboo Rayon Boxers for Men Relaxed Fit Boxers with Button Fly 5 Pack","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 12: Nav Carousel\n *\/\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {\n position: relative;\n width: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {\n position: relative;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {\n \/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) *\/\n padding-top: calc(600 \/ 1464 * 100%); \/* ~40.983% *\/\n height: 0;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container \u003e div {\n position: absolute;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n}\n\n\/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. *\/\n.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {\n height: 100% !important;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {\n width: 100%;\n height: auto;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {\n position: absolute;\n top: 0;\n width: 50%;\n height: 100%;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {\n display: table;\n width: 100%;\n height: 100%\n}\n\n.aplus-v2 .premium-aplus-module-12 .card-description {\n text-align: left;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .card-description {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {\n display: table-cell;\n vertical-align: middle;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background {\n padding: 20px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {\n background: rgba(0, 0, 0, 0.5);\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item,\n.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-12 .description {\n margin-top: 20px;\n}\n\n\/* nav *\/\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {\n position: absolute;\n top: 20px;\n width: 100%;\n text-align: center;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {\n display: inline-block;\n margin: 7px 10px;\n cursor: pointer;\n border-radius: 30px;\n border: 2px solid #000;\n line-height: 2.5em;\n min-width: 200px;\n background-color: #fff;\n white-space: nowrap;\n color: #000;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {\n display: none;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {\n border-color: #fff;\n background-color: #000;\n color: #fff;\n}\n\n\/**\n * Regimen template specific css\n *\/\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {\n text-align: right;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {\n text-align: right;\n top: 50%;\n width: 250px;\n right: 75px;\n -webkit-transform: translateY(-50%);\n -moz-transform: translateY(-50%);\n -o-transform: translateY(-50%);\n transform: translateY(-50%);\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {\n text-align: left;\n top: 50%;\n left: 75px;\n right: auto;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {\n display: inline-block;\n margin: 10px 10px;\n cursor: pointer;\n border-radius: 30px;\n border: 2px solid #000;\n width: 220px;\n background-color: #fff;\n padding: 2px 0 2px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {\n border-color: #fff;\n background-color: #000;\n color: #fff;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {\n color: inherit;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-label {\n color: inherit;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {\n display: inline-block;\n width: 12px;\n color: #000;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-label {\n color: #000;\n}\n\nhtml[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {\n margin-left: 0px;\n margin-right: 6px;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n background-color: #000;\n opacity: 0.5;\n text-align: center;\n}\n\n.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {\n color: #fff;\n line-height: 2em;\n}\n\n\/**\n * Navigation template specific css\n *\/\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions {\n background-color: rgba(0, 0, 0, 0.8);\n top: 0px;\n}\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn {\n padding: 8px;\n color: #fff;\n background-color: transparent;\n border: none;\n}\n\n.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active {\n text-decoration: underline;\n text-underline-offset: 0.8em;\n text-decoration-thickness: 3px;\n background-color: transparent;\n border: none;\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 \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) {\nP.now('premium-module-12-nav-carousel').execute('init-premium-module-12-nav-carousel', function(init) {\n if (init) {\n return;\n }\n P.register('premium-module-12-nav-carousel', function(){\n return function() {\n P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute('premium-12-nav-carousel', function (A, $, framework) {\n function initiateCarousel(module) {\n var MODULE_ID = $(module).data('module-id');\n \/**\n * Carousel button element classname\n * @const\n *\/\n var GOTO_BTN_CLASS_NAME = \"aplus-goto-btn-\" + MODULE_ID;\n \/**\n * Carousel button element active classname\n * @const\n *\/\n var GOTO_BTN_ACTIVE_CLASS_NAME = \"aplus-active\";\n \/**\n * AUI name for aui carousel\n * @const\n *\/\n var CAROUSEL_NAME = \"premium-aplus-12-carousel-\" + MODULE_ID;\n \/**\n * Module class name\n * @const\n *\/\n var MODULE_CLASS_NAME = \".aplus-v2 .premium-aplus-module-12\";\n \/**\n * Carousel text container class name\n * @const\n *\/\n var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-carousel-text-container-\" + MODULE_ID;\n \/**\n * Carousel text hidden class name\n * @const\n *\/\n var TEXT_CONTAINER_HIDDEN = \"aplus-hidden\";\n \/**\n * Carousel horizontal scroll container class name\n * @const\n *\/\n var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-horizontal-scroll-container-\" + MODULE_ID;\n\n function showCarouselText(oldIndex, newIndex) {\n var oldClass = TEXT_CONTAINER_CLASS_NAME + \"-\" + oldIndex;\n var newClass= TEXT_CONTAINER_CLASS_NAME + \"-\" + newIndex;\n $(oldClass).addClass(TEXT_CONTAINER_HIDDEN);\n $(newClass).removeClass(TEXT_CONTAINER_HIDDEN);\n }\n\n function scrollToCarouselButton(scrollLeft) {\n if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {\n $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200);\n }\n }\n\n \/**\n * Creates a CarouselButton class for provided carousel instance\n * @param {object} carousel - AUI Carousel instance\n * @returns {Class} - CarouselButton Class\n *\/\n function CarouselButtonTemplate(carousel) {\n \/**\n * Button for controlling the active slide\n * @constructor\n * @param {number} index - slide index\n * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation\n *\/\n function CarouselButton(index, elem) {\n var self = this;\n this.index = index;\n this.carousel = carousel;\n\n \/* create the button element *\/\n this.elem = this.getElem(elem);\n this.$elem = $(this.elem); \/* store jquery version *\/\n this.elem.addEventListener('click', self.handleClick.bind(self));\n this.elem.setAttribute('role', 'tab');\n\n \/* add this object to the object manager *\/\n CarouselButton.objects.byId[index] = this;\n CarouselButton.objects.all.push(this);\n }\n\n \/**\n * Describe behavior for click events on this.elem\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.handleClick = function(e) {\n e.preventDefault();\n this.carousel.gotoPage(this.index);\n };\n\n \/**\n * Enter active state\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.activate = function() {\n this.$elem.addClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'true');\n };\n\n \/**\n * Enter inactive state\n * @memberOf CarouselButton\n *\/\n CarouselButton.prototype.deactivate = function() {\n this.$elem.removeClass(GOTO_BTN_ACTIVE_CLASS_NAME).attr('aria-selected', 'false');\n };\n\n \/**\n * Returns an existing or creates a new bound element for this object\n * @memberOf CarouselButton\n * @param {DOMElement} [elem] - optionally provide an existing element in the DOM to use\n * @returns {DOMElement} - this objects DOM representation\n *\/\n CarouselButton.prototype.getElem = function(elem) {\n if (this.elem) return this.elem;\n if (elem) return elem;\n\n var createdElem = document.createElement('span');\n createdElem.className = GOTO_BTN_CLASS_NAME;\n\n return createdElem;\n };\n\n \/** @const Object manager *\/\n CarouselButton.objects = {\n byId: {},\n all: [],\n };\n\n return CarouselButton;\n }\n\n framework.onInit(CAROUSEL_NAME, function(carousel) {\n \/** @const {Class} *\/\n var CarouselButton = CarouselButtonTemplate(carousel);\n\n \/* create carousel controls *\/\n var $carouselBtns = $(safeClassSelector(GOTO_BTN_CLASS_NAME));\n var btns = $carouselBtns.map(function(i, btnElem) {\n return new CarouselButton(i + 1, btnElem);\n });\n\n \/* activate first one *\/\n CarouselButton.objects.byId[1].activate();\n\n \/* Listen to slide changes *\/\n A.on(\"a:carousel:\" + CAROUSEL_NAME + \":change:pageNumber\", function (data) {\n var newCarouselButton = CarouselButton.objects.byId[data.newValue];\n var marginLeft = parseInt(getComputedStyle(newCarouselButton.elem).getPropertyValue('margin-left'));\n var positionLeft = newCarouselButton.elem.offsetLeft - marginLeft;\n\n newCarouselButton.activate();\n CarouselButton.objects.byId[data.oldValue].deactivate();\n scrollToCarouselButton(positionLeft);\n showCarouselText(data.oldValue, data.newValue);\n });\n });\n\n \/**\n * @returns {string} - css classname prefixed with module selector\n *\/\n function safeClassSelector(className) {\n return '.' + MODULE_CLASS_NAME + ' .' + className;\n }\n }\n\n $('.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container').each(function (index, module) {\n initiateCarousel(module);\n });\n framework.createAll();\n framework.initializeAll();\n });\n }\n })\n});\n}));\u003c\/script\u003e\n \u003cdiv class=\"aplus-content-wrapper\"\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-0-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-13-carousel-0\"}' 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-0-slide-0\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/c95c9fb0-05f6-4d08-83c9-ca9888c6dd1e.__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-0-slide-1\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/7b208fd2-6711-452e-a814-518a307b38ee.__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-0\").execute(\"init-pagination-carousel\", function(init) {\n if (init) {\n return;\n }\n P.register(\"premium-aplus-13-carousel-0\", 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 = \"0\";\n var carouselName = \"premium-aplus-13-carousel-0\";\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-0-premium-aplus-13-carousel-0\" 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-0-premium-aplus-13-carousel-0\" data-aplus-pagination-dot-action-0-premium-aplus-13-carousel-0='{\"page\": 1}' aria-label=\"slide-1\" aria-controls=\"premium-aplus-13-carousel-0-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-0-premium-aplus-13-carousel-0\" data-aplus-pagination-dot-action-0-premium-aplus-13-carousel-0='{\"page\": 2}' aria-label=\"slide-2\" aria-controls=\"premium-aplus-13-carousel-0-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-0\").execute('invoke-premium-13-carousel-desktop', function(init){init();});\n}));\u003c\/script\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003ch1 class=\"a-text-center aplus-container-3 aplus-h1 a-text-bold\"\u003eBreathable Fabric for All-Day Comfort\u003c\/h1\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=\"boxer shorts for men\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/28ff6887-bf76-4f92-8df3-51fe0b972a64.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/28ff6887-bf76-4f92-8df3-51fe0b972a64.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/28ff6887-bf76-4f92-8df3-51fe0b972a64.__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-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-2\"\u003e\n \u003ch1 class=\"a-text-center aplus-container-3 aplus-h1 a-text-bold\"\u003eRelaxed Fit Mens Boxer Shorts\u003c\/h1\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=\"boxer shorts for men\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/48db2bc5-0064-4ba1-984b-8827acb861db.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/48db2bc5-0064-4ba1-984b-8827acb861db.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/48db2bc5-0064-4ba1-984b-8827acb861db.__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-12-nav-carousel aplus-premium\" cel_widget_id=\"aplus-premium-module-12-nav-carousel\"\u003e\n \u003cdiv class=\"a-section a-spacing-none premium-aplus premium-aplus-module-12 premium-aplus-module-12--top-nav\"\u003e\n \u003cdiv data-module-id=\"3\" class=\"a-section a-spacing-none aplus-carousel-container\"\u003e\n \u003cdiv id=\"premium-aplus-12-carousel-3-id\" data-a-carousel-options='{\"peek_percentage\":0,\"minimum_gutter_width\":0,\"show_partial_next\":false,\"name\":\"premium-aplus-12-carousel-3\"}' 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 aplus-image-carousel-container\"\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-card\" aria-setsize=\"3\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/ed54852e-0fca-4554-a67c-1f0c145a6f4e.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"3\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/56924165-2698-4468-aedf-98829b3ed914.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003c\/div\u003e\n \u003c\/li\u003e\n \u003cli aria-roledescription=\"slide\" class=\"a-carousel-card aplus-carousel-card\" aria-setsize=\"3\"\u003e\n \u003cdiv class=\"a-section a-spacing-none aplus-card-image\"\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/c8b017c4-cdfe-498e-a4cc-2c97afbebd32.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\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 id=\"aplus-carousel-actions-3\" aria-label=\"tablist section\" class=\"a-section aplus-carousel-actions\" role=\"tablist\"\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-3 aplus-active\" role=\"tab\" tabindex=\"0\" aria-selected=\"true\"\u003e\u003cspan class=\"aplus-carousel-index\"\u003e1\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eNO RIDING UP\u003c\/span\u003e\u003c\/button\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-3 \" role=\"tab\" tabindex=\"0\" aria-selected=\"false\"\u003e\u003cspan class=\"aplus-carousel-index\"\u003e2\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eELASTIC WIDE WAISTBAND\u003c\/span\u003e\u003c\/button\u003e\n \u003cbutton class=\"aplus-goto-btn aplus-goto-btn-3 \" role=\"tab\" tabindex=\"0\" aria-selected=\"false\"\u003e\u003cspan class=\"aplus-carousel-index\"\u003e3\u003c\/span\u003e \u003cspan class=\"aplus-accent2 aplus-carousel-label\"\u003eONE-PIECE BACK\u003c\/span\u003e\u003c\/button\u003e\n \u003c\/div\u003e\n \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-module-12-nav-carousel').execute('invoke-premium-12-nav-carousel-desktop-top', function(init){\n init();\n });\n}));\u003c\/script\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"celwidget aplus-module premium-module-2-fullbackground-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\"\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=\"boxer shorts for men\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f7ef54b8-b139-49d3-9eef-1f6fc8991bb3.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f7ef54b8-b139-49d3-9eef-1f6fc8991bb3.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f7ef54b8-b139-49d3-9eef-1f6fc8991bb3.__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-image aplus-premium\" cel_widget_id=\"aplus-premium-module-2-fullbackground-image\"\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=\"boxer shorts for men\" class=\"a-lazy-loaded\" data-src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f319520f-cbf5-4f25-99cb-ad54cf185ab9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f319520f-cbf5-4f25-99cb-ad54cf185ab9.__CR0,0,1464,600_PT0_SX1464_V1___.jpg\"\u003e\n \u003cnoscript\u003e\n \u003cimg alt=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/f319520f-cbf5-4f25-99cb-ad54cf185ab9.__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 \u003ch1 class=\"aplus-container-3 aplus-h1 a-text-bold\"\u003eVersatile for Every Day\u003c\/h1\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=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/49c28b49-4cef-4673-8175-1827f2d34e05.__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=\"boxer shorts for men\" src=\"https:\/\/m.media-amazon.com\/images\/S\/aplus-media-library-service-media\/fc424070-fec9-42e0-b020-14a4f0113e5f.__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\u003e95% rayon made from bamboo and 5% spandex\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\u003eMachine Wash\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 \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\"\u003eBreathable Boxer Shorts for All-Day Comfort: 95% rayon made from bamboo and 5% spandex, these boxer shorts for men are designed for superior comfort. The fabric is exceptionally breathable and soft, with built-in moisture-wicking properties that pull sweat away to keep you dry and cool. Compared to cotton, they offer enhanced airflow and cooling comfort, making them ideal for all-day casual wear, workouts, or warm weather.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eRelaxed Fit with Button Fly: Experience ease in every movement. The loose fit design of the mens underwear grants ample room to prevent constriction, while the roomy leg openings minimize friction—ideal for lounging or sleep. Adding daily convenience, the practical button fly provides reliable, easy access. We’ve also reinforced the fly with bar tacking at stress points, ensuring it holds its shape and function wash after wash.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eWide Elastic Waistband \u0026amp; Tagless: Designed for all-day ease, our boxers for men feature a comfort-fit, wide elastic waistband that provides a snug yet gentle hold without digging in. The stretchy, 35mm band moves with you and stays securely in place. Paired with a completely tagless design, this combination helps prevent common causes of tightness and skin irritation, offering a clean and consistently comfortable feel.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eOne-Piece Back \u0026amp; No Ride-Up: Our men’s underwear boxers feature a seamless one-piece back design that eliminates the center seam, preventing wedgies and irritation. Combined with the relaxed fit and precise leg openings, this construction ensures your boxers stay in place—no riding up, no tightening, and no need for constant adjustment, whether you’re lounging or on the move.\u003c\/span\u003e\u003c\/li\u003e\n \u003cli\u003e\u003cspan class=\"a-list-item a-size-base a-color-base\"\u003eVersatile for Every Day \u0026amp; The Perfect Gift:The ultimate choice for comfort in any situation. Designed for sleeping, lounging, travel, and daily wear, their breathable and relaxed fit also makes them suitable for low-key activities. This 5-pack mens underwear boxers offers versatile colors in sizes M-3XL, making it an effortless wardrobe refresh. It serves as a practical and appreciated gift for birthdays, Christmas, or Father’s Day, perfect for your husband, dad, or boyfriend.\u003c\/span\u003e\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\u003c\/div\u003e","brand":"ATFH","offers":[{"title":"1*black\/1*dark Green\/1*navy\/1*dark Grey\/1*red \/ Medium","offer_id":43625522135246,"sku":"B0FVLX5BRB","price":177.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Green\/1*navy\/1*dark Grey\/1*red \/ 3X-Large","offer_id":43625522528462,"sku":"B0FVLTPSK8","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Green\/1*navy\/1*dark Grey\/1*red \/ XX-Large","offer_id":43625522462926,"sku":"B0FVLW8YBH","price":192.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Green\/1*navy\/1*dark Grey\/1*red \/ X-Large","offer_id":43625522921678,"sku":"B0FVLTBWDK","price":185.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Green\/1*navy\/1*dark Grey\/1*red \/ Large","offer_id":43625522856142,"sku":"B0FVLWWSP5","price":185.0,"currency_code":"AED","in_stock":true},{"title":"2*black\/1*dark Grey\/1*light Grey\/1*navy \/ Medium","offer_id":43625522495694,"sku":"B0FVLTSRMY","price":192.0,"currency_code":"AED","in_stock":true},{"title":"2*black\/1*dark Grey\/1*light Grey\/1*navy \/ 3X-Large","offer_id":43625522168014,"sku":"B0FVLTZTHQ","price":192.0,"currency_code":"AED","in_stock":true},{"title":"2*black\/1*dark Grey\/1*light Grey\/1*navy \/ XX-Large","offer_id":43625522659534,"sku":"B0FVLV9KBJ","price":192.0,"currency_code":"AED","in_stock":true},{"title":"2*black\/1*dark Grey\/1*light Grey\/1*navy \/ X-Large","offer_id":43625522233550,"sku":"B0FVLWV1D7","price":200.0,"currency_code":"AED","in_stock":true},{"title":"2*black\/1*dark Grey\/1*light Grey\/1*navy \/ Large","offer_id":43625522626766,"sku":"B0FVLTRN4D","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*dark Green\/1*dark Grey\/1*light Grey\/1*navy\/1*red \/ Medium","offer_id":43625522299086,"sku":"B0FVLVKKSB","price":192.0,"currency_code":"AED","in_stock":true},{"title":"1*dark Green\/1*dark Grey\/1*light Grey\/1*navy\/1*red \/ 3X-Large","offer_id":43625522331854,"sku":"B0FVLXZZCF","price":192.0,"currency_code":"AED","in_stock":true},{"title":"1*dark Green\/1*dark Grey\/1*light Grey\/1*navy\/1*red \/ XX-Large","offer_id":43625522200782,"sku":"B0FVLV4ZT7","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*dark Green\/1*dark Grey\/1*light Grey\/1*navy\/1*red \/ X-Large","offer_id":43625522823374,"sku":"B0FVLV5G4C","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*dark Green\/1*dark Grey\/1*light Grey\/1*navy\/1*red \/ Large","offer_id":43625522266318,"sku":"B0FVLVB2PK","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Grey\/1*light Grey\/1*navy\/1*blue \/ Medium","offer_id":43625522561230,"sku":"B0FVLSJTSK","price":177.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Grey\/1*light Grey\/1*navy\/1*blue \/ 3X-Large","offer_id":43625522397390,"sku":"B0FVLWTZ2B","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Grey\/1*light Grey\/1*navy\/1*blue \/ XX-Large","offer_id":43625522757838,"sku":"B0FVLTTWXL","price":192.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Grey\/1*light Grey\/1*navy\/1*blue \/ X-Large","offer_id":43625522888910,"sku":"B0FVLWY8SX","price":200.0,"currency_code":"AED","in_stock":true},{"title":"1*black\/1*dark Grey\/1*light Grey\/1*navy\/1*blue \/ Large","offer_id":43625522364622,"sku":"B0FVLWQVXK","price":185.0,"currency_code":"AED","in_stock":true},{"title":"5*black \/ Medium","offer_id":43625522692302,"sku":"B0FVLPJXBB","price":192.0,"currency_code":"AED","in_stock":true},{"title":"5*black \/ 3X-Large","offer_id":43625522430158,"sku":"B0FVLQKLMN","price":200.0,"currency_code":"AED","in_stock":true},{"title":"5*black \/ XX-Large","offer_id":43625522725070,"sku":"B0FVLQ41RF","price":200.0,"currency_code":"AED","in_stock":true},{"title":"5*black \/ X-Large","offer_id":43625522593998,"sku":"B0FVLR5SBM","price":200.0,"currency_code":"AED","in_stock":true},{"title":"5*black \/ Large","offer_id":43625522790606,"sku":"B0FVLQLXNM","price":200.0,"currency_code":"AED","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0669\/2893\/5118\/files\/71If7i7vHBL._AC_SL1500.jpg?v=1784916541","url":"https:\/\/atfhshop.com\/products\/igolumon-mens-boxer-shorts-underwear-soft-breathable-bamboo-rayon-boxers-for-men-relaxed-fit-boxers-with-button-fly-5-pack","provider":"ATFH","version":"1.0","type":"link"}