jQuery18304965213268923654_1721076021379({"Templates":[{"PageType":"category","ShCode":"SH-990369","TemplateId":181,"Name":"smarthint-product","Html":"<style>\r\n    .smarthint {\r\n        clear: both;\r\n        margin: 0;\r\n    }\r\n\r\n    .smarthint .product-field.product_field_70.product-field-type_7 {\r\n        display: none;\r\n    }\r\n\r\n    /*carrinho*/\r\n\r\n    body#checkoutMainContainer .smarthint h2.component-qd-v1-section-title {\r\n        margin-top: 20px;\r\n        color: #111111;\r\n        font-size: 21px;\r\n        line-height: 1.5;\r\n        text-align: center;\r\n        font-weight: 700;\r\n        padding-top: 10px;\r\n        padding-bottom: 10px;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        display: block;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint h2.component-qd-v1-section-title:before {\r\n        content: \"\";\r\n        width: 56px;\r\n        height: 3px;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 50%;\r\n        background: #ed1848;\r\n        margin-left: -28px;\r\n    }\r\n\r\n    .smarthint {\r\n        max-width: 1170px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1 {\r\n        transition: all 0.2s ease-out;\r\n        box-shadow: 0px 0px 4px rgba(51, 51, 51, 0);\r\n        border: transparent solid;\r\n        border-width: 1px;\r\n        background: #fff;\r\n        padding: 20px !important;\r\n        border-radius: 4px;\r\n        position: relative;\r\n        z-index: 1;\r\n        min-height: 354px;\r\n        margin: 11px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-image {\r\n        position: relative;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-stamps {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 5;\r\n        width: 85%;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-name h3 {\r\n        font-size: 14px;\r\n        color: #333333 !important;\r\n        font-weight: 700;\r\n        overflow: hidden;\r\n        height: 41px;\r\n        display: block;\r\n        margin-bottom: 5px;\r\n        line-height: 1.4;\r\n        text-align: center;\r\n        text-decoration: none !important;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-name h3 a {\r\n        color: #333333 !important;\r\n        font-size: 14px !important;\r\n        font-weight: 700;\r\n        font-family: \"Open Sans\";\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint span.shelf-qd-v1-best-price {\r\n        font-size: 16px;\r\n        font-weight: 700;\r\n        color: #333333;\r\n        display: inline-block;\r\n        min-height: 22px;\r\n        line-height: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint span.shelf-qd-v1-price-instalment {\r\n        font-size: 18px;\r\n        color: #757575;\r\n        display: block;\r\n        height: 28px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1 .shelf-qd-v1-price .shelf-qd-v1-price-instalment strong {\r\n        color: #111111;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-price {\r\n        text-align: center !important;\r\n        min-height: 65px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1:hover {\r\n        box-shadow: 0px 0px 4px rgba(51, 51, 51, 0.1);\r\n        border: #e7e7e7 solid;\r\n        border-width: 1px;\r\n        z-index: 2;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1-buy-button {\r\n        display: none;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint button.shelf-qd-v1-giftlist-button.qd-on {\r\n        display: none;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint button.slick-prev.slick-arrow:before {\r\n        content: \"\\f104\";\r\n        font-size: 16px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint button.slick-next.slick-arrow:before {\r\n        content: \"\\f105\";\r\n        font-size: 16px;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint button.slick-prev.slick-arrow,\r\n    body#checkoutMainContainer .smarthint button.slick-next.slick-arrow {\r\n        border-radius: 4px;\r\n        width: 35px;\r\n        height: 35px;\r\n        display: block;\r\n        text-indent: 0;\r\n        color: transparent;\r\n        font-size: 0;\r\n        transition: all 0.2s ease-out;\r\n        padding: 0;\r\n        line-height: 34px;\r\n        color: #111111;\r\n        border: #e7e7e7 solid;\r\n        border-width: 1px;\r\n        outline: none;\r\n        text-align: center;\r\n        background-color: #fff;\r\n        box-shadow: none;\r\n        appearance: none;\r\n        position: absolute;\r\n        top: 50%;\r\n        z-index: 99;\r\n        margin-top: -17.5px;\r\n        opacity: 1;\r\n        filter: alpha(opacity=100);\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .row {\r\n        width: 100% !important;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1 .shelf-qd-v1-stamps {\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        z-index: 5;\r\n        width: 85%;\r\n    }\r\n\r\n\r\n    body#checkoutMainContainer .smarthint .flag.shelf-qd-v1-highlight-discount-percentage {\r\n        background-color: #ff281b;\r\n        /* padding: 4px 10px 7px 10px; */\r\n        width: 40px;\r\n        height: 40px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 100%;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint a.shelf-qd-v1-highlight-discount-percentage.flag {\r\n        margin: 0 0 3px 0;\r\n        font-size: 10px;\r\n        font-weight: 300;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        line-height: 1;\r\n        clear: both;\r\n        float: left;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .row.shelf-qd-v1-mobile-flags {\r\n        display: none;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint a.shelf-qd-v1-highlight-discount-percentage.flag:hover {\r\n        text-decoration: none;\r\n    }\r\n\r\n    body#checkoutMainContainer .smarthint .shelf-qd-v1 .shelf-qd-v1-price .shelf-qd-v1-old-price {\r\n        font-size: 14px;\r\n        color: #757575;\r\n        text-decoration: line-through;\r\n        display: inline-block;\r\n        margin-right: 7px;\r\n        min-height: 22px;\r\n        line-height: 22px;\r\n        height: 22px;\r\n    }\r\n\r\n    /**/\r\n\r\n    /*--------------------------------------------------------*/\r\n</style>\r\n\r\n<div\r\n    class=\"banner-qd-v1-responsive carousel-qd-v1-shelf mosaic-qd-v1-wrapper img-responsive qd-shelf-xs-12 qd-shelf-sm-6 qd-shelf-md-3\">\r\n    <h2 class=\"component-qd-v1-section-title\">{{BoxTitle}}</h2>\r\n    <div class=\"qd-xs prateleira row n1colunas slick-it\">\r\n        {{#Products}}\r\n\r\n        <div class=\"shelf-qd-v1  qd-product-is-in-stock-true \">\r\n            <input type=\"hidden\" class=\"pdt-id\" value=\"{{ItemGrupId}}\" tabindex=\"0\">\r\n\r\n            <div class=\"shelf-qd-v1-mobile-left-block\">\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-xs-12\">\r\n                        <div class=\"shelf-qd-v1-image\">\r\n\r\n                            <div class=\"shelf-qd-v1-stamps\">\r\n                                <a class=\"shelf-qd-v1-highlight\" href=\"{{{Link}}}\" title=\"{{{Title}}}\" tabindex=\"0\"></a>\r\n                                <a class=\"shelf-qd-v1-highlight-discount\" href=\"{{{Link}}}\" title=\"{{{Title}}}\"\r\n                                    tabindex=\"0\"></a>\r\n                                <span class=\"hide-brand-sh\" style=\"display: none;\">{{Brand}}</span>\r\n                                {{#HasPromotion}}\r\n                                <a class=\"shelf-qd-v1-highlight-discount-percentage flag\" href=\"{{{Link}}}\"\r\n                                    title=\"{{{Title}}}\" tabindex=\"0\">-{{PromotionDiscount}}%\r\n                                </a>\r\n                                {{/HasPromotion}}\r\n\r\n                            </div>\r\n\r\n                            <a class=\"shelf-qd-v1-image-wrapper-link embed-responsive\" href=\"{{{Link}}}\" tabindex=\"0\">\r\n                                <img src=\"{{{ImageLink}}}\" width=\"278\" height=\"278\"\r\n                                    alt=\"image-d51d632b798145c5a7e9abf1a256b312\" id=\"\">\r\n                            </a>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            <div class=\"shelf-qd-v1-mobile-right-block\">\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-xs-12\">\r\n                        <div class=\"shelf-qd-v1-name\">\r\n                            <h3>\r\n                                <a href=\"{{{Link}}}\" title=\"{{{Title}}}\" tabindex=\"0\">{{{Title}}}</a>\r\n                            </h3>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"row\">\r\n                    <div class=\"col-xs-12\">\r\n                        <div class=\"shelf-qd-v1-price\">\r\n                            <a href=\"{{{Link}}}\" title=\"{{{Title}}}\" tabindex=\"0\">\r\n                                {{#HasSalePrice}}\r\n                                <span class=\"shelf-qd-v1-old-price\">\r\n                                    R$ {{PriceInteger}},{{PriceDecimal}}\r\n                                </span>\r\n\r\n                                <span class=\"shelf-qd-v1-best-price\"> R$\r\n                                    {{SalePriceInteger}},{{SalePriceDecimal}} </span>\r\n\r\n                                {{/HasSalePrice}}\r\n\r\n                                {{^HasSalePrice}}\r\n\r\n                                <span class=\"shelf-qd-v1-old-price\"></span>\r\n\r\n                                <span class=\"shelf-qd-v1-best-price\"> R$\r\n                                    {{PriceInteger}},{{PriceDecimal}} </span>\r\n\r\n                                {{/HasSalePrice}}\r\n\r\n\r\n                                {{#HasInstallment}}\r\n                                <span class=\"shelf-qd-v1-price-instalment\">\r\n                                    ou <strong>{{Installment}}x</strong> de\r\n                                    <strong>R$\r\n                                        {{InstallmentAmountInteger}},{{InstallmentAmountDecimal}}</strong>\r\n                                </span>\r\n                                {{/HasInstallment}}\r\n                            </a>\r\n                        </div>\r\n\r\n                        <div class=\"shelf-qd-v1-buy-button\">\r\n\r\n                            <div class=\"shelf-qd-v1-item-aumont\" style=\"display:none\"><input type=\"hidden\"\r\n                                    class=\"amount-max-in-cart\" value=\"5\" tabindex=\"0\"><input type=\"hidden\"\r\n                                    class=\"amount-max-in-cart-message\"\r\n                                    value=\"Desculpe, mas só é possível comprar até #quantidade# unidades do item #produto# no momento.\"\r\n                                    tabindex=\"0\"><input type=\"text\" size=\"3\" class=\"amount-in-cart aic{{ProductId}}\"\r\n                                    maxlength=\"3\" id=\"amount-in-cart{{ProductId}}\" value=\"1\" tabindex=\"0\"></div>\r\n\r\n                            <div class=\"wrapper-buy-button-asynchronous\">\r\n                                <span class=\"add\">\r\n                                    {{#AditionalFeatures}}\r\n                                    <a href=\"{{addToCartLink}}\" data-warn-unavailable=\"true\"\r\n                                        class=\"btn btn-add-buy-button-asynchronous btn-not-clicked asynchronousBuyButton actionActivated vtexsm_activated qd-sbb-on\"\r\n                                        data-template=\"/templates/sku-selector/{{ItemGrupId}}\" tabindex=\"0\">Comprar</a>\r\n                                    {{/AditionalFeatures}}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <button class=\"shelf-qd-v1-giftlist-button qd-on\" tabindex=\"0\">Adicionar a lista\r\n                            de presente</button>\r\n\r\n                        <div class=\"shelf-qd-v1-giftlist-insert-sku hide\">\r\n                            <div class=\"product-insertsku must-login\" style=\"display: none; overflow: hidden;\">\r\n                                <fieldset>\r\n                                    <ul class=\"insert-sku-checklist\">\r\n                                        <li class=\"is-checklist-item from-shelf first last\">\r\n\r\n                                            <input type=\"text\" size=\"3\" class=\"insert-sku-quantity\" maxlength=\"3\"\r\n                                                id=\"isq-c1cb6c23215e4baf89dea2f75970cb1a\" value=\"1\" title=\"{{{Title}}}\"\r\n                                                tabindex=\"0\">\r\n\r\n                                            <input id=\"chk-c1cb6c23215e4baf89dea2f75970cb1a\" type=\"checkbox\"\r\n                                                class=\"insert-sku-checkbox\" rel=\"{{ProductId}}\" name=\"{{ProductId}}\"\r\n                                                tabindex=\"0\" addedclick=\"yes\">\r\n\r\n                                            <label for=\"chk-c1cb6c23215e4baf89dea2f75970cb1a\" title=\"{{{Title}}}\">\r\n                                                <span class=\"insert-sku-count\">Adicionar</span>\r\n                                                <span class=\"insert-sku-name\">{{{Title}}}</span>\r\n                                            </label>\r\n                                        </li>\r\n                                    </ul>\r\n                                </fieldset>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <!-- Mobile  -->\r\n            <div class=\"shelf-qd-v1-mobile-full-block\">\r\n                <div class=\"row shelf-qd-v1-mobile-flags\">\r\n                    <div class=\"col-xs-12\">\r\n                        <div class=\"shelf-qd-v1-stamps\">\r\n                            <a class=\"shelf-qd-v1-highlight-discount-percentage flag qdAuto0 qd-on\" href=\"{{{Link}}}\"\r\n                                title=\"{{{Title}}}\" tabindex=\"0\">-0%</a>\r\n                            <a class=\"shelf-qd-v1-highlight\" href=\"{{{Link}}}\" title=\"{{{Title}}}\" tabindex=\"0\"></a>\r\n                            {{#HasPromotion}}\r\n                            <a class=\"shelf-qd-v1-highlight-discount-percentage flag\" href=\"{{{Link}}}\"\r\n                                title=\"{{{Title}}}\" tabindex=\"0\">-{{PromotionDiscount}}%\r\n                            </a>\r\n                            {{/HasPromotion}}\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div class=\"thumb-colors thumb-colors-shelf\">\r\n                    <div class=\"product-field product_field_70 product-field-type_7\">\r\n                        Cor\r\n                        <ul>\r\n                            <li class=\"diversos\" data-text=\"diversos\"><a href=\"{{{Link}}}\"></a>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </div>\r\n        {{/Products}}\r\n    </div>\r\n</div>\r\n\r\n<script>\r\n    function AdjustSHSearchResult() {\r\n        if (jQuery(\"#smarthint-search-result\").length > 0) {\r\n\r\n\r\n\r\n            if (!SmartHint.Framework.IsMobileOrTablet()) {\r\n\r\n                var height = (jQuery(\".header-qd-v1\").eq(0).height() != undefined ? jQuery(\".header-qd-v1\").eq(0)\r\n                    .height() :\r\n                    0);\r\n            }\r\n\r\n\r\n            var style = \"#smarthint-search-result { top: \" + height + \"px!important; height: calc(100% - \" +\r\n                height + \"px)!important; }\";\r\n\r\n            if (jQuery(\"style#style-sh-search-result\").length == 0) {\r\n                jQuery(\"body\").prepend(\"<style id='style-sh-search-result'>\" + style + \"</style>\");\r\n            } else {\r\n                jQuery(\"style#style-sh-search-result\").html(style);\r\n            }\r\n        }\r\n    }\r\n\r\n    AdjustSHSearchResult();\r\n\r\n    function AdjustTopSearch(count) {\r\n        AdjustSHSearchResult();\r\n\r\n        if (count < 3) {\r\n            count++;\r\n            setTimeout(function () {\r\n                AdjustTopSearch(count);\r\n            }, 300);\r\n        }\r\n    }\r\n    AdjustTopSearch(0);\r\n</script>","HasAd":false,"AdMessage":"","Script":{"home":"SmartHint.Box.addPosition(jQuery(\"body > main > section:nth-child(5) > div\"), 1, 'prepend');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","product":"SmartHint.Box.addPosition(jQuery(\"body > main > div.cross-selling-shelf.mobile-only\\:aud-hidden\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","cart":"SmartHint.Box.addPosition(jQuery(\"#checkoutMainContainer > div.container.container-main.container-cart\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","search":"SmartHint.Box.addPosition(jQuery(\".x-empty-search\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","checkout":"","pagenotfound":"","category":"SmartHint.Box.addPosition(jQuery(\"body > div.x-general > div.x-content > div.x-section > div > div > div > div:nth-child(5)\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n\nvar node = document.createElement('style');\n        node.innerHTML = \"html body .x-vitrine .x-product-list .smarthint .prateleira>ul .slick-slide { min-height: unset; } body.ecan-catalog .smarthint .prateleira li { height: unset; min-height: unset; }\"\n        document.body.appendChild(node);","general":"","emptycart":"SmartHint.Box.addPosition = function () {};","others":""},"Configurations":[{"TemplateConfigurationId":396,"Name":"PropertyRecommendedProductsNumber","Value":"7"},{"TemplateConfigurationId":397,"Name":"PropertyCarouselConfig","Value":"{\n    dots: false,\n    infinite: true,\n    slidesToShow: 4,\n    slidesToScroll: 1,\n    responsive: [\n      {\n        breakpoint: 1024,\n        settings: {\n          slidesToShow: 3,\n          slidesToScroll: 3\n        }\n      },\n      {\n        breakpoint: 600,\n        settings: {\n          slidesToShow: 1,\n          slidesToScroll: 1\n        }\n      }\n    ]\n  }"},{"TemplateConfigurationId":718,"Name":"PropertyRecommendationNumber","Value":""}]},{"PageType":"category","ShCode":"SH-990369","TemplateId":242,"Name":"smarthint-bought-together","Html":"<style>\n    .smarthint .listagem .listagem-item .imagem-produto {\n        min-height: 180px;\n    }\n\n    .smarthint .info-produto a {\n        font-size: 12px;\n    }\n\n    .smarthint .selectedtrue label:after {\n        background: url(\"https://service.smarthint.co/Content/valid.png\");\n        position: absolute;\n        content: \"\";\n        display: inline-block;\n        height: 16px;\n        width: 16px;\n        margin-top: 12px;\n        margin-left: -2px;\n    }\n\n    .smarthint .stockfalse label:after {\n        background: url(\"https://service.smarthint.co/Content/invalid.png\");\n        position: absolute;\n        content: \"\";\n        display: inline-block;\n        height: 16px;\n        width: 16px;\n        margin-top: 12px;\n        margin-left: -2px;\n    }\n\n    .smarthint .bought-together .title {\n        font-size: 22px;\n        font-weight: 400;\n        text-transform: uppercase;\n        text-align: center;\n        margin-bottom: 20px;\n    }\n\n    .smarthint .bought-together {\n        display: block;\n        clear: both;\n    }\n\n    .smarthint .bought-together.products {\n        position: relative;\n    }\n\n    .smarthint .bought-together.products>div:after {\n        content: \" + \";\n        background-color: #fff;\n        color: #000;\n        border-radius: 27px;\n        height: 30px;\n        width: 30px;\n        display: block;\n        position: absolute;\n        font-size: 32px;\n        line-height: 30px;\n        padding: 0 0;\n        text-align: center;\n        top: 110px;\n        box-shadow: 1px 1px 3px;\n        opacity: 0.7;\n        clear: both;\n    }\n\n    .smarthint .bought-together .result h3 {\n        font-size: 28px;\n        font-weight: 400;\n        margin: 20px 0;\n    }\n\n    .smarthint .result {\n        text-align: center;\n    }\n\n    .smarthint .bought-together .result button {\n        margin: 10px 0;\n        background-color: #f90;\n        padding: 8px 23px;\n        font-size: 15px;\n        border-radius: 6px;\n    }\n\n    .smarthint .bought-together .result .price {\n        font-size: 13px;\n        color: #999;\n        text-decoration: line-through;\n        margin-bottom: 5px\n    }\n\n    .smarthint .bought-together .result .sale-price {\n        font-size: 18px;\n        color: #222;\n        font-weight: bold;\n    }\n\n    .smarthint .bought-together.products>div {\n        width: 23%;\n        float: left;\n        margin: 0 0.5%;\n\n    }\n\n    .smarthint .bought-together.products>div:nth-child(1):after {\n        display: none !important;\n    }\n\n    .smarthint .bought-together.products>div:nth-last-child(1):after {\n        content: \" = \";\n    }\n\n    .smarthint .bought-together.products>div .actions {\n        display: block;\n        z-index: 99999;\n        font-size: 19px;\n        position: absolute;\n        color: #000;\n        opacity: 0.7;\n    }\n\n    .smarthint .bought-together .actions>div {\n        background-color: #aaa;\n        cursor: pointer;\n        border-radius: 20px;\n        margin: 7px;\n    }\n\n    .smarthint .bought-together .actions>div i {\n        margin: 6px\n    }\n\n    .smarthint .bought-together .product-name {\n        font-size: 13px;\n        color: #222;\n    }\n\n    .smarthint .bought-together .price,\n    .smarthint .sale-price {\n        display: block;\n        text-align: center;\n    }\n\n    .smarthint .bought-together .price {\n        font-size: 11px;\n        color: #999;\n        text-decoration: line-through;\n    }\n\n    .smarthint .bought-together .save {\n        font-size: 13px;\n        color: #666;\n    }\n\n    .smarthint .bought-together .sale-price {\n        font-size: 15px;\n        color: #222;\n    }\n\n    .smarthint .clearfixe {\n        clear: both;\n    }\n\n    .smarthint .bought-together img {\n        max-width: 73%;\n        margin: 10% 10% 3%;\n    }\n\n    .smarthint .bought-together .product-info {\n        text-align: center;\n    }\n\n    .smarthint .bought-together .desabilitado>div.imagem-produto,\n    .smarthint .bought-together .desabilitado>div.info-produto {\n        opacity: 0.6;\n    }\n\n    .smarthint .bought-together .desabilitado>div.actions {\n        opacity: 1;\n    }\n\n    @media screen and (max-width: 600px) {\n\n        .smarthint .bought-together.products>div {\n            width: 96%;\n            margin: 0 2%;\n            float: none;\n            clear: both;\n            margin-bottom: 3px;\n        }\n\n        .smarthint .bought-together.products>div:after {\n            margin: 0 auto;\n            position: initial;\n        }\n\n        .smarthint .bought-together img {\n            max-width: 75%;\n            float: right;\n        }\n\n        .smarthint .bought-together .product-image,\n        .smarthint .bought-together .product-info,\n        .smarthint .bought-together .result h3,\n        .smarthint .bought-together .result .cta {\n            float: none;\n            margin: 0 1%;\n            width: 46%;\n            display: inline-block;\n            vertical-align: center;\n        }\n\n        .smarthint .bought-together .product-info {\n            text-align: center;\n            display: inline-block;\n            width: 50%;\n        }\n    }\n\n    .smarthint .change,\n    .smarthint .delete,\n    .smarthint .active {\n        display: block;\n        height: 33px;\n        width: 33px;\n    }\n\n    .smarthint svg {\n        margin: 3px 3px 3px 3px;\n        width: 80%;\n        height: 80%;\n    }\n\n    .smarthint .bought-together .selectvariant {\n        /* display: inline-block; */\n        margin: 3px 5px;\n        background-color: #f0f0f0;\n        padding: 6px 8px;\n        font-family: Arial;\n        font-size: 14px;\n        cursor: pointer;\n        float: left;\n    }\n</style>\n<div id=\"listagemProdutos\" class=\"listagem borda-alpha com-caixaXX \">\n    <div class=\"titulo-categoria borda-principal cor-principal\" style=\"clear: both;\">\n        <strong>{{BoxTitle}}</strong>\n    </div>\n    <div class=\"products bought-together\">\n        {{#Products}}\n        <div class=\"prod-id-{{ProductIdToCart}} {{^Active}}desabilitado{{/Active}}\">\n            <div class=\"actions\">\n                {{#CanChange}}\n                <div class=\"change\" data-id=\"{{Index}}\">\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                        x=\"0px\" y=\"0px\" viewBox=\"0 0 477.867 477.867\" style=\"enable-background:new 0 0 477.867 477.867;\"\n                        xml:space=\"preserve\">\n                        <g>\n                            <g>\n                                <path d=\"M409.6,0c-9.426,0-17.067,7.641-17.067,17.067v62.344C304.667-5.656,164.478-3.386,79.411,84.479\n                                c-40.09,41.409-62.455,96.818-62.344,154.454c0,9.426,7.641,17.067,17.067,17.067S51.2,248.359,51.2,238.933\n                                c0.021-103.682,84.088-187.717,187.771-187.696c52.657,0.01,102.888,22.135,138.442,60.976l-75.605,25.207\n                                c-8.954,2.979-13.799,12.652-10.82,21.606s12.652,13.799,21.606,10.82l102.4-34.133c6.99-2.328,11.697-8.88,11.674-16.247v-102.4\n                                C426.667,7.641,419.026,0,409.6,0z\" />\n                            </g>\n                        </g>\n                        <g>\n                            <g>\n                                <path d=\"M443.733,221.867c-9.426,0-17.067,7.641-17.067,17.067c-0.021,103.682-84.088,187.717-187.771,187.696\n                                c-52.657-0.01-102.888-22.135-138.442-60.976l75.605-25.207c8.954-2.979,13.799-12.652,10.82-21.606\n                                c-2.979-8.954-12.652-13.799-21.606-10.82l-102.4,34.133c-6.99,2.328-11.697,8.88-11.674,16.247v102.4\n                                c0,9.426,7.641,17.067,17.067,17.067s17.067-7.641,17.067-17.067v-62.345c87.866,85.067,228.056,82.798,313.122-5.068\n                                c40.09-41.409,62.455-96.818,62.344-154.454C460.8,229.508,453.159,221.867,443.733,221.867z\" />\n                            </g>\n                        </g>\n                    </svg>\n                </div>\n                {{/CanChange}}\n                {{#CanDelete}}\n                <div class=\"delete\" data-id=\"{{Index}}\">\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                        x=\"0px\" y=\"0px\" viewBox=\"0 0 486.4 486.4\" style=\"enable-background:new 0 0 486.4 486.4;\"\n                        xml:space=\"preserve\">\n                        <g>\n                            <g>\n                                <path d=\"M446,70H344.8V53.5c0-29.5-24-53.5-53.5-53.5h-96.2c-29.5,0-53.5,24-53.5,53.5V70H40.4c-7.5,0-13.5,6-13.5,13.5\n                                S32.9,97,40.4,97h24.4v317.2c0,39.8,32.4,72.2,72.2,72.2h212.4c39.8,0,72.2-32.4,72.2-72.2V97H446c7.5,0,13.5-6,13.5-13.5\n                                S453.5,70,446,70z M168.6,53.5c0-14.6,11.9-26.5,26.5-26.5h96.2c14.6,0,26.5,11.9,26.5,26.5V70H168.6V53.5z M394.6,414.2\n                                c0,24.9-20.3,45.2-45.2,45.2H137c-24.9,0-45.2-20.3-45.2-45.2V97h302.9v317.2H394.6z\" />\n                                <path d=\"M243.2,411c7.5,0,13.5-6,13.5-13.5V158.9c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v238.5\n                                C229.7,404.9,235.7,411,243.2,411z\" />\n                                <path d=\"M155.1,396.1c7.5,0,13.5-6,13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v208.9\n                                C141.6,390.1,147.7,396.1,155.1,396.1z\" />\n                                <path d=\"M331.3,396.1c7.5,0,13.5-6,13.5-13.5V173.7c0-7.5-6-13.5-13.5-13.5s-13.5,6-13.5,13.5v208.9\n                                C317.8,390.1,323.8,396.1,331.3,396.1z\" />\n                            </g>\n                        </g>\n                    </svg>\n                </div>\n                {{/CanDelete}}\n                {{#CanActive}}\n                <div class=\"active\" data-id=\"{{Index}}\">\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                        x=\"0px\" y=\"0px\" width=\"438.542px\" height=\"438.542px\" viewBox=\"0 0 438.542 438.542\" style=\"enable-background:new 0 0 438.542 438.542;\"\n                        xml:space=\"preserve\">\n                        <g>\n                            <path d=\"M427.408,19.697c-7.803-3.23-14.463-1.902-19.986,3.999l-37.116,36.834C349.94,41.305,326.672,26.412,300.5,15.848\n                               C274.328,5.285,247.251,0.003,219.271,0.003c-29.692,0-58.052,5.808-85.08,17.417c-27.03,11.61-50.347,27.215-69.951,46.82\n                               c-19.605,19.607-35.214,42.921-46.824,69.949C5.807,161.219,0,189.575,0,219.271c0,29.687,5.807,58.05,17.417,85.079\n                               c11.613,27.031,27.218,50.347,46.824,69.952c19.604,19.599,42.921,35.207,69.951,46.818c27.028,11.611,55.388,17.419,85.08,17.419\n                               c32.736,0,63.865-6.899,93.363-20.7c29.5-13.795,54.625-33.26,75.377-58.386c1.52-1.903,2.234-4.045,2.136-6.424\n                               c-0.089-2.378-0.999-4.329-2.711-5.852l-39.108-39.399c-2.101-1.711-4.473-2.566-7.139-2.566c-3.045,0.38-5.232,1.526-6.566,3.429\n                               c-13.895,18.086-30.93,32.072-51.107,41.977c-20.173,9.894-41.586,14.839-64.237,14.839c-19.792,0-38.684-3.854-56.671-11.564\n                               c-17.989-7.706-33.551-18.127-46.682-31.261c-13.13-13.135-23.551-28.691-31.261-46.682c-7.708-17.987-11.563-36.874-11.563-56.671\n                               c0-19.795,3.858-38.691,11.563-56.674c7.707-17.985,18.127-33.547,31.261-46.678c13.135-13.134,28.693-23.555,46.682-31.265\n                               c17.983-7.707,36.879-11.563,56.671-11.563c38.259,0,71.475,13.039,99.646,39.116l-39.409,39.394\n                               c-5.903,5.711-7.231,12.279-4.001,19.701c3.241,7.614,8.856,11.42,16.854,11.42h127.906c4.949,0,9.23-1.807,12.848-5.424\n                               c3.613-3.616,5.42-7.898,5.42-12.847V36.55C438.542,28.558,434.84,22.943,427.408,19.697z\" />\n                        </g>\n                    </svg>\n                </div>\n                {{/CanActive}}\n            </div>\n            <div>\n                <div class=\"listagem-item prod-id-{{ProductIdToCart}}\">\n                    {{#ReleaseDateDescription}}\n                    <p class=\"smarthint-release-date-description\">\n                        <span>{{ReleaseDateDescription}}</span>\n                    </p>\n                    {{/ReleaseDateDescription}}\n\n                    <a href=\"{{{Link}}}\" class=\"produto-sobrepor\" data-title=\"{{{Title}}}\" title=\"{{{Title}}}\" />\n\n                    {{#SecondImageLink}}\n                    <div class=\"imagem-produto has-zoom\">\n                        <img src=\"{{{ImageLink}}}\" alt=\"{{Title}}\" class=\"imagem-principal\" onmouseover=\"this.src='{{ImageLink}}';\"\n                            onmouseout=\"this.src='{{SecondImageLink}}';\" />\n                    </div>\n                    {{/SecondImageLink}}\n                    {{^SecondImageLink}}\n                    <div class=\"imagem-produto \">\n                        <img src=\"{{{ImageLink}}}\" title=\"{{Title}}\" alt=\"{{{Title}}}\" class=\"imagem-principal\"\n                            draggable=\"false\" />\n                    </div>\n                    {{/SecondImageLink}}\n\n                    <div class=\"info-produto\">\n                        <a href=\"{{{Link}}}\" class=\"nome-produto cor-secundaria\">{{{Title}}}</a>\n                        <div data-trustvox-product-code=\"{{ProductIdToCart}}\" class=\"hide trustvox-stars\" />\n                        <div>\n                            <div class=\"preco-produto destaque-preco \">\n                                {{#HasSalePrice}}\n                                <div>\n                                    <s class=\"preco-venda \">\n                                        R$ {{PriceInteger}},{{PriceDecimal}}\n                                    </s>\n                                    <strong class=\"preco-promocional cor-principal \">\n                                        R$ {{SalePriceInteger}},{{SalePriceDecimal}}\n                                    </strong>\n                                </div>\n                                {{/HasSalePrice}}\n                                {{^HasSalePrice}}\n                                <div>\n                                    <strong class=\"preco-promocional cor-principal titulo\">R$\n                                        {{PriceInteger}},{{PriceDecimal}}</strong>\n                                </div>\n                                {{/HasSalePrice}}\n\n                                {{#HasInstallment}}\n                                <div>\n                                    <span class=\"preco-parcela \">até <strong class=\"cor-secundaria \">{{Installment}}x</strong>\n                                        de <strong class=\"cor-secundaria\">R$\n                                            {{InstallmentAmountInteger}},{{InstallmentAmountDecimal}}</strong>\n                                        <span> sem juros</span>\n                                    </span>\n                                </div>\n                                {{/HasInstallment}}\n\n                                {{#HasBankSlipPrice}}\n                                <span class=\"desconto-a-vista\">ou <strong class=\"cor-secundaria\">R$\n                                        {{BankSlipPriceInteger}},{{BankSlipPriceDecimal}}</strong> via Boleto\n                                    Bancário</span>\n                                {{/HasBankSlipPrice}}\n                            </div>\n                        </div>\n                    </div>\n                    <div class=\"bandeiras-produto\">\n                        {{#HasPromotion}}\n                        <span class=\"fundo-principal bandeira-promocao\">{{PromotionDiscount}}% OFF</span>\n                        {{/HasPromotion}}\n                    </div>\n\n                </div>\n\n            </div>\n            {{#outOfStock}}\n            <p>\n                Produto sem estoque.\n            </p>\n            {{/outOfStock}}\n            {{#VariantOptions}}\n            <fieldset class=\"grupo-fields\">\n                <span class=\"name\">{{Name}}</span>\n                <ul class=\"attributes-group type-2\">\n                    {{#Values}}\n                    <li class=\"attributes-item stock{{stock}} selected{{selected}} selectvariant\" data-id=\"{{Index}}\"\n                        data-id-variant-name=\"{{Name}}\" data-id-variant=\"{{value}}\"><label>{{value}}</label></li>\n                    {{/Values}}\n                </ul>\n                {{#pleaseSelect}}\n                <p> Por favor selecione um {{Name}} </p>\n                {{/pleaseSelect}}\n            </fieldset>\n            {{/VariantOptions}}\n        </div>\n        {{/Products}}\n        <div class=\"result\">\n            <h3>Leve os <span class=\"total-products\">{{TotalProducts}}</span> itens</h3>\n            <div class=\"cta\">\n                {{#Result.HasSalePrice}}\n                <div class=\"price\">\n                    De: <span>R$ {{Result.PriceInteger}}, {{Result.SalePriceDecimal}} </span>\n                </div>\n                <div class=\"sale-price\">\n                    Por: <span>R$ {{Result.SalePriceInteger}}, {{Result.SalePriceDecimal}} </span>\n                </div>\n                {{/Result.HasSalePrice}}\n                {{^Result.HasSalePrice}}\n                <div class=\"single-price\">\n                    Por: <span>R$ {{Result.PriceInteger}}, {{Result.SalePriceDecimal}}</span>\n                </div>\n                {{/Result.HasSalePrice}}\n                <button id=\"smarthint-bought-together-buy\"><i class=\"fa fa-shopping-cart\"></i> Comprar</button>\n            </div>\n            {{#Result.HasDiscount}}\n            <div class=\"save\">\n                Economize <span>{{Result.DiscountInteger}},{{Result.SalePriceDecimal}}</span>\n            </div>\n            {{/Result.HasDiscount}}\n        </div>\n    </div>\n</div>\n<div class=\"clearfixe\"></div>","HasAd":false,"AdMessage":"","Script":{"home":"SmartHint.Box.addPosition(jQuery(\"body > main > section:nth-child(5) > div\"), 1, 'prepend');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","product":"SmartHint.Box.addPosition(jQuery(\"body > main > div.cross-selling-shelf.mobile-only\\:aud-hidden\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","cart":"SmartHint.Box.addPosition(jQuery(\"#checkoutMainContainer > div.container.container-main.container-cart\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","search":"SmartHint.Box.addPosition(jQuery(\".x-empty-search\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","checkout":"","pagenotfound":"","category":"SmartHint.Box.addPosition(jQuery(\"body > div.x-general > div.x-content > div.x-section > div > div > div > div:nth-child(5)\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n\nvar node = document.createElement('style');\n        node.innerHTML = \"html body .x-vitrine .x-product-list .smarthint .prateleira>ul .slick-slide { min-height: unset; } body.ecan-catalog .smarthint .prateleira li { height: unset; min-height: unset; }\"\n        document.body.appendChild(node);","general":"","emptycart":"SmartHint.Box.addPosition = function () {};","others":""},"Configurations":[{"TemplateConfigurationId":733,"Name":"PropertyRecommendationNumber","Value":""}]},{"PageType":"category","ShCode":"SH-990369","TemplateId":245,"Name":"smarthint-look","Html":"<style>\n.smarthint {\n\tclear: both;\n}\n</style>\n\n<div class=\"prateleira vitrine n4colunas\">\n\t<h2>{{BoxTitle}}</h2>\n\t<ul class=\"slick-it\">\n\t\t{{#Products}}\n\t\t<li class=\"moda--exemplo-\">\n\t\t\t<span class=\"box-item text-center\">\n\t\t\t\t{{#ReleaseDateDescription}}\n  \t\t\t\t<p class=\"smarthint-release-date-description\">\n  \t\t\t\t\t<span>{{ReleaseDateDescription}}</span>\n  \t\t\t\t</p>\n  \t\t\t\t{{/ReleaseDateDescription}}\n\t\t\t\t<a class=\"product-image\" title=\"{{Title}}\" href=\"{{{Link}}}\">\n\t\t\t\t\t<img src=\"{{{ImageLink}}}\" width=\"292\" height=\"292\" alt=\"{{Title}}\" >\n\t\t\t\t</a>\n\t\t\t\t<b class=\"product-name\">\n\t\t\t\t\t<a title=\"{{Title}}\" href=\"{{{Link}}}\">\n\t\t\t\t\t\t{{Title}}\n\t\t\t\t\t</a>\n\t\t\t\t</b>\n\t\t\t\t<span class=\"price\">\n\t\t\t\t\t<a title=\"{{Title}}\" href=\"{{{Link}}}\">\n\t\t\t\t\t\t{{#HasSalePrice}}\n\t\t\t\t\t\t\t<span class=\"old-price\">R$ {{PriceInteger}},{{PriceDecimal}}</span>\n\t\t\t\t\t\t\t<span class=\"best-price\">R$  {{SalePriceInteger}},{{SalePriceDecimal}} </span>\n\t\t\t\t\t\t{{/HasSalePrice}}\n\t\t\t\t\t\t{{^HasSalePrice}}\n\t\t\t\t\t\t\t<span class=\"best-price\">R$  {{PriceInteger}},{{PriceDecimal}} </span>\n\t\t\t\t\t\t{{/HasSalePrice}}\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t{{#HasInstallment}}\n\t\t\t\t\t\t\t<em class=\"installment\">\n\t\t\t\t\t\t\t\tou até {{Installment}}x de R$ {{InstallmentAmountInteger}},{{InstallmentAmountDecimal}}\n\t\t\t\t\t\t\t</em>\n\t\t\t\t\t\t{{/HasInstallment}}\n\t\t\t\t\t\t{{#HasPromotion}}\n\t\t\t\t\t\t<div class=\"price-bullet price-bullet-percentage\" >\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<span class=\"value\">\n\t\t\t\t\t\t\t\t\t<span class=\"integer\">{{PromotionDiscount}}</span> \n\t\t\t\t\t\t\t\t\t<span class=\"symbol\">%</span>\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<span class=\"off\">OFF</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{{/HasPromotion}}\n\t\t\t\t\t</a>\n\t\t\t\t</span>\n\t\t\t\t<div class=\"wrapper-buy-button-asynchronous bba3\">\n\t\t\t\t\t<span class=\"add\">\n\t\t\t\t\t\t<a title=\"{{Title}}\" href=\"{{{Link}}}\" class=\"btn-add-buy-button-asynchronous btn-not-clicked asynchronousBuyButton actionActivated vtexsm_activated btover-active\">\n\t\t\t\t\t\t\tComprar \n\t\t\t\t\t\t<i class=\"fa fa-lock\"></i>\n\t\t\t\t\t\t</a>\n\t\t\t\t\t</span>\n\t\t\t\t\t<div class=\"buy-button-asynchronous message-user3\"></div>\n\t\t\t\t</div>\n\t\t\t</span>\n\t\t</li>\n\t\t{{/Products}}\n\t</ul>\n</div>","HasAd":false,"AdMessage":"","Script":{"home":"SmartHint.Box.addPosition(jQuery(\"body > main > section:nth-child(5) > div\"), 1, 'prepend');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","product":"SmartHint.Box.addPosition(jQuery(\"body > main > div.cross-selling-shelf.mobile-only\\:aud-hidden\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","cart":"SmartHint.Box.addPosition(jQuery(\"#checkoutMainContainer > div.container.container-main.container-cart\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","search":"SmartHint.Box.addPosition(jQuery(\".x-empty-search\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","checkout":"","pagenotfound":"","category":"SmartHint.Box.addPosition(jQuery(\"body > div.x-general > div.x-content > div.x-section > div > div > div > div:nth-child(5)\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n\nvar node = document.createElement('style');\n        node.innerHTML = \"html body .x-vitrine .x-product-list .smarthint .prateleira>ul .slick-slide { min-height: unset; } body.ecan-catalog .smarthint .prateleira li { height: unset; min-height: unset; }\"\n        document.body.appendChild(node);","general":"","emptycart":"SmartHint.Box.addPosition = function () {};","others":""},"Configurations":[{"TemplateConfigurationId":736,"Name":"PropertyRecommendationNumber","Value":""}]},{"PageType":"category","ShCode":"SH-990369","TemplateId":303,"Name":"smarthint-boxcombo","Html":"<style>\n    .smarthint-recommendation-combo {\n        display: none;\n    }\n    \n    /* boxcombo-external-container */\n    .smarthint .boxcombo-container,\n    .smarthint .banner-combo,\n    .smarthint .banner-combo img {\n        height: 350px;\n        width: 250px;\n        object-fit:cover;\n    }\n\n    .smarthint .banner-combo {\n        z-index: 3;\n        position: absolute;\n    }\n\n        .smarthint .banner-combo.active {\n            z-index: 1;\n        }\n\n    .smarthint .boxcombo-external-container {\n        margin: 0 auto;\n        margin-bottom: 20px;\n    }\n\n    .smarthint .boxcombo-title {\n        text-align: center;\n        margin-bottom: 20px;\n    }\n\n    .smarthint .boxcombo-container-slide {\n        height: 60px;\n        margin: 5px 20px;\n        background-color: #fff;\n        border-radius: 5px;\n    }\n\n    .smarthint .boxcombo-products .flex-box {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n        height: 60px;\n        padding: 2px;\n    }\n\n    .smarthint .boxcombo-products .flex-box .content-product { \n        padding: 0 10px;\n    }\n\n    .smarthint .boxcombo-products.scroll-it {\n        max-height: 310px;\n        overflow: scroll;\n        margin: auto;\n        width: 100%;\n        height: 217px;\n    }\n\n    .smarthint .boxcombo-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        background-size: cover;\n        background-position: center;\n        position: absolute;\n        z-index: 2;\n    }\n\n    .smarthint .boxcombo .content-product a {\n        text-decoration: none;\n        color: #000;\n        font-size: 14px;\n        display: block;\n        line-height: 1.5em;\n        height: 3em;\n        overflow: hidden;\n    }\n\n    .smarthint .boxcombo .img-product img {\n        margin-top: 3px;\n        width: 90px;\n        height: auto;\n        max-width: 100%;\n    }\n\n    .smarthint .boxcombo .btn-combo {\n        border: none;\n        height: 60px;\n        width: 175px;\n        margin-bottom: 20px;\n        background-color: #000000bf;\n        color: #fff !important;\n        font-size: 15px;\n        cursor: pointer;\n    }\n\n    .smarthint .boxcombo-content .slick-list {\n        height: 350px;\n    }\n\n    .smarthint .scroll-it::-webkit-scrollbar {\n        width: 5px;\n    }\n\n    .smarthint .scroll-it::-webkit-scrollbar-track {\n        background: transparent;\n    }\n\n    .smarthint .scroll-it::-webkit-scrollbar-thumb {\n        background: #888;\n    }\n\n    .smarthint .scroll-it::-webkit-scrollbar-thumb:hover {\n        background: #555;\n    }\n\n    .smarthint .scroll-it::-webkit-scrollbar-button {\n        color: transparent;\n    }\n\n    .boxcombo-content .slick-dots {\n        display: none !important;\n    }\n\n    @media screen and (min-width: 1920px) and (min-width: 1920px){\n        .smarthint .boxcombo-external-container {\n            max-width: 1204px;\n        }\n    }\n\n    /* boxcombo-modal-external-container */\n    .smarthint .boxcombo-modal-product-image:hover .first-img {\n        display: none;\n    }\n\n    .smarthint .boxcombo-modal-product-image:hover .second-img {\n        display: block !important;\n    }\n\n    .smarthint .boxcombo-modal-external-container.fade-modal {\n        background-color: #000000bd;\n        position: fixed;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        z-index: 9999;\n        overflow: hidden;\n        -webkit-overflow-scrolling: touch;\n        outline: 0;\n        height: 100vw;\n        width: 100vw;\n    }\n\n        .smarthint .boxcombo-modal-external-container .boxcombo-modal {\n            background-color: #fff;\n            z-index: 5;\n            position: fixed;\n            top: 50%;\n            left: 50%;\n            -webkit-transform: translate(-50%, -50%);\n            transform: translate(-50%, -50%);\n            padding: 30px;\n            border-radius: 10px;\n            width: 550px;\n        }\n\n    .smarthint .boxcombo-modal .boxcombo-modal-title {\n        margin-bottom: 10px;\n        max-width: 540px;\n        text-overflow: ellipsis;\n        line-height: 1.5em;\n        max-height: 3em;\n        overflow: hidden;\n        font-weight: 600;\n        margin-top: -10px;\n        text-transform: uppercase;\n    }\n\n    .smarthint .boxcombo-modal .boxcombo-modal-close {\n        position: absolute;\n        right: 0;\n        top: 0;\n        background-color: #000;\n        color: #fff;\n        padding: 10px;\n        border-radius: 0 10px 0 5px;\n        cursor: pointer;\n    }\n\n    .smarthint .boxcombo-modal .boxcombo-modal-product-list {\n        max-height: 260px;\n        overflow-y: scroll;\n        margin: 15px 0;\n    }\n\n    .smarthint .boxcombo-modal .boxcombo-modal-container-product,\n    .boxcombo-modal-container-product .boxcombo-modal-product {\n        display: flex;\n    }\n\n    .smarthint .boxcombo-modal-product .boxcombo-modal-product-image {\n        padding: 5px;\n        height: 85px;\n    }\n\n    .smarthint .boxcombo-modal-product-image img {\n        width: 70px;\n        height: auto;\n    }\n\n    .smarthint .boxcombo-modal-content {\n        padding-left: 5px;\n    }\n\n        .smarthint .boxcombo-modal-content .boxcombo-modal-product-title {\n            margin-top: 5px;\n            max-width: 385px;\n            text-overflow: ellipsis;\n            line-height: 1.5em;\n            max-height: 1.5em;\n            overflow: hidden;\n        }\n\n            .smarthint .boxcombo-modal-content .boxcombo-modal-product-title a {\n                text-decoration: none;\n                color: #000;\n            }\n            \n        .smarthint .boxcombo-modal-content .boxcombo-modal-product-preco {\n            font-weight: 600;\n        }\n\n    .smarthint p.message-empty-variation {\n        display: none;\n        color: #d94740;\n    }\n\n    .smarthint .boxcombo-modal-div-button {\n        flex-direction: column;\n        align-items: center;\n        display: flex;\n        margin-top: 20px;\n    }\n\n        .smarthint .boxcombo-modal-div-button .btn-combo-modal {\n            border: none;\n            height: 45px;\n            width: 250px;\n            background-color: #000;\n            color: #fff !important;\n            font-size: 15px;\n            cursor: pointer;\n            border-radius: 5px;\n        }\n\n            .smarthint .boxcombo-modal-div-button .btn-combo-modal:disabled {\n                background-color: #767676 !important;\n                cursor: not-allowed !important;\n            }\n\n    .smarthint .boxcombo-modal-product-variants option.unavailable {\n        background-color: #f74646;\n    }\n        .smarthint .boxcombo-modal-product-variants option.unavailable:after {\n            background: url(https://service.smarthint.co/Content/invalid.png);\n            position: absolute;\n            content: \"\";\n            display: inline-block;\n            height: 16px;\n            width: 16px;\n            margin-top: 12px;\n            margin-left: -2px;\n        }\n\n    .smarthint .boxcombo-modal-product-variants option.selected {\n        color: #268944;\n    }\n\n        .smarthint .boxcombo-modal-product-variants option.selected:after {\n            background: url(https://service.smarthint.co/Content/valid.png);\n            position: absolute;\n            content: \"\";\n            display: inline-block;\n            height: 16px;\n            width: 16px;\n            margin-top: 12px;\n            margin-left: -2px;\n        }\n\n    .smarthint .boxcombo-title,\n    .smarthint .boxcombo-external-container .content-product a,\n    .smarthint .boxcombo .btn-combo,\n    .smarthint .boxcombo-modal .boxcombo-modal-title,\n    .smarthint .boxcombo-modal .boxcombo-modal-content,\n    .smarthint .boxcombo-modal .boxcombo-modal-div-button .btn-combo-modal\n    {\n        font-family: sans-serif;\n        color: #000;\n    }\n</style>\n\n<div class=\"boxcombo-external-container\">\n    <div class=\"boxcombo-title\">{{TitleRecommendation}}</div>\n    <div class=\"boxcombo-content\">\n        <div class=\"slick-it\">\n            {{#Combos}}\n            <div class=\"boxcombo\">\n                <!-- esconde  -->\n                <div class=\"banner-combo\">\n                    {{#BannerUrl}}\n                        <img class=\"custom-banner-img\" src=\"{{BannerUrl}}\" alt=\"\">\n                    {{/BannerUrl}}\n\n                    {{#BannerHtml}}\n                    <div class=\"custom-banner-html\">\n                        {{{BannerHtml}}}\n                    </div>\n                    {{/BannerHtml}}\n                </div>\n                <!-- hover aqui  -->\n                <div class=\"boxcombo-container\" style=\"display: none;\">\n                    <div class=\"boxcombo-products scroll-it\">\n                        {{#Products}}\n                        <div class=\"boxcombo-container-slide\">\n                            <div class=\"flex-box\">\n                                <!-- SCROLL-->\n                                <div class=\"img-product\">\n                                    {{#ImageLink}}\n                                    <img src=\"{{{ImageLink}}}\" width=\"50\" height=\"50\" alt=\"\">\n                                    {{/ImageLink}}\n                                    {{^ImageLink}}\n                                    <img src=\"{{{ImageLinkSmall}}}\" width=\"50\" height=\"50\" alt=\"\">\n                                    {{/ImageLink}}                                        \n                                </div>\n                                <div class=\"content-product\">\n                                    <a href=\"{{{Link}}}\" target=\"_blank\">{{Title}}</a>\n                                </div>\n                            </div>\n                        </div>\n                        {{/Products}}\n                    </div>\n                    <button class=\"btn-combo\" data-id-combo-order=\"{{Order}}\">Escolher Produtos</button>\n                </div>\n            </div>\n            {{/Combos}}\n        </div>\n    </div>\n</div>\n\n{{#Combos}}\n<div class=\"boxcombo-modal-external-container fade-modal\" data-id-combo-order=\"{{Order}}\" style=\"display: none;\">\n    <div class=\"boxcombo-modal\">\n        <div style=\"display: flex;\">\n            <div class=\"boxcombo-modal-title\">{{TitleCombo}}</div>\n            <div class=\"boxcombo-modal-close\">x</div>\n        </div>\n        <div class=\"boxcombo-modal-product-list scroll-it\">\n            {{#Products}}\n            <div class=\"boxcombo-modal-container-product\" data-index-product=\"{{Index}}\">\n                <input class=\"select-product\" data-specification=\"\" data-productid=\"{{ProductId}}\" type=\"checkbox\" {{^inStock}} disabled{{/inStock}} />\n                <div class=\"boxcombo-modal-product\">\n                    <div class=\"boxcombo-modal-product-image\">                    \n                        {{#ImageLink}}\n                        <img class=\"first-img\" src=\"{{{ImageLink}}}\">\n                        {{/ImageLink}}\n                        {{^ImageLink}}\n                        <img class=\"first-img\" src=\"{{{ImageLinkSmall}}}\">\n                        {{/ImageLink}}  \n                        <img class=\"second-img\" src=\"{{{SecondImageLink}}}\" style=\"display: none;\">\n                    </div>\n                    <div class=\"boxcombo-modal-content\">\n                        <div class=\"boxcombo-modal-product-title\">\n                            <a href=\"{{{Link}}}\" target=\"_blank\">{{Title}}</a>\n                        </div>\n                        <div class=\"boxcombo-modal-product-preco\">\n                            R${{Price}}\n                        </div>\n                        <div class=\"boxcombo-modal-product-variants\">\n                            {{#VariantOptions}}\n                            <fieldset class=\"boxcombo-modal-product-variants-group\">\n                                <legend class=\"name\">{{Name}}</legend>                                \n                                <p class=\"message-empty-variation\"> Por favor, selecione: {{Name}} </p>                                \n                                <select class=\"boxcombo-modal-product-variants-group-options\" data-select-name=\"{{Name}}\" data-id=\"{{Index}}\" {{^inStock}} disabled{{/inStock}}>\n                                    <option class=\"attributes-item \" >{{value}}</option>\n                                    {{#Values}}\n                                    <option class=\"attributes-item \"\n                                        data-id-variant-name=\"{{Name}}\" data-id=\"{{Index}}\" data-id-variant-value=\"{{value}}\" >\n                                        {{value}}\n                                    </option>\n                                    {{/Values}}\n                                </select>\n                            </fieldset>\n                            {{/VariantOptions}}\n                        </div>\n                    </div>\n                </div>\n            </div>\n            {{/Products}}\n        </div>\n        <div class=\"boxcombo-modal-div-button\">\n            <button class=\"btn-combo-modal\" disabled data-id-combo-order=\"{{Order}}\">Adicionar ao Carrinho</button>\n        </div>\n    </div>\n</div>\n{{/Combos}}\n\n<script>\n    $('.slick-that').slick({\n        slidesToShow: 4,\n        slidesToScroll: 1,\n        responsive: [{\n            breakpoint: 750,\n            settings: {\n                slidesToShow: 2,\n                slidesToScroll: 2\n            }\n        }]\n    });\n\n    $('.boxcombo').mouseover(function () {\n        $(this).find('.banner-combo').addClass(\"active\");\n        $(this).find('.boxcombo-container').show();\n    });\n    $('.boxcombo').mouseout(function () {\n        $(this).find('.banner-combo').removeClass(\"active\");\n        $(this).find('.boxcombo-container').hide();\n    });\n</script>","HasAd":false,"AdMessage":"","Script":{"home":"SmartHint.Box.addPosition(jQuery(\"body > main > section:nth-child(5) > div\"), 1, 'prepend');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","product":"SmartHint.Box.addPosition(jQuery(\"body > main > div.cross-selling-shelf.mobile-only\\:aud-hidden\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","cart":"SmartHint.Box.addPosition(jQuery(\"#checkoutMainContainer > div.container.container-main.container-cart\"), 1, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\n SmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","search":"SmartHint.Box.addPosition(jQuery(\".x-empty-search\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n","checkout":"","pagenotfound":"","category":"SmartHint.Box.addPosition(jQuery(\"body > div.x-general > div.x-content > div.x-section > div > div > div > div:nth-child(5)\"), 1, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-1\"), 2, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-2\"), 3, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-3\"), 4, 'after');\nSmartHint.Box.addPosition(jQuery(\"#smarthint-position-4\"), 5, 'after');\n\nvar node = document.createElement('style');\n        node.innerHTML = \"html body .x-vitrine .x-product-list .smarthint .prateleira>ul .slick-slide { min-height: unset; } body.ecan-catalog .smarthint .prateleira li { height: unset; min-height: unset; }\"\n        document.body.appendChild(node);","general":"","emptycart":"SmartHint.Box.addPosition = function () {};","others":""},"Configurations":[]}],"hasOverlay":false,"hasSearch":false,"recommendationEnabled":false,"recommendationPublished":false,"recommendationLocalDisable":false,"bannersEnabled":false,"bannersPublished":true,"bannersLocalDisable":false,"searchCluster":"v1","GACode":"G-3CG5VDCMCG"})