jQuery18307817064178798647_1714846472463({"Templates":[{"PageType":"category","ShCode":"SH-293942","TemplateId":299,"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":{"cart":"SmartHint.Box.addPosition = () => {}","category":"SmartHint.Box.addPosition(jQuery(\".pageMain\"), 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');","checkout":"SmartHint.Box.addPosition = () => {}","emptycart":"SmartHint.Box.addPosition = () => {}","general":"","home":"SmartHint.Box.addPosition(jQuery(\".shelfBox\"), 1, 'before');\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');","others":"","pagenotfound":"","product":"SmartHint.Box.addPosition(jQuery(\"main.pageMain\"), 1, 'append');\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');","search":""},"Configurations":[]},{"PageType":"category","ShCode":"SH-293942","TemplateId":181,"Name":"smarthint-product","Html":"<style>\r\n    /* CSS GLOBAL */\r\n\r\n    /* ALINHAMENTO */\r\n    .smarthint .apoio-sh {\r\n        margin-right: 5px;\r\n    }\r\n\r\n    /* SETAS */\r\n    .smarthint button.slick-arrow {\r\n        border-radius: 50%;\r\n        border: 1px solid gray;\r\n        padding: 0px 21px 0 17px;\r\n        width: 52px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .smarthint button.slick-prev {\r\n        padding: 0px 21px 0 17px;\r\n        left: 10px;\r\n    }\r\n\r\n    .smarthint button.slick-next {\r\n        padding: 0px 17px 0 21px;\r\n        right: 10px;\r\n    }\r\n\r\n    .smarthint button.slick-arrow::before {\r\n        display: none !important;\r\n    }\r\n\r\n    .smarthint button.slick-arrow svg {\r\n        width: 12px;\r\n        display: block;\r\n    }\r\n\r\n    /* DOTS */\r\n    .smarthint .slick-dots li {\r\n        width: 8px !important;\r\n        height: 8px;\r\n        margin: 8px;\r\n        background-color: #E6DCCF;\r\n        border-radius: 5px;\r\n        opacity: 1;\r\n        transition: all 0.2s ease-in-out;\r\n    }\r\n\r\n    .smarthint .slick-dots li.slick-active {\r\n        background-color: #E27C6F;\r\n    }\r\n\r\n    .smarthint .slick-dots li button {\r\n        width: unset;\r\n        padding: unset;\r\n        margin: unset;\r\n        height: unset;\r\n    }\r\n\r\n    .smarthint .slick-dots li button::before {\r\n        display: none !important;\r\n    }\r\n\r\n\r\n    /* TITULO DA BOX */\r\n    .smarthint .shelfBox__header {\r\n        margin-top: 55px;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .smarthint .shelfBox__title {\r\n        position: relative;\r\n        align-items: center;\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    .smarthint .shelfBox__title h2 {\r\n        font-size: 1.5rem;\r\n        letter-spacing: 0.08rem;\r\n        font-family: \"Lusitana\", sans-serif;\r\n        position: relative;\r\n        text-align: center;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .smarthint .shelfBox__title h2::after {\r\n        content: \"\";\r\n        display: block;\r\n        height: 4px;\r\n        width: 85px;\r\n        background-color: #E27C6F;\r\n        position: absolute;\r\n        bottom: -15px;\r\n        left: 50%;\r\n        transform: translate(-50%, 0);\r\n    }\r\n\r\n    /* PDP */\r\n\r\n    /* SETAS PDP */\r\n    body.produto.product .smarthint button.slick-arrow {\r\n        background: transparent;\r\n        border-radius: 50%;\r\n        border: 1px solid gray;\r\n        width: 52px;\r\n        z-index: 2;\r\n        background: transparent;\r\n        opacity: 1;\r\n        font-size: 0;\r\n        line-height: 0;\r\n        position: absolute;\r\n        top: 50%;\r\n        -webkit-transform: translate(0, -50%);\r\n        -ms-transform: translate(0, -50%);\r\n        transform: translate(0, -50%);\r\n        cursor: pointer;\r\n        color: transparent;\r\n        outline: 0;\r\n    }\r\n\r\n    /* DOTS PDP */\r\n    body.produto.product .smarthint ul.slick-dots {\r\n        width: 100%;\r\n        padding: 0;\r\n        margin: 0;\r\n        list-style: none;\r\n        text-align: center;\r\n    }\r\n\r\n    body.produto.product .smarthint .slick-dots li {\r\n        list-style: none;\r\n        border: 0;\r\n        font: inherit;\r\n        vertical-align: baseline;\r\n        outline: none;\r\n        position: relative;\r\n        display: inline-block;\r\n        padding: 0;\r\n        cursor: pointer;\r\n        float: none !important;\r\n        font-size: 0;\r\n    }\r\n\r\n    body.produto.product .smarthint ul.slick-it {\r\n        margin-bottom: 30px;\r\n    }\r\n\r\n    /* TAG DESCONTO */\r\n    .smarthint .item__discount-sh .sh-tag {\r\n        padding: 0 7px;\r\n        font-size: 0.75rem;\r\n        line-height: 1.1875rem;\r\n        font-weight: 400;\r\n        text-transform: uppercase;\r\n        color: #262223;\r\n        border: 1px solid #262223;\r\n    }\r\n\r\n    .smarthint .item__discount-sh {\r\n        position: absolute;\r\n        padding-top: 5px;\r\n        z-index: 3;\r\n        pointer-events: none;\r\n        top: 0;\r\n        left: 4.2%;\r\n        height: 10%;\r\n        max-height: 70px;\r\n        display: flex;\r\n        align-items: baseline;\r\n        transition: all 0.2s ease-in-out;\r\n    }\r\n\r\n    /* SOMENTE DESKTOP */\r\n    @media screen and (min-width: 650px) {\r\n\r\n        /* ALINHAMENTO */\r\n        .smarthint .slick-list {\r\n            margin: 0 65px !important;\r\n        }\r\n\r\n    }\r\n\r\n    /* SOMENTE MOBILE */\r\n    @media screen and (max-width: 649px) {\r\n\r\n        /* TITULO DA BOX */\r\n        .smarthint .shelfBox__title h2 {\r\n            font-size: 0.875rem;\r\n        }\r\n\r\n        /* ALINHAMENTO */\r\n        .smarthint .slick-list {\r\n            margin: 0 !important;\r\n        }\r\n\r\n        /* SETAS */\r\n        .smarthint button.slick-arrow svg {\r\n            height: 10px !important;\r\n        }\r\n\r\n        .smarthint button.slick-arrow {\r\n            height: 25px !important;\r\n            width: auto !important;\r\n            top: 40% !important;\r\n        }\r\n\r\n        .smarthint button.slick-prev {\r\n            padding: 5px 6px 5px 4px;\r\n        }\r\n\r\n        .smarthint button.slick-next {\r\n            padding: 5px 4px 5px 6px;\r\n        }\r\n\r\n        /* DOTS */\r\n        .smarthint .slick-dots li {\r\n            margin: 5px !important;\r\n        }\r\n    }\r\n</style>\r\n<div class=\"container\">\r\n    <div class=\"shelfBox__header\">\r\n        <div class=\"shelfBox__title\">\r\n            <h2>{{BoxTitle}}</h2>\r\n        </div>\r\n    </div>\r\n    <div class=\"shelfBox__body\">\r\n        <ul class=\"slick-it\">\r\n            {{#Products}}\r\n            <div class=\"apoio-sh\">\r\n                <li class=\"category_page_title\">\r\n                    <div class=\"shelf__item\" title=\"{{Title}}\" data-productid=\"{{ProductId}}\">\r\n                        <!-- HIGHLIGHTS DO PRODUTO -->\r\n                        <div class=\"highlight\">\r\n                        </div>\r\n                        <div class=\"item__wrapper\">\r\n                            <!-- TAG DESCONTO -->\r\n                            <div class=\"item__discount-sh\" data-sale-price=\"{{SalePrice}}\" data-price=\"{{Price}}\"></div>\r\n                            <div>\r\n                                <div class=\"item__imageBox\">\r\n                                    <a class=\"item__imageBox--link loaded\" href=\"{{{Link}}}\">\r\n                                        <div class=\"item__image\" style=\"min-width: 100px;\">\r\n                                            <img src=\"\" img-src=\"{{{ImageLink}}}\" alt=\"{{Title}}\"\r\n                                                onerror=\"this.src='{{{ImageLink}}}';\">\r\n                                        </div>\r\n                                        <div class=\"item__image--hover\">\r\n                                        </div>\r\n                                    </a>\r\n                                    <div class=\"item__sizesBuy\">\r\n                                        <div class=\"item__buyButton\">\r\n                                            {{#AditionalFeatures}}{{#addToCartLink}}\r\n                                            <div class=\"buy-button-normal\">\r\n                                                <a class=\"buy-button-normal-a\" href=\"{{addToCartLink}}\" title=\"Comprar\">\r\n                                                    Comprar\r\n                                                </a>\r\n                                                <input type=\"hidden\" value=\"cart\" class=\"buy-button-normal-go-to-cart-\">\r\n                                            </div>\r\n                                            {{/addToCartLink}}{{/AditionalFeatures}}\r\n\r\n                                            {{#AditionalFeatures}}{{^addToCartLink}}\r\n                                            <div class=\"buy-button-normal\">\r\n                                                <a class=\"buy-button-normal-a\" href=\"{{{Link}}}\" title=\"Comprar\">\r\n                                                    Comprar\r\n                                                </a>\r\n                                                <input type=\"hidden\" value=\"cart\" class=\"buy-button-normal-go-to-cart-\">\r\n                                            </div>\r\n                                            {{/addToCartLink}}{{/AditionalFeatures}}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"item__main\">\r\n                                    <div class=\"item__name\">\r\n                                        <a class=\"item__name--text\" href=\"{{{Link}}}\">\r\n                                            {{Title}}\r\n                                        </a>\r\n                                    </div>\r\n\r\n                                    <!-- TRUSTVOX -->\r\n                                    <div class=\"shtv\" data-trustvox-product-code=\"{{ProductId}}\"></div>\r\n\r\n                                    <div class=\"item__data\">\r\n                                        <a class=\"item__price\" href=\"{{{Link}}}\">\r\n                                            <!-- PREÇO DE / POR -->\r\n                                            {{#HasSalePrice}}\r\n                                            <span class=\"price__listPrice\">\r\n                                                De:<span class=\"price__listPrice--value sh-value\">\r\n                                                    R$ {{PriceInteger}},{{PriceDecimal}}\r\n                                                </span>\r\n                                            </span>\r\n                                            <span class=\"price__bestPrice\">\r\n                                                Por:<span class=\"price__bestPrice--value sh-value\">\r\n                                                    R$ {{SalePriceInteger}},{{SalePriceDecimal}}\r\n                                                </span>\r\n                                            </span>\r\n                                            {{/HasSalePrice}}\r\n\r\n                                            <!-- PREÇO DE  -->\r\n                                            {{^HasSalePrice}}\r\n                                            <span class=\"price__bestPrice\">\r\n                                                <span class=\"price__bestPrice--value sh-value\">\r\n                                                    R$ {{PriceInteger}},{{PriceDecimal}}\r\n                                                </span>\r\n                                            </span>\r\n                                            {{/HasSalePrice}}\r\n\r\n                                            <!-- PREÇO PIX -->\r\n                                            {{#HasBankSlipPrice}}\r\n                                            <p class=\"boletoPrice sh-value\">\r\n                                                R$ {{BankSlipPriceInteger}},{{BankSlipPriceDecimal}} <span>à\r\n                                                    vista</span>\r\n                                            </p>\r\n                                            {{/HasBankSlipPrice}}\r\n\r\n                                            <!-- PARCELAMENTO -->\r\n                                            {{#HasInstallment}}\r\n                                            <span class=\"price__installments sh-value\">\r\n                                                ou {{Installment}}x de R$\r\n                                                {{InstallmentAmountInteger}},{{InstallmentAmountDecimal}}\r\n                                                <span>sem juros</span>\r\n                                            </span>\r\n                                            {{/HasInstallment}}\r\n                                        </a>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                </li>\r\n            </div>\r\n            {{/Products}}\r\n        </ul>\r\n    </div>\r\n</div>\r\n<script>\r\n    // SRIPT PARA AJUSTAR TAMANHO DA IMAGEM\r\n    jQuery(\".smarthint .shelf__item .item__image img\").each(function () {\r\n        var imgsrc = jQuery(this).attr('img-src');\r\n        imgsrc = imgsrc.replace(\"-300-300\", \"-400-400\");\r\n        jQuery(this).attr(\"src\", imgsrc);\r\n    });\r\n\r\n    // SCRIPT PARA COPIAR AS SETAS NATIVAS\r\n    function ajustaSetas() {\r\n        jQuery(\".smarthint button.slick-prev\").each(function () {\r\n            if (jQuery(this).find(\"svg\").length == 0) {\r\n                jQuery(this).append(\r\n                    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25.148\" height=\"46.972\" viewBox=\"0 0 25.148 46.972\"> <g data-name=\"Grupo 102\" transform=\"translate(-72.955 -1427.483)\"> <path data-name=\"Caminho 16\" d=\"M4387.252,1447.5l-23.541,23.747,23.541,22.15\" transform=\"translate(-4289.682 -19.489)\" fill=\"none\" stroke=\"#262223\" stroke-width=\"1.5\"></path> </g> </svg>'\r\n                );\r\n            }\r\n        });\r\n        jQuery(\".smarthint button.slick-next\").each(function () {\r\n            if (jQuery(this).find(\"svg\").length == 0) {\r\n                jQuery(this).append(\r\n                    '<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"25.148\" height=\"46.972\" viewBox=\"0 0 25.148 46.972\"> <g data-name=\"Grupo 101\" transform=\"translate(98.103 1474.454) rotate(180)\"> <path data-name=\"Caminho 16\" d=\"M4387.252,1447.5l-23.541,23.747,23.541,22.15\" transform=\"translate(-4289.682 -19.489)\" fill=\"none\" stroke=\"#262223\" stroke-width=\"1.5\"></path> </g> </svg>'\r\n                );\r\n            }\r\n        });\r\n    }\r\n    var count = 0;\r\n    if (count <= 10) {\r\n        count++;\r\n        setTimeout(function () {\r\n            ajustaSetas(count);\r\n        }, 300);\r\n    }\r\n\r\n\r\n    // SCRIPT PARA COLOCAR PONTO NOS PREÇOS COM PONTO DE MILHAR\r\n    jQuery(\".smarthint\").find(\".sh-value\").each(function () {\r\n        var number = jQuery(this).text();\r\n        var parts = number.toString().split(\",\");\r\n        parts[0] = parts[0].replace(/\\B(?=(\\d{3})+(?!\\d))/g, \".\");\r\n        number = parts.join(\",\");\r\n        jQuery(this).text(number);\r\n    });\r\n\r\n    // TRUSTVOX\r\n    jQuery(document).ready(function () {\r\n        var _trustvox_shelf_rate = _trustvox_shelf_rate || [];\r\n        _trustvox_shelf_rate.push(['_storeId', '1443']);\r\n        (function () {\r\n            jQuery('.smarthint .shtv').show();\r\n            var tv = document.createElement('script');\r\n            tv.type = 'text/javascript';\r\n            tv.async = true;\r\n            tv.src = '//rate.trustvox.com.br/widget.js';\r\n            var s = document.getElementsByTagName('script')[0];\r\n            s.parentNode.insertBefore(tv, s);\r\n        })();\r\n    });\r\n\r\n    // SCRIPT PARA TAG DE DESCONTO\r\n    jQuery(\".smarthint .item__discount-sh\").each(function () {\r\n        var pElement = jQuery(this);\r\n        var price = jQuery(this).attr(\"data-price\");\r\n        var salePrice = jQuery(this).attr(\"data-sale-price\");\r\n        if (salePrice > 0 && salePrice != undefined && salePrice != \"\") {\r\n            if (jQuery(pElement).find(\".sh-tag\").length == 0) {\r\n                var discount = Math.round(((salePrice / price) - 1) * 100);\r\n                discount = discount.toLocaleString(\"pt-BR\");\r\n                discount = discount.replace(\"-\", \"\");\r\n                var depElement = '<span class=\"sh-tag\">' + discount +\r\n                    '% OFF</span>';\r\n                jQuery(pElement).append(depElement);\r\n            }\r\n        }\r\n    });\r\n</script>","HasAd":false,"AdMessage":"","Script":{"cart":"SmartHint.Box.addPosition = () => {}","category":"SmartHint.Box.addPosition(jQuery(\".pageMain\"), 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');","checkout":"SmartHint.Box.addPosition = () => {}","emptycart":"SmartHint.Box.addPosition = () => {}","general":"","home":"SmartHint.Box.addPosition(jQuery(\".shelfBox\"), 1, 'before');\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');","others":"","pagenotfound":"","product":"SmartHint.Box.addPosition(jQuery(\"main.pageMain\"), 1, 'append');\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');","search":""},"Configurations":[{"TemplateConfigurationId":396,"Name":"PropertyRecommendedProductsNumber","Value":"7"},{"TemplateConfigurationId":397,"Name":"PropertyCarouselConfig","Value":"{\n    dots: true,\n    arrows: true,\n    infinite: false,\n    slidesToShow: 4,\n    slidesToScroll: 1,\n    responsive: [{\n            breakpoint: 1030,\n            settings: {\n                slidesToShow: 3,\n                slidesToScroll: 1\n            }\n        },\n        {\n            breakpoint: 660,\n            settings: {\n                slidesToShow: 2,\n                slidesToScroll: 1\n            }\n        }\n    ]\n}"},{"TemplateConfigurationId":718,"Name":"PropertyRecommendationNumber","Value":"6"}]},{"PageType":"category","ShCode":"SH-293942","TemplateId":176,"Name":"smarthint-bought-together","Html":"<style>\r\n    .smarthint .listagem .listagem-item .imagem-produto {\r\n        min-height: 180px;\r\n    }\r\n\r\n    .smarthint .info-produto a {\r\n        font-size: 12px;\r\n    }\r\n\r\n    .smarthint .bought-together .title {\r\n        font-size: 22px;\r\n        font-weight: 400;\r\n        text-transform: uppercase;\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .smarthint .bought-together {\r\n        display: block;\r\n        clear: both;\r\n    }\r\n\r\n    .smarthint .bought-together.products {\r\n        position: relative;\r\n    }\r\n\r\n    .smarthint .bought-together.products>div:after {\r\n        content: \" + \";\r\n        background-color: #fff;\r\n        color: #000;\r\n        border-radius: 27px;\r\n        height: 30px;\r\n        width: 30px;\r\n        display: block;\r\n        position: absolute;\r\n        font-size: 32px;\r\n        line-height: 30px;\r\n        padding: 0 0;\r\n        text-align: center;\r\n        top: 110px;\r\n        box-shadow: 1px 1px 3px;\r\n        opacity: 0.7;\r\n        clear: both;\r\n    }\r\n\r\n    .smarthint .bought-together .result h3 {\r\n        font-size: 28px;\r\n        font-weight: 400;\r\n        margin: 20px 0;\r\n    }\r\n\r\n    .smarthint .result {\r\n        text-align: center;\r\n    }\r\n\r\n    .smarthint .bought-together .result button {\r\n        margin: 10px 0;\r\n        font-family: Playfair Display, serif;\r\n        font-size: 1.63rem;\r\n        font-style: italic;\r\n        font-weight: 300;\r\n        height: 4.56rem;\r\n        padding: 0 16px;\r\n        text-transform: uppercase;\r\n        width: 14.38rem;\r\n        background: #88704C;\r\n        color: #FFFFFF;\r\n    }\r\n\r\n    .smarthint .bought-together .result .price {\r\n        font-size: 13px;\r\n        color: #999;\r\n        text-decoration: line-through;\r\n        margin-bottom: 5px\r\n    }\r\n\r\n    .smarthint .bought-together .result .sale-price {\r\n        font-size: 18px;\r\n        color: #222;\r\n        font-weight: bold;\r\n    }\r\n\r\n    .smarthint .bought-together.products>div {\r\n        width: 23%;\r\n        float: left;\r\n        margin: 0 0.5%;\r\n\r\n    }\r\n\r\n    .smarthint .bought-together.products>div:nth-child(1):after {\r\n        display: none !important;\r\n    }\r\n\r\n    .smarthint .bought-together.products>div:nth-last-child(1):after {\r\n        content: \" = \";\r\n    }\r\n\r\n    .smarthint .bought-together.products>div .actions {\r\n        display: block;\r\n        z-index: 99999;\r\n        font-size: 19px;\r\n        position: absolute;\r\n        color: #000;\r\n        opacity: 0.7;\r\n    }\r\n\r\n    .smarthint .bought-together .actions>div {\r\n        background-color: #aaa;\r\n        cursor: pointer;\r\n        border-radius: 20px;\r\n        margin: 7px;\r\n    }\r\n\r\n    .smarthint .bought-together .actions>div i {\r\n        margin: 6px\r\n    }\r\n\r\n    .smarthint .bought-together .product-name {\r\n        font-size: 13px;\r\n        color: #222;\r\n    }\r\n\r\n    .smarthint .bought-together .price,\r\n    .smarthint .sale-price {\r\n        display: block;\r\n        text-align: center;\r\n    }\r\n\r\n    .smarthint .bought-together .price {\r\n        font-size: 11px;\r\n        color: #999;\r\n        text-decoration: line-through;\r\n    }\r\n\r\n    .smarthint .bought-together .save {\r\n        font-size: 13px;\r\n        color: #666;\r\n    }\r\n\r\n    .smarthint .bought-together .sale-price {\r\n        font-size: 15px;\r\n        color: #222;\r\n    }\r\n\r\n    .smarthint .clearfixe {\r\n        clear: both;\r\n    }\r\n\r\n    .smarthint .bought-together img {\r\n        max-width: 73%;\r\n        margin: 10% 10% 3%;\r\n    }\r\n\r\n    .smarthint .bought-together .product-info {\r\n        text-align: center;\r\n    }\r\n\r\n    .smarthint .bought-together .desabilitado>div.imagem-produto,\r\n    .smarthint .bought-together .desabilitado>div.info-produto {\r\n        opacity: 0.6;\r\n    }\r\n\r\n    .smarthint .bought-together .desabilitado>div.actions {\r\n        opacity: 1;\r\n    }\r\n\r\n    @media screen and (max-width: 600px) {\r\n\r\n        .smarthint .bought-together.products>div {\r\n            width: 96%;\r\n            margin: 0 2%;\r\n            float: none;\r\n            clear: both;\r\n            margin-bottom: 3px;\r\n        }\r\n\r\n        .smarthint .bought-together.products>div:after {\r\n            margin: 0 auto;\r\n            position: initial;\r\n        }\r\n\r\n        .smarthint .bought-together img {\r\n            width: auto;\r\n            margin: 0 auto;\r\n            max-height: 115px;\r\n        }\r\n\r\n        .smarthint .listagem .listagem-item .imagem-produto {\r\n            min-height: 150px;\r\n            width: 50%;\r\n            float: left;\r\n        }\r\n\r\n        .smarthint .bought-together .product-image,\r\n        .smarthint .bought-together .product-info,\r\n        .smarthint .bought-together .result h3,\r\n        .smarthint .bought-together .result .cta {\r\n            float: none;\r\n            margin: 0 1%;\r\n            width: 46%;\r\n            display: inline-block;\r\n            vertical-align: center;\r\n        }\r\n\r\n        .smarthint .bought-together .product-info {\r\n            text-align: center;\r\n            display: inline-block;\r\n            width: 50%;\r\n        }\r\n\r\n        .smarthint .bought-together>div:nth-child(2) .actions:after {\r\n            content: \" + \";\r\n            background-color: #fff;\r\n            color: #000;\r\n            border-radius: 27px;\r\n            height: 30px;\r\n            width: 30px;\r\n            display: block;\r\n            position: absolute;\r\n            font-size: 32px;\r\n            line-height: 30px;\r\n            padding: 0 0;\r\n            text-align: center;\r\n            top: -30px;\r\n            box-shadow: 1px 1px 3px;\r\n            opacity: 1;\r\n            left: 150px;\r\n            clear: both;\r\n        }\r\n\r\n        .smarthint .bought-together>div:nth-child(3) .actions:after {\r\n            content: \" + \";\r\n            background-color: #fff;\r\n            color: #000000;\r\n            border-radius: 27px;\r\n            height: 30px;\r\n            width: 30px;\r\n            display: block;\r\n            position: absolute;\r\n            font-size: 32px;\r\n            line-height: 30px;\r\n            padding: 0 0;\r\n            text-align: center;\r\n            top: -30px;\r\n            box-shadow: 1px 1px 3px;\r\n            opacity: 1;\r\n            left: 150px;\r\n            clear: both;\r\n        }\r\n\r\n        .smarthint .bought-together.products>div:after {\r\n            display: none;\r\n        }\r\n    }\r\n\r\n    .smarthint .change,\r\n    .smarthint .delete,\r\n    .smarthint .active {\r\n        display: block;\r\n        height: 33px;\r\n        width: 33px;\r\n    }\r\n\r\n    .smarthint svg {\r\n        margin: 3px 3px 3px 3px;\r\n        width: 80%;\r\n        height: 80%;\r\n    }\r\n\r\n    .bought-together .nome-produto.cor-secundaria {\r\n        font-size: 0.88rem;\r\n        font-weight: 300;\r\n        margin-bottom: 1rem;\r\n        color: #222;\r\n        display: block;\r\n    }\r\n\r\n    .bought-together .listagem-item.prod-id- {\r\n        text-align: center;\r\n        border: 1px solid #eee;\r\n    }\r\n\r\n    .bought-together .info-produto {\r\n        padding: 16px;\r\n    }\r\n\r\n    .bought-together .preco-promocional.cor-principal.titulo {\r\n        font-weight: 400;\r\n        color: #88704C;\r\n    }\r\n\r\n    .bought-together .single-price span {\r\n        font-size: 1.625rem;\r\n        font-weight: 300;\r\n        color: #88704C;\r\n    }\r\n\r\n    #smarthint-bought-together .title {\r\n        font-size: 1.44rem;\r\n        font-weight: 300;\r\n        text-align: center;\r\n        font-family: Prompt, sans-serif;\r\n    }\r\n</style>\r\n<div id=\"listagemProdutos\" class=\"listagem borda-alpha com-caixaXX \">\r\n    <header class=\"products__title title\">\r\n        {{BoxTitle}} </header>\r\n    <div class=\"products bought-together\">\r\n        {{#Products}}\r\n        <div class=\"prod-id-{{ProductIdToCart}} {{^Active}}desabilitado{{/Active}}\">\r\n            <div class=\"actions\">\r\n                {{#CanChange}}\r\n                <div class=\"change\" data-id=\"{{Index}}\">\r\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 477.867 477.867\"\r\n                        style=\"enable-background:new 0 0 477.867 477.867;\" xml:space=\"preserve\">\r\n                        <g>\r\n                            <g>\r\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\r\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\r\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\r\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\r\n                                    C426.667,7.641,419.026,0,409.6,0z\" />\r\n                            </g>\r\n                        </g>\r\n                        <g>\r\n                            <g>\r\n                                <path\r\n                                    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\r\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\r\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\r\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\r\n                                    c40.09-41.409,62.455-96.818,62.344-154.454C460.8,229.508,453.159,221.867,443.733,221.867z\" />\r\n                            </g>\r\n                        </g>\r\n                    </svg>\r\n                </div>\r\n                {{/CanChange}}\r\n                {{#CanDelete}}\r\n                <div class=\"delete\" data-id=\"{{Index}}\">\r\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 486.4 486.4\"\r\n                        style=\"enable-background:new 0 0 486.4 486.4;\" xml:space=\"preserve\">\r\n                        <g>\r\n                            <g>\r\n                                <path\r\n                                    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\r\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\r\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\r\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\" />\r\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\r\n                                    C229.7,404.9,235.7,411,243.2,411z\" />\r\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\r\n                                    C141.6,390.1,147.7,396.1,155.1,396.1z\" />\r\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\r\n                                    C317.8,390.1,323.8,396.1,331.3,396.1z\" />\r\n                            </g>\r\n                        </g>\r\n                    </svg>\r\n                </div>\r\n                {{/CanDelete}}\r\n                {{#CanActive}}\r\n                <div class=\"active\" data-id=\"{{Index}}\">\r\n                    <svg version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\r\n                        xmlns:xlink=\"http://www.w3.org/1999/xlink\" x=\"0px\" y=\"0px\" width=\"438.542px\" height=\"438.542px\"\r\n                        viewBox=\"0 0 438.542 438.542\" style=\"enable-background:new 0 0 438.542 438.542;\"\r\n                        xml:space=\"preserve\">\r\n                        <g>\r\n                            <path\r\n                                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\r\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\r\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\r\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\r\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\r\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\r\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\r\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\r\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\r\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\r\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\r\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\" />\r\n                        </g>\r\n                    </svg>\r\n                </div>\r\n                {{/CanActive}}\r\n            </div>\r\n            <div>\r\n                <div class=\"listagem-item prod-id-{{ProductIdToCart}}\">\r\n                    {{#ReleaseDateDescription}}\r\n                    <p class=\"smarthint-release-date-description\">\r\n                        <span>{{ReleaseDateDescription}}</span>\r\n                    </p>\r\n                    {{/ReleaseDateDescription}}\r\n\r\n                    <a href=\"{{{Link}}}\" class=\"produto-sobrepor\" data-title=\"{{{Title}}}\" title=\"{{{Title}}}\" />\r\n\r\n                    {{#SecondImageLink}}\r\n                    <div class=\"imagem-produto has-zoom\">\r\n                        <img src=\"{{{ImageLink}}}\" alt=\"{{Title}}\" class=\"imagem-principal\"\r\n                            onmouseover=\"this.src='{{ImageLink}}';\" onmouseout=\"this.src='{{SecondImageLink}}';\" />\r\n                    </div>\r\n                    {{/SecondImageLink}}\r\n                    {{^SecondImageLink}}\r\n                    <div class=\"imagem-produto \">\r\n                        <img src=\"{{{ImageLink}}}\" title=\"{{Title}}\" alt=\"{{{Title}}}\" class=\"imagem-principal\"\r\n                            draggable=\"false\" />\r\n                    </div>\r\n                    {{/SecondImageLink}}\r\n\r\n                    <div class=\"info-produto\">\r\n                        <a href=\"{{{Link}}}\" class=\"nome-produto cor-secundaria\">{{{Title}}}</a>\r\n                        <div data-trustvox-product-code=\"{{ProductIdToCart}}\" class=\"hide trustvox-stars\" />\r\n                        <div>\r\n                            <div class=\"preco-produto destaque-preco \">\r\n                                {{#HasSalePrice}}\r\n                                <div>\r\n                                    <s class=\"preco-venda smarthint-value\">\r\n                                        R$ {{PriceInteger}},{{PriceDecimal}}\r\n                                    </s>\r\n                                    <strong class=\"preco-promocional cor-principal smarthint-value\">\r\n                                        R$ {{SalePriceInteger}},{{SalePriceDecimal}}\r\n                                    </strong>\r\n                                </div>\r\n                                {{/HasSalePrice}}\r\n                                {{^HasSalePrice}}\r\n                                <div>\r\n                                    <strong class=\"preco-promocional cor-principal titulo smarthint-value\">R$\r\n                                        {{PriceInteger}},{{PriceDecimal}}</strong>\r\n                                </div>\r\n                                {{/HasSalePrice}}\r\n\r\n                                {{#HasInstallment}}\r\n                                <div>\r\n                                    <span class=\"preco-parcela \">até <strong\r\n                                            class=\"cor-secundaria \">{{Installment}}x</strong> de <strong\r\n                                            class=\"cor-secundaria\">R$\r\n                                            {{InstallmentAmountInteger}},{{InstallmentAmountDecimal}}</strong>\r\n                                        <span> sem juros</span>\r\n                                    </span>\r\n                                </div>\r\n                                {{/HasInstallment}}\r\n\r\n                                {{#HasBankSlipPrice}}\r\n                                <span class=\"desconto-a-vista\">ou <strong class=\"cor-secundaria\">R$\r\n                                        {{BankSlipPriceInteger}},{{BankSlipPriceDecimal}}</strong> via Boleto\r\n                                    Bancário</span>\r\n                                {{/HasBankSlipPrice}}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"bandeiras-produto\">\r\n                        {{#HasPromotion}}\r\n                        <span class=\"fundo-principal bandeira-promocao\">{{PromotionDiscount}}% OFF</span>\r\n                        {{/HasPromotion}}\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        {{/Products}}\r\n        <div class=\"result\">\r\n            <h3>Leve os <span class=\"total-products\">{{TotalProducts}}</span> itens</h3>\r\n            <div class=\"cta\">\r\n                {{#Result.HasSalePrice}}\r\n                <div class=\"price smarthint-value\">\r\n                    De: <span>R$ {{Result.PriceInteger}},{{Result.SalePriceDecimal}} </span>\r\n                </div>\r\n                <div class=\"sale-price smarthint-value\">\r\n                    Por: <span>R$ {{Result.SalePriceInteger}},{{Result.SalePriceDecimal}} </span>\r\n                </div>\r\n                {{/Result.HasSalePrice}}\r\n                {{^Result.HasSalePrice}}\r\n                <div class=\"single-price smarthint-value\">\r\n                    Por: <span>R$ {{Result.PriceInteger}},{{Result.SalePriceDecimal}}</span>\r\n                </div>\r\n                {{/Result.HasSalePrice}}\r\n                <button id=\"smarthint-bought-together-buy\"><i class=\"fa fa-shopping-cart\"></i> Comprar</button>\r\n            </div>\r\n            {{#Result.HasDiscount}}\r\n            <div class=\"save smarthint-value\">\r\n                Economize <span>{{Result.DiscountInteger}},{{Result.SalePriceDecimal}}</span>\r\n            </div>\r\n            {{/Result.HasDiscount}}\r\n        </div>\r\n    </div>\r\n</div>\r\n<div class=\"clearfixe\"></div>","HasAd":false,"AdMessage":"","Script":{"cart":"SmartHint.Box.addPosition = () => {}","category":"SmartHint.Box.addPosition(jQuery(\".pageMain\"), 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');","checkout":"SmartHint.Box.addPosition = () => {}","emptycart":"SmartHint.Box.addPosition = () => {}","general":"","home":"SmartHint.Box.addPosition(jQuery(\".shelfBox\"), 1, 'before');\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');","others":"","pagenotfound":"","product":"SmartHint.Box.addPosition(jQuery(\"main.pageMain\"), 1, 'append');\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');","search":""},"Configurations":[{"TemplateConfigurationId":534,"Name":"PropertyRecommendationNumber","Value":""}]},{"PageType":"category","ShCode":"SH-293942","TemplateId":234,"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":{"cart":"SmartHint.Box.addPosition = () => {}","category":"SmartHint.Box.addPosition(jQuery(\".pageMain\"), 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');","checkout":"SmartHint.Box.addPosition = () => {}","emptycart":"SmartHint.Box.addPosition = () => {}","general":"","home":"SmartHint.Box.addPosition(jQuery(\".shelfBox\"), 1, 'before');\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');","others":"","pagenotfound":"","product":"SmartHint.Box.addPosition(jQuery(\"main.pageMain\"), 1, 'append');\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');","search":""},"Configurations":[{"TemplateConfigurationId":724,"Name":"PropertyRecommendationNumber","Value":""}]}],"hasOverlay":true,"hasSearch":true,"recommendationEnabled":false,"recommendationPublished":true,"recommendationLocalDisable":false,"bannersEnabled":false,"bannersPublished":true,"bannersLocalDisable":false,"searchCluster":"v3","GACode":"G-5YSJSS818J"})