{"product_id":"yeti-hopper-flip-12-portable-soft-cooler172953439443622","title":"Hopper Flip 12 Portable Soft Cooler","description":"\u003cdiv class=\"product__info-description body3 rte\"\u003e\u003cdiv class=\"product-description\"\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection                class=\"desc-box\"                transform-if=\"(info.sizeGuide)?? \u0026\u0026 info.sizeGuide != ''\"                v-html=\"info.sizeGuide\"                \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv class=\"product-description\"\u003e\n\u003c!-- \u003csection                class=\"desc-box\"                transform-if=\"(info.sizeGuide)?? \u0026\u0026 info.sizeGuide != ''\"                v-html=\"info.sizeGuide\"                \u003e\u003c\/section\u003e--\u003e\u003csection class=\"desc-box richtext-box\"\u003e\u003cdiv\u003e\u003ctable class=\"a-normal a-spacing-micro\"\u003e\u003ctbody\u003e\n\u003ctr class=\"a-spacing-small po-brand\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eBrand\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eYETI\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-color\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eColor\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eCharcoal\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-material\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eMaterial\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eFoam\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-container.type\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003ePackage Information\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eCans\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-capacity\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eCapacity\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e15 Pounds\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_depth_width_height\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eProduct Dimensions\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e10\"D x 12.63\"W x 11.5\"H\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-item_weight\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eItem Weight\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003e1.7 Kilograms\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-special_feature\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eSpecial Feature\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003ePortable\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-model_name\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003eModel Name\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003ezipper\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr class=\"a-spacing-small po-pattern\"\u003e\n\u003ctd class=\"a-span3\"\u003e \u003cspan class=\"a-size-base a-text-bold\"\u003ePattern\u003c\/span\u003e \u003c\/td\u003e\n\u003ctd class=\"a-span9\"\u003e \u003cspan class=\"a-size-base po-break-word\"\u003eLetter Print\u003c\/span\u003e \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\u003c\/div\u003e\n\u003cbr\u003e\u003cul class=\"a-unordered-list a-vertical a-spacing-mini\"\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The Hopper Flip 12 has ColdCell Insulation, a closed-cell foam that offers superior cold-holding to ordinary soft coolers, with a capacity of up to 12 cans plus ice \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Features a 100% leakproof HydroLok Zipper and high-density fabric that withstands punctures and UV rays \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e Its DryHide Shell is waterproof and resistant to punctures, and abrasions so it will hold its own when faced with the hazards of the wild \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The only personal cooler that鈥檚 game for full days in the tree stand, early mornings in the duck boat, or afternoons on the water \u003c\/span\u003e\u003c\/li\u003e\n\u003cli class=\"a-spacing-mini\"\u003e\u003cspan class=\"a-list-item\"\u003e The Hopper Flip 12 dimensions are 12 5\/8 in long x 10 in wide x 11 陆 in high and an empty weight of 3.1 lbs \u003c\/span\u003e\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cbr\u003e\u003ctable class=\"a-keyvalue prodDetTable\" id=\"productDetails_techSpec_section_1\" role=\"presentation\"\u003e\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Color \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶤harcoal \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Material \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶧oam \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Information \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶤ans \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Capacity \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�5 Pounds \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Product Dimensions \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�0\"D x 12.63\"W x 11.5\"H \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Weight \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�.7 Kilograms \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Special Feature \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶱ortable \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Model Name \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥巣ipper \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Pattern \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶭etter Print \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Insulation Material \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶧oam \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Depth \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�0 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Height \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�1.5 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Chamber Width \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�0 Inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Package Dimensions L x W x H \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�4 x 13.62 x 11 inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Package Weight \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�.84 Kilograms \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Item Dimensions LxWxH \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�4 x 11 x 14 inches \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Brand Name \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Suggested Users \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥巑ens \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Number of Items \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥� \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Manufacturer \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥嶻ETI \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Part Number \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥�8010110002 \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth class=\"a-color-secondary a-size-base prodDetSectionEntry\"\u003e Size \u003c\/th\u003e\n\u003ctd class=\"a-size-base prodDetAttrValue\"\u003e 鈥� EA \u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\u003c\/table\u003e\n\u003cbr\u003e\u003cdiv cel_widget_id=\"aplus\" class=\"aplus-v2 desktop celwidget\"\u003e\n\u003cstyle type=\"text\/css\"\u003e.aplus-v2 .premium-aplus-module-3 .premium-module-3-heading {    padding-bottom: 40px;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {     text-align: center; }.aplus-v2 .premium-aplus-module-3 .premium-aplus-four-column {    text-align: inherit;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {    display: inline-block;    vertical-align: top;    width: 25%;}.aplus-v2 .premium-aplus-module-3 .premium-aplus-column {    padding: 0 20px;}.aplus-v2 .premium-aplus-module-3 .column-heading {    padding-top: 20px;}.aplus-v2 .premium-aplus-module-3 .column-description {    padding-top: 10px;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e.aplus-v2 .premium-aplus-module-2 .premium-background-wrapper {    position: relative;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper {    position: absolute;    width: 50%;    height: 100%;    top: 0;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {    left: 50%;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right {    left: auto;    right: 50%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.secondary-color {    color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background {    padding: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-topic {    padding-bottom: 10px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-heading {    padding-bottom: 20px;}.aplus-v2 .premium-aplus-module-2 .aplus-module-2-description {    line-height: 1.5em;}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.white-background {    background: rgba(255,255,255,0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background {    background: rgba(0,0,0,0.5);}.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h1,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background h5,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ol .a-list-item,.aplus-v2 .premium-aplus-module-2 .premium-intro-background.black-background ul .a-list-item {  color: #fff;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-container {    display: table;    height: 100%;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {    padding-left: 40px;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.left .premium-intro-content-container {\tpadding-left: 0px;\tpadding-right: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {    padding-right: 40px;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-2 .premium-intro-wrapper.right .premium-intro-content-container {    padding-right: 0px;    padding-left: 40px;}.aplus-v2 .premium-aplus-module-2 .premium-intro-content-column {    display: table-cell;    vertical-align: middle;}\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) {P.now('premium-module-5-comparison-table-scroller').execute(function(init){    if (init) {        return;    }    P.register('premium-module-5-comparison-table-scroller', function(){        return function() {            P.when('jQuery', 'a-popover', 'A', 'ready').execute(function($, popover, A) {                function initCompTable(module) {                    \/**                    * Premium comparison table: popover trigger module                    *\/                    var comparisonName = $(module).data('comparison-name');                    (function() {                        var $additionalInfo = $('.aplus-v2 .aplus-popover-trigger');                        $additionalInfo.each(function(i, trigger) {                            return popover.create(trigger, $(trigger).data());                        });                        $additionalInfo.hover(                            function() {                                $(this).focus();                            }                        );                    })();                    \/**                    * Premium comparison table: adjust column width module                    *\/                    (function() {                        var VISIBLE_COLUMNS = 4.2;  \/* How many visible columns on load *\/                        var MIN_WIDTH = 230;                        var getWidth = function() {                            return $(this).outerWidth();                        }                        \/* cache selectors *\/                        var                            $container = $('.aplus-v2 .comparison-table #'+comparisonName),                            $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'),                            $slider = $('.aplus-v2 .comparison-table #'+comparisonName+' .table-slider'),                            $columns = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column'),                            $activeColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' .aplus-data-column.active.active-item');                        \/* Formula for determining desired column width *\/                        var calculatedColumnWidth = Math.floor(                            ($container.innerWidth() - $header.innerWidth()) \/ VISIBLE_COLUMNS                        );                        var childWidths = $activeColumn.map(getWidth).get();                        var maxChildWidth = Math.max(MIN_WIDTH, Math.max.apply(Math, childWidths));                        var minColumnWidth = $columns.innerWidth();                        var calculatedPadding = $header.innerWidth() + maxChildWidth;                        \/* set the min-width of each column to the calulated width or minWidth *\/                        $columns.css(                            'min-width',                            Math.max(MIN_WIDTH, (calculatedColumnWidth \u003c minColumnWidth                                ? calculatedColumnWidth                                : minColumnWidth))                        );                        $activeColumn.css('width', maxChildWidth);                        \/* AUI RTL script automatically changes this to padding-right under RTL context *\/                        $slider.css('padding-left', calculatedPadding);                        \/* show the component *\/                        $container.removeClass('loading');                    })();                    \/**                    * Premium comparison table: top scroll bar                    *\/                    (function() {                        \/* cache selectors *\/                        var                            $header = $('.aplus-v2 .comparison-table #'+comparisonName+' td.attribute'),                            $fixedColumn = $('.aplus-v2 .comparison-table #'+comparisonName+' td.active'),                            $scrollWrapperTop = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-top'),                            $scrollWrapperBottom = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-wrapper-bottom'),                            $scrollWidth = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-width'),                            $scrollBar = $('.aplus-v2 .comparison-table #'+comparisonName+' .scroll-bar');                        \/* confirm fixed column exists and can add width to the total width of the scroll bar *\/                        var fixedColumnWidth = $fixedColumn.innerWidth();                        if ( fixedColumnWidth === null ) {                            fixedColumnWidth = 0;                        }                        \/* set width of scrollBar *\/                        $scrollBar.css('width', $scrollWidth.innerWidth() + fixedColumnWidth + $header.innerWidth());                        \/* connect scrolls together *\/                        $scrollWrapperTop.scroll(function() {                            $scrollWrapperBottom.scrollLeft($scrollWrapperTop.scrollLeft());                        });                        $scrollWrapperBottom.scroll(function() {                            $scrollWrapperTop.scrollLeft($scrollWrapperBottom.scrollLeft());                        });                    })();                }                $('.aplus-v2 .premium-aplus-module-5 .table-container').each(function(index, module) {                    initCompTable(module);                });            });        }    });});}));\u003c\/script\u003e\u003cstyle type=\"text\/css\"\u003e\/** * Premium-module 5: Comparision table - scroller *\/.aplus-v2 .premium-aplus-module-5 h1 {    padding-bottom: 30px;}\/* position column-headers relative to this table *\/.aplus-v2 .premium-aplus-module-5 .table-container {    position: relative;    opacity: 1;}.aplus-v2 .premium-aplus-module-5 .table-container.loading {    opacity: 0;}.aplus-v2 .premium-aplus-module-5 .table-slider {    overflow-x: scroll;    overflow-y: visible;    width: 100%;}\/* left column headers are absolute positioned *\/.aplus-v2 .premium-aplus-module-5 td.attribute {    position: absolute;    width: 300px;    top: auto;    left: 0;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-5 td.attribute {    right: 0px;    left: auto;}.aplus-v2 .premium-aplus-module-5 td.active-item {    position: absolute;    top: auto;    left: 300px;}html[dir=\"rtl\"]  .premium-aplus-module-5 td.active-item {    left: auto;    right: 300px;}.aplus-v2 .premium-aplus-module-5 .attribute,.aplus-v2 .premium-aplus-module-5 .active-item,.aplus-v2 .premium-aplus-module-5 .description {    font-size: 16px;    font-family: arial;    line-height: 2.5em;    white-space:nowrap;    color: #000;}.aplus-v2 .premium-aplus-module-5 .attribute,.aplus-v2 .premium-aplus-module-5 .active-item,.aplus-v2 .premium-aplus-module-5 .description {    font-family: inherit;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute,.aplus-v2 .premium-aplus-module-5 table.a-bordered td.active-item {    background-color: #fff;    z-index: 100;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.attribute,.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) td.active-item {    background-color: #f0f2f2;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even):last-child td.attribute {    border-bottom: #f0f2f2 solid 1px;}\/* Override AUI - the odd rows have a white background while the even ones have gray background *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(odd) {    background-color: #fff;}.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:nth-child(even) {    background-color: #f0f2f2;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .comparison-metric-name {    outline-style: none;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td.attribute .aplus-popover-trigger::after {    content: \"?\";    display: inline-block;    font-size: 12px;    position: relative;    bottom: 5px;}.aplus-v2 .premium-aplus-module-5 td.attribute.empty {    height: 332px;}.aplus-v2 .premium-aplus-module-5 .header-img {    padding-top: 10px;}\/* Prevent table borders from overlapping *\/.aplus-v2 .premium-aplus-module-5 table {    border-collapse: separate;}\/* Override default AUI .a-bordered table borders *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered td,.aplus-v2 .premium-aplus-module-5 table.a-bordered th,.aplus-v2 .premium-aplus-module-5 table.a-bordered {    border-width: 0;    border-color: #eaeaea;    border-style: solid;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td {    border-right-width: 1px;}.aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {    border-right-width: 0;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-5 table.a-bordered td:last-child {    border-right-width: 1px;}\/* Active column should be surrounded in darker border. *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered td.active {    border-color: #767676;    border-right-width: 1px;    border-left-width: 1px;}\/* Top Active column needs border-top *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:first-child td.active {    border-top-width: 1px;    height: 332px;}\/* Bottom column column needs border-bottom *\/.aplus-v2 .premium-aplus-module-5 table.a-bordered tr:last-child td.active {    border-bottom-width: 1px;}\/* Size the top scroller *\/.aplus-v2 .premium-aplus-module-5 .scroll-wrapper-top {    width: 100%;    height: 20px;    overflow-x: scroll;    overflow-y: visible;}.aplus-v2 .premium-aplus-module-5 .scroll-bar {    height: 1px;}.aplus-v2 .premium-aplus-module-5 .add-to-cart {    line-height:     font-weight: normal;}.aplus-v2 .premium-aplus-module-5 .review {    font-size: 14px;}\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * Premium modules global styles *\/.aplus-v2.desktop {  max-width: 1464px;  min-width: 800px;  margin-left: auto;  margin-right: auto;  word-wrap: break-word;  overflow-wrap: break-word;  word-break: break-word;}\/* Undo this for tech-specs because it breaks table layout *\/.aplus-v2.desktop .premium-aplus .aplus-tech-spec-table { word-break: initial; }.aplus-v2 .premium-aplus,.aplus-v2 .premium-aplus .aplus-h1,.aplus-v2 .premium-aplus .aplus-h2,.aplus-v2 .premium-aplus .aplus-p1,.aplus-v2 .premium-aplus .aplus-p2,.aplus-v2 .premium-aplus .aplus-p3,.aplus-v2 .premium-aplus .aplus-accent1,.aplus-v2 .premium-aplus .aplus-accent2{ font-family: Arial, sans-serif; }.aplus-v2 .premium-aplus,.aplus-v2 .premium-aplus .aplus-h1,.aplus-v2 .premium-aplus .aplus-h2,.aplus-v2 .premium-aplus .aplus-p1,.aplus-v2 .premium-aplus .aplus-p2,.aplus-v2 .premium-aplus .aplus-p3,.aplus-v2 .premium-aplus .aplus-accent1,.aplus-v2 .premium-aplus .aplus-accent2{ font-family: inherit; }\/* type *\/.aplus-v2 .premium-aplus .aplus-h1 { font-size: 32px; line-height: 1.2em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h2 { font-size: 26px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-h3 { font-size: 18px; line-height: 1.25em; font-weight: 500; }.aplus-v2 .premium-aplus .aplus-p1 { font-size: 20px; line-height: 1.3em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p2 { font-size: 16px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-p3 { font-size: 14px; line-height: 1.4em; font-weight: 300; }.aplus-v2 .premium-aplus .aplus-accent1 { font-size: 16px; line-height: 1.4em; font-weight: 600; }.aplus-v2 .premium-aplus .aplus-accent2 { font-size: 14px; line-height: 1.4em; font-weight: 600; }\/* spacing *\/.aplus-v2 .aplus-container-1 { padding: 40px; }.aplus-v2 .aplus-container-1-2 { padding: 40px 80px; }.aplus-v2 .aplus-container-2 { padding: 80px; }.aplus-v2 .aplus-container-3 { padding: 40px 0; }\/* Display *\/.aplus-v2 .premium-aplus .aplus-display-table { display: table; }.aplus-v2 .premium-aplus .aplus-display-table-cell { display: table-cell; }.aplus-v2 .premium-aplus .aplus-display-inline-block { display: inline-block; }\/* Aplus display table with min-width 1000px and fill remaining space inside parent *\/.aplus-v2.desktop .premium-aplus .aplus-display-table-width { min-width: 1000px; width: 100% }\/*** Padding and margin for element should be 10, 20, 40, or 80 px. Considering mini 10, small 20, medium 40, large 80.*\/\u003c\/style\u003e\n\u003cstyle type=\"text\/css\"\u003e\/** * Premium-module 12: Nav Carousel *\/.aplus-v2 .premium-aplus-module-12 .aplus-carousel-card {    position: relative;    width: 100%;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-container {    position: relative;}.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container {    \/* Match the aspect ratio of the desktop image uploaded via the editor (1464px x 600px) *\/    padding-top: calc(600 \/ 1464 * 100%); \/* ~40.983% *\/    height: 0;}.aplus-v2 .premium-aplus-module-12 .aplus-image-carousel-container \u003e div {    position: absolute;    width: 100%;    height: 100%;    top: 0;    left: 0;}\/* Override AUI styles. It poorly attempts to measure the slide heights before waiting until images load. *\/.aplus-v2 .premium-aplus-module-12 .a-carousel-viewport {    height: 100% !important;}.aplus-v2 .premium-aplus-module-12 .aplus-card-image img {    width: 100%;    height: auto;}.aplus-v2 .premium-aplus-module-12 .aplus-card-details-wrapper {    position: absolute;    top: 0;    width: 50%;    height: 100%;}.aplus-v2 .premium-aplus-module-12 .aplus-card-detail {    display: table;    width: 100%;    height: 100%}.aplus-v2 .premium-aplus-module-12 .card-description {    text-align: left;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .card-description {    text-align: right;}.aplus-v2 .premium-aplus-module-12 .aplus-table-cell {    display: table-cell;    vertical-align: middle;}.aplus-v2 .premium-aplus-module-12 .aplus-text-background {    padding: 20px;}.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color {    background: rgba(0, 0, 0, 0.5);}.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h1,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color h5,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ol .a-list-item,.aplus-v2 .premium-aplus-module-12 .aplus-text-background-color ul .a-list-item {    color: #fff;}.aplus-v2 .premium-aplus-module-12 .description {    padding-top: 20px;}\/* nav *\/.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions {    position: absolute;    top: 20px;    width: 100%;    text-align: center;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn {    display: inline-block;    margin: 7px 10px;    cursor: pointer;    border-radius: 30px;    border: 2px solid #000;    line-height: 2.5em;    min-width: 200px;    background-color: #fff;    white-space: nowrap;    color: #000;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-index {    display: none;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.aplus-active {    border-color: #fff;    background-color: #000;    color: #fff;}\/** * Regimen template specific css *\/.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    text-align: left;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    text-align: right;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {    text-align: right;    top: 50%;    width: 250px;    right: 75px;    -webkit-transform: translateY(-50%);    -moz-transform: translateY(-50%);    -o-transform: translateY(-50%);    transform: translateY(-50%);}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions.regimen {    text-align: left;    top: 50%;    left: 75px;    right: auto;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen {    display: inline-block;    margin: 10px 10px;    cursor: pointer;    border-radius: 30px;    border: 2px solid #000;    line-height: 2.5em;    width: 220px;    background-color: #fff;    white-space: nowrap;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active {    border-color: #fff;    background-color: #000;    color: #fff;}.aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {    display: inline-block;    margin-left: 6px;    width: 16px;    line-height: 26px;    color: #000;    text-align: center;}html[dir=\"rtl\"] .aplus-v2 .premium-aplus-module-12 .aplus-carousel-actions .regimen .aplus-carousel-index {    margin-left: 0px;    margin-right: 6px;}.aplus-v2 .premium-aplus-module-12 .aplus-goto-btn.regimen.aplus-active .aplus-carousel-index {    color: #fff;}.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen {    position: absolute;    top: 0;    left: 0;    width: 100%;    background-color: #000;    opacity: 0.5;    text-align: center;}.aplus-v2 .premium-aplus-module-12 .aplus-headline-top.regimen .aplus-headline {    color: #fff;    line-height: 2em;}\/** * Navigation template specific css *\/.aplus-v2 .premium-aplus-module-12--top-nav .aplus-carousel-actions {    background-color: rgba(0, 0, 0, 0.8);    top: 0px;}.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn {    padding: 8px;    color: #fff;    background-color: transparent;    border: none;}.aplus-v2 .premium-aplus-module-12--top-nav .aplus-goto-btn.aplus-active {    text-decoration: underline;    text-underline-offset: 0.8em;    text-decoration-thickness: 3px;    background-color: transparent;    border: none;}\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) {P.now('premium-module-12-nav-carousel').execute(function(init) {    if (init) {        return;    }    P.register('premium-module-12-nav-carousel', function(){        return function() {            P.when('A', 'jQuery', 'a-carousel-framework', 'ready').execute(function (A, $, framework) {                function initiateCarousel(module) {                    var MODULE_ID = $(module).data('module-id');                    \/**                    * Carousel button element classname                    * @const                    *\/                    var GOTO_BTN_CLASS_NAME = \"aplus-goto-btn-\" + MODULE_ID;                    \/**                    * Carousel button element active classname                    * @const                    *\/                    var GOTO_BTN_ACTIVE_CLASS_NAME = \"aplus-active\";                    \/**                    * AUI name for aui carousel                    * @const                    *\/                    var CAROUSEL_NAME = \"premium-aplus-12-carousel-\" + MODULE_ID;                    \/**                    * Module class name                    * @const                    *\/                    var MODULE_CLASS_NAME = \".aplus-v2 .premium-aplus-module-12\";                    \/**                    * Carousel text container class name                    * @const                    *\/                    var TEXT_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-carousel-text-container-\" + MODULE_ID;                    \/**                    * Carousel text hidden class name                    * @const                    *\/                    var TEXT_CONTAINER_HIDDEN = \"aplus-hidden\";                    \/**                    * Carousel horizontal scroll container class name                    * @const                    *\/                    var HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME = MODULE_CLASS_NAME + \" .aplus-horizontal-scroll-container-\" + MODULE_ID;                    function showCarouselText(oldIndex, newIndex) {                        var oldClass = TEXT_CONTAINER_CLASS_NAME + \"-\" + oldIndex;                        var newClass= TEXT_CONTAINER_CLASS_NAME + \"-\" + newIndex;                        $(oldClass).addClass(TEXT_CONTAINER_HIDDEN);                        $(newClass).removeClass(TEXT_CONTAINER_HIDDEN);                    }                    function scrollToCarouselButton(scrollLeft) {                        if ($(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).length) {                            $(HORIZONTAL_SCROLL_CONTAINER_CLASS_NAME).animate({scrollLeft}, 200);                        }                    }                    \/**                    * Creates a CarouselButton class for provided carousel instance                    * @param {object} carousel - AUI Carousel instance                    * @returns {Class} - CarouselButton Class                    *\/                    function CarouselButtonTemplate(carousel) {                        \/**                        * Button for controlling the active slide                        * @constructor                        * @param {number} index - slide index                        * @param {DOMElement} [elem] - optional DOM element to use as this objects DOM representation                        *\/                        function CarouselButton(index, elem) {                            var self = this;                            this.index = index;                            this.carousel = carousel;                            \/* create the button element *\/                            this.elem = this.getElem(elem);                            this.$elem = $(this.elem);  \/* store jquery version *\/                            this.elem.addEventListener('click', self.handleClick.bind(self));                            \/* add this object to the object manager *\/                            CarouselButton.objects.byId[index] = this;                            CarouselButton.objects.all.push(this);                        }                        \/**                        * Describe behavior for click events on this.elem                        * @memberOf CarouselButton                        *\/                        CarouselButton.prototype.handleClick = function(e) {                            e.preventDefault();                            this.carousel.gotoPage(this.index);                        };                        \/**\u003c\/script\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\n\u003c\/div\u003e\u003c\/section\u003e\u003c\/div\u003e\u003c\/div\u003e","brand":"mysite","offers":[{"title":"Canopy Green","offer_id":53075775848745,"sku":"Canopy Green  208667094","price":43.0,"currency_code":"USD","in_stock":true},{"title":"Navy","offer_id":53075775881513,"sku":"Navy  208667090","price":50.0,"currency_code":"USD","in_stock":true},{"title":"Aquifer Blue","offer_id":53075775914281,"sku":"Aquifer Blue  208667080","price":52.0,"currency_code":"USD","in_stock":true},{"title":"Harvest Red","offer_id":53075775947049,"sku":"Harvest Red  208667087","price":42.0,"currency_code":"USD","in_stock":true},{"title":"Bimini Pink","offer_id":53075775979817,"sku":"Bimini Pink  208667082","price":52.0,"currency_code":"USD","in_stock":true},{"title":"Power Pink","offer_id":53075776012585,"sku":"Power Pink  208667083","price":51.0,"currency_code":"USD","in_stock":true},{"title":"Sagebrush Green","offer_id":53075776045353,"sku":"Sagebrush Green  208667078","price":46.0,"currency_code":"USD","in_stock":true},{"title":"King Crab","offer_id":53075776078121,"sku":"King Crab  208667093","price":53.0,"currency_code":"USD","in_stock":true},{"title":"Nordic Blue","offer_id":53075776110889,"sku":"Nordic Blue  208667092","price":44.0,"currency_code":"USD","in_stock":true},{"title":"Black","offer_id":53075776143657,"sku":"Black  208667077","price":43.0,"currency_code":"USD","in_stock":true},{"title":"Fog Gray\/Tahoe Blue","offer_id":53075776176425,"sku":"Fog Gray\/Tahoe Blue  208667089","price":50.0,"currency_code":"USD","in_stock":true},{"title":"Cosmic Lilac","offer_id":53075776209193,"sku":"Cosmic Lilac  208667081","price":47.0,"currency_code":"USD","in_stock":true},{"title":"High Desert Clay","offer_id":53075776241961,"sku":"High Desert Clay  208667091","price":46.0,"currency_code":"USD","in_stock":true},{"title":"Alpine Yellow","offer_id":53075776274729,"sku":"Alpine Yellow  208667079","price":51.0,"currency_code":"USD","in_stock":true},{"title":"Camp Green","offer_id":53075776307497,"sku":"Camp Green  208667085","price":49.0,"currency_code":"USD","in_stock":true},{"title":"Agave Teal","offer_id":53075776340265,"sku":"Agave Teal  208667095","price":46.0,"currency_code":"USD","in_stock":true},{"title":"Charcoal","offer_id":53075776373033,"sku":"Charcoal  208667088","price":53.0,"currency_code":"USD","in_stock":true},{"title":"Nordic Purple","offer_id":53075776405801,"sku":"Nordic Purple  208667086","price":44.0,"currency_code":"USD","in_stock":true},{"title":"Coral","offer_id":53075776438569,"sku":"Coral  208667084","price":44.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0958\/1651\/5881\/files\/FF33DD9F-F6D7-E386-EDFF-E1DF58E34912.webp?v=1777530148","url":"https:\/\/anhor-sports.shop\/products\/yeti-hopper-flip-12-portable-soft-cooler172953439443622","provider":"My Store","version":"1.0","type":"link"}