/**
 * @collection Theme
 * @version 1.0.0
 * @author Tray
 * @site https://www.tray.com.br
 */

 @font-face {
    font-family: go;
    src: url(https://images.tcdn.com.br/files/1174091/themes/35/css/fonts/go/go-v3.eot);
    src: url(https://images.tcdn.com.br/files/1174091/themes/35/css/fonts/go/go-v3.eot) format("embedded-opentype"), url(fonts/go/go-v3.woff2) format("woff2"), url(fonts/go/go-v3.woff) format("woff"), url(https://images.tcdn.com.br/files/1174091/themes/35/css/fonts/go/go-v3.ttf) format("truetype"), url(https://images.tcdn.com.br/files/1174091/themes/35/css/fonts/go/go-v3.svg) format("svg");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: icons-new;
    src: url("data:font/woff2;base64,d09GMgABAAAAAAPoAAsAAAAACEAAAAOaAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACDDAqEbIQkATYCJAMQCwoABCAFg3IHShspBxGVmxXJfh7YtpJtsjb6DfXMMpZoDY3wkfSe8x916fuSdSCHgXwuEhhCU4mHiXDkuZ2Bt6QNAOJ/bvf2N9mapdi0NEswJEFwdeouHOAGpBdWvOOX5zj5dZR4b+Jy2iT8BWCNOXHMDZYVWBfQmNtLKJHEPA3zLhPbDvCT14AAUp4a7G7pGoLPP3fDKkRQsEqCwp/+pYvnwqWLKQOBxIU4ps76RGcgAPfxBshIvn4GPrqBEQV2QN/bvAAPf+ZnURaAyLQemYTuDCAAHJB1MSk9w+oBPLNk4WSXWpEitVcQ/Kz///1MRL72Xx5AGA60gfl6AYAiWDn8TMBCwmlgAZwCBrS7McUFcAM+Az8xftQ2L2SU3Z2Rm5StePvo8pgB7DFV9bhNtNfyHLu25/rxm3tvaMeCjKBaGdlbPXY82HQsEaMhV3QwjVFMC0wbYtP0yRrzRhfzmsO8DtbNzZvqMtPeG2JZx4ygKgoJ2hNMZnC1OZIZ2sbMWJN4nFGXpNYUum0xqfRcgKQ1hTE8PHL5qj0WohoJQW05NnpF6kOStD2GMU1k28eKtGMZyia2tDZk8+sqFs8eswRWFRCSkPjYOf6L4xbHw/XKdP/3z4569xWX98fMCXsXP7MsbFZ59LLoes9ENG6uE5oId2x26LLQEslIXl8QxMOFRy4S4b5DvjqUlq8GAs4LFwubCw6hcBWivtdDQ4MIFM0vX+S3nUaHxCL3IoGPi3ZHDytDXNUpMDCfX1J9FY+y3ZvdmvAZv/BQXCgb/Ffc3t7RErO2auOibK+wDa760938gmhZt2aRM3WBs78waJufMr80TNu7vsQZVFjPsQbbiS7KAgAqkgBAi0J/iW74Mq/i7Wzfqr9THa7Zcdzbk1CXWV0YTKZu09gJ/P+f7g+g3jmSRAuoPw9nsLM/GECSgP9gWj/Pt9ASMdkXYJxEAXCCF1rB+wOCKgRwEOIBKVPKbFWgfhx1N4i0gADGxyqAk3agFfwhQAhxBnCQrgCSx73JqpQ4+E/R1m5o30lUIoedXlibpw2mfqx+4oobVsGoQf6hfezMbMBUyrDSxpgSQakUUHHvmMsyDKbrp72ivPOKtnZD+06iUlKmfKFLapBQH6Z+HEJf2dswUjDqVeUf2sfOzAYMKSmDvS4jTWQmziSHXbo7BVTcuwWmsgxyOTOV3R/MzfeI9ktlYMP7vqXSM8zkt4g6NJwTWXXspTkqxW+2U6LybgcAAA==") format("woff2")
}

@font-face {
    font-family: icons-google;
    font-display: swap;
    src: url("data:font/woff2;base64,d09GMgABAAAAAAXYAAsAAAAAC4gAAAWJAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGYACCfgqLWIknATYCJAMMCwgABCAFg3IHORuJCVGULU6F7Gdh7OYYoj7xN9729rdeVCL6KcJ4fcUSPE921ftVXc1F98o9C52ISHQ0l51jSNk5AmPHszCn2VgRqgwlSnRER11KgdIBGXd3Yy/k+d790EvLdy0nKSL5suRtMl/tNd8GxgoILflZbJuvdnj/c7+X/2+M1EgAe1H3R+Ui2z4OcDbAqqbZdGfgE/M9ZHMY2WwqvvIiCODTghH+Pv1WzxCbP+XkQokgwWSBuqXMn6OJENW9WDNiwXXY2E1liRzGgKR4BTTkP36YDIYCCqMJjjFi5liBz9/yW0kTgGLpT9kHFlaAATTQ5MT8Mm4+OoJACU1yqz8WDVIlt7cQ+K1SqZQt+Gn/wwNBgdgE1jTg1VUp+C0xcdMIYEPc9tnABkoBtbgA7HUyj9fJAVWSlhp+keL0qOy4prhITEhFSo5LTUtsisLiksyN+0GNf1N251sWXkF3kxsl7C0KH+QgI7j0E/VrSaHP8IF0TpupiKVWjt95J7wl7qlKc1PflhvTDrLmYgTqoS53VySRoFwZxi7hCjnvA6cJQYEdVq8xgrUz3A++kL8lboHiaG9lWJ9Bl+7iRuDk0tCm5kFYWUEJhhP0KbTJIBCCwgy5nZQOpXYBBYSTewQMHHZJ5FhAeeUkqxgBQmwfyFGIMCJcWhkMkwbcIObASsAUa2aBqR4sQ5FKA4FSQv50qey6CegFuLk+J1fgA09ocQjMiAuUi9mZmE9ZOdGYmqPzlIyRwHcZELDThQbFkk0dyCrbtkQgIbBxgH3uSju5wZy8XX4/+0YBcz6j4lcF2bUyawGu516qvFlqOMN1+g5ciD4bZmzI6FV9Fb5YLUu33y+9/1lX+DVZ173Jfzp5PtWR0qdBhivqy9vJm88pS8/7+D/m5chZydnoy8Sbo/mKIzfd7nwIO8a794v2k1HHMMlWu7D7kutcan2sNNl6KfFSm3lVy6WYZ52j3RcKL+yOO1bA3e2UDtwmFmYmpgvWF//uGCw/4pXXFQT2qda7U/LeFQUTVk9So0PjQ4+JlydT3SF7ixX79KzcKjgzK2mzd9MpKjmXfYPyUttM9jOPL35CYuR/kTfQDGp1MSNV1CwFIlF4NCVb67C11yrKEkckVApBiFRP3cZkh628VqSVo2K1Lze92jnnnhvkD+1QlGsyvMAEGSNMmryCl2ay47oMqyVpq42OZjdZ0tLKnOfZKiKwXXico7RbUCF+53O6E6ebRJht+uoN7voyXAxYwtREfGXYkvvJql5CWlgtotV6ZJ96bHWfUZFRfbKxuX1GBs85h52Z46KbnQmzI7MvHl0O2ZZIObhERS5RINE9lTvhk6ykXBWpxtiO7zmx8zM/z9o/rWjb5tEdOa60MoQ3YUbrwGQZa5dtjcyC9yx+Lg8sW3627udVjqway2H6d7K70pHZ2E//etarbOryQ1SLZIS8lKDex8iKBg84w4XkVmi4/jFEABbVpeIASIYU/Zvm4+7oWb9mdvnvBv+TKayvfqpyFF9dBOB+1WICGJ+umRnoz0N+9zAJx1jEKMh3ir+YPfHxgRRBPORfPC4YdHNQOJgadGlPA5bFixCIB+QB2Lo9Br1PI43NA7J5IIBYHoLPdKZXZLBQr/FZz7J4O/WGPN70Nj5n9T7j+Fg/oEbsOdPYPT6SdrbFA8P90CsdikbsYlOzFtZnTMmlg3giBTfX4PFKrXuyXMXdpezg+CL3RLbNeLCUTZJPzf3lJ6/X0Hzm2J82txY5YCDDuBx5hNA4YyNyYH3K8CvkYj0Mpkc6NGnPsaZWd95c5AShhCXuafsjFzS6nMKwCsadDzAOyEQMQ4ItAztWb7zchJDlaBNdoNyjRyucSMVam8R25xWi/o+DBHvWokSLhT1rEWs2hZfNNshWAAAAAAA=") format("woff2")
}

.icon {
    display: inline-block;
    font: normal normal normal 1em/1 go;
    speak: none;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[class*=" icon-"].v-align-middle,
[class^=icon-].v-align-middle {
    vertical-align: middle
}

.icon-linkedin:before {
    content: "\f101";
    font-family: icons-new
}

.icon-login-new:before {
    content: "\f102";
    font-family: icons-new;
    display: block
}

.icon-shopping-cart:before {
    content: "\f103";
    font-family: icons-new;
    display: block
}

.icon-google:before {
    content: "\f101";
    font-family: icons-google
}

.icon-shield:before {
    content: "\f102";
    font-family: icons-google
}

.icon-arrow-down:before {
    content: "\ea01"
}

.icon-arrow-left:before {
    content: "\ea02"
}

.icon-arrow-right:before {
    content: "\ea03"
}

.icon-card:before {
    content: "\ea04"
}

.icon-cart:before {
    content: "\ea05"
}

.icon-discount:before {
    content: "\ea06"
}

.icon-email:before {
    content: "\ea07"
}

.icon-equal:before {
    content: "\ea08"
}

.icon-facebook:before {
    content: "\ea09"
}

.icon-favorite:before {
    content: "\ea0a"
}

.icon-filter:before {
    content: "\ea0b"
}

.icon-instagram:before {
    content: "\ea0c"
}

.icon-login:before {
    content: "\ea0d"
}

.icon-phone:before {
    content: "\ea0e"
}

.icon-pinterest:before {
    content: "\ea0f"
}

.icon-plus:before {
    content: "\ea10"
}

.icon-reviews:before {
    content: "\ea11"
}

.icon-reward:before {
    content: "\ea12"
}

.icon-search:before {
    content: "\ea13"
}

.icon-security:before {
    content: "\ea14"
}

.icon-sort:before {
    content: "\ea15"
}

.icon-tiktok:before {
    content: "\ea16"
}

.icon-times:before {
    content: "\ea17"
}

.icon-truck:before {
    content: "\ea18"
}

.icon-twitter:before {
    content: "\ea19"
}

.icon-whatsapp:before {
    content: "\ea1a"
}

.icon-youtube:before {
    content: "\ea1b"
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    body {
        opacity: 0;
        visibility: hidden
    }

    body.old-browser {
        opacity: 1;
        visibility: visible
    }

    .old-browser-lost {
        height: 400px
    }
}

.old-browser {
    background-color: #fff;
    min-height: 100vh;
    height: 100%
}

.old-browser .container {
    max-width: 700px
}

.old-browser .old-browser-title {
    font-size: 1.875rem;
    font-weight: 500;
    text-align: center;
    margin: -1.875rem 0 1.875rem;
    color: #263238
}

.old-browser .old-browser-lost {
    max-width: 400px;
    display: block;
    margin: 0 auto
}

.old-browser .old-browser-info {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.6
}

.old-browser .old-browser-info p {
    margin-bottom: 1.25rem;
    color: #263238
}

.old-browser .old-browser-options:after {
    content: "";
    clear: both;
    display: table
}

.old-browser .old-browser-options {
    margin: 30px auto;
    width: 520px
}

.old-browser .old-browser-options li {
    float: left;
    width: 80px;
    text-align: center
}

.old-browser .old-browser-options li+li {
    margin-left: 1.875rem
}

.old-browser .old-browser-options li a {
    display: block;
    text-decoration: none;
    color: #263238;
    transition: .2s ease-out
}

.old-browser .old-browser-options li a:hover {
    color: #2db5ff
}

.old-browser .old-browser-options li img {
    width: 60px;
    height: 60px;
    margin: 0 auto
}

.old-browser .old-browser-options li .label {
    font-size: .875rem;
    font-weight: 400;
    display: block;
    text-align: center;
    line-height: 1.4;
    margin-top: .625rem
}

@media (max-width:767px) {
    .old-browser .container {
        padding: 0 20px
    }
}

@media (max-width:575px) {
    .old-browser .old-browser-title {
        font-size: 1.25rem
    }

    .old-browser .old-browser-options {
        width: 100%
    }

    .old-browser .old-browser-options li {
        width: 50%;
        margin: 0 !important
    }

    .old-browser .old-browser-options li:nth-child(n+3) {
        margin: 30px 0 0 !important
    }
}

.slcted {
    background-color: #ccc
}

.cl {
    clear: both;
    margin: 0 !important
}

.idp {
    font-size: 10px
}

.is-hidden {
    display: none
}

.suggestion {
    z-index: 100;
    border: 6px solid #666;
    max-width: 700px;
    min-width: 400px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: auto
}

.suggestion span {
    display: block;
    cursor: pointer;
    padding: 4px 0
}

.suggestion-words {
    font-size: 13px;
    background-color: #fff;
    padding: 14px
}

.suggestion-words span {
    border-bottom: 1px dotted #ddd
}

.suggestion-products {
    background-color: #f5f5f5;
    padding: 14px
}

.suggestion-products a {
    color: #000;
    font-weight: 700
}

.suggestion-title {
    background-color: #d70008;
    color: #fff;
    display: block;
    margin-bottom: 7px;
    text-indent: 8px;
    font: 700 14px/24px Open Sans Condensed, sans-serif
}

.suggestion-products .suggestion-img {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 10px
}

.suggestion-product {
    margin-bottom: 20px;
    font-size: 13px
}

.suggestion-words span:hover {
    background: #eee
}

.suggestion-products strong,
.suggestion-words strong {
    background: #666
}

.suggestion-product:hover {
    background: #d8d8d8
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.justify-around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.justify-self-end {
    -ms-grid-column-align: end;
    justify-self: end
}

.align-content-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.align-self-center {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.align-self-start {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.align-self-end {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align-self-base {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.f-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-1,
.flex-2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.container {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0 .938rem
}

.full-container{
    max-width: 100%;
    padding: 0;
}

.row {
    margin: 0 -.938rem
}

.row .col {
    padding: 0 .938rem;
    display: block
}

.row .col.s12 {
    width: 100%
}

.row .col.s11 {
    width: 91.6666666667%
}

.row .col.s10 {
    width: 83.3333333333%
}

.row .col.s9 {
    width: 75%
}

.row .col.s8 {
    width: 66.6666666667%
}

.row .col.s7 {
    width: 58.3333333333%
}

.row .col.s6 {
    width: 50%
}

.row .col.s5 {
    width: 41.6666666667%
}

.row .col.s4 {
    width: 33.3333333333%
}

.row .col.s3 {
    width: 25%
}

.row .col.s2 {
    width: 16.6666666667%
}

.row .col.s1 {
    width: 8.3333333333%
}

@media (min-width:601px) {
    .row .col.m12 {
        width: 100%
    }

    .row .col.m11 {
        width: 91.6666666667%
    }

    .row .col.m10 {
        width: 83.3333333333%
    }

    .row .col.m9 {
        width: 75%
    }

    .row .col.m8 {
        width: 66.6666666667%
    }

    .row .col.m7 {
        width: 58.3333333333%
    }

    .row .col.m6 {
        width: 50%
    }

    .row .col.m5 {
        width: 41.6666666667%
    }

    .row .col.m4 {
        width: 33.3333333333%
    }

    .row .col.m3 {
        width: 25%
    }

    .row .col.m2 {
        width: 16.6666666667%
    }

    .row .col.m1 {
        width: 8.3333333333%
    }
}

@media (min-width:993px) {
    .row .col.l12 {
        width: 100%
    }

    .row .col.l11 {
        width: 91.6666666667%
    }

    .row .col.l10 {
        width: 83.3333333333%
    }

    .row .col.l9 {
        width: 75%
    }

    .row .col.l8 {
        width: 66.6666666667%
    }

    .row .col.l7 {
        width: 58.3333333333%
    }

    .row .col.l6 {
        width: 50%
    }

    .row .col.l5 {
        width: 41.6666666667%
    }

    .row .col.l4 {
        width: 33.3333333333%
    }

    .row .col.l3 {
        width: 25%
    }

    .row .col.l2 {
        width: 16.6666666667%
    }

    .row .col.l1 {
        width: 8.3333333333%
    }
}

@media (min-width:1201px) {
    .row .col.x12 {
        width: 100%
    }

    .row .col.x11 {
        width: 91.6666666667%
    }

    .row .col.x10 {
        width: 83.3333333333%
    }

    .row .col.x9 {
        width: 75%
    }

    .row .col.x8 {
        width: 66.6666666667%
    }

    .row .col.x7 {
        width: 58.3333333333%
    }

    .row .col.x6 {
        width: 50%
    }

    .row .col.x5 {
        width: 41.6666666667%
    }

    .row .col.x4 {
        width: 33.3333333333%
    }

    .row .col.x3 {
        width: 25%
    }

    .row .col.x2 {
        width: 16.6666666667%
    }

    .row .col.x1 {
        width: 8.3333333333%
    }
}

.text-line,
.text-overflow {
    white-space: nowrap
}

.text-overflow {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.decoration {
    text-decoration: underline
}

.uppercase {
    text-transform: uppercase
}

.user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.transition {
    transition: .3s ease-in-out
}

.t-scale {
    -webkit-transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
    transition: -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
    -o-transition: transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
    transition: transform .3s cubic-bezier(.53, .01, .36, 1.63) !important;
    transition: transform .3s cubic-bezier(.53, .01, .36, 1.63), -webkit-transform .3s cubic-bezier(.53, .01, .36, 1.63) !important
}

.t-color {
    transition: color .2s ease-in-out
}

.t-bg {
    transition: background-color .2s ease-in-out
}

.t-opacity {
    transition: opacity .2s ease-in-out
}

.photo-rounded,
.rounded {
    border-radius: 50%;
    overflow: hidden
}

.photo-rounded {
    position: relative
}

.photo-rounded:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.photo-rounded img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.photo-square {
    position: relative;
    border-radius: 50%;
    overflow: hidden
}

.photo-square:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.photo-square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.square {
    position: relative
}

.square:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.off-margin-top {
    margin-top: 0 !important
}

.off-margin-bottom {
    margin-bottom: 0 !important
}

.off-margin-right {
    margin-right: 0 !important
}

.off-margin-left {
    margin-bottom: 0 !important
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0
}

img:not([src]) {
    opacity: 0
}

img.swiper-lazy {
    opacity: 0;
    transition: .2s ease-in-out
}

img.swiper-lazy-loaded {
    opacity: 1
}

.swiper-container-fade .swiper-slide.swiper-slide-active {
    opacity: 1 !important
}

.swiper-container-fade .swiper-slide {
    opacity: 0 !important
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translateY(-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0)
}

.modal-open .modal {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow: hidden
}

.modal .close {
    font-size: 25px;
    position: absolute;
    top: -20px;
    right: -20px;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--color_font_medium);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}

.modal .close span {
    display: flex;
    align-content: center;
    justify-content: center;
    margin: auto;
    height: 40px;
    font-family: var(--font_family)
}

.modal .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal .modal-content {
    position: relative;
    outline: 0;
    color: var(--color_font_medium);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid var(--color_gray_medium);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal .modal-header {
    min-height: 16.43px;
    padding: 15px;
    border-bottom: 1px solid var(--color_gray_medium)
}

.modal .modal-title {
    margin: 0;
    line-height: 1.43;
    padding: 0 2.5rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    color: var(--color_font_dark)
}

.modal .modal-body {
    position: relative;
    padding: 15px;
    max-height: 80vh;
    overflow-y: auto;
    scrollbar-color: var(--color_primary_medium) var(--color_gray_medium);
    scrollbar-width: thin
}

.modal .modal-body::-webkit-scrollbar {
    width: 6px;
    background: var(--color_gray_medium)
}

.modal .modal-body::-webkit-scrollbar-track {
    background: var(--color_gray_medium)
}

.modal .modal-body::-webkit-scrollbar-thumb {
    background: var(--color_primary_medium);
    border-radius: 5px
}

.cart-preview-table {
    width: 100%
}

.cart-preview-item td {
    padding: 0;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border: none
}

.modal .cart-preview-item-image-box {
    width: 60px;
    padding-left: 10px !important;
    padding-right: 10px !important;
    vertical-align: middle
}

.cart-preview-item-image-quantity-box {
    width: 60px;
    min-height: 60px
}

.cart-preview-quantity-tag-box {
    background: #d3d1d1;
    color: #fff;
    font-size: 12px;
    border-radius: 16px;
    font-weight: 700;
    text-align: center;
    display: block;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    padding: 5px;
    position: absolute;
    margin-left: 46px;
    margin-top: -13px
}

.cart-preview-item-image-space-box,
.cart-preview-quantity-tag-box {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box
}

.cart-preview-item-image-space-box {
    width: 50px;
    height: 50px;
    padding: 4px;
    border: 1px solid #d3d1d1
}

.cart-preview-item-image {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 50px !important;
    max-height: 50px !important
}

.cart-preview-item-name-box {
    padding-left: 10px !important;
    text-align: left;
    vertical-align: middle
}

.cart-preview-item-name-box .cart-preview-item-name {
    font-weight: 500;
    color: var(--color_font_dark);
    display: block;
    font-size: .87rem
}

.cart-preview-item-price-box {
    width: 115px;
    font-size: .87rem;
    text-align: right;
    vertical-align: middle
}

.cart-preview-item-price-box small {
    font-size: .61rem;
    display: block
}

.cart-preview-item-delete-box {
    width: 60px;
    padding-right: 10px !important;
    text-align: right;
    vertical-align: middle
}

.cart-preview-item-delete {
    font-size: .75rem;
    cursor: pointer;
    text-decoration: underline;
    display: block;
    margin-left: 5px
}

.modal .modal-footer {
    padding: 15px 15px 30px;
    text-align: right;
    border-top: 1px solid var(--color_gray_medium)
}

.modal .modal-footer .cart-preview-subtotal {
    margin-bottom: 15px;
    font-size: .87rem
}

.modal.cart-preview .modal-content .currency {
    text-decoration: none
}

.modal .modal-footer .botao-continuar-comprando {
    float: left;
    cursor: pointer
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.modal-dialog-center {
    margin: 0;
    position: absolute !important;
    top: 50%;
    left: 50%
}

.modal-body #Page {
    width: auto !important;
    display: block !important
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

@media (min-width:768px) {
    .modal .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal .modal-content {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }

    .modal .modal-sm {
        width: 300px
    }
}

@media (max-width:767px) {
    .modal .modal-title {
        font-size: .75rem;
        padding: 0 .875rem
    }

    .modal-dialog-center {
        width: 100%
    }
}

@media (max-width:460px) {
    .modal .cart-preview-item-image-box {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .cart-preview-item-name-box {
        padding-left: 4px !important
    }

    .cart-preview-item-name-box .cart-preview-item-name,
    .cart-preview-item-price-box {
        font-size: .75rem
    }

    .modal .modal-footer .botao-continuar-comprando,
    .modal .modal-footer .botao-prosseguir-compra {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }

    .modal .modal-footer .botao-prosseguir-compra {
        margin-bottom: 0
    }
}

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box
}

body {
    min-width: 360px;
    font-family: var(--font_family);
    font-size: 16px;
    line-height: 1.4;
    color: var(--color_font_medium);
    background-color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

[hidden] {
    display: none !important
}

ol,
ul {
    list-style: none
}

td,
th {
    vertical-align: middle
}

a {
    text-decoration: none;
    color: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clear {
    clear: both
}

.clear-content:after {
    content: "";
    display: block
}

input:not([type=radio]):not([type=checkbox]),
select,
textarea {
    font-family: inherit;
    -webkit-appearance: none;
    font-weight: 400;
    background: var(--color_gray_medium)
}

input::-ms-clear {
    display: none
}

input:not([type=radio]):not([type=checkbox])::placeholder,
textarea::placeholder {
    color: var(--color_font_medium);
    opacity: 1
}

input:not([type=radio]):not([type=checkbox]):focus,
textarea:focus {
    box-shadow: inset 0 0 8px var(--color_gray_dark)
}

select::-ms-expand {
    display: none
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield !important
}

img.transform {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    transition: .2s ease-out
}

img.transform.loaded,
img.transform.swiper-lazy-loaded {
    opacity: 1
}

img.transform.vertical {
    width: 100%
}

img.transform.horizontal {
    height: 100%
}

.suggestion {
    overflow: auto;
    max-height: calc(100vh - 120px)
}

.compare-hidden,
.tray-hide {
    display: none !important
}

.carrinho-tabs,
.modal {
    display: none
}

.sec_texto {
    color: #999
}

.sec_baixa {
    color: red
}

.sec_media {
    color: #f60
}

.sec_alta {
    color: green
}

.safe {
    margin-bottom: -5px
}

.hidden {
    display: none
}

#aviso_depoimento {
    margin: 10px 0;
    text-align: center
}

.banner-bottom {
    margin-top: 30px
}

.banner-bottom img {
    display: block;
    max-width: 100%;
    margin: auto
}

.page-content .container .container {
    padding: 0
}

#ProdBlock.prodBox {
    display: none
}

.container,
.container2 {
    background: transparent;
    position: static
}

.container2,
.container3 {
    float: none;
    background: transparent;
    position: static
}

.container3,
.line {
    border: 0
}

.line {
    height: auto;
    width: auto
}

.bottom,
.topBorder {
    background: transparent
}

.modal-header {
    min-height: 46px
}

.bottom .bLeft,
.bottom .bRight,
.leftCorner {
    display: none
}

.obriga-barra.red {
    font-size: 0
}

.obriga-barra.red:before {
    content: "*";
    font-size: 16px
}

.botao-calcular-frete,
.botao-calcular-frete:hover,
.botao-cupom-desconto,
.botao-cupom-desconto:hover,
.botao-efetuar-login,
.botao-efetuar-login:hover,
.botao-enviar-cadastro,
.botao-enviar-cadastro:hover,
.botao-enviar-cartao,
.botao-enviar-cartao:hover,
.botao-finalizar-compra,
.botao-finalizar-compra:hover,
.botao-novo-cadastro,
.botao-novo-cadastro:hover,
.botao-prosseguir-cadastro,
.botao-prosseguir-cadastro:hover,
.botao-prosseguir-compra,
.botao-prosseguir-compra:hover,
.botao-salvar-lista,
.botao-salvar-lista:hover,
.botao-simular-frete,
.botao-simular-frete:hover,
a.botao-calcular-frete,
a.botao-cupom-desconto,
a.botao-efetuar-login,
a.botao-enviar-cadastro,
a.botao-enviar-cartao,
a.botao-finalizar-compra,
a.botao-novo-cadastro,
a.botao-prosseguir-cadastro,
a.botao-prosseguir-compra,
a.botao-salvar-lista,
a.botao-simular-frete {
    background: unset;
    border: unset;
    color: unset
}

#loading-product-container {
    z-index: 6;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#loading-product-container:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .6
}

.botao-commerce:not(.botao-sob-consulta):not(.botao-nao_indisponivel) {
    padding: .625rem 1.25rem;
    font-family: var(--font_family);
    font-size: .75rem;
    font-weight: 700;
    color: var(--color_font_inverted) !important;
    background-color: var(--color_secondary_medium);
    border-radius: 4px;
    transition: .2s ease-out;
}

.botao-commerce:hover {
    opacity: .8
}

#wrapper {
    transform: inherit !important;
    padding: 0 !important
}

.brinde_lista {
    display: flex;
    flex-wrap: wrap;
    width: auto !important;
    margin: 0 -.3125rem;
    justify-content: center
}

.brinde_lista img {
    border: 2px solid #fff !important
}

.brinde_lista img[style*="border: 2px"] {
    box-shadow: 0 0 0 2px var(--color_primary_medium)
}

.brinde_lista span {
    display: block;
    cursor: pointer
}

.brinde_lista li {
    margin-top: 5px;
    padding: 0 5px
}

.brinde_detalhes .botao {
    position: relative;
    display: inline-block;
    cursor: pointer;
    z-index: 1
}

.brinde_detalhes .botao:before {
    content: "ESCOLHER";
    display: block;
    width: 100px;
    color: #fff;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    line-height: 40px;
    text-align: center;
    font-size: .75rem;
    background-color: var(--color_secondary_medium)
}

.brinde_detalhes .botao img {
    opacity: 0;
    display: block;
    width: 100px;
    height: 40px
}

.varTit {
    font-size: .875rem;
    font-weight: 500
}

.varTit * {
    font-size: inherit;
    font-weight: inherit
}

.load-css .icon {
    left: 50%;
    top: 50%;
    position: absolute;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    width: 30px;
    height: 30px
}

.load-css .icon:before {
    border: 3px solid #9c9c9c;
    border-radius: 50%
}

.load-css .icon:after,
.load-css .icon:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.load-css .icon:after {
    border: 3px solid #000;
    border-right-color: transparent;
    animation: rotate .6s linear infinite;
    border-radius: 50%
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#letMeKnow img {
    display: none
}

#letMeKnow:before {
    content: "Avise-me";
    display: inline-block;
    background: var(--color_secondary_medium);
    line-height: 52px;
    padding: 0 30px;
    color: #fff;
    font-weight: 400;
    height: 52px;
    vertical-align: bottom;
    border-radius: 0 3px 3px 0;
    width: 160px;
    text-align: center;
    transition: .2s ease-out
}

#letMeKnow:hover:before {
    opacity: .8
}

.botao-nao_indisponivel {
    background: transparent !important;
    padding: 0 !important;
    font-size: 0 !important
}

#nao_disp {
    font-size: .875rem;
    border-radius: 8px
}

#nao_disp h3 {
    font-size: 1rem;
    font-weight: 600
}

#nao_disp h5 {
    font-size: .875rem;
    font-weight: 400;
    margin: 5px 0 0
}

#nao_disp .color {
    font-size: .75rem;
    margin-top: 10px;
    display: none
}

#letmeknow_response label,
#nao_disp label {
    display: inline-block;
    width: calc(100% - 186px);
    margin-top: 23px;
    max-width: 228px
}

@media (max-width:550px) {

    #letmeknow_response label,
    #nao_disp label {
        width: 100%;
        max-width: unset
    }

    #letMeKnow:before {
        width: 100%;
        text-align: center
    }
}

#email_avise {
    display: block;
    width: 100%;
    border-radius: 0
}

.Mapa {
    display: none
}

button,
input,
select,
textarea {
    border: 0
}

button {
    cursor: pointer
}

li,
p,
ul {
    border: 0
}

.campoform:not([type=checkbox]),
input.text,
select.select,
select.text {
    padding: 0 1.25rem;
    height: 52px;
    font-size: .875rem;
    line-height: 1.4;
    color: var(--color_font_medium);
    border: 1px solid var(--color_font_medium);
    border-radius: 3px
}

input.text.obriga,
select.obriga {
    padding-left: 17px
}

input.text:disabled,
select.select:disabled,
select.text:disabled {
    background-color: var(--color_gray_medium) !important
}

select.select,
select.text {
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-image: var(--arrow_select) !important;
    background-size: 9.2px;
    background-position: calc(100% - 10px) 50% !important;
    padding-right: 22px !important;
    cursor: pointer
}

select.select::-ms-expand,
select.text::-ms-expand {
    display: none
}

textarea#mensagem,
textarea.textarea {
    border: 1px solid var(--color_font_medium);
    padding: .875rem;
    font-size: .875rem;
    border-radius: 2px;
    color: var(--color_font_medium)
}

.blocoSucesso {
    color: #00ad29;
    margin: 10px 0;
    background: #f1f9f3;
    padding: .5rem;
    font-size: .75rem;
    text-align: center;
    border-radius: 4px
}

form[action*=question] .text,
form[action*=question] .textarea {
    resize: none;
    display: block;
    max-width: 384px;
    margin: 9px auto 0
}

form[action*=question] fieldset {
    font-size: 0
}

form[action*=question] fieldset .obriga.red {
    display: none
}

form[action*=question] fieldset p {
    font-size: 0
}

#div_atualiza {
    text-align: center
}

#div_atualiza>p:first-of-type {
    font-size: 0
}

#div_atualiza>p:first-of-type:before {
    content: "Preencha os campos abaixo para conhecermos um pouco melhor as suas necessidades!";
    display: block;
    font-size: 1rem
}

form[action*=question] fieldset p label {
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    display: block;
    margin-top: 23px
}

form[action*=question] fieldset p label:nth-of-type(2),
form[action*=question] fieldset p label:nth-of-type(4),
form[action*=question] fieldset p label:nth-of-type(5),
form[action*=question] fieldset p label:nth-of-type(6) {
    display: none
}

.varCont textarea.textarea {
    width: 100%
}

.modal-dialog-center {
    max-width: 92%
}

#form1 input,
#form1 select,
#form1 textarea {
    width: 100%;
    display: block
}

.MapaSite {
    width: 100%;
    margin: 15px 0;
    overflow: auto
}

p {
    padding: 0;
    position: static
}

.MapaSite>ul {
    min-width: 600px
}

.MapaSite h2 {
    background: transparent
}

@media (max-width:767px) {
    .container {
        padding: 0 .625rem
    }

    .row {
        margin: 0 -.625rem
    }

    .row .col {
        padding: 0 .625rem
    }
}

input[size] {
    max-width: 100%
}

#modal-form-content h3 {
    font-size: 1.125rem
}

#modal-form-content fieldset {
    border: 0
}

.compare-buttons {
    text-align: center;
    font-size: .75rem;
    margin: 6px 0
}

.compare-buttons a:hover {
    color: var(--color_primary_medium)
}

.compare-buttons .filter-checkbox {
    display: flex;
    justify-content: center;
    width: 14px;
    height: 14px;
    border: 1px solid var(--color_gray_dark);
    align-items: center;
    margin-right: 5px
}

.compare-buttons [data-compare=remove] .filter-checkbox:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--color_primary_medium)
}

@media (min-width:931px) {
    .catalog-header .catalog-info .system-filter {
        order: 3
    }

    .compare-wrapper {
        font-size: .87rem;
        text-transform: uppercase;
        font-weight: 700;
        height: 33px;
        line-height: 33px;
        padding: 0 23px;
        white-space: nowrap;
        background: var(--color_secondary_medium);
        margin-right: 10px;
        color: #fff;
        border-radius: 3px;
        order: 2;
        margin-left: auto;
        transition: .2s ease-out
    }

    .compare-wrapper:hover {
        opacity: .8
    }
}

@media (max-width:930px) {
    .compare-wrapper {
        order: 3;
        width: 100%;
        margin-top: 1.25rem
    }

    .button-compare {
        line-height: 40px;
        height: 40px;
        display: block;
        width: 200px;
        margin: 0 auto;
        text-align: center;
        font-size: .75rem;
        text-transform: uppercase;
        font-weight: 700;
        padding: 0 23px;
        white-space: nowrap;
        background: var(--color_secondary_medium);
        color: var(--color_font_inverted);
        border-radius: 3px
    }
}

@media (max-width:575px) {
    .button-compare {
        width: 100%
    }
}

.comparatorTabs {
    margin: 15px 0
}

.comparatorTabs ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.comparatorTabs ul li {
    position: relative;
    margin-right: 5px
}

.comparatorTabs ul li a:first-child {
    padding: 5px 30px 5px 10px;
    display: block
}

.comparatorTabs ul li a:last-child {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    border: 0;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
    font-size: 13px
}

.comparatorTabs ul li.aberta a:first-child {
    background-color: var(--color_secondary_medium);
    color: #fff;
    border-radius: 2px
}

.comparator {
    overflow: auto;
    width: 100%;
    margin-bottom: 20px
}

.comparator ul {
    width: 100%
}

.comparator ul ul {
    display: table;
    table-layout: fixed;
    border-collapse: collapse
}

.comparator ul ul>li {
    display: table-cell;
    width: 150px;
    padding: 10px;
    border: 1px solid var(--color_gray_dark);
    border-top: 0;
    border-collapse: collapse
}

.comparator ul .Labels ul>li {
    border-top: 1px solid var(--color_gray_dark);
    font-weight: 600
}

.comparator ul ul>li.comparsionFoto,
.comparator ul ul>li.comparsionInfoPreco {
    width: 250px
}

.comparator ul ul>li.comparsionRate {
    width: 180px
}

.comparator ul ul>li.comparsionDescricao {
    width: 190px
}

.comparator ul ul>li.displayMarca {
    width: 120px
}

.comparator ul ul>li.displayGarantia,
.comparator ul ul>li.displayModelo {
    width: 140px
}

.comparator ul ul>li.displayDisponibilidade {
    width: 180px
}

.comparator .comparsionFoto {
    position: relative
}

.comparator .comparsionFoto .closeComp {
    position: absolute;
    right: 5px;
    top: 0;
    width: 16px;
    height: 16px;
    font-size: .75rem;
    display: block;
    text-align: center;
    line-height: 14px;
    border: 1px solid #565656;
    background-color: #fff
}

.comparator .comparsionFoto a {
    font-size: .875rem;
    line-height: 1.2;
    display: block;
    margin: 0 0 10px;
    max-height: 142px;
    overflow: hidden
}

.comparator .comparsionFoto a[alt=Comprar] img,
.comparator .comparsionFoto a[title=Escolher] img {
    display: none
}

.comparator .comparsionFoto a[alt=Comprar]:before,
.comparator .comparsionFoto a[title=Escolher]:before {
    content: "COMPRAR";
    display: inline-block;
    line-height: 34px;
    color: var(--color_font_inverted);
    background-color: var(--color_secondary_medium);
    cursor: pointer;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 500;
    border-radius: 2px
}

.comparator .comparsionFoto a[title=Escolher]:before {
    content: "ESCOLHER"
}

.comparator .comparsionFoto .closeComp {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    color: var(--color_font_inverted);
    background-color: var(--color_secondary_medium);
    border: 0;
    line-height: 22px;
    font-weight: 700;
    margin-top: 10px
}

.comparsionInfoPreco br+br {
    display: none
}

.page-comparador h1 {
    color: var(--color_font_dark);
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center
}

.page-comparador h1:after {
    content: "";
    display: block;
    width: 62px;
    height: 4px;
    margin: 15px auto 0;
    background-color: var(--color_primary_medium)
}

.page-comparador .page-content>.container>.board>.container3>.container2>.board .left {
    font-size: 14px;
    font-weight: 400
}

.page-comparador .page-content>.container>.board>.container3>.container2>.board .left strong {
    font-weight: 400
}

.page-comparador .page-content>.container>.board>.container3>.container2>.board {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.page-comparador .page-content>.container>.board>.container3>.container2>.board .right {
    display: flex
}

.page-comparador .page-content>.container>.board>.container3>.container2>.board .right>* {
    min-width: 44px;
    height: 38px
}

@media (max-width:767px) {
    .page-comparador .page-content>.container>.board>.container3>.container2>.board {
        flex-direction: column-reverse
    }

    .page-comparador .page-content>.container>.board>.container3>.container2>.board .left {
        margin-top: 15px
    }
}

.box-shadow {
    box-shadow: 0 4px 8px rgba(0, 0, 0, .04)
}

.box-alerts {
    padding: 5px;
    font-size: .75rem;
    color: #fff;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 9;
    right: 0;
    background: #a51111;
    text-align: center
}

#alert-show,
#alert-show+.box-alerts,
#alert-show+.infobox.danger,
#alert-show:checked~.box-alerts,
.box-alerts:empty,
.close-info:first-child {
    display: none
}

.close-info {
    position: absolute;
    top: 0;
    width: 14px;
    height: 14px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 10px;
    bottom: 0;
    margin: auto;
    display: block
}

.close-info:before {
    width: 14px;
    height: 2px;
    top: 6px
}

.close-info:after,
.close-info:before {
    content: "";
    display: block;
    background: #1e201d;
    position: absolute
}

.close-info:after {
    height: 14px;
    width: 2px;
    left: 6px
}

@media (max-width:395px) {
    .infobox.danger+.close-info {
        top: 32px
    }
}

@media (max-width:431px) and (min-width:395px) {
    .infobox.danger+.close-info {
        top: -16px
    }
}

@media (max-width:802px) and (min-width:431px) {
    .infobox.danger+.close-info {
        top: 18px
    }
}

.infobox.danger+.close-info:after,
.infobox.danger+.close-info:before {
    background: #fff
}

.box-alerts .infobox.danger {
    font-size: .75rem;
    padding: unset;
    color: #fff
}

.box-alerts .infobox {
    font-size: .75rem;
    padding: 10px 30px 10px 10px;
    color: #707070
}

.title-store {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center
}

.perguntasProdutoBTimg {
    float: none !important;
    margin: 1.25rem auto 0;
    display: block;
    width: 160px !important;
    height: 42px !important;
    font-family: var(--font_family);
    font-size: .875rem;
    font-weight: 500;
    border-radius: 2px;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    text-transform: uppercase;
    transition: .2s ease-out
}

.perguntasProdutoBTimg:hover {
    opacity: .8
}

.board_htm,
.rte {
    width: 100%;
    overflow: hidden
}

.board_htm:after,
.page-noticia .board:after {
    content: "";
    display: block;
    clear: both
}

.board_htm h1,
.page-noticia .board h1,
.rte h1 {
    font-size: 1.675rem;
    font-weight: 700;
    margin-bottom: 16px
}

.board_htm h2,
.page-noticia .board h2,
.rte h2 {
    font-size: 1.425rem;
    font-weight: 700;
    margin-bottom: 16px
}

.board_htm h3,
.page-noticia .board h3,
.rte h3 {
    font-size: 1.35rem;
    font-weight: 700;
    margin-bottom: 16px
}

.board_htm h4,
.page-noticia .board h4,
.rte h4 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 16px
}

.board_htm h5,
.page-noticia .board h5,
.rte h5 {
    font-size: 1.1125rem;
    font-weight: 700;
    margin-bottom: 16px
}

.board_htm h6,
.page-noticia .board h6,
.rte h6 {
    font-size: 1rem;
    margin-bottom: 16px;
    font-weight: 700
}

.board_htm img,
.rte img {
    max-width: 100%;
    height: auto !important;
    margin: 10px 0
}

.board_htm img[style*="float: right"],
.rte img[style*="float: right"] {
    margin: 10px 0 10px 10px
}

.board_htm img[style*="float: left"],
.rte img[style*="float: left"] {
    margin: 10px 10px 10px 0
}

.board_htm iframe,
.page-noticia .board iframe,
.rte iframe {
    max-width: 100%
}

.board_htm,
.rte {
    font-family: inherit;
    font-size: 1rem;
    line-height: 25px
}

.board_htm p,
.rte p {
    margin-bottom: 14px
}

.board_htm p:last-child,
.rte p:last-child {
    margin-bottom: 0
}

.board_htm a,
.page-noticia .board a,
.rte a {
    text-decoration: underline
}

.board_htm a,
.page-noticia .board a:hover,
.rte a:hover {
    color: var(--color_primary_medium)
}

.board_htm ul,
.page-noticia .board ul,
.rte ul {
    list-style: disc;
    margin-left: 1.875rem;
    margin-bottom: 1.25rem;
    line-height: 1.7
}

.board_htm ol,
.page-noticia .board ol,
.rte ol {
    list-style: decimal;
    margin-left: 1.875rem;
    margin-bottom: 1.25rem;
    line-height: 1.7
}

.board_htm table,
.rte table {
    width: 100%
}

.board_htm td,
.board_htm th,
.rte table td,
.rte table th {
    padding: .3125rem .625rem
}

.board_htm table tr:nth-child(odd) td,
.rte table tr:nth-child(odd) td {
    background-color: rgba(0, 0, 0, .05)
}

.board_htm table tr:nth-child(2n) td,
.rte table tr:nth-child(2n) td {
    background-color: rgba(0, 0, 0, .02)
}

.board_htm .rte-video-wrapper,
.page-noticia .board .rte-video-wrapper,
.rte .rte-video-wrapper {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    padding-bottom: 56.25%
}

.board_htm .rte-video-wrapper .iframe,
.board_htm .rte-video-wrapper iframe,
.page-noticia .board .rte-video-wrapper iframe,
.rte .rte-video-wrapper .iframe,
.rte .rte-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body.overflowed {
    overflow: hidden
}

.video {
    position: relative
}

.video:before {
    content: "";
    display: block;
    padding-bottom: 56.25%
}

.video iframe {
    position: absolute;
    display: block;
    border: 0
}

.modal-theme,
.video iframe {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-theme {
    position: fixed;
    z-index: 30;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out
}

.modal-theme.show {
    opacity: 1;
    visibility: visible
}

.modal-theme .modal-shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .5)
}

.modal-theme .close-icon {
    position: absolute;
    top: -20px;
    right: -20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--color_font_medium);
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15)
}

.modal-theme .close-icon .icon {
    height: 20px;
    display: block
}

.modal-theme .modal-scroll {
    width: 100%;
    height: 100%;
    overflow: auto
}

.modal-theme .modal-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100%;
    padding: 2.5rem
}

.modal-theme .modal-info {
    position: relative;
    width: 100%;
    min-width: 200px;
    max-width: 1000px;
    padding: 2.5rem;
    color: var(--color_font_medium);
    background: #fff;
    border-radius: 6px;
    transition: transform .3s cubic-bezier(.54, -.65, .48, 1.64);
    transform: scale(.6);
    z-index: 2
}

.modal-theme.show:not(.loaded) .modal-info {
    transform: scale(1)
}

.modal-theme .modal-content img {
    display: block;
    max-width: 100%
}

.modal-theme.modal-video .modal-info {
    padding: 0
}

.modal-theme.modal-video .video {
    overflow: hidden;
    border-radius: 6px
}

.modal-theme.modal-store-reviews .modal-info {
    max-width: 500px
}

.modal-theme .append {
    padding: 30px 20px 20px
}

.modal-theme .light_altura {
    width: 400px !important;
    max-width: 100%
}

.modal-theme .light_altura h2 {
    font-weight: 500;
    text-transform: uppercase;
    font-size: .875rem
}

.modal-theme .light_altura hr {
    display: none
}

@media (min-width:991px) {
    .modal-theme .append {
        padding: 30px 40px
    }
}

@media (max-width:767px) {
    .modal-theme .modal-wrapper {
        height: auto
    }
}

@media (max-width:575px) {

    .modal-theme .modal-info,
    .modal-theme .modal-wrapper {
        padding: 1.25rem
    }
}

@media (min-width:768px) {
    .application {
        padding-top: 178px
    }
}

.error-message {
    padding: .5rem;
    font-size: .75rem;
    text-align: center;
    border-radius: 4px;
    color: #e15656;
    background-color: #ffebeb
}

.swiper-carousel {
    position: relative
}

.swiper-carousel .next,
.swiper-carousel .prev,
.swiper-container .next,
.swiper-container .prev {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 28px;
    height: 48px;
    cursor: pointer;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    z-index: 3;
    border-radius: 2px;
    line-height: 52px;
    text-align: center;
    margin: auto
}

.swiper-carousel .prev,
.swiper-container .prev {
    left: 0
}

.swiper-carousel .next,
.swiper-container .next {
    right: 0
}

.swiper-carousel .next.swiper-button-disabled,
.swiper-carousel .prev.swiper-button-disabled,
.swiper-container .next.swiper-button-disabled,
.swiper-container .prev.swiper-button-disabled {
    opacity: 0;
    visibility: hidden
}



.swiper-container .dots {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 1.875rem
}

.swiper-container .dots .dot {
    width: 8px;
    margin: 0 5px;
    cursor: pointer;
    padding: 5px 0
}

.swiper-container .dots .dot:after {
    content: "";
    display: block;
    height: 8px;
    border-radius: 4px;
    background-color: var(--color_gray_dark);
    transition: .2s ease-out;
    opacity: .4
}

.swiper-container .dots .dot-active:after {
    opacity: 1
}

@media (min-width:768px) {
    .swiper-container.hide-dots-desk .dots {
        display: none
    }
}

.section-header {
    text-align: center;
    margin-bottom: 1.875rem
}

.section-header .title-section {
    font-size: 1.67rem;
    font-weight: 700;
    text-align: center;
    color: var(--color_gray_dark);
}

.page-product .section-header .title-section {
    color: var(--color_primary);
}

.section-header .subtitle-section {
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    color: var(--color_font_light)
}

@media (max-width:575px) {
    .section-header .title-section {
        font-size: 1.25rem
    }

    .section-header .subtitle-section {
        font-size: .875rem
    }
}

@media (min-width:992px) {

    .page-catalog .page-content,
    .page-content:not(.not-padding),
    .page-search .page-content {
        padding-top: 40px
    }
}

@media (max-width:991px) {

    .page-catalog .page-content,
    .page-content:not(.not-padding),
    .page-search .page-content {
        padding-top: 20px
    }
}

.suggestion {
    position: absolute;
    top: 100%;
    left: 0;
    max-width: unset;
    max-height: 450px;
    min-width: unset;
    width: 100%;
    padding: 0 1.25rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16);
    background-color: #fff;
    border: none;
    border-radius: 0 0 3px 3px;
    scrollbar-color: var(--color_header_highlight) #fff;
    scrollbar-width: thin
}

.suggestion::-webkit-scrollbar {
    width: 6px;
    background: #fff
}

.suggestion::-webkit-scrollbar-track {
    background: #fff
}

.suggestion::-webkit-scrollbar-thumb {
    background: var(--color_header_highlight);
    border-radius: 5px
}

.suggestion:hover {
    display: block !important
}

.suggestion .cl,
.suggestion .idp {
    display: none
}

.suggestion-title {
    font-family: inherit;
    line-height: 1.4;
    font-size: .875rem;
    font-weight: 500;
    text-indent: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    background-color: transparent !important;
    color: var(--color_font_dark)
}

.suggestion-words {
    margin-bottom: 1.875rem;
    padding: 1.25rem 0 0;
    background: transparent
}

.suggestion-words .suggestion-title {
    margin-bottom: .3125rem
}

.suggestion-words span {
    font-size: .875rem;
    border: 0;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    background-color: transparent;
    transition: .2s ease-out
}

.suggestion-words span:hover {
    color: var(--color_primary_medium);
    background-color: transparent
}

.suggestion-products {
    width: 100%;
    padding: 0
}

.suggestion-products,
.suggestion-products .suggestion-product:hover {
    background: transparent
}

.suggestion-products .suggestion-product a {
    display: flex;
    margin: 0;
    padding: 0
}

.suggestion-products .suggestion-product a:hover {
    background: transparent
}

.suggestion-products .suggestion-product .suggestion-img {
    width: 50px;
    height: 50px;
    float: unset;
    margin-right: .625rem
}

.suggestion-products .suggestion-product .suggestion-img img {
    width: 100%;
    height: 100%
}

.suggestion-products .suggestion-product .suggestion-desc {
    width: calc(100% - 60px)
}

.suggestion-products .suggestion-product .suggestion-desc .titlep {
    font-size: .875rem;
    font-weight: 500;
    color: var(--color_font_light);
    transition: .2s ease-out
}

.suggestion-products .suggestion-product .suggestion-desc .titlep:hover {
    color: var(--color_primary_medium)
}

.loader:not(img) {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    background-color: hsla(0, 0%, 100%, .8);
    transition: .2s ease-out
}

.loader.show {
    opacity: 1;
    visibility: visible
}

.loader .spinner {
    width: 40px;
    height: 40px;
    position: relative
}

.loader .spinner .double-bounce-one,
.loader .spinner .double-bounce-two {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: var(--color_primary_medium);
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-bounce 2s ease-in-out infinite
}

.loader .spinner .double-bounce-two {
    animation-delay: -1s
}

.loader .message {
    font-size: .875rem;
    margin-top: .625rem;
    color: var(--color_font_dark)
}

@keyframes sk-bounce {

    0%,
    to {
        transform: scale(0)
    }

    50% {
        transform: scale(1)
    }
}

.floating-whatsapp {
    position: fixed;
    display: flex;
    bottom: 70px;
    font-size: 1rem;
    z-index: 9
}

.floating-whatsapp.on-left {
    left: 50px
}

.floating-whatsapp.on-right {
    right: 50px
}

.floating-whatsapp a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: .2s ease-out;
    color: #fff;
    background-color: #25d366
}

.floating-whatsapp a:hover {
    background-color: #23c35f
}

.floating-whatsapp a .icon {
    font-size: 2.0625rem
}

@media (max-width:767px) {
    .floating-whatsapp.on-left {
        left: 10px
    }

    .floating-whatsapp.on-right {
        right: 10px
    }
}

.overlay-shadow {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 19;
    opacity: 0;
    visibility: hidden;
    background-color: #000;
    transition: .3s ease-out
}

.overlay-shadow.show {
    opacity: .5;
    visibility: visible
}

.close-box {
    position: absolute;
    top: 2.8125rem;
    right: 3.625rem;
    font-size: 1.125rem;
    width: 22px;
    height: 22px;
    cursor: pointer
}

.close-box:hover .icon {
    transition: .5s ease-in-out;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header-search-wrapper {
    position: relative;
    width: 100%
}

header .header-search-wrapper .input-search {
    display: block;
    width: 100%;
    height: 45px;
    padding: 0 58px 0 20px;
    font-size: .93rem;
    font-weight: 500;
    border-radius: 3px;
    border: 1.5px solid #E8E8E8;
    color: var(--color_header_second_font);
    background: var(--color_menu_bg);
}

header .header-search-wrapper .input-search:focus {
    box-shadow: inset 0 0 4px var(--color_header_second_font)
}

header .header-search-wrapper .input-search::-webkit-input-placeholder {
    color: var(--color_header_main_font) !important
}

header .header-search-wrapper .input-search:-ms-input-placeholder {
    color: var(--color_header_main_font) !important
}

header .header-search-wrapper .input-search::-ms-input-placeholder {
    color: var(--color_header_main_font) !important
}

header .header-search-wrapper .input-search::placeholder {
    color: var(--color_header_main_font) !important
}

.header-search-wrapper .button-search {
    position: absolute;
    width: 20px;
    height: 100%;
    top: 0;
    right: 20px;
    font-size: 20px;
    color: var(--color_header_main_font);
    background-color: transparent
}

@media (max-width:500px) {
    .header .header-search-wrapper .input-search {
        font-size: 16px;
        border-radius: 0;
        height: 45px;
    }
}

.header>.bg {
    background-color: var(--color_header_bg)
}

@media (max-width:991px) {
    .header>.bg {
        background: var(--color_header_bg);
    }
}

.header .line {
    height: 100px;
    transition: .3s ease-out
}

.header .logo {
    display: block;
    flex-shrink: 0;
    font-size: 0
}

.header .logo img {
    width: auto;
    height: auto
}

.header .logo img+.title-store,
.header .logo svg+.title-store {
    display: none
}

.account i {
    color: var(--color_header_highlight);
    margin-right: 8px;
    font-size: 25px
}

.account [data-logged-user=true]:not(.tray-hide)+[data-logged-user] {
    display: none
}

.account div>span {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    min-height: 17px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box
}

.account.sac{
    margin-right: 2.875rem;
}

.account span {
    color: var(--color_header_second_font);
    font-size: .81rem;
    font-weight: 700;
    margin-left: 0.4rem;
}

.account .login-links span,
.account a,
.account div {
    color: var(--color_header_second_font);
    font-size: .81rem;
    transition: .2s ease-out;
    line-height: 15px
}

.account a:hover {
    opacity: .8;
}

.account .login-links {
    display: flex
}

.account .login-links span {
    padding: 0 4px
}

.header .account:hover .account-dropdown{
    transform: translateX(-50%) translateY(10px);
    opacity: 1;
    visibility: visible;
}

.header .account .account-dropdown{
    position: absolute;
    top: 100%;
    right: 0%;
    width: 235px;
    padding: 1.25rem;
    color: var(--color_account_menu_text);
    background-color: var(--color_account_menu_bg);
    border-radius: 4px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
    transform: translateX(-50%) translateY(-10px);
    opacity: 0;
    visibility: hidden;
    cursor: default;
    transition: ease-out 0.3s;
    z-index: -1;
}

.header .account .account-dropdown::before{
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    width: 8px;
    height: 4px;
    background-color: var(--color_account_menu_bg);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    transform: translateX(-50%);
}

.header .account.sac .account-dropdown{
    display: flex;
    padding: 1rem;
    text-align: center;
    flex-wrap: wrap;
    min-width: 327px;
}

.header .account.sac .account-dropdown div{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.header .account.sac .account-dropdown h3{
    color: #191919;
    font-size: 1.06rem;
    font-weight: 700;
    margin-top: 0.5rem;
}

.header .account.sac .account-dropdown p{
    color: #191919;
    font-size: 1.06rem;
    font-weight: 500;
    margin-top: 0.5rem;
    line-height: 1.3;
}

.header .account.sac .account-dropdown .tracking-form input{
    border: 1px solid #E8E8E8;
    border-radius: 3px;
    background-color: #fff;
    color: #858585;
    font-size: 0.87rem;
    padding: 1rem;
    margin-top: 0.8rem;
    height: 40px;
    width: 100%;
}

.header .account .account-dropdown .action-button,
.header .account.sac .account-dropdown .action-button{
    background: var(--color_header_cart_count);
    border-radius: 3px;
    color: #fff;
    font-size: 0.87rem;
    font-weight: 700;
    width: 100%;
    padding: .75rem;
    text-transform: uppercase;
    display: block;
    text-align: center;
}

.header .account.sac .account-dropdown .action-button{
    margin-top: 0.8rem;
}

.header .account .account-dropdown .action{
    color: #191919;
    font-weight: 500;
    font-size: .75rem;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.header .account .account-dropdown .divider{
    margin: .5rem 0;
}

.header .account .account-dropdown .divider .text{
    color: #191919;
    font-weight: 500;
    font-size: .75rem;
    display: block;
    text-align: center;
    position: relative;
}

.header .account .account-dropdown .divider .text::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 40%;
    height: 1px;
    background-color: #3D3D3D;
}
.header .account .account-dropdown .divider .text::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 40%;
    height: 1px;
    background-color: #3D3D3D;
}

.header .cart-toggle .icon {
    font-size: 25px;
    color: var(--color_header_highlight);
    display: inline-block
}

.header .cart-toggle .cart-quantity {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    line-height: 23px;
    text-align: center;
    font-size: .875rem;
    font-weight: 400;
    vertical-align: middle;
    color: var(--color_header_details);
    background-color: var(--color_header_cart_count)
}

.header .cart-toggle {
    margin-left: 2.875rem;
    flex-shrink: 0;
    transition: .2s ease-out;
    display: flex;
    align-items: center;
}

.header .cart-toggle:hover {
    opacity: .8
}

.header .wrapper-header{
    background-color: var(--color_header_second_font);
    padding: 0.2em 0;
    transition: 0.7s all ease;
}

@media (max-width:991px) {
    .header .wrapper-header{
        display: none;
    }
}

.header .wrapper-header .mx-auto{
    margin-left: auto;
    margin-right: 3em;
}

.header .wrapper-header .mx-auto a{
    font-size: .7em;
    font-weight: 500;
    color: var(--color_header_details);
    margin-left: 1em;
}

.header .wrapper-header p{
    font-size: .78em;
    font-weight: 500;
    color: var(--color_header_details);
}

.header .wrapper-header .social-media{
    color: var(--color_header_details);
}

.header .wrapper-header .social-media a{
    margin: 0 5px;
}

@media (min-width:768px) {
    .header:not(.fixed) .line {
        border-bottom:1.5px solid #E8E8E8;
    }
    .header-menu,
    .header-mobile {
        display: none
    }

    .header {
        position: fixed;
        width: 100%;
        z-index: 10;
        top: 0;
        transition: .3s ease-out
    }

    .header .logo {
        margin-top: 1.3rem;
        margin-right: 1.875rem
    }

    .header .logo img,
    .header .logo svg {
        max-width: 100%;
        max-height: 74px;
        transition: .3s ease-out
    }

    .header .header-search-wrapper {
        max-width: 540px;
        margin: 0 80px 0 auto
    }

    .header .account{
        position: relative;
        cursor: pointer;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        z-index: 0;
        margin-top: 1rem;
    }

    .header .account .account-header::after{
        content: '';
        position: absolute;
        bottom: -10px;
        width: 100%;
        height: 10px;
        background-color: transparent;
    }

    .header .account .account-header .account-icon{
        height: 33px;
        margin-right: 10px;
        font-size: 28px;
        color: var(--color_header_icon_text);
    }

    .header .account .account-header span.logout{
        display: flex;
        align-items: center;
    }

    .header .account .account-header span.logout span {
        max-width: 100px;
        display: inline-block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-left: 3px;
    }

    .header .account:hover .account-header span{
        color: var(--color_header_main_font);
    }    

    .header .account .account-header svg path{
        fill: var(--color_header_second_font);
    } 

    .header .account:hover .account-header svg path{
        fill: var(--color_header_main_font);
    }    

    .header .account:hover .account-dropdown{
        transform: translateX(0%) translateY(10px);
        opacity: 1;
        visibility: visible;
    }
    .header .account.sac:hover .account-dropdown{
        transform: translateX(5%) translateY(10px);
    }

    .header .account .account-dropdown{
        position: absolute;
        top: 100%;
        right: 0%;
        max-width: 187px;
        padding: 1.25rem;
        color: var(--color_header_main_font);
        background-color: var(--color_header_details);
        border-radius: 4px;
        box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
        transform: translateX(0%) translateY(-10px);
        opacity: 0;
        visibility: hidden;
        cursor: default;
        transition: ease-out 0.3s;
        z-index: -1;
    }
    .header .account.sac .account-dropdown{
        transform: translateX(5%) translateY(-10px);
    }

    .header .account .account-dropdown::before{
        content: '';
        position: absolute;
        top: -4px;
        left: 50%;
        width: 8px;
        height: 4px;
        background-color: var(--color_account_menu_bg);
        clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
        transform: translateX(-50%);
    }

    .header.fixed {
        max-height: 115px
    }

    .header.fixed .bg {
        box-shadow: 0 4px 8px rgba(0, 0, 0, .06);
        transition: .3s ease-out
    }

    .header.fixed .line {
        height: 64px;
        transition: .3s ease-out .3s
    }

    .header.fixed .logo img,
    .header.fixed .logo svg {
        max-height: 56px;
        transition: .3s ease-out .3s
    }

    .header.fixed .wrapper-header{
        height: 0;
        padding: 0;
        display: none;
    }

    .header.fixed .logo,
    .header.fixed .search-header,
    .header.fixed .account,
    .header.fixed .cart-header{
        margin-top: 0;
    }
}

@media (max-width:767px) {
    .header-menu {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-grow: 0;
        flex-shrink: 0;
        width: 20px;
        height: 18px;
        margin-right: 28px;
        cursor: pointer
    }

    .header-menu div {
        width: 100%;
        height: 2px;
        background-color: var(--color_secondary_medium)
    }

    .header .cart-toggle .cart-quantity {
        width: 20px;
        height: 20px;
        font-size: 11px;
        line-height: 20px
    }

    .header .account.sac .account-dropdown div{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .header-mobile {
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: 48px;
        padding: 0 .625rem;
        background-color: var(--color_header_bg);
        box-shadow: 0 4px 8px rgba(0, 0, 0, .06);
        transform: translateY(calc(-100% - 10px));
        transition: .3s ease-out;
        z-index: 10
    }

    .header-mobile.show {
        transform: translateY(0)
    }

    .header-mobile .cart-toggle {
        margin-left: 1.875rem;
        flex-shrink: 0;
        display: flex;
    }

    .header-mobile .cart-toggle .icon {
        font-size: 1.5rem;
        height: 28px;
        color: var(--color_header_highlight);
        display: inline-block
    }

    .header-mobile .cart-toggle .cart-quantity {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        border-radius: 50%;
        line-height: 20px;
        text-align: center;
        font-size: .9375rem;
        font-weight: 500;
        vertical-align: middle;
        color: var(--color_header_details);
        background-color: var(--color_header_cart_count)
    }

    .header-mobile .header-search-wrapper .input-search {
        height: 32px;
        padding-left: 5px
    }

    .header-mobile .header-search-wrapper .button-search {
        width: 40px;
        font-size: 17px
    }

    .header-mobile .header-search-wrapper .button-search .icon {
        display: block
    }

    .header-mobile:not(.show) .suggestion,
    .header.not-visible .suggestion {
        display: none !important
    }

    .header-mobile .suggestion {
        top: calc(100% + 8px);
        left: -60px;
        width: calc(100% + 160px)
    }

    .header .line {
        flex-wrap: wrap;
        justify-content: flex-start;
        height: calc(55px + 1.25rem);
        padding-bottom: 0rem;
        padding-top: 1.25rem
    }

    .header .logo {
        order: 1;
        margin: 0 auto;
        max-width: calc(100% - 128px)
    }

    .header .cart-toggle {
        order: 4;
        margin-left: 0
    }

    .header .header-search-wrapper {
        order: 3;
        margin-top: 0rem
    }

    .header .logo img,
    .header .logo svg {
        max-width: 100%;
        max-height: 45px;
        transition: .3s ease-out
    }

    .header .account {
        display: none
    }
}

.nav {
    position: relative;
    z-index: -1;
    background-color: var(--color_menu_bg);
    transition: transform .3s ease-out .3s, background .3s ease-out;
    border-bottom: 1px solid var(--color_font_light);
}

.nav .container {
    max-width: 1230px
}

.nav .list,
.nav .list>.first-level {
    position: relative
}

.nav .list>li>a,
.nav .list>li>span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 49px;
    padding: 0 12px;
    font-size: 0.85rem;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    color: var(--color_header_main_font);
    z-index: 2;
    transition: .2s ease-out
}

.nav-mobile .first-level>li.sub>a:after,
.nav .list>.first-level.sub>a .name:after {
    content: "\ea01";
    font-family: go !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-variant: normal !important;
    text-transform: none !important;
    height: 14px;
    font-size: .95rem;
    margin-left: .3125rem;
    vertical-align: middle;
    transition: .2s ease-out
}

.nav-mobile .first-level>li.sub>a:after {
    position: absolute;
    right: 15px
}

.nav .first-level:hover>a,
.nav .second-level .colum-menu>li:hover>a,
.nav .third-level>li:hover>a {
    opacity: .8
}

.nav .list .second-level {
    position: absolute;
    top: calc(100% - 40px);
    min-width: 500px;
    width: auto;
    padding: 2.0625rem 2.5rem;
    opacity: 0;
    visibility: hidden;
    background-color: var(--color_header_bg);
    border-radius: 0 0 4px 4px;
    transform: translateY(40px);
    border-top: 3px solid var(--color_header_highlight);
    overflow-y: scroll;
    transition: .2s ease-out;
    box-shadow: 0 4px 8px rgb(0 0 0/6%)
}

.nav .first-level:hover .second-level {
    opacity: 1;
    visibility: visible
}

.nav .list .second-level {
    scrollbar-color: var(--color_header_highlight) var(--color_header_bg);
    scrollbar-width: thin
}

.nav .list .second-level::-webkit-scrollbar {
    width: 6px;
    background: var(--color_header_bg)
}

.nav .list .second-level::-webkit-scrollbar-track {
    background: var(--color_header_bg)
}

.nav .list .second-level::-webkit-scrollbar-thumb {
    background: var(--color_header_highlight);
    border-radius: 5px
}

.nav .first-level:last-child .second-level,
.nav .first-level:nth-child(n+5) .second-level {
    left: auto;
    right: 0
}

.nav .colum-menu{
    column-count: 3;
    column-gap: 2em;
    column-width: 100px;
}

.nav .third-level {
    padding-left: 1.1rem
}

.fixed .nav {
    transform: translateY(-115%);
    transition: transform .3s ease-out, background 0s ease-out .3s
}

.fixed .nav .list>li>a .icon {
    max-height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .2s ease-out .2s
}

.fixed .nav.show-nav {
    transform: translateY(0);
    box-shadow: 0 1px 5px rgb(0 0 0/6%)
}

@media (max-width:1000px) {
    .nav .list>li>a {
        font-size: 1rem;
        padding: 0 .625rem
    }
}

@media (max-width:900px) {
    .nav .list>li>a {
        font-size: .875rem;
        padding: 0
    }
}

@media (max-width:767px) {
    .nav {
        display: none
    }
}

.nav .list>li.sub>.sub-list li a {
    display: block;
    font-size: .875rem;
    transition: .2s ease-out;
    color: var(--color_header_second_font)
}

.nav .second-level .colum-menu>li a {
    padding: .4375rem 0;
    font-weight: 500
}

.nav .third-level>li a {
    padding: .1rem 0;
    font-weight: 400
}

.nav .second-level .colum-menu>a {
    font-size: 1.12rem;
    font-weight: 500;
    line-height: 1.31rem;
    color: var(--color_header_highlight);
    margin-bottom: 4px;
    display: block
}

.nav .list-categories{
    position: relative;
}

.nav .list-categories span.btn-menu-icon,
.nav .list-categories span.btn-menu-icon:before,
.nav .list-categories span.btn-menu-icon:after {
    position: absolute;
    top: 48%;
    left: 2px;
    height: 2px;
    width: 14px;
    background: #000;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.nav .list-categories span.btn-menu-icon:before {
    content: '';
    top: -4px;
    left: 0;
}
.nav .list-categories span.btn-menu-icon:after {
    content: '';
    top: 4px;
    left: 0;
}

.nav .list-categories .dropdown-content{
    visibility: hidden;
    opacity: 0;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 680px;
    min-height: 320px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    padding: 0px;
    z-index: 1;
    right: 0;
    transform: translate(0px, -50px);
    transition: 0.3s all ease;
}
.nav .list-categories:hover .dropdown-content{
    visibility: visible;
    opacity: 1;
    transform: translate(0px, 0px);
    margin-top: 0px;
}

.nav .list-categories:hover .dropdown-content .list-categories-header{
    padding: 1em 1.5em .2em;
}

.nav .list-categories:hover .dropdown-content h2{
    color: #191919;
    font-size: 16px;
    font-weight: 600;
    text-transform: initial;
    padding: 0 20px;
}

.nav .list-categories .line-menu {
    border-bottom: 1px solid;
    border-color: var(--color_header_cart_count);
    margin: 5px 0;
    display: block;
    position: relative;
    left: 20px;
}

.nav .list-categories:hover .dropdown-content .list-categories-body{
    padding: .2em 1.5em 1em 1.5em;
    display: flex;
    flex-wrap: wrap;
}

.nav .list-categories .menu-left {
    width: 45%;
}

.nav .list-categories .menu-left a.second {
    color: #000;
    background-color: transparent;
    line-height: 2;
    height: auto;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.nav .list-categories .menu-left a.second .ml-3 {
    margin-left: 1em;
}

.nav .list-categories .menu-left a.second .ml-auto {
    margin-left: auto;
}

.nav .list-categories .menu-left .second-lvl,
.nav .list-categories .menu-left .third-lvl {
    display: none;
    position: absolute;
    left: 308px;
    top: 0;
    background-color: #f9f9f9;
    z-index: 5;
    min-width: 372px;
    height: 100%;
    min-height: 320px;
    padding: 1em 0 1em 0em;
    box-sizing: border-box;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.nav .list-categories .menu-left li:hover .second-lvl{
    display: block;
}

.nav .list-categories .menu-left li .second-lvl li:hover .third-lvl {
    display: block;
}

.nav .list-categories .menu-left .second-lvl a.seta-left{
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.nav .list-categories .menu-left .second-lvl > li{
    padding-left: 1.2em;
}

.nav .list-categories .menu-left .second-lvl .title-categ{
    padding-left: 0;
    margin-bottom: 10px;
}

.nav .list-categories .menu-left li:hover .second-lvl a,
.nav .list-categories .menu-left li:hover .third-lvl a{
    font-size: .8rem;
}

.nav .list-categories .menu-right {
    width: 40%;
}

.account-header-mobile{
    display: flex;
    order: 3;
    margin-right: 2em;
}

@media (min-width:768px) {
    .account-header-mobile{
        display: none
    }
}

.menu-mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 500px;
    overflow: auto;
    display: flex;
    flex-direction: column;
    padding: 0;
    background-color: var(--color_header_bg);
    transform: translateX(calc(-100% - 10px));
    box-shadow: 0 3px 12px rgba(0, 0, 0, .16);
    z-index: 20;
    transition: .3s ease-out
}

.menu-mobile.show {
    transform: translateX(0)
}

.menu-mobile .close-box {
    top: 33px;
    right: 20px;
    color: var(--color_header_details)
}

.menu-mobile .header-menu {
    margin-right: 1.25rem;
    cursor: default
}
.menu-mobile .menu-mobile-header{
    background-color: var(--color_header_second_font);
    padding: 1.875rem 0.625rem;
}

.menu-mobile .block-title {
    width: 100%;
    font-size: 0.75rem;
    font-weight: 500;
    padding-right: 3.125rem;
    color: var(--color_header_details);
    text-transform: uppercase;
}

.menu-mobile .block-title .account-icon{
    color: var(--color_header_details);
    font-size: 18px;
}

.nav-mobile {
    overflow-y: auto;
    height: 100%;
    overflow-x: hidden;
    scrollbar-color: var(--color_header_highlight) var(--color_header_details);
    scrollbar-width: thin
}

.nav-mobile::-webkit-scrollbar {
    width: 6px
}

.nav-mobile::-webkit-scrollbar,
.nav-mobile::-webkit-scrollbar-track {
    background: var(--color_header_details)
}

.nav-mobile::-webkit-scrollbar-thumb {
    background: var(--color_header_highlight);
    border-radius: 5px
}

.nav-mobile .list li a {
    position: relative;
    display: flex;
    align-items: center;
    padding: .8125rem 0;
    color: var(--color_header_main_font);
    border-bottom: 1px solid #ccc;
}

.nav-mobile li.sub>.second-level,
.nav-mobile li.sub>.third-level {
    padding-left: 20px
}

.nav-mobile li.sub>.second-level {
    display: none
}

.nav-mobile li.sub.show>.second-level {
    display: block
}

.nav-mobile li.sub.show>a:after {
    transform: rotate(-180deg)
}

.menu-mobile .header-search-wrapper {
    margin-top: 1em;
}

.header .search-header {
    width: calc(100% - 620px);
    max-width: 540px;
    position: relative;
    margin-top: 1rem;
}

.menu-mobile .input-search {
    width: 100%;
    height: 35px;
    border: none;
    font-size: 13px;
    padding-left: 1em;
    border-radius: 4px;
    background-color: #f9f9f9!important;
}

.menu-mobile .button-search {
    height: 35px;
    background-color: #f9f9f9;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.menu-mobile .nav-mobile-wrapper {
    flex-grow: 1;
    height: calc(100% - 180px);
    padding: 1.875rem 0.625rem;
    /* overflow: auto; */
}

.menu-mobile .social-media{
    padding-bottom: 1em;
}

.menu-mobile .social-media .icon{
    color: var(--color_secondary_medium);
    font-size: 25px;
    margin: 0 9px;
}

.menu-mobile .rastreio-pedidos {
    text-align: center;
}

.menu-mobile .rastreio-pedidos h3 {
    color: var(--color_header_main_font);
    font-size: 1.06em;
    font-weight: bold;
    text-transform: initial;
}
.menu-mobile .rastreio-pedidos p {
    color: var(--color_header_main_font);
    font-size: .81em;
    font-weight: 500;
}
.menu-mobile .tracking-form input{
    width: 100%;
    border: 1px solid #E8E8E8;
    height: 40px;
    font-size: .87em;
    color: var(--color_header_main_font);
    margin-bottom: 5px;
    text-align: center;
}
.menu-mobile .tracking-form button{
    background: var(--color_header_second_font);
    border-radius: 3px;
    width: 100%;
    height: 40px;
    color: var(--color_header_bg);
    font-size: .81em;
    border: none;
    text-transform: uppercase;
    text-align: center;
}
.menu-mobile .btn.btn-primary {
    display: block;
    width: 100%;
    background-color: #7EBC42;
    border-radius: 3px;
    color: #fff;
    font-size: .81em;
    font-weight: bold;
    text-transform: uppercase;
}

.item-image {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block
}

.item-image:after {
    content: "";
    display: block;
    padding-bottom: var(--padding)
}

.item-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: opacity .2s ease-out
}

.item-image img.swiper-lazy {
    opacity: 0
}

.item-image img.swiper-lazy.swiper-lazy-loaded {
    opacity: 1
}

.banner-home {
    position: relative
}

.banner-home .item a {
    display: block
}

.banner-home .item img {
    display: block;
    width: 100%
}

.banner-home .swiper-container .dots {
    margin: 0;
    position: absolute;
    bottom: 28px;
    z-index: 5
}

@media (min-width:767px) {
    .header .icon-search, .header .prev {
        display: none;
    }
}
@media (max-width:767px) {
    .header .icon-search {
        display: flex;
        margin-right: 34px;
        cursor: pointer;
        order: 2;
    }

    .header .icon-search::before {
        display: none;
    }

    .header .icon-search .icon {
        fill: var(--header_icon_top);
        width: 22px;
        height: 22px;
        display: block;
    }

    .header .search-header .prev {
        width: 25px;
        height: 25px;
        cursor: pointer;
        position: absolute;
        left: 10px;
        top: 0;
        bottom: 0;
        margin: auto;
        fill: var(--header_top);
    }

    .header .search-header {
        max-width: none;
        /* height: 100%; */
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        transform: translateY(-150%);
        background-color: #fff;
        z-index: 6;
        transition: ease-in-out .3s;
    }

    header .search-header.header-search-wrapper .input-search{
        padding: 0 58px 0 50px;
    }

    .header .search-header.active {
        transform: translateY(10%);
        max-height: 54px;
    }

    .banner-home .item img {
        max-height: 620px
    }
}

.banners-grid {
    margin: 1.875rem 0 2.5rem
}

.banners-grid .item {
    width: 100%
}

.banners-grid.two .item {
    width: calc(50% - 15px)
}

.banners-grid.two.three .item {
    width: calc(33% - 15px)
}

.banners-grid.two.three.four .item {
    width: calc(25% - 15px)
}

@media (max-width:767px) {
    .banners-grid.two .item,
    .banners-grid.two.three .item,
    .banners-grid.two.three.four .item {
        width: 100%
    }
}

.banners-grid a {
    display: block
}

.banners-grid .item a,
.banners-grid .item span {
    display: block;
    width: 100%;
    transition: .3s ease-out;
    border-radius: 2px
}

.banners-grid a:hover {
    opacity: .9;
    transform: scale(1.03)
}

@media (max-width:767px) {
    .banners-grid {
        flex-direction: column;
        margin: .625rem 0
    }

    .banners-grid .item,
    .banners-grid.two .item {
        width: 100%
    }

    .banners-grid .item+.item {
        margin-top: 10px
    }
}

.reguafio{
    padding: 2em 0 .5em;
}

.reguafio .box-regua{
    padding: 1em 0;
    /* width: calc(100% - 0px); */
    height: 61px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin: 0 2% 5px; */
}

.reguafio .box-regua .box-frete div{
    margin-left: .6em;
}

.reguafio .box-regua h2{
    color: var(--color_secondary_medium);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.0;
}

.reguafio .box-regua svg path{
    fill: var(--color_gray_dark);
}

@media screen and (min-width: 991px) { 
    /* .reguafio .box-regua{
        width: calc(20% - 0px);
    }  */
    .reguafio .box-regua h2{
        font-size: 22px;
    }
}

.reguafio .box-regua p{
    color: var(--color_header_main_font);
    font-size: 14px;
    font-weight: 500;
}

.banner-line {
    margin: 2.5rem 0;
    display: none
}

.banner-line img {
    width: 100%;
    display: block;
    transition: .3s ease-out;
    border-radius: 2px
}

.banner-line a {
    display: block
}

.banner-line a:hover img {
    transform: scale(1.03)
}

@media (min-width:768px) {
    .banner-line.desk {
        display: block
    }
}

@media (max-width:767px) {
    .banner-line.mobile {
        display: block
    }
}

.banner-categories .item{
    width: 15%;
}

@media (max-width:767px) {
    .banner-categories .banners-grid{
        flex-direction: initial;
        flex-wrap: wrap;
        justify-content: center;
    }

    .banner-categories .item{
        width: 33%;
    }
}

.banner-categories .item img{
    max-width: 100%;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0 auto;
    display: block;
}

.banner-categories .item h3{
    text-align: center;
    color: #191919;
    font-size: 1.25em;
    font-weight: 700;
}

.darkhomeBanner{
    width: 100%;
    background-color: #191919;
    padding: 0 0 2em;
    position: relative;
    max-height: 750px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10em;
}

.darkhomeBanner .banners-grid{
    width: 58%;
    max-width: 1100px;
    position: absolute;
    top: -100px;
    left: 0;
}

.darkhomeBanner .section-showcase{
    width: 34%;
    margin-left: auto;
}

.darkhomeBanner .list-product{
    flex-direction: column;
}

.darkhomeBanner .list-product .item{
    width: 100%;
    margin-bottom: 5px;
}

.darkhomeBanner .section-header .title-section{
    color: #fff;
}

.darkhomeBanner .two-colum-product{
    flex-direction: initial;
}

.darkhomeBanner .two-colum-product .image,
.darkhomeBanner .two-colum-product .product-info{
    width: 50%;
    position: relative;
    padding: 0.5rem 1.25rem 0.5rem;
}

.darkhomeBanner .two-colum-product .product-price br{
    display: none;
}

.darkhomeBanner .product.two-colum-product.product .actions{
    bottom: 0px;
    position: relative;
    opacity: 1;
    visibility: visible;
    padding: 0;
}

.darkhomeBanner .product.two-colum-product.show-down:hover{
    margin: 0;
    padding: 0;
}

@media (max-width:1200px) {
    .darkhomeBanner .banners-grid{
        max-width: 845px;
    }
}

@media (max-width:991px) {
    .darkhomeBanner{
        max-height: fit-content;
        padding: 2em 0 2em;
    }

    .darkhomeBanner .banners-grid,
    .darkhomeBanner .section-showcase{
        width: 100%;
    }

    .darkhomeBanner .banners-grid{
        position: relative;
        top: 0;
    }

    .darkhomeBanner .list-product:not(.swiper-wrapper) .item{
        width: 100%;
    }
}

.categorias h2{
    color: var(--color_secondary_medium);
    font-size: 1.15rem;
    font-weight: 700;
    margin-bottom: 1em;
    text-align: center;
}

.categorias .mySwiper a{
    display: block;
    text-align: center;
}

.categorias .mySwiper img{
    border: 1px solid var(--color_font_light);
    border-radius: 50%;
}

.categorias .mySwiper .swiper-button-next, 
.categorias .mySwiper .swiper-container-rtl .swiper-button-prev{
    right: -5px;
    z-index: 2;
}

.categorias .mySwiper .swiper-button-prev, 
.categorias .mySwiper .swiper-container-rtl .swiper-button-next{
    left: -5px;
    z-index: 2;
}

.categorias .mySwiper .swiper-button-next:after,
.categorias .mySwiper .swiper-button-prev:after{
    font-size: 2em;
}

.categorias .mySwiper{
    position: relative;
    overflow: hidden;
    padding: 3em 2em;
}

.categorias .swiper-wrapper{
    align-items: center;
}

.product-rating {
    font-size: 1rem;
    margin: .75rem 0;
    cursor: pointer
}

.product-rating .total {
    font-size: .75rem;
    font-weight: 500;
    margin-top: .3125rem;
    color: var(--color_primary_light);
    transition: .2s ease-out
}

.product-form .product-rating {
    flex-wrap: wrap
}

.product-form .product-rating .total {
    width: 100%;
    text-align: center
}

.product-rating .total:hover {
    opacity: .8
}

.product-rating .icon {
    background: url(https://images.tcdn.com.br/files/1174091/themes/35/img/empty-star.svg) no-repeat;
    width: .938em;
    height: .938em;
    background-size: 100%;
    display: block
}

.product-rating .icon.active {
    background-image: url(https://images.tcdn.com.br/files/1174091/themes/35/img/star.svg)
}

.product-rating .icon:not(:last-child) {
    margin-right: .3125rem
}

.actions .product-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    height: 44px;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    color: var(--color_font_inverted);
    background-color: var(--color_secondary_medium);
    transition: .2s ease-out
}

.actions .product-button:hover {
    opacity: .8
}

.product-tags .tag {
    width: 53px;
    height: 42px;
    font-size: .77rem;
    font-weight: 500;
    line-height: 2.437;
    text-align: center;
    word-wrap: break-word;
    text-transform: uppercase;
    overflow: hidden;
    background-color: var(--color_bg_seal);
    color: #fff;
    border-radius: 3px;
}

.product-tags .tag img {
    width: auto;
    height: auto;
    max-width: 100%
}

.product-tags .tag+.tag {
    margin-left: 5px
}
.product-tags .tag.free-shipping {
    background-color: var(--color_secondary_medium);
}

.product {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    color: var(--color_font_medium);
    background-color: #fff;
    border-radius: 5px;
    overflow: hidden;
    z-index: 3;
    transition: .2s ease-in-out;
    border: 1px solid #E8E8E8
}

.product .variants {
    bottom: 0.75rem;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: ease-in-out .2s;
    width: 100%;
    left: 0;
    padding: 0 0.75rem;
}

:not(.col-product)>.product:hover .variants {
    opacity: 1;
    visibility: visible;
    transition-delay: .2s;
}

.list-variants {
    text-align: left;
}

.list-variants label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.list-variants span {
    min-width: 97px;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--color_primary);
    line-height: 1.14;
}

.list-variants span::before {
    content: 'Selecione';
    display: block;
    color: var(--color_text);
    font-weight: 400;
}

.list-variants select {
    height: 26px;
    border-radius: 15px;
    border: 1px solid #d8d5cc;
    padding: 0 14px;
    font-size: 0.75rem;
    color: #707070;
    flex-grow: 1;
    background: #fff url(https://images.tcdn.com.br/files/1174091/themes/35/img/ic-down.svg) no-repeat center;
    background-size: 10px;
    background-position: calc(100% - 14px) center;
    padding-right: 20px;
}

.add-cart input {
    height: 40px;
    width: 66px;
    border: 1px solid #000;
    text-align: center;
    background-color: var(--bg_input);
    font-size: 1rem;
    border-radius: 10px;
}

.add-cart .action {
    color: #fff;
    background-color: #c9c12d;
    height: 40px;
    font-size: 1rem;
    font-weight: 400;
    flex-grow: 1;
    margin-left: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: background-color ease-in-out .3s;
    padding-bottom: 2px;
    border-radius: 3px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.add-cart .action::before {
    content: '';
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: linear-gradient(to right, rgba(0, 0, 0, .15), transparent);
}

.add-cart .action:hover {
    background-color: #000;
}

.dont-stock .add-cart .action {
    background-color: #8a8a8a;
    pointer-events: none;
}

.dont-stock .add-cart .action {
    font-size: 0;
}

.dont-stock .add-cart .action::before {
    content: "Indispon\00ED vel";
    font-size: 0.875rem;
}

.product .add-to-cart {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 222px;
    width: calc(100% - 20px);
    background-color: var(--button_details);
    color: #fff;
    font-size: .75rem;
    font-weight: 600;
    text-align: center;
    line-height: 36px;
    z-index: 4;
    opacity: 0;
    -webkit-transition: opacity ease-in-out .3s;
    -o-transition: opacity ease-in-out .3s;
    transition: opacity ease-in-out .3s;
    cursor: pointer;
}

.product .variants>a {
    color: #fff;
    background-color: #27B45D;
    height: 40px;
    line-height: 40px;
    font-size: 0.875rem;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    flex-grow: 1;
    margin-left: 0.75rem;
    border-radius: 3px;
    transition: ease-in-out .3s;
    display: block;
}

.product .variants>a:hover {
    background-color: var(--color_secondary_medium);
}

.product:hover {
    box-shadow: 0 4px 8px var(--color_font_light)
}

.product .image {
    position: relative
}

.product .space-image {
    display: block;
    position: relative;
    overflow: hidden
}

.product .space-image:after {
    content: "";
    display: block;
    padding-bottom: 100%
}

.product .space-image img {
    display: block;
    max-width: 100%;
    width: auto !important;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center
}

.product .space-image img:not(.loaded) {
    width: 100%
}

.product .product-tags {
    position: absolute;
    left: 1.25rem;
    width: calc(100% - 2.5rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.product .product-tags[data-tags-count="1"],
.product .product-tags[data-tags-count="2"] {
    bottom: -13px
}

.product .product-tags[data-tags-count="3"],
.product .product-tags[data-tags-count="4"] {
    bottom: -25px
}

.product .product-tags .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - .125rem);
    height: auto
}

.product .product-tags .tag:only-child {
    /* width: 100%; */
    margin: 0 auto;
}

.product .product-tags .tag+.tag {
    margin: 0
}

.product .product-tags .tag:nth-child(n+3) {
    margin-top: 4px
}

.product .product-tags[data-tags-count="3"] .tag:first-child {
    width: 100%
}

.product .product-tags[data-tags-count="3"] .tag:nth-child(n+2) {
    margin-top: 4px
}

.product .product-tags-circle {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    display: flex;
    flex-direction: column
}

.product .product-tags-circle .tag-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.125rem;
    height: 3.125rem;
    border-radius: 5px;
}

.product .product-tags-circle .tag-circle+.tag-circle {
    margin-top: .25rem
}

.product .product-tags-circle .tag-circle.free-shipping {
    font-size: .875rem
}

.product .product-tags-circle .tag-circle.discount,
.product .product-tags-circle .tag-circle.free-shipping,
.product .product-tags-circle .tag-circle.progressive-discount {
    background-color: #EB3D3D;
    color: var(--color_seal)
}

.product .product-tags-circle .tag-circle.discount {
    flex-direction: column;
    font-size: .75rem;
    line-height: 1
}

.product .product-tags-circle .tag-circle.discount .discount-value {
    font-weight: 700;
    text-align: center;
}

@media (min-width:768px) {
    .product .product-tags-circle .tag-circle.free-shipping {
        display: none
    }
}

@media (max-width:767px) {
    .product .product-tags {
        left: 0;
        width: 100%
    }

    .product .product-tags-circle {
        left: .25rem
    }
}

@media (max-width:440px) {
    .product .product-tags-circle .tag-circle {
        width: 2rem;
        height: 2rem
    }
}

.product .absolute-infos {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -15px;
    width: 100%;
}

.product .product-btn {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .product-seemore {
    background: var(--color_bg_seal);
    height: 62px;
    opacity: 0;
}

.product .product-add-cart {
    background: var(--color_bg_seal);
    height: 62px;
    opacity: 0;
    position: relative;
}
.product .product-add-cart:after {
    content: '';
    position: absolute;
    left: 0;
    background: #0c0c0c;
    height: 50%;
    width: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.product .product-seemore span,
.product .product-add-cart span {
    padding-top: 4px;
    font-size: 14px;
    color: #fff;
}

.product:hover .product-seemore,
.product:hover .product-add-cart,
.product:hover .compare-buttons {
    opacity: 1
}

.absolute-infos .product-btn:hover {
    background: var(--color_font_medium);
}

.product .product-info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 2rem 1.25rem 1.875rem
}

.product .product-info .product-name {
    color: var(--color_primary);
    flex-grow: 1;
    max-height: 45px;
    font-size: .87rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: left;
    text-transform: uppercase;
}

.product .product-rating {
    height: 15px;
    overflow: hidden;
    transition: .2s ease-out
}

.product .product-price {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    min-height: 70px;
    transition: .2s ease-out;
    color: var(--color_primary_light);
    text-align: left;
}

.product .product-price .product-has-variants {
    font-size: .75rem
}

.product .product-price .price .oculta_destaque,
.product .product-price .price .old-price,
.product .product-price .price .precode {
    font-size: .75rem;
    text-decoration: line-through;
    margin: 0 0.5rem;
}

.product .product-price .price .current-price {
    /* display: block; */
    font-size: 1.0rem;
    margin: 0 0.5rem;
    font-weight: 700;
    color: var(--color_primary)
}

.product .product-price .product-installments {
    font-size: .7rem;
    font-weight: 500;
    display: block
}

.product .product-price .product-installments br {
    display: none;
}

.product .product-price .product-message {
    font-size: 1.375rem;
    font-weight: 500;
    color: var(--color_font_light)
}

.product .product-price .product-message .notify-me {
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-top: .3125rem;
    color: var(--color_font_light)
}

.product .product-price .product-message .notify-me .icon {
    font-size: .5rem
}

.product .actions {
    bottom: 20px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-in-out;
    width: 100%;
    left: 0;
    padding: 0 1.25rem
}

@media (min-width:768px) {
    .product.show-down:hover {
        padding-bottom: 35px;
        margin-bottom: -35px;
        transition-delay: 0s
    }

    .product.show-down:hover .product-rating {
        opacity: 0
    }

    .product.show-down:hover .product-rating+.product-price {
        transform: translateY(-25px)
    }

    .product:hover .actions {
        opacity: 1;
        visibility: visible;
        transition-delay: .2s
    }
}

@media (max-width:870px) {
    .product .tags {
        display: none
    }
}

@media (max-width:767px) {
    .product .product-info {
        padding: 2rem .625rem 1.25rem
    }

    .product .product-info .product-name {
        font-size: .75rem;
        max-height: 33px
    }

    .product .product-price .price .current-price {
        font-size: 1rem
    }

    .product .product-price .product-message {
        font-size: .875rem
    }

    .product .product-price .product-message .notify-me {
        font-size: .75rem
    }

    .product .actions {
        position: static;
        padding: 0 .625rem 1.25rem;
        opacity: 1;
        visibility: visible
    }

    .product .product-price .product-message .notify-me .icon {
        display: none
    }
}

@media (max-width:575px) {
    .product .image {
        position: relative
    }
}

@media (max-width:450px) {
    .product .product-button .icon {
        font-size: 1.25rem;
        height: 22px
    }

    .product .quantity-buttons {
        display: none
    }
}

.section-showcase {
    position: relative;
    padding: 2.5rem 0
}

.section-showcase.z-index {
    z-index: 5
}

.section-showcase .swiper-container {
    padding-bottom: 40px;
    margin-bottom: -40px
}

@media(max-width:575px) {
    .section-showcase .container {
        padding: 0 .3125rem
    }
}

.list-product {
    margin: 0 -.625rem -2.5rem
}

.list-product .item {
    display: flex;
    height: auto;
    width: 25%;
    margin-bottom: 2.5rem;
    box-sizing: border-box;
    padding: 0 .625rem
}

.list-categories .list-product .item{
    width: 100%;
}

.list-categories .section-header{
    display: none;
}

@media (max-width:1080px) {
    .list-product:not(.swiper-wrapper) .item {
        width: 33.33333%
    }
}

@media (max-width:800px) {
    .list-product:not(.swiper-wrapper) .item {
        width: 50%
    }
}

@media (max-width:767px) {
    .list-product {
        margin-left: 0;
        margin-right: 0
    }

    .list-product .item {
        padding: 0 5px
    }
}

.box-noticia {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: 100%;
    align-items: center;
    border: 1.5px solid var(--color_gray_medium);
    transition: .2s ease-out;
    border-radius: 8px
}

.box-noticia:hover {
    box-shadow: 0 4px 8px var(--color_gray_medium)
}

.box-noticia #noticia_imagem {
    width: 100%;
    height: 240px;
    overflow: hidden
}

.box-noticia #noticia_imagem a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.box-noticia #noticia_imagem img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: .2s ease-out
}

.box-noticia #noticia_imagem img.loaded,
.box-noticia #noticia_imagem img.swiper-lazy-loaded {
    opacity: 1
}

.box-noticia #noticia_dados {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    padding: 1.25rem 2.5rem;
    position: relative;
    text-align: center
}

.box-noticia #noticia_dados h3 {
    font-size: 0;
    font-weight: 700;
    margin-top: 5px;
    flex-grow: 1
}

.box-noticia #noticia_dados h3 a {
    font-size: 1.125rem;
    font-weight: 700;
    margin-bottom: 1.25rem;
    text-align: center;
    color: var(--color_primary_medium);
    line-height: 1.15;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    min-height: 1.32;
    transition: .2s ease-out
}

.box-noticia #noticia_dados h3 a:hover {
    opacity: .8
}

.box-noticia #noticia_dados p {
    max-height: 58px;
    font-size: .875rem;
    line-height: 1.36;
    flex-grow: 1;
    color: var(--color_font_light);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3
}

.box-noticia #noticia_dados .button-show {
    background: var(--color_primary_medium);
    color: var(--color_font_inverted);
    display: block;
    margin: 25px auto 0;
    width: 100%;
    max-width: 196px;
    height: 41px;
    border-radius: 2px;
    line-height: 41px;
    text-align: center;
    font-size: .87rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: .2s ease-out
}

.box-noticia:hover #noticia_imagem img {
    transform: scale(1.1)
}

.box-noticia #noticia_dados .button-show:hover {
    opacity: .8
}

@media (max-width:767px) {
    .noticias {
        margin: 0
    }

    .box-noticia #noticia_dados {
        padding: 1.25rem
    }
}

.dep_item {
    display: flex;
    padding: 0 10px;
    width: 33.333333%
}

.dep_item.swiper-slide {
    height: auto
}

.dep_item a {
    position: relative;
    background-color: var(--color_gray_medium);
    border-radius: 8px
}

.dep_dados,
.dep_item a {
    display: flex;
    flex-grow: 1
}

.dep_dados {
    flex-direction: column;
    text-align: center;
    padding: 1.5625rem 2.5rem;
    z-index: 0;
    color: var(--color_font_dark)
}

.dep_dados .dep_img {
    position: absolute;
    top: 33px;
    left: 20px;
    bottom: 0;
    z-index: -1;
    opacity: .7
}

.dep_dados .dep_msg {
    flex-grow: 1;
    font-weight: 400;
    order: -2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    line-height: 1.25;
    text-align: center;
    transition: .3s ease-in-out
}

.dep_dados .dep_nome {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin: .625rem 0 0
}

.dep_dados .dep_data,
.dep_dados .dep_msg span,
.dep_dados .dep_nome span,
.dep_link,
.dep_nota {
    display: none
}

.section-avaliacoes {
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-out;
    padding: 2.5rem 0
}

.section-avaliacoes .swiper-container .next,
.section-avaliacoes .swiper-container .prev {
    top: 28%;
    bottom: auto
}

.section-avaliacoes.show {
    opacity: 1;
    visibility: visible
}

.section-avaliacoes .swiper-container {
    margin: 0 -10px
}

@media (max-width:767px) {
    .section-avaliacoes {
        padding: 2rem 0
    }
}

.breadcrumb {
    width: 100%;
    margin: 0 0 1.875rem;
    font-size: .75rem;
    color: var(--color_primary_light)
}

.breadcrumb a {
    font-weight: 400;
    transition: color .3s ease-out
}

.breadcrumb a:hover {
    opacity: .8
}

.breadcrumb .breadcrumb-item > span {
    font-weight: 700;
    color: #191919;
}

.breadcrumb .breadcrumb-item:not(:last-child) {
    padding-right: 25px;
    position: relative
}

.breadcrumb .breadcrumb-item:not(:last-child):after {
    content: ">";
    display: block;
    position: absolute;
    top: 0;
    right: 10px
}

.pagination .page {
    margin: 0 .1875rem
}

.pagination .page:first-child {
    margin-left: 0
}

.pagination .page:last-child {
    margin-right: 0
}

.pagination .page.current,
.pagination .page a {
    display: block;
    min-width: 44px;
    height: 38px;
    font-size: 1rem;
    font-weight: 500;
    line-height: 38px;
    text-align: center;
    background-color: var(--color_gray_medium);
    color: var(--color_font_light);
    border-radius: 2px;
    transition: .2s ease-out
}

.pagination .page.first a,
.pagination .page.last a {
    padding: 0 1.25rem
}

.pagination .page.current {
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    line-height: 38px
}

.pagination .page a:hover {
    opacity: .8
}

.pagination .page .icon {
    font-size: .625rem
}

@media (min-width:768px) {

    .pagination .page.first .icons,
    .pagination .page.last .icons {
        display: none
    }

    .pagination .page.first .text,
    .pagination .page.last .text {
        display: block
    }
}

@media (max-width:767px) {

    .pagination .page.first a,
    .pagination .page.last a {
        padding: 0
    }

    .pagination .page.first .icons,
    .pagination .page.last .icons {
        display: block
    }

    .pagination .page .icon {
        font-size: .625rem;
        width: .5rem;
        display: inline-block
    }

    .pagination .page.first .icons .icon:last-child {
        margin-right: .1875rem
    }

    .pagination .page.first .text,
    .pagination .page.last .text {
        display: none
    }
}

.catalog-cols .sidebar-category {
    width: 285px;
    padding-right: 2.5rem
}

.catalog-cols .col-content {
    width: 100%
}

.catalog-cols .col-content .catalog-empty {
    font-size: 1rem;
    text-align: center
}

.catalog-header .catalog-info {
    margin-bottom: 2.5rem
}

.catalog-header .catalog-info .catalog-name {
    position: relative;
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--color_font_dark);
    max-width: 365px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box
}

.catalog-header .catalog-info .catalog-name .search-results {
    font-size: 12px;
    font-weight: 400;
    display: block;
    color: var(--color_font_light)
}

.catalog-header .banner+.catalog-info {
    margin-top: 1.875rem
}

.catalog-header .banner img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 250px;
    object-fit: cover;
    transition: .2s ease-out
}

.catalog-header .banner a:hover img {
    opacity: .9
}

.catalog-header .catalog-info .catalogo-form-filtros {
    font-size: .75rem
}

.catalog-header .catalog-info .catalogo-form-filtros label:not(:first-child) {
    font-size: 0
}

.catalog-header .catalog-info .catalogo-form-filtros label.filtro-ordem+label {
    display: none
}

.catalog-header .catalog-info .catalogo-form-filtros select.select {
    height: 40px;
    min-width: 207px;
    padding-left: .875rem;
    font-size: .75rem;
    font-weight: 400
}

.catalog-header .description {
    margin: -.9375rem 0 2.5rem
}

.catalog-content .showcase-catalog .list-product {
    margin: 0 -10px
}

.catalog-footer .results {
    font-size: .875rem;
    font-weight: 500
}

@media (min-width:768px) {

    .catalog-header .catalog-info .button-filter-mobile,
    .catalog-header .catalog-info .sort-mobile {
        display: none
    }

    .catalog-header .catalogo-form-filtros label:not(:first-child):before {
        content: "Ordenar por:";
        font-size: .875rem;
        font-weight: 500;
        padding-right: 1.25rem
    }

    .catalog-cols .sidebar-category .sidebar-mobile-header {
        display: none
    }

    .catalog-cols .sidebar-category+.col-content {
        width: calc(100% - 285px)
    }

    .catalog-cols .sidebar-category+.col-content .showcase-catalog .list-product .item {
        width: 33.333333%
    }

    .button-filter {
        display: none
    }
}

@media (min-width:768px) and (max-width:960px) {
    .catalog-cols .sidebar-category+.col-content .showcase-catalog .list-product .item {
        width: 50%
    }
}

@media (max-width:1024px) {
    .catalog-footer {
        flex-direction: column-reverse
    }

    .catalog-footer .results {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
}

@media (max-width:767px) {
    .catalog-cols .sidebar-category {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 90%;
        padding: 1.875rem .625rem;
        background-color: #fff;
        transform: translateX(calc(-100% - 10px));
        transition: .3s ease-out;
        z-index: 20
    }

    .catalog-cols .sidebar-category.show {
        transform: translateX(0)
    }

    .catalog-cols .sidebar-category .sidebar-mobile-header .close-box {
        top: 35px;
        right: 10px
    }

    .catalog-cols .sidebar-category .sidebar-mobile-header .block-title {
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--color_font_dark);
        margin-bottom: 1.875rem;
        padding: 0 3.125rem 1.25rem 0;
        border-bottom: 2px solid var(--color_gray_dark)
    }

    .catalog-cols .sidebar-category .sidebar-mobile-header .block-title .icon {
        font-size: 1.75rem;
        height: 2rem;
        margin-right: .9375rem;
        color: var(--color_primary_medium)
    }

    .catalog-cols .sidebar-category .smart-filter {
        background-color: transparent;
        padding: 0;
        overflow: auto;
        height: calc(100% - 80px);
        scrollbar-color: var(--color_primary_medium) var(--color_gray_medium);
        scrollbar-width: thin
    }

    .catalog-cols .sidebar-category .smart-filter::-webkit-scrollbar {
        width: 6px;
        background: var(--color_gray_medium)
    }

    .catalog-cols .sidebar-category .smart-filter::-webkit-scrollbar-track {
        background: var(--color_gray_medium)
    }

    .catalog-cols .sidebar-category .smart-filter::-webkit-scrollbar-thumb {
        background: var(--color_primary_medium);
        border-radius: 5px
    }

    .catalog-cols .sidebar-category .smart-filter .filters {
        overflow: hidden
    }

    .catalog-header .catalog-info .catalog-name {
        margin-top: -.625rem;
        font-size: 1.25rem;
        order: 2;
        text-align: center;
        max-width: calc(100% - 170px)
    }

    .catalog-header .catalog-info .catalog-name:after {
        width: 100%;
        left: 50%;
        transform: translateX(-50%)
    }

    .catalog-header .catalog-info .system-filter {
        order: 3
    }

    .catalog-header .catalog-info .button-filter-mobile,
    .catalog-header .sort-mobile .sort-mobile-button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        flex-grow: 0;
        align-items: center;
        width: 70px;
        height: 70px;
        font-size: .75rem;
        text-align: center;
        padding: .625rem .5rem .3125rem;
        background-color: var(--color_bg_seal);
        color: #fff;
        border-radius: 2px;
        cursor: pointer
    }

    .catalog-header .catalog-info .button-filter-mobile .icon,
    .catalog-header .sort-mobile .sort-mobile-button .icon {
        display: block;
        font-size: 1.25rem
    }

    .catalog-header .catalog-info .button-filter-mobile {
        margin-right: .9375rem
    }

    .catalog-header .sort-mobile .sort-mobile-button {
        margin-left: .9375rem
    }

    .catalog-header .sort-mobile .sort-panel {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 90%;
        max-width: 400px;
        padding: 1.875rem .625rem;
        background-color: #fff;
        transform: translateX(calc(100% + 10px));
        transition: .3s ease-out;
        z-index: 20
    }

    .catalog-header .sort-mobile .sort-panel.show {
        transform: translateX(0)
    }

    .catalog-header .sort-mobile .sort-panel .close-box {
        top: 35px;
        right: 10px
    }

    .catalog-header .sort-mobile .sort-panel .block-title {
        font-size: 1.125rem;
        font-weight: 500;
        color: var(--color_font_dark);
        margin-bottom: 1.875rem;
        padding: 0 3.125rem 1.25rem 0;
        border-bottom: 2px solid var(--color_gray_dark)
    }

    .catalog-header .sort-mobile .sort-panel .block-title .icon {
        font-size: 1.75rem;
        height: 2rem;
        margin-right: .9375rem;
        color: var(--color_primary_medium)
    }

    .catalog-header .sort-mobile .sort-panel .sort-options li {
        position: relative;
        padding: 10px 0;
        cursor: pointer;
        transition: .2s ease-out
    }

    .catalog-header .sort-mobile .sort-panel .sort-options li:hover {
        color: var(--color_primary_medium)
    }

    .catalog-header .sort-mobile .sort-panel .sort-options li.active {
        color: var(--color_primary_medium);
        font-weight: 500
    }

    .catalog-header .sort-mobile .sort-panel .sort-options li.active:after {
        position: absolute;
        content: "";
        top: 13px;
        right: 10px;
        display: block;
        width: 1rem;
        height: 1rem;
        background: var(--color_primary_medium) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E") no-repeat 50% 50%;
        border-radius: 50%
    }

    .catalog-header .catalog-info .catalogo-form-filtros {
        display: none
    }
}

.smart-filter {
    padding: .5rem .9375rem;
    border-top: 1px solid var(--color_gray_dark);
}

.smart-filter .filter-block {
    margin-bottom: 1.875rem
}

.smart-filter .filter-block:last-child ul {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0
}

.smart-filter .filter-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color_gray_dark);
    padding: .625rem 0;
    cursor: pointer;
    border-bottom: transparent;
    transition: .1s ease-out .3s
}

/* .smart-filter .filter-block.closed .filter-title,
.smart-filter .filter-list {
    border-bottom: 4px solid var(--color_gray_dark)
} */

.smart-filter .filter-list {
    margin-bottom: 1.875rem;
    padding-bottom: 1.375rem;
    transition: border-bottom .1s ease-out .2s
}

.smart-filter .filter-block.closed .filter-list {
    border-bottom: transparent;
    transition: border-bottom .2s ease-out
}

.smart-filter .filter-list .filter-item {
    padding: .5rem 0
}

.smart-filter .filter-checkbox {
    position: relative;
    display: block
}

.smart-filter .filter-checkbox .filter-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.smart-filter .filter-checkbox .filter-label {
    position: relative;
    display: block;
    padding-left: 1.75rem;
    cursor: pointer
}

.smart-filter .filter-checkbox .filter-name {
    font-size: .875rem;
    font-weight: 500;
    color: var(--color_primary_light);
    vertical-align: top
}

.smart-filter .filter-checkbox .filter-count {
    font-size: .75rem;
    vertical-align: text-top
}

.smart-filter .filter-checkbox .filter-label:before {
    position: absolute;
    content: "";
    top: .125rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    background-color: #fff;
    border: 1px solid var(--color_font_medium);
    border-radius: 2px;
    transition: .2s ease-in-out;
    box-sizing: border-box
}

.smart-filter .filter-checkbox .filter-label:after {
    position: absolute;
    content: "";
    top: .125rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    background: no-repeat 50%/50% 50%
}

.smart-filter .filter-checkbox .filter-input:checked~.filter-label:before {
    color: var(--color_font_medium);
    border-color: var(--color_primary_medium);
    background-color: var(--color_primary_medium)
}

.smart-filter .filter-checkbox .filter-input:checked~.filter-label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

.smart-filter .filter-button {
    width: 100%;
    margin: 0;
    padding: 10px;
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    color: var(--color_font_inverted);
    background-color: var(--color_gray_dark);
    border-radius: 3px;
    transition: .2s ease-out;
    font-family: var(--font_family)
}

.smart-filter .filter-button:hover {
    opacity: .8
}

@media (min-width:767px) {
    .smart-filter .filter-list {
        max-height: 345px;
        overflow-y: auto;
        scrollbar-color: var(--color_primary_medium) var(--color_gray_dark);
        scrollbar-width: thin
    }

    .smart-filter .filter-list::-webkit-scrollbar {
        width: 6px;
        background: var(--color_gray_dark)
    }

    .smart-filter .filter-list::-webkit-scrollbar-track {
        background: var(--color_gray_dark)
    }

    .smart-filter .filter-list::-webkit-scrollbar-thumb {
        background: var(--color_primary_medium);
        border-radius: 5px
    }
}

.progressive-discount-banners {
    margin-bottom: 1.875rem
}

.progressive-discount-banners img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.product-wrapper {
    margin-bottom: 5rem
}

.product-wrapper .product-box {
    display: flex;
}

@media (min-width:767px) {
    .product-wrapper .product-box {
        justify-content: space-between;
        width: 100%;
    }
}

.product-wrapper .product-box .product-video {
    position: absolute;
    top: 10px;
    left: 20px;
    display: flex;
    align-items: center;
    padding: .3125rem 0;
    color: red;
    border-radius: 2px;
    cursor: pointer;
    z-index: 5;
    transition: .2s ease-out
}

.product-wrapper .product-box .product-video .text {
    width: 0;
    margin-left: .3125rem;
    font-size: .875rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    transition: .2s ease-out
}

.product-wrapper .product-box .product-video .icon {
    font-size: 30px;
    height: 30px
}

.product-wrapper .product-box .product-video .icon:before {
    vertical-align: top
}

.product-wrapper .product-box .product-video .icon:after {
    content: "";
    background: #fff;
    position: absolute;
    width: 12px;
    height: 12px;
    top: 14px;
    left: 9px;
    z-index: -1
}

.product-wrapper .product-box .product-video:hover .text {
    opacity: 1;
    width: 70px
}

.product-wrapper .product-box .product-gallery {
    width: calc(100% - 440px);
    padding-right: 2.5rem;
    position: relative;
    display: flex;
    flex-direction: column
}

.tag-discount {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 3px;
    font-size: .75rem;
    line-height: 1;
    background-color: #EB3D3D;
    color: var(--color_seal);
    position: absolute;
    top: 1.05rem;
    right: 1.25rem;
    z-index: 2;
    font-weight: 700;
    text-align: center
}

.product-wrapper .product-gallery .product-images {
    width: 100%;
    height: 100%;
    max-height: 588px;
    border: 1px solid var(--color_gray_medium);
    border-radius: 6px
}

.product-wrapper .product-gallery .product-images .image {
    cursor: move
}

.product-wrapper .product-gallery .product-images .zoom {
    width: 100%;
    height: 100%;
    position: relative
}

.product-wrapper .product-gallery .product-images .zoom:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.product-wrapper .product-gallery .product-images img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.product-wrapper .product-gallery .product-thumbs {
    margin: 1.875rem 0 0;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-out
}

.product-wrapper .product-gallery .product-thumbs.show {
    opacity: 1;
    visibility: visible
}

.product-wrapper .product-gallery .product-thumbs .thumbs-list {
    padding: .0625rem;
    margin: 0 3.125rem
}

.product-wrapper .product-gallery .product-thumbs .swiper-slide {
    padding: 0 .3125rem;
    width: 20%
}

.product-wrapper .product-gallery .product-thumbs .swiper-slide .thumb {
    border: 1px solid transparent;
    cursor: pointer;
    border-radius: 2px;
    opacity: .7;
    transition: .2s ease-out
}

.product-wrapper .product-gallery .product-thumbs .swiper-slide.swiper-slide-thumb-active .thumb,
.product-wrapper .product-gallery .product-thumbs .swiper-slide .thumb:hover {
    opacity: 1;
    border: 1px solid var(--color_primary_medium)
}

.product-wrapper .product-gallery .product-thumbs .swiper-slide img {
    display: block;
    margin: 0 auto;
    max-height: 90px
}

.product-wrapper .product-gallery .product-thumbs:not(.show-arrows) .next,
.product-wrapper .product-gallery .product-thumbs:not(.show-arrows) .prev {
    display: none
}

.product-wrapper .product-gallery .product-thumbs.show-arrows .next,
.product-wrapper .product-gallery .product-thumbs.show-arrows .prev {
    transition: .2s ease-out
}

.product-wrapper .product-gallery .product-thumbs.show-arrows .next.swiper-button-disabled,
.product-wrapper .product-gallery .product-thumbs.show-arrows .prev.swiper-button-disabled {
    visibility: visible;
    opacity: .7;
    cursor: default
}

.product-wrapper .product-box .product-form {
    position: relative;
    width: 450px;
    padding: 2.5rem 1.875rem;
    border: 1px solid var(--color_gray_medium);
    border-radius: 6px
}

.product-wrapper .product-form .product-tags {
    display: flex;
    flex-wrap: wrap;
}

@media (max-width:767px) {
    .product-wrapper .product-form .product-tags {
        justify-content: center
    }
}

.product-wrapper .product-form .product-tags .tag {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: auto;
    margin: 5px
}

.product-wrapper .product-form .product-tags+.product-name {
    margin-top: 1.25rem
}

.product-wrapper .product-form .product-name {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--color_font_dark);
    text-align: left;
}

.product-wrapper .product-form .product-main-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: .3125rem;
    color: var(--color_primary_light)
}

.product-wrapper .product-form .product-brand,
.product-wrapper .product-form .product-sku {
    margin: 0 .3125rem;
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase
}

.product-wrapper .product-form .product-brand+.wishlist,
.product-wrapper .product-form .product-sku+.wishlist {
    margin-left: .625rem
}

.product-wrapper .product-form .product-rating {
    justify-content: center;
    margin: 1.25rem 0
}

.product-wrapper .product-form .product-info {
    margin-top: 1.25rem;
    font-size: .75rem;
    text-align: center
}

.product-wrapper .product-form .product-info+.product-info {
    margin-top: 0
}

.product-wrapper .product-form .product-info .bold {
    font-weight: 500
}

.product-wrapper .product-form .product-additional-message {
    font-size: .875rem;
    margin-bottom: 1.25rem;
    text-align: center
}

.product-wrapper .product-form .product-name+.product-additional-message {
    margin-top: 1.25rem
}

.product-wrapper .product-form .product-additional-message br {
    display: none
}

.product-wrapper .product-form .product-variants {
    margin: 1.25rem 0 2.5rem
}

.product-wrapper .product-form .variant-error {
    margin-top: 1.25rem
}

.product-wrapper .product-form .texto_variacao {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: .625rem;
    color: var(--color_font_dark);
    text-align: center
}

@media (min-width:991px) {
    .product-wrapper .product-form .texto_variacao {
        text-align: left;
    }
}

.product-wrapper .product-form .texto_variacao h2 {
    font-weight: inherit;
    display: inline;
    font-size: inherit
}

.product-wrapper .product-form .texto_variacao h2:after {
    content: ":"
}

.product-wrapper .product-form .texto_variacao span {
    color: var(--color_primary_light)
}

.product-wrapper .product-form #opcoes0 ul,
.product-wrapper .product-form .cor_variacao ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

@media (min-width:991px) {
    .product-wrapper .product-form #opcoes0 ul, .product-wrapper .product-form .cor_variacao ul{
        justify-content: flex-start;
    }
}

.product-wrapper .product-form #opcoes0 ul:not(.listaVarMultipla),
.product-wrapper .product-form .cor_variacao ul:not(.listaVarMultipla) {
    margin-left: -5px
}

.product-wrapper .product-form #opcoes0 ul {
    flex-direction: column
}

.product-wrapper .product-form .cor_variacao ul li {
    margin: 0;
    position: relative;
    margin: 0 .3125rem
}

.product-wrapper .product-form .cor_variacao li img {
    display: block;
    border: 2px solid var(--color_font_light);
    box-shadow: 0 0 0 var(--color_primary_medium);
    transition: .2s ease-out
}

.product-wrapper .product-form .cor_variacao li img.cor_selecionada,
.product-wrapper .product-form .cor_variacao li img:hover {
    box-shadow: 0 0 0 2px var(--color_secondary_medium);
    border-color: #fff
}

.product-wrapper .product-form .cor_variacao select {
    width: 100%;
    display: block;
    padding-left: 18px;
    font-size: .75rem;
    max-width: 350px
}

.product-wrapper .product-form .cor_variacao.passo2 {
    margin-top: 10px
}

.product-wrapper .product-form .cor_variacao li.sem_estoque:after {
    content: "x";
    color: red;
    display: block;
    position: absolute;
    right: -3px;
    bottom: -6px;
    font-size: 18px
}

.product-wrapper .product-form .cor_variacao li.sem_estoque img.cor_selecionada {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .5)
}

.product-wrapper .product-form .cor_variacao li>div {
    min-width: 42px;
    height: 42px;
    padding: 0 .625rem;
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
    line-height: 40px;
    color: var(--color_primary_medium);
    border: 1px solid var(--color_primary_medium);
    transition: .3s ease-in-out;
    border-radius: 5px;
}

.product-wrapper .product-form .cor_variacao li.sem_estoque>div,
.product-wrapper .product-form .cor_variacao li.sem_estoque>div.cor_selecionada {
    background: #e4e4e4 !important;
    border-color: #e4e4e4;
    color: #707070
}

.product-wrapper .product-form .cor_variacao li>div.cor_selecionada {
    background-color: var(--color_secondary_medium);
    border-color: var(--color_secondary_medium);
    color: var(--color_font_inverted)
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row !important;
    margin: 0 -5px
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) li {
    padding: 0 5px 5px;
    margin: 0
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) label {
    position: relative
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) label input {
    position: absolute;
    z-index: -1;
    opacity: .001;
    width: 0;
    height: 0
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) label span {
    display: block;
    min-width: 42px;
    height: 42px;
    line-height: 40px;
    text-align: center;
    font-size: .875rem;
    font-weight: 500;
    border: 1px solid var(--color_gray_dark);
    transition: .3s ease-in-out;
    cursor: pointer;
    padding: 0 8px;
    border-radius: 3px
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) label span:hover {
    background-color: #efefef
}

.product-wrapper .product-form .lista_radios:not(.listaVarMultipla) label input:checked+span {
    background-color: var(--color_primary_medium);
    border-color: var(--color_primary_medium);
    color: var(--color_gray_dark)
}

#form_comprar .lista_radios.listaVarMultipla .labelMultiVariacao,
#form_comprar .lista_radios.listaVarMultipla .labelQuantVariacao,
#form_comprar .lista_radios.listaVarMultipla>li {
    display: flex;
    align-items: center
}

#form_comprar .lista_radios.listaVarMultipla>li>span {
    font-size: .87rem;
    font-weight: 500;
    margin: 15px 0 8px
}

#form_comprar .lista_radios.listaVarMultipla>li {
    flex-wrap: wrap;
    margin-bottom: 15px
}

#form_comprar .labelMultiVariacao {
    font-size: .75rem;
    font-weight: 500;
    display: inline-block;
    vertical-align: top;
    width: 63%;
    float: none
}

.product-wrapper .product-form .labelMultiVariacao .multivar {
    margin-right: 5px;
    cursor: pointer
}

#form_comprar .labelQuantVariacao {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: .75rem;
    font-weight: 500;
    margin-left: 5px;
    float: none;
    margin-right: 0
}

#form_comprar .labelQuantVariacao .inputQuantVariacao {
    min-width: auto !important;
    margin: 0 !important;
    width: 35px;
    padding: 0 !important;
    text-align: center;
    height: 35px
}

.product-wrapper .product-form .listaVarMultipla img {
    border: 1px solid var(--color_gray_dark);
    border-radius: 3px;
    margin-right: 5px
}

#form_comprar .lista_radios.listaVarMultipla .currency {
    margin-left: 5px;
    text-decoration: none
}

@media (max-width:460px) {
    .product-wrapper .product-form .listaVarMultipla img {
        max-width: 38px
    }
}

.product-wrapper .product-form [style="clear:both;"] {
    display: none
}

.product-wrapper .product-form .product-gifts {
    margin: 1.25rem 0;
    text-align: center
}

.product-wrapper .product-form .product-price-tray #info,
.product-wrapper .product-form .product-price-tray .produto-economize,
.product-wrapper .product-form .product-price-tray .txt-por,
.product-wrapper .product-form .product-price-tray br {
    display: none
}

.product-wrapper .product-form .product-price-tray #info_preco br:not(:first-of-type) {
    display: block
}

.product-wrapper .product-form .product-price-tray #produto_preco span.color-tone-2:first-child {
    font-size: .75rem;
    font-weight: 500;
    text-transform: lowercase
}

.product-wrapper .product-form .product-price-tray #produto_preco .currency {
    text-decoration: none;
    text-transform: uppercase
}

.product-wrapper .product-form .product-price-tray #produto_preco {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.product-wrapper .product-form .product-price-tray #produto_preco #precoDe {
    font-size: .875rem;
    font-weight: 500;
    text-decoration: line-through;
    text-transform: lowercase;
    color: var(--color_primary_light)
}

.product-wrapper .product-form .product-price-tray #produto_preco .PrecoPrincipal {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color_primary_medium)
}

.product-wrapper .product-form .product-price-tray #produto_preco #info_preco {
    font-size: .875rem;
    font-weight: 500;
    color: var(--color_primary_light);
    text-align: right
}

.product-wrapper .product-form .product-price-tray #produto_preco #info_preco strong {
    font-weight: 500
}

.product-wrapper .product-form .product-batch-promotion {
    margin: 1.25rem 0
}

.product-wrapper .product-form .product-batch-promotion img {
    display: block;
    width: 100%;
    max-width: 100px
}

.product-wrapper .product-form .product-batch-promotion.text-promotion {
    padding: 8px;
    border: 1px solid var(--color_gray_dark);
    font-size: 12px;
    font-weight: 500;
    text-align: center
}

.product-wrapper .product-form .product-progressive-discount {
    background-color: var(--color_gray_medium);
    margin: 1.25rem 0;
    padding: .9375rem 1.25rem;
    font-size: .75rem;
    font-weight: 500;
    border-radius: 2px
}

.product-wrapper .product-form .product-progressive-discount .title {
    display: block;
    margin-bottom: .9375rem;
    font-size: .875rem;
    text-align: center;
    color: var(--color_font_dark)
}

.product-wrapper .product-form .product-progressive-discount .discounts .discount {
    padding: .1875rem 0
}

.product-wrapper .product-form .product-progressive-discount .tooltip {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin-left: 5px
}

.product-wrapper .product-form .product-progressive-discount .tooltip .icon {
    color: var(--color_primary_medium);
    cursor: pointer
}

.product-wrapper .product-form .product-progressive-discount .tooltip-content {
    position: absolute;
    width: 200px;
    left: 50%;
    padding: .625rem;
    font-size: 12px;
    font-weight: 400;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .11);
    transform: translateX(-50%);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out
}

.product-wrapper .product-form .product-progressive-discount .tooltip-content:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 8px;
    height: 4px;
    background-color: #fff;
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    transform: translateX(-50%)
}

.product-wrapper .product-form .product-progressive-discount .tooltip:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

.product-wrapper .product-form .product-reward {
    margin: 1.25rem 0;
    padding: .5rem;
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--color_gray_medium)
}

.product-wrapper .product-form .product-reward strong:first-child {
    font-weight: 700
}

.product-wrapper .product-form .product-reward strong:last-child {
    font-weight: 500;
    margin-left: 2px
}

.product-wrapper .product-form .product-kit {
    margin: 1.875rem 0
}

.product-wrapper .product-form .tray-kit {
    font-size: .875rem;
    border: 1px solid var(--color_gray_dark);
    border-radius: 2px
}

.product-wrapper .product-form .tray-kit .tray-kit-title h3 {
    margin: .625rem 0;
    font-size: .875rem;
    font-weight: 500;
    color: var(--color_font_dark);
    text-align: center
}

.product-wrapper .product-form .tray-kit .tray-kit-item {
    padding: .625rem;
    border-top: 1px solid var(--color_gray_dark)
}

.product-wrapper .product-form .tray-kit .tray-kit-item>div {
    display: flex;
    position: relative
}

.product-wrapper .product-form .tray-kit .tray-kit-image {
    width: 70px;
    padding-right: 20px
}

.product-wrapper .product-form .tray-kit .tray-kit-image img {
    max-width: 100%;
    display: block;
    margin: auto
}

.product-wrapper .product-form .tray-kit .tray-kit-unity {
    font-size: .75rem;
    width: 60px;
    text-align: center
}

.product-wrapper .product-form .tray-kit .tray-kit-info {
    width: calc(100% - 150px)
}

.product-wrapper .product-form .tray-kit .tray-kit-info h3 {
    font-size: .875rem;
    font-weight: 500;
    margin-bottom: 10px;
    color: var(--color_font_dark)
}

.product-wrapper .product-form .tray-kit .texto_variacao h2 {
    color: var(--color_font_light)
}

.product-wrapper .product-form .tray-kit .cor_variacao li {
    margin: .3125rem
}

.product-wrapper .product-form .tray-kit .cor_variacao li>div {
    font-size: .75rem
}

.product-wrapper .product-form .actions {
    margin-top: 1.25rem
}

.product-wrapper #product-form-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.product-wrapper .product-form #quantidade label {
    font-size: 0
}

.product-wrapper .product-form #quant {
    height: 60px;
    width: 80px;
    text-align: center;
    background: var(--color_font_inverted)
}

.product-wrapper .product-form #quantidade {
    margin-right: 10px
}

.product-wrapper .product-form #quant,
.product-wrapper .product-form #quantidade {
    font-size: .87rem;
    font-weight: 500;
    color: var(--color_primary_light)
}

.product-wrapper .product-form #quant:focus {
    box-shadow: inset 0 0 8px var(--color_font_light)
}

@media (max-width:500px) {
    .product-wrapper .product-form #quant {
        font-size: 16px
    }
}

.product-wrapper .product-form #bt_comprar {
    max-width: 65%;
    width: 100%
}

.product-wrapper .product-form #button-buy {
    height: 56px;
    width: 100%;
    padding: 0
}

.product-wrapper .product-form #button-buy span {
    font-size: 0
}

.product-wrapper .product-form #button-buy span:before {
    content: "Adicionar no carrinho";
    font: 500 1.125rem var(--font_family)
}

@media (max-width:980px) {
    .product-wrapper .product-form #button-buy span:before {
        font: 500 0.925rem var(--font_family)
    }
    
    .share-this{
        flex-direction: initial;
        justify-content: center;
        margin: 2em 0 0;
    }

    .share-this li{
        margin-right: 1em;
    }
}

.product-wrapper .product-form .actions .message {
    display: block;
    margin-top: 1.25rem;
    font-size: .75rem;
    font-weight: 500;
    text-align: center
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp h3 {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color_font_dark);
    display: block;
    line-height: 1.25
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #letmeknow_response {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #letmeknow_response label {
    width: calc(100% - 120px);
    max-width: unset
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #letmeknow_response #email_avise {
    border-radius: 2px 0 0 2px
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #letMeKnow {
    height: 52px
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #letMeKnow:before {
    display: block;
    box-sizing: border-box;
    width: 120px;
    padding: 0;
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0 2px 2px 0
}

.product-wrapper .product-form .product-price-tray #produto_nao_disp #nao_disp .blocoAlerta {
    width: 100%
}

.product-wrapper .product-form .product-not-sale .produto-formas-pagamento {
    display: none
}

.product-wrapper .product-form .product-not-sale .botao-sob-consulta {
    font-size: 0;
    line-height: 0
}

.product-wrapper .product-form .product-not-sale .botao-sob-consulta:before {
    content: "Produto sob consulta";
    display: block;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.4;
    color: var(--color_font_dark)
}

.product-wrapper .product-form .product-not-sale .botao-sob-consulta:after {
    content: "Preencha o nosso formul\00E1 rio de produtos sob consulta.";
    display: block;
    margin-top: -.9375rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.4
}

.product-wrapper .product-form .product-not-sale .botao_tire_duvidas {
    margin-top: 25px;
    font-size: 0;
    line-height: 0
}

.product-wrapper .product-form .product-not-sale .botao_tire_duvidas:before {
    content: "Preencher formul\00E1 rio";
    display: block;
    font-size: .875rem;
    font-weight: 500;
    margin-top: 1.875rem;
    text-align: center;
    line-height: 48px;
    text-transform: uppercase;
    border-radius: 2px;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    transition: .2s ease-out
}

.product-wrapper .product-form .product-not-sale .botao_tire_duvidas:hover:before {
    opacity: .8
}

.product-wrapper .product-form .product-not-sale .botao-nao_indisponivel:before {
    content: "Produto indispon\00ED vel :(";
    font-size: 0.825rem;
    font-weight: 500;
    color: #a3a3a3;
    display: table;
    line-height: 1.25;
    padding: 1rem;
    background: #f1f1f1;
    border-radius: 3px;
}

.product-wrapper .product-form .product-not-sale .botao-nao_indisponivel:after {
    content: "Preencha seu e-mail que te avisaremos quando o produto estiver dispon\00ED vel para compra!";
    display: block;
    font-size: .875rem;
    margin-top: -.9375rem;
    font-weight: 400
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #nao_disp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #nao_disp label {
    width: calc(100% - 120px);
    max-width: unset
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #nao_disp #email_avise {
    border-radius: 2px 0 0 2px
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #letMeKnow {
    height: 52px
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #letMeKnow:before {
    display: block;
    box-sizing: border-box;
    width: 120px;
    padding: 0;
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 0 2px 2px 0
}

.product-wrapper .product-form .product-not-sale #produto_nao_disp #nao_disp .blocoAlerta {
    width: 100%
}

.product-wrapper .product-form .product-shipping {
    margin-top: 1.5rem
}

.product-wrapper .product-form .product-shipping .produto-calcular-frete {
    display: none
}

.product-wrapper .product-form .product-shipping .info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .625rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--color_primary)
}

.product-wrapper .product-form .product-shipping .info .icon {
    font-size: 1.75rem;
    margin-right: .625rem
}

.product-wrapper .product-form .product-shipping .shipping-form {
    position: relative;
    max-width: 300px;
    margin: 0;
    display: flex;
}

.product-wrapper .product-form .product-shipping .input {
    width: 98%;
    height: 50px;
    padding: 0 1.25rem 0 1.25rem;
    color: var(--color_font_medium);
    border: 1px solid var(--color_font_light);
    border-radius: 3px;
    background-color: transparent
}

.product-wrapper .product-form .product-shipping .input:focus {
    box-shadow: inset 0 0 8px var(--color_font_light)
}

.product-wrapper .product-form .product-shipping .submit-shipping {
    position: relative;
    top: 0;
    right: 0;
    height: 50px;
    padding: 0 1.275rem 0;
    font-family: var(--font_family);
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--color_gray_dark);
    color: #fff;
    transition: .2s ease-out;
    border-radius: 3px;
}

.product-wrapper .product-form .product-shipping .submit-shipping:hover {
    opacity: .8
}

.product-wrapper .product-form .product-shipping .result.loading {
    position: relative;
    min-height: 90px;
    margin-top: 1.875rem
}

.product-wrapper .product-form .product-shipping .result.loaded {
    margin-top: 1.875rem
}

.product-wrapper .product-form .product-shipping .shipping-rates-table {
    font-size: .875rem;
    width: 100%;
    border: 0
}

.product-wrapper .product-form .product-shipping .shipping-rates-table td,
.product-wrapper .product-form .product-shipping .shipping-rates-table th {
    padding: .45rem;
    border: 0
}

.product-wrapper .product-form .product-shipping .shipping-rates-table td {
    font-size: .75rem;
    text-align: center
}

.product-wrapper .product-form .product-shipping .shipping-rates-table th {
    font-weight: 600
}

.product-wrapper .product-form .product-shipping .shipping-rates-table td strong {
    font-weight: 400
}

.product-wrapper .product-form .product-shipping .shipping-rates-table td:first-child,
.product-wrapper .product-form .product-shipping .shipping-rates-table th:first-child {
    width: 130px
}

.product-wrapper .product-form .product-shipping .shipping-rates-table td:nth-child(2),
.product-wrapper .product-form .product-shipping .shipping-rates-table th:nth-child(2) {
    width: 100px
}

.product-wrapper .product-form .product-shipping .shipping-rates-table tr:nth-child(2n) td,
.product-wrapper .product-form .product-shipping .shipping-rates-table tr:nth-child(2n) th {
    background-color: rgba(0, 0, 0, .02)
}

.product-wrapper .product-form .product-shipping .shipping-rates-table tr:nth-child(odd) td,
.product-wrapper .product-form .product-shipping .shipping-rates-table tr:nth-child(odd) th {
    background-color: rgba(0, 0, 0, .05)
}

.product-wrapper .product-form .product-social-share {
    margin-top: 1.875rem;
    text-align: center
}

.product-wrapper .product-form .product-social-share .addthis_counter.addthis_pill_style.at_native_button {
    margin-left: .625rem
}

@media (min-width:981px) and (max-width:1200px) {

    .product-wrapper .product-box .product-form,
    .product-wrapper .product-box .product-gallery {
        width: 50%
    }
}

@media (max-width:980px) {
    .product-wrapper .product-box {
        flex-direction: column
    }

    .product-wrapper .product-box .product-form,
    .product-wrapper .product-box .product-gallery {
        width: 80%;
        margin: 0 auto
    }

    .product-wrapper .product-box .product-gallery {
        margin-bottom: 40px
    }

    .products-history #produtos ul {
        width: 33%
    }
}

@media (max-width:767px) {
    .product-wrapper {
        margin-bottom: 2.5rem
    }

    .product-wrapper .product-box .product-gallery {
        width: 100%;
        padding: 0;
        max-width: 500px;
        margin: 0 auto
    }

    .product-wrapper .product-gallery .product-images img.zoomImg {
        display: none
    }

    .product-wrapper .product-box .product-video .text {
        width: 70px
    }

    .product-wrapper .product-box .product-form {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        padding: 2.5rem 1.25rem
    }

    .product-wrapper .product-form .product-tags .tag {
        width: 40%;
        max-width: 160px
    }

    .product-wrapper .product-gallery .product-thumbs .thumbs-list {
        margin: 0
    }

    .products-history #produtos ul {
        width: 100%
    }
}

@media (max-width:575px) {
    .product-wrapper .product-form .product-progressive-discount .tooltip {
        display: none
    }
}

@media (max-width:460px) {
    .product-wrapper .product-form #bt_comprar {
        max-width: 57%
    }
}

.section-buy-together {
    position: relative
}

.section-buy-together .buy-together-loader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden
}

.section-buy-together .buy-together-loader.show {
    opacity: 1;
    visibility: visible
}

.compreJunto form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.compreJunto form .fotosCompreJunto {
    width: calc(100% - 245px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-right: 40px
}

#ProdBlockCompreJunto #ProdAbas {
    display: none
}

.compreJunto>li:nth-child(n+2) {
    margin-top: 40px
}

.compreJunto .produto {
    width: 33.3333%;
    padding: 0 10px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.compreJunto .unidades_topo {
    display: none
}

.compreJunto .produto>span {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

.compreJunto .produto span>a,
.compreJunto .produto span>div {
    display: block;
    position: relative;
    margin-bottom: 10px
}

.compreJunto .produto span>a:before,
.compreJunto .produto span>div:before {
    content: "";
    display: block;
    padding-bottom: 100%
}

.compreJunto .produto .product-name {
    color: var(--color_font_dark);
    font-weight: 600;
    text-align: center;
}

.compreJunto .produto img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    max-width: 90%;
    max-height: 90%;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out
}

.compreJunto .produto img.loaded {
    opacity: 1;
    visibility: visible
}

.compreJunto .precoCompreJunto {
    width: 280px;
    background-color: var(--color_secondary_medium);
    border-radius: 3px;
}

.fotosCompreJunto .plus {
    width: 20px;
    position: relative;
    z-index: 2;
    display: flex;
    font-size: 0;
    align-items: center
}

.fotosCompreJunto .plus:before {
    content: "\ea10";
    display: block;
    width: 20px;
    height: 44px;
    border-radius: 3px;
    text-align: center;
    font-size: 1.25rem;
    line-height: 42px;
    color: var(--color_font_dark)
}

.fotosCompreJunto .plus.to:before,
.fotosCompreJunto .plus:before {
    font-family: go !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important
}

.fotosCompreJunto .plus.to:before {
    content: "\ea08"
}

.compreJunto .varCont {
    margin-bottom: 10px
}

.compreJunto .varCont input[type=text],
.compreJunto .varCont select {
    width: 100%;
    display: block;
    height: 42px;
    padding-left: 14px;
    max-width: 280px;
    font-size: .875rem;
}

.compreJunto .varTit {
    margin: .9375rem 0 .3125rem;
    font-weight: 500;
    font-size: .75rem
}

.compreJunto .varCont+.varTit:not(.onVar) {
    display: none
}

.comprejuto_preco,
.comprejuto_preco span {
    font-size: .875rem;
    font-weight: 500;
    text-decoration: line-through
}

.comprejunto_preco2 {
    font-size: .938rem;
    font-weight: 700;
    color: #000;
}

.comprejunto_preco2 .PrecoPrincipal {
    color: var(--color_primary_medium);
    font-size: .938rem;
    font-weight: 700;
}

.comprejunto_economize {
    font-size: .75rem;
    font-weight: 500;
}

.comprejunto_botao{
    background-color: #fff;
}

.botao-commerce.botao-compre-junto:not(.botao-sob-consulta) {
    width: 100%;
    padding: 0;
    background: #28A745 url(https://images.tcdn.com.br/files/1174091/themes/35/img/cart-white.svg) no-repeat 30px center;
    color: var(--color_font_inverted);
    border-radius: 4px;
    transition: .2s ease-out
}

.botao-compre-junto:not(.botao-sob-consulta):hover {
    opacity: .8
}

.botao-compre-junto:not(.botao-sob-consulta) .botao-commerce-img {
    font-size: 0
}

.botao-compre-junto:not(.botao-sob-consulta) .botao-commerce-img:before {
    content: "Adicionar no carrinho";
    font-family: var(--font_family);
    font-size: 1.175rem;
    font-weight: 500;
    line-height: 50px;
    margin-left: 1.6em;
}

.precoCompreJunto>div:first-child {
    font-size: .75rem;
    color: var(--color_font_inverted);
    text-align: center;
    padding: 25px 0 10px 0px;
}

.precoCompreJunto>div:first-child strong {
    font-size: 1.25rem;
    font-weight: 400;
    display: block;
    color: var(--color_font_inverted);
    text-align: center;
}

.page-product .product-cross-sell .precoCompreJunto > div:first-child > strong:first-child::before{
    content: '';
    background: var(--color_secondary_medium) url(https://images.tcdn.com.br/files/1174091/themes/35/img/kit-combo.svg) no-repeat center;
    width: 75px;
    height: 75px;
    display: block;
    margin: 0 auto;
}

.precoCompreJunto .precosCompreJunto {
    text-align: center;
}

.precoCompreJunto .precosCompreJunto .comprejuto_preco,
.precoCompreJunto .precosCompreJunto .comprejunto_preco2,
.precoCompreJunto .precosCompreJunto .comprejunto_economize{
    background-color: #fff;
    border-left: 1px solid var(--color_font_light);
    border-right: 1px solid var(--color_font_light);
}

.precoCompreJunto .precosCompreJunto .comprejuto_preco{
    padding-top: 1rem;
}

.precoCompreJunto .precosCompreJunto .comprejunto_economize{
    padding-bottom: 1rem;
}

.compre-junto {
    margin-top: 60px
}

@media (max-width:767px) {
    .compreJunto form {
        flex-direction: column
    }

    .compreJunto form .fotosCompreJunto {
        width: 100%;
        padding: 0 0 20px;
        flex-direction: column;
        align-items: center
    }
    
    .compreJunto .produto {
        width: 100%;
        max-width: 300px
    }
    
    .compreJunto .fotosCompreJunto .plus {
        width: 100%;
        transform: none;
        text-align: center;
        line-height: .8;
        justify-content: center
    }
    
    .compreJunto .precoCompreJunto {
        width: 100%
    }
}

@media (min-width:768px) {
    .compre-junto {
        max-width: 1000px;
        margin: 60px auto;
    }
}

.product-wrapper .product-tabs {
    margin: 5rem 0 0
}

.product-tabs .tabs-content .payment-tab {
    position: relative;
    min-height: 75px
}

.product-tabs .tabs-content .payment-tab .item-parcela {
    display: block
}

.product-tabs .tabs-content .payment-tab .option a {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: .9375rem 0;
    font-size: .875rem;
    font-weight: 500;
    border-bottom: 1px solid var(--color_gray_dark)
}

.product-tabs .tabs-content .payment-tab .option a:after {
    content: "\ea01";
    position: absolute;
    top: calc(50% - 4px);
    right: 0;
    margin-left: .3125rem;
    font-family: go !important;
    font-size: .75rem;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    transition: .2s ease-out
}

.product-tabs .tabs-content .payment-tab .option.show a:after {
    transform: rotate(-90deg)
}

.product-tabs .tabs-content .payment-tab .option a img {
    width: 45px;
    margin-right: .625rem
}

.product-tabs .tabs-content .payment-tab .option-details {
    padding: .9375rem 0 2.5rem
}

.product-tabs .tabs-content .payment-tab .option.show .option-details {
    border-bottom: 1px solid var(--color_gray_dark);
    transition: border .1s ease-out .3s
}

.product-tabs .tabs-content .payment-tab .option-details table {
    width: 100%;
    font-size: .875rem;
    line-height: 1.6
}

.product-tabs .tabs-content .payment-tab .option-details table b,
.product-tabs .tabs-content .payment-tab .option-details table strong {
    font-weight: 600
}

.product-tabs .tabs-content .payment-tab .option-details table strong {
    text-transform: lowercase
}

@media (min-width:1071px) {
    .product-wrapper .product-tabs .tabs-nav .tab-link {
        padding: .625rem 1.25rem 1.25rem;
        font-size: 0.975rem;
    }
}

@media (min-width:768px) and (max-width:1070px) {
    .product-wrapper .product-tabs .tabs-nav .tab-link {
        padding: .625rem .625rem 1.25rem;
        font-size: 1rem
    }
}

@media (min-width:768px) and (max-width:860px) {
    .product-wrapper .product-tabs .tabs-nav .tab-link .text {
        text-align: center
    }
}

@media (min-width:768px) {
    .product-wrapper .product-tabs .tabs-nav {
        display: flex;
        margin-bottom: 30px;
        border-bottom: 1px solid var(--color_gray_dark);
        border-top: 7px solid #E8E8E8;
        padding-top: 1em;
        text-transform: uppercase;
    }

    .product-wrapper .product-tabs .tabs-nav .tab-link {
        display: block;
        font-weight: 700;
        color: var(--color_font_light);
        text-decoration: none;
        transition: .2s ease-out
    }

    .product-wrapper .product-tabs .tabs-nav .tab-link .text {
        position: relative;
        display: block
    }

    .product-wrapper .product-tabs .tabs-nav .tab-link .text:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 0;
        height: 3px;
        background-color: var(--color_primary_medium);
        transition: .2s ease-out
    }

    .product-wrapper .product-tabs .tabs-nav .tab-link.active,
    .product-wrapper .product-tabs .tabs-nav .tab-link:not(.active):hover {
        color: var(--color_primary_medium)
    }

    .product-wrapper .product-tabs .tabs-nav .tab-link.active .text:after,
    .product-wrapper .product-tabs .tabs-nav .tab-link:not(.active):hover .text:after {
        width: 100%
    }

    .product-tabs .tabs-content .tab,
    .product-tabs .tabs-content .tab-link-mobile {
        display: none;
    }

    .product-tabs .tabs-content .tab.active {
        display: block;
        height: auto;
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:first-child,
    .product-tabs .tabs-content .payment-tab .option-details table th:first-child {
        width: 100px
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:nth-child(2),
    .product-tabs .tabs-content .payment-tab .option-details table th:nth-child(2) {
        width: 400px
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:last-child,
    .product-tabs .tabs-content .payment-tab .option-details table th:last-child {
        vertical-align: top
    }
}

@media (max-width:767px) {
    .product-wrapper .product-tabs {
        margin-top: 2.5rem;
        margin-left: -10px;
        margin-right: -10px
    }

    .product-tabs .tabs-nav {
        display: none
    }

    .product-tabs .tabs-content .tab-link-mobile {
        display: block;
        position: relative;
        width: 100%;
        padding: .9375rem 2.875rem .9375rem .9375rem;
        color: var(--color_font_dark);
        font-size: 1.125rem;
        font-weight: 500;
        text-align: center;
        text-decoration: none;
        border-bottom: 1px solid var(--color_gray_dark);
        transition: .2s ease-out
    }

    .product-tabs .tabs-content .tab-link-mobile:first-child {
        border-top: 1px solid var(--color_gray_dark)
    }

    .product-tabs .tabs-content .tab-link-mobile:after {
        content: "\ea01";
        position: absolute;
        top: 19px;
        right: 15px;
        margin-left: .3125rem;
        font-family: go !important;
        font-size: .75rem;
        font-style: normal !important;
        font-weight: 400 !important;
        font-variant: normal !important;
        text-transform: none !important;
        transition: .2s ease-out
    }

    .product-tabs .tabs-content .tab-link-mobile.active {
        color: var(--color_primary_medium)
    }

    .product-tabs .tabs-content .tab-link-mobile.active:after {
        transform: rotate(-90deg)
    }

    .product-tabs .tabs-content .tab {
        display: none;
        padding: 1.875rem .625rem
    }

    .product-tabs .tabs-content .tab.active {
        border-bottom: 1px solid var(--color_gray_dark);
        transition: border .1s ease-out .3s
    }

    .product-tabs .tabs-content .tab.payment-tab {
        padding-top: .625rem;
        padding-bottom: 1.25rem
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:first-child,
    .product-tabs .tabs-content .payment-tab .option-details table th:first-child {
        width: 20%
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:nth-child(2),
    .product-tabs .tabs-content .payment-tab .option-details table th:nth-child(2) {
        width: 80%
    }

    .product-tabs .tabs-content .payment-tab .option-details table td:last-child,
    .product-tabs .tabs-content .payment-tab .option-details table th:last-child {
        display: none
    }

    .product-tabs .tabs-content .payment-tab .option:last-child a {
        border-bottom: none
    }

    .product-tabs .tabs-content .payment-tab .option:last-child.show a {
        border-bottom: 1px solid var(--color_gray_dark)
    }

    .product-tabs .tabs-content .payment-tab .option:last-child.show .option-details {
        border-bottom: none;
        padding-bottom: 0
    }
}

.page-product .product-quantity {
    width: calc(100% - 200px);
}

.page-product .product-quantity label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0.625rem;
    font-size: .875rem;
    font-weight: 700;
    color: var(--color_primary);
}
  
.page-product .product-quantity input {
    border-top: 1px solid #E8E8E8;
    border-bottom: 1px solid #E8E8E8;
    border-left: 0;
    border-right: 0;
    float: left;
    height: 60px;
    padding: 20px 0;
    text-align: center;
    width: 100px;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.8rem
}

.page-product .product-quantity>div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-product .product-quantity>div>span {
    background: #fff !important;
    border: 1px solid #E8E8E8;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 60px;
    position: relative;
    width: 28px
}

.page-product .product-quantity #minus,
.page-product .product-quantity #plus{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
}

.page-product .product-quantity #minus{ border-right: 0px; }
.page-product .product-quantity #plus{ border-left: 0px; }

.page-product .wrapper-btn-buy {
    margin-top: 50px;
    margin-bottom: 15px;
    display: flex;
    width: 100%;
    align-items: flex-end;
}
  
.page-product .product-buy-button {
    background: #28A745 !important;
    border: none;
    color: #fff;
    height: 60px;
    text-align: center;
    width: 285px;
    font-size: 18px;
    font-weight: 700;
    line-height: 2rem;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  
@media (max-width: 1199px) {
    .page-product .product-buy-button {
      width: 339px;
    }
}
  
@media screen and (max-width: 767px) {
    .page-product .product-buy-button {
      width: 100%;
      font-size: 17px;
    }
}
  
.page-product .product-buy-button span {
    display: inline-block;
    margin-left: 10px;
    text-transform: none !important;
    vertical-align: middle;
}
  
.page-product .product-buy-button i {
    display: inline-block;
    vertical-align: middle;
}

.collapsible {
    background-color: transparent;
    color: #000;
    cursor: pointer;
    padding: 11px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none !important;
    font-size: .85rem;
    font-weight: 500;
    border-top: 1px solid #C6C6C6;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.collapsible:hover {
  background-color: #f9f9f9;
}

.collapsible:after {
    content: '\002B';
    color: #363435;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 1.2rem;
}

#ProdAbas .active:after {
  content: "\2212";
}

.product-tabs .content {
    padding: 0 8px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    display: block;
    border-bottom: 1px solid #C6C6C6;
}

.show-summary {
	color: #5A5B5E;
	font-size: .85rem;
	line-height: 1.7;
}

#coments .product-comments {
    font-size: .875rem;
    display: flex;
    flex-direction: column
}

#coments h2 {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

#coments .botao-commerce {
    margin-top: 20px
}

#coments br {
    display: none
}

#coments a {
    text-decoration: underline
}

#coments a[data-logged-user=false] {
    text-align: center;
    display: block;
    text-decoration: none;
    margin: .3125rem 0 0;
    padding: .625rem 1.25rem;
    font-family: var(--font_family);
    font-size: .75rem;
    font-weight: 700;
    color: var(--color_font_inverted) !important;
    background-color: var(--color_secondary_medium);
    border-radius: 4px;
    transition: .2s ease-out;
    text-transform: uppercase;
    max-width: 250px
}

#coments a[data-logged-user=false]:hover {
    opacity: .8
}

#coments #form-comments {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

#coments #form-comments label {
    margin-bottom: .9375rem
}

#coments #form-comments label h3 {
    margin-top: 0
}

#coments #form-comments #email_coment,
#coments #form-comments #nome_coment {
    display: block;
    width: 100%;
    margin: 5px 0 0
}

#coments #form-comments h5 {
    margin-top: -.625rem
}

#coments #form-comments h3 {
    font-size: .875rem;
    margin: 1.25rem 0 0;
    font-weight: 400
}

#coments .submit-review {
    width: 160px;
    height: 42px;
    margin: 1.25rem auto 0;
    font-family: var(--font_family);
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color_font_inverted);
    border-radius: 2px;
    background-color: var(--color_secondary_medium);
    transition: .2s ease-out
}

#coments .submit-review:hover {
    opacity: .8
}

#coments .blocoSucesso {
    margin: 0;
    text-align: center
}

.rateBlock {
    margin-top: .3125rem
}

#coments .ranking .rating,
.rateBlock .stars {
    display: flex;
    align-items: center
}

#coments .ranking .icon,
.rateBlock .starn {
    display: block;
    width: .938em;
    height: .938em;
    margin-right: .1875rem;
    background: url(https://images.tcdn.com.br/files/1174091/themes/35/img/empty-star.svg) no-repeat;
    background-size: 100%;
    cursor: pointer
}

#coments .ranking .icon.active,
.rateBlock .starn.star-on {
    background-image: url(https://images.tcdn.com.br/files/1174091/themes/35/img/star.svg)
}

.rateBlock .nota {
    margin-left: .625rem
}

.rateBlock .nota strong {
    font-weight: 600
}

#coments .ranking .rating {
    width: 85px
}

#coments .board {
    display: flex;
    flex-direction: column
}

#coments .board>h2:first-child {
    margin-top: 40px
}

#coments .blocoSucesso~* {
    order: -1
}

.hreview-comentarios {
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    background-color: rgba(0, 0, 0, .03)
}

.hreview-comentarios h3 {
    font-size: 1.125rem !important;
    color: var(--color_primary_medium)
}

.hreview-comentarios h4 {
    font-size: .75rem;
    font-weight: 400
}

.hreview-comentarios h3 {
    font-size: 1rem !important;
    font-weight: 700 !important
}

.hreview-comentarios .ranking {
    display: flex;
    align-items: center;
    margin: .625rem 0;
    font-weight: 500
}

.hreview-comentarios .description {
    margin: 5px 0;
    font-size: .875rem
}

.section-product-related {
    margin-left: -10px;
    margin-right: -10px
}

.section-product-related .swiper-container {
    padding-bottom: 40px;
    margin-bottom: -40px
}

@media (max-width:767px) {
    .section-product-related {
        margin-left: 0;
        margin-right: 0
    }
}

.products-history {
    margin-top: 5rem
}

.products-history .visitados_produtos {
    display: flex;
    align-items: center;
    flex-direction: column
}

.products-history #produtos {
    display: flex;
    margin-left: -10px;
    flex-wrap: wrap
}

.products-history #produtos ul {
    padding: 0 10px;
    margin: 10px 0
}

.products-history #produtos ul li {
    padding-right: 5px;
    width: 300px
}

.products-history #produtos ul li:after {
    content: "";
    clear: both;
    display: block
}

.products-history #produtos ul li>a {
    float: left;
    height: 90px;
    width: 90px;
    display: block
}

.products-history #produtos ul li>:nth-child(n+2) {
    margin-left: 100px;
    display: block
}

.products-history .ValoresLista {
    font-size: .75rem
}

.products-history .ValoresLista .precode {
    text-decoration: line-through;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

.products-history .ValoresLista .oculta_destaque {
    display: none
}

.products-history .ValoresLista .precoAvista {
    font-weight: 700;
    color: var(--color_primary_medium);
    font-size: 14px
}

.products-history .ValoresLista .precoAvista,
.products-history .ValoresLista strong {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

.products-history .ValoresLista strong {
    font-weight: 500
}

.products-history #produtos img {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: scale-down;
    object-position: center
}

.products-history .NomeProdLista {
    color: var(--color_font_dark);
    font-size: .875rem;
    margin: 10px 0;
    line-height: 1.3;
    display: block;
    font-weight: 500
}

.products-history .ValoresLista img[src*=sobconsulta] {
    display: none !important
}

.products-history .ValoresLista img[src*=sobconsulta]+.botao-commerce {
    display: inline;
    padding: .3125rem .625rem;
    font-size: .75rem
}

.products-history .ValoresLista img[src*=sobconsulta]+.botao-commerce:hover {
    background-color: var(--color_primary_medium)
}

.products-history .products-history-wrapper {
    position: relative
}

.products-history .products-history-wrapper .history-loader {
    position: absolute;
    min-height: 70px;
    display: none
}

.products-history .history-loader.show {
    display: flex
}

.paginacao_ajax {
    order: 2;
    margin-top: 15px
}

#visitados_itens,
.clearVisiteds,
.products-history .total_produtos {
    display: none
}

.products-history .paginacao_ajax_prod {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 14px
}

#linksPag a {
    display: inline-block;
    line-height: 26px;
    width: 26px;
    text-align: center;
    color: #fff;
    background: var(--color_primary_medium);
    padding: 0 4px;
    margin: 0 4px
}

#linksPag a:not(.pageON) {
    background: transparent;
    color: var(--color_font_light)
}

@media (max-width:767px) {

    .products-history #produtos,
    .products-history .visitados_produtos {
        flex-direction: column;
        align-items: center
    }

    .products-history #produtos {
        width: 100%
    }

    .paginacao_ajax {
        text-align: center;
        margin-top: 30px
    }
}

.page-busca_noticias hr {
    border: 0
}

.page-busca_noticias h1 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--color_font_dark)
}

#listaCategoriasNoticias {
    display: flex;
    margin-bottom: 1.875rem;
    font-size: 0
}

#listaCategoriasNoticias li a {
    margin-right: 1.25rem;
    font-size: 1rem;
    font-weight: 500;
    transition: .2s ease-out
}

#listaCategoriasNoticias li a:hover {
    color: var(--color_primary_medium)
}

#listaCategoriasNoticias li a b,
#listaCategoriasNoticias li a strong {
    color: var(--color_primary_medium);
    font-weight: 500
}

.page-busca_noticias .board .left {
    margin: 20px 0 0;
    font-size: .875rem
}

.page-busca_noticias .page-content,
.page-depoimentos .page-content {
    opacity: 0;
    visibility: hidden;
    transition: .4s ease-out
}

.page-busca_noticias .page-content.show,
.page-depoimentos .page-content.show {
    opacity: 1;
    visibility: visible
}

.page-busca_noticias:not(.show-menu) .menu-mobile,
.page-busca_noticias:not(.show-menu) .nav .second-level,
.page-depoimentos:not(.show-menu) .menu-mobile,
.page-depoimentos:not(.show-menu) .modal-store-reviews,
.page-depoimentos:not(.show-menu) .nav .second-level {
    display: none
}

.page-busca_noticias .noticias {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.625rem
}

.page-busca_noticias .noticias li {
    width: 33.333333%;
    padding: 1.25rem .625rem
}

.page-busca_noticias .box-noticia #noticia_imagem img {
    opacity: 1
}

@media (max-width:800px) {
    .page-busca_noticias .noticias li {
        width: 50%
    }
}

@media (max-width:767px) {
    .page-busca_noticias h1 {
        font-size: 1.25rem
    }
}

@media (max-width:575px) {
    .page-busca_noticias .noticias li {
        width: 100%
    }
}

.page-noticia .dataNoticia {
    display: none
}

.page-noticia .board .dataNoticia+h2 {
    font-size: 1.75rem;
    font-weight: 500;
    margin: 0 0 1.875rem;
    color: var(--color_font_dark);
    text-decoration: none
}

.page-noticia .board img {
    float: left;
    max-width: 100%;
    margin-bottom: 15px;
    margin-right: 30px;
    border-radius: 8px;
    height: auto !important
}

.page-noticia .board p {
    font-size: .875rem;
    margin-bottom: 15px
}

@media (max-width:767px) {
    .page-noticia .board .dataNoticia+h2 {
        font-size: 1.375rem
    }

    .page-noticia .board img {
        display: block;
        margin: 0 auto 15px;
        float: none
    }
}

.btn-primeira-pagina,
.btn-ultima-pagina,
.separador-paginas {
    display: none
}

.page-busca_noticias .board+.container3 .right {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1.875rem
}

.btns-paginator {
    display: block;
    min-width: 44px;
    height: 38px;
    margin: .3125rem;
    font-size: .875rem;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    background-color: var(--color_gray_dark);
    color: var(--color_font_medium);
    border-radius: 2px;
    transition: .2s ease-out
}

.btns-paginator img {
    display: none
}

.btns-paginator.selectedPg,
.btns-paginator:hover {
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    font-size: .875rem;
    font-weight: 700;
    text-align: center;
    line-height: 38px
}

.btns-paginator.btn-pagina-anterior,
.btns-paginator.btn-primeira-pagina,
.btns-paginator.btn-proxima-pagina,
.btns-paginator.btn-ultima-pagina {
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.btns-paginator.btn-pagina-anterior:before,
.btns-paginator.btn-primeira-pagina:after,
.btns-paginator.btn-primeira-pagina:before {
    content: "\ea02";
    font-family: go !important;
    font-size: .625rem;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important
}

.btns-paginator.btn-proxima-pagina:before,
.btns-paginator.btn-ultima-pagina:after,
.btns-paginator.btn-ultima-pagina:before {
    content: "\ea03";
    font-family: go !important;
    font-size: .625rem;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important
}

.page-busca_noticias .Seguro~hr~* {
    display: none
}

.store-review-paginator {
    display: flex;
    flex-wrap: wrap;
    margin: 1.25rem 0 2.5rem
}

.page-depoimentos .page-content #depoimento {
    display: none
}

.page-depoimentos .page-content {
    min-height: 350px
}

.page-depoimentos .board h1 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-depoimentos .page-content h2:first-of-type,
.page-depoimentos .page-content h2:last-of-type {
    display: none
}

.asas:after {
    content: "";
    display: block;
    width: 62px;
    height: 4px;
    margin: 15px auto 0;
    background-color: var(--color_primary_medium)
}

.editDep {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.editDep>li {
    position: relative;
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.5625rem 2.5rem;
    margin-bottom: 1.25rem;
    text-align: center;
    background-color: var(--color_gray_medium);
    color: var(--color_font_medium);
    border-radius: .375rem;
    z-index: 0
}

.editDep strong {
    font-weight: 600
}

.editDep h3 {
    order: 2;
    margin: .625rem 0 0;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    text-indent: -47px;
    overflow: hidden
}

.editDep h3 img {
    position: absolute;
    top: 16px;
    left: 20px;
    bottom: 0;
    z-index: -1;
    opacity: .7
}

.editDep ul li:not(.dep):first-child,
.editDep ul li:nth-child(2),
.editDep ul li strong {
    display: none
}

.editDep ul li.dep {
    font-size: .875rem;
    line-height: 1.5
}

#depoimento {
    font-size: .875rem
}

#depoimento span.error-block {
    font-size: 12px;
    font-weight: 400;
    color: #b00000
}

#depoimento label {
    display: block;
    margin-bottom: 14px
}

#depoimento label h3 {
    font-size: inherit;
    font-weight: inherit
}

#depoimento .nota_dep label {
    display: inline-block;
    margin-left: 5px
}

#depoimento br {
    display: none
}

.textarea {
    max-width: 100%
}

#depoimento span.block {
    margin: 5px 0;
    display: block
}

#depoimento input[size],
#depoimento input[type=email],
#depoimento input[type=text],
#depoimento textarea {
    width: 100%;
    display: block;
    margin-top: 5px
}

#depoimento #aviso_depoimento {
    margin: 0;
    display: block !important
}

#depoimento #aviso_depoimento>div {
    margin-top: 1.875rem
}

.page-depoimentos .board .left {
    font-size: 0
}

.page-depoimentos .page-content br,
.page-depoimentos .page-content hr {
    display: none
}

.page-depoimentos .page-content .botao-commerce {
    max-width: 200px;
    width: 100%;
    margin: 30px auto;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

.modal-store-reviews h2 {
    margin-bottom: 1.875rem;
    font-size: 1.125rem;
    font-weight: 500;
    text-align: center;
    color: var(--color_font_dark)
}

.modal-store-reviews .botao-commerce {
    display: block;
    width: 180px;
    margin: 1.875rem auto 0;
    font-weight: 500;
    text-align: center;
    text-transform: uppercase
}

.modal-store-reviews .blocoSucesso {
    text-align: center;
    margin: 0
}

#enviar_dep {
    display: none
}

@media (max-width:767px) {
    .store-review-paginator {
        justify-content: center
    }

    .page-depoimentos .board h1 {
        font-size: 1.25rem
    }

    .editDep>li {
        width: 100%;
        padding: 1.25rem
    }

    .editDep ul li.dep {
        text-align: justify
    }

    .editDep h3 img {
        opacity: 1
    }
}

.wishlist {
    color: var(--color_font_medium);
    padding: 5px
}

.wishlist a {
    color: inherit;
    transition: .2s ease-out
}

#container-add-lista a {
    font-size: 0;
    display: flex
}

#container-add-lista a:before {
    content: "\ea0a";
    font-family: go !important;
    font-size: .9375rem;
    margin-right: .25rem;
    text-transform: none !important
}

#container-add-lista #bloco-add-lista {
    position: relative
}

#container-add-lista #bloco-add-lista>a {
    color: var(--color_font_light);
    align-items: center
}

#container-add-lista #bloco-add-lista>a img {
    margin-left: 3px
}

#container-add-lista #add-listas {
    display: block !important;
    position: absolute;
    width: 170px;
    top: 1.5625rem;
    padding: .625rem;
    color: var(--color_font_dark);
    font-size: .75rem;
    font-weight: 400;
    border-radius: 4px;
    background-color: var(--color_gray_dark);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .11);
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out
}

#container-add-lista #add-listas[style*="display: block;"] {
    opacity: 1;
    visibility: visible
}

#container-add-lista #add-listas:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 50%;
    width: 8px;
    height: 4px;
    background-color: var(--color_primary_medium);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    transform: translateX(-50%)
}

#container-add-lista .listas+.listas {
    margin-top: .625rem
}

#container-add-lista .listas a {
    font-size: .875rem;
    font-weight: 500
}

#container-add-lista .listas a:before {
    margin-right: .4375rem;
    color: var(--color_font_medium)
}

#container-add-lista .listas a:hover,
#container-add-lista .listas a:hover:before {
    color: var(--color_primary_medium)
}

@media(min-width:1001px) {
    #container-add-lista #add-listas {
        left: 50%;
        transform: translateX(-50%)
    }
}

@media(max-width:1000px) {
    #container-add-lista #add-listas {
        right: -1.25rem
    }
}

.page-listas_index .board h2 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

#tipos-listas li {
    margin-bottom: 1.875rem
}

#tipos-listas h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: .625rem;
    text-align: center
}

#tipos-listas li a {
    display: block
}

.page-listas_busca h2,
.page-listas_evento h2 {
    font-size: 18px;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-listas_evento table.busca {
    margin-top: .9375rem
}

.page-listas_busca .titCatalogo {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-listas_busca form[action*="listas_busca.php"] {
    margin-top: .625rem
}

.page-listas_busca table.busca {
    margin-bottom: 1.875rem
}

.page-listas_busca h2~*,
.page-listas_busca h2~* strong {
    font-size: .875rem;
    font-weight: 400
}

.page-listas_busca h2~ul {
    margin: 1.875rem 0
}

.page-listas_busca h2~ul br {
    display: none
}

.page-listas_busca h2~ul li {
    position: relative;
    padding: 1.25rem;
    border: 1px solid var(--color_gray_dark)
}

.page-listas_busca h2~ul li .NomeProduto {
    font-size: 1rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-listas_busca h2~ul li .NomeProduto+label b {
    font-weight: 400
}

.page-listas_busca h2~ul li a[href*="lista.php"] {
    position: absolute;
    right: 20px;
    top: calc(50% - 13px)
}

#lista_criar h2 {
    margin-top: 10px;
    font-size: 1rem;
    font-weight: 500;
    text-transform: uppercase
}

#lista_criar input[size="40"],
#lista_criar input[size="50"] {
    width: 100%;
    max-width: 300px
}

.page-listas_criar .board {
    font-size: .875rem
}

.page-listas_criar .board td {
    padding: 10px;
    word-break: break-all
}

.page-print_lista .page-content h1 {
    font-size: 1.375rem;
    text-transform: uppercase;
    font-weight: 500;
    margin: 10px 0
}

.page-print_lista .page-content h2 {
    font-size: 1rem
}

.lista-produtos {
    text-align: center;
    display: inline-block;
    max-width: 340px;
    margin: 15px;
    width: 100%
}

.lista-produtos .lista-produto-comprar {
    position: relative;
    width: 100%;
    max-width: 200px;
    height: 42px;
    margin: .625rem auto;
    color: var(--color_font_inverted);
    background-color: var(--color_secondary_medium);
    border-radius: 3px;
    transition: .2s ease-out
}

.lista-produtos .lista-produto-comprar:before {
    content: "Comprar";
    line-height: 40px;
    font-size: .875rem;
    text-transform: uppercase;
    font-weight: 600
}

.lista-produtos .lista-produto-comprar:hover {
    opacity: .8
}

.lista-produtos .lista-produto-comprar input[type=image] {
    width: 100%;
    height: 42px;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0
}

.lista-imagem img {
    max-width: 100%
}

.page-lista .board,
.page-lista .board hr {
    margin: 20px 0
}

.lista-produtos .qntd {
    border: 1px solid #e5e5e5;
    width: 80px;
    display: block;
    margin: 5px auto;
    height: 35px;
    text-align: center
}

.page-navegacao_visitados hr {
    margin: 20px 0
}

.page-navegacao_visitados .change {
    display: none
}

.page-navegacao_visitados h2 {
    font-size: 1.125rem;
    margin: 20px 0
}

.bts,
.bts2 {
    padding: 4px 8px;
    height: 23px;
    text-align: center;
    line-height: 14px;
    font-size: .75rem;
    display: inline-block;
    border-radius: 20px;
    margin: 0 .3125rem;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    transition: .2s ease-out
}

.bts2:hover,
.bts:hover {
    opacity: .8
}

.vitrineVisitados {
    margin: 0 -10px;
    display: flex;
    font-size: .875rem
}

.vitrineVisitados>li {
    padding: 10px;
    width: 33.33333%
}

.nomeProd {
    margin-bottom: 10px;
    display: block
}

.ranking.hreview-aggregate {
    margin: 5px 0
}

.editComment li>a {
    display: block;
    width: 90px;
    height: 90px
}

.editComment li>a img {
    display: block;
    margin: auto
}

.editComment li {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.editComment h3 {
    font-size: .75rem;
    font-weight: 500;
    white-space: nowrap;
    position: absolute;
    width: calc(100% - 100px);
    left: 100px;
    top: 0
}

.editComment .bts {
    margin: 0 0 5px
}

.editComment .ranking {
    font-weight: 600
}

.editComment .relativity {
    width: 100%;
    padding-top: 25px
}

.editComment .change {
    font-size: .75rem;
    margin-top: 5px
}

.consulta-product {
    font-size: .75rem;
    font-weight: 500;
    margin-bottom: 10px
}

@media (max-width:1024px) {
    .box-gallery .image-show img:nth-child(2) {
        display: none !important
    }
}

@media (max-width:767px) {
    #lista_criar td {
        display: block;
        padding: 5px 0
    }

    .vitrineVisitados>li {
        width: 100%
    }
}

#preco_atual[value="0.00"]+#preco {
    margin-top: 30px
}

#preco_atual[value="0.00"]+#preco br:first-of-type {
    display: none
}

.filters-list {
    font-size: .75rem
}

.applied-filters {
    margin: 10px 0
}

.applied-filters a {
    color: var(--color_primary_medium);
    font-weight: 600
}

.applied-filters a svg {
    width: 8px;
    height: 8px;
    fill: inherit;
    margin-left: 10px
}

.sidebar-category li:not(.sub) a.sub-filter:after {
    display: none
}

.filters-list a {
    display: inline-block;
    padding: 5px 0;
    line-height: 1;
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color ease-in-out .2s;
    transition: color .2s ease-in-out
}

.filters-list a:hover {
    color: var(--color_primary_medium)
}

.filters-list label {
    cursor: pointer;
    padding: 5px 0
}

.space-radio {
    padding: 3px 0
}

.filters-list input[type=checkbox] {
    position: absolute;
    left: 0;
    z-index: -1;
    opacity: .001;
    width: 0;
    height: 0
}

.filter-button {
    margin: 10px 0;
    width: 100%
}

.icon-radio {
    width: 18px;
    height: 18px;
    border: 1px solid #707070;
    opacity: .5;
    position: relative;
    margin-right: 14px;
    display: block
}

.icon-radio:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    background-color: #707070;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: ease-in-out .3s;
    transition: .3s ease-in-out
}

.filters-list input:checked~.icon-radio:before {
    opacity: 1
}

.col-content .breadcrumb {
    margin: 0 0 22px
}

@media (max-width:991px) {
    .hide-menu {
        display: none
    }
}

:not(.container2)>.board>h1 {
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--color_font_dark)
}

.page-search #Vitrine {
    font-size: 14px
}

#vitrine-catalogo h3 {
    font-size: 1rem
}

#vitrine-catalogo .blocoAlerta {
    text-align: center
}

#vitrine-catalogo {
    padding: 30px 0 0
}

.page-search h1.color {
    margin-top: 30px;
    text-align: center;
    color: var(--color_font_dark)
}

.page-search #Vitrine fieldset {
    border: 0;
    padding: 0;
    margin: 14px 0
}

.page-search #Vitrine fieldset p {
    margin: 30px 0
}

.page-search #Vitrine fieldset input[name=palavra_busca] {
    display: block;
    margin: 5px 0
}

.page-search #Vitrine form input[type=checkbox] {
    margin: 7px 5px 7px 0
}

.page-search #Vitrine #preco_ini {
    margin-right: 15px
}

.page-search #Vitrine form {
    max-width: 600px;
    margin: 0 auto
}

.tray-container,
.tray-container__identify {
    left: calc(50% - 160px);
    width: 100% !important;
    max-width: 320px !important;
    padding: 2.5rem !important;
    border-radius: 4px
}

tray-login .tray-close {
    position: absolute !important;
    top: -20px !important;
    right: -20px !important;
    width: 40px !important;
    height: 40px !important;
    font-size: 0 !important;
    border: none !important;
    cursor: pointer;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .15) !important
}

tray-login .tray-close:before {
    content: "\ea17";
    font-family: go !important;
    font-size: 1rem;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    color: var(--color_font_light)
}

tray-login .tray-title {
    font-family: var(--font_family);
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--color_font_dark);
    text-align: center
}

.page-login .carrinho-heading,
.page-login .titulo-login,
.Seguro {
    display: none
}

.page-login .page-content .board {
    display: flex
}

.caixa-cadastro h3,
.caixa-login h3 {
    font-size: 1.125rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.caixa-cadastro,
.caixa-login {
    border: 1px solid var(--color_gray_dark);
    max-width: 550px;
    width: 100%;
    margin: 0 30px 40px;
    padding: 30px;
    border-radius: 8px
}

.caixa-cadastro fieldset,
.caixa-login fieldset {
    border: 0;
    padding: 0
}

.caixa-login fieldset {
    margin-top: 10px
}

.caixa-cadastro p:first-child {
    display: block;
    margin: .625rem 0 1.875rem;
    width: 100%
}

.caixa-cadastro fieldset input {
    width: 100%;
    display: block
}

.caixa-cadastro fieldset .botao-novo-cadastro {
    margin-top: 1.875rem
}

@media (max-width:767px) {

    .caixa-cadastro,
    .caixa-login {
        max-width: 100%
    }

    .page-login .page-content .board {
        flex-direction: column
    }

    .caixa-cadastro,
    .caixa-login {
        margin: 20px 0
    }
}

.obriga.red {
    font-size: 0
}

.obriga.red:before {
    content: "*";
    font-size: .75rem
}

.page-register .board h1 {
    text-align: center;
    margin: 0 0 1.25rem;
    color: var(--color_font_dark)
}

.page-register #frm2 {
    text-align: center
}

.page-register #frm2 fieldset {
    text-align: left
}

.page-register #CadastroAbas {
    text-align: center;
    margin: 0 0 20px
}

.page-register #CadastroAbas li {
    display: inline-block;
    margin: 0 10px 5px
}

.page-register #CadastroAbas li a {
    border: 1px solid var(--color_gray_dark);
    font-size: .875rem;
    width: 137px;
    text-align: center;
    -webkit-transition: .3s ease-in-out;
    -o-transition: ease-in-out .3s;
    transition: .3s ease-in-out;
    display: inline-block;
    line-height: 40px;
    border-radius: 3px
}

.page-register #CadastroAbas li.aberta a {
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    border-color: var(--color_secondary_medium)
}

.page-register h2 {
    font-size: 1rem;
    text-align: center
}

.page-register .page-content fieldset {
    border: 0;
    margin: 20px auto 0;
    width: 100%;
    max-width: 450px;
    border: 1px solid var(--color_gray_dark);
    padding: 20px;
    font-size: .938rem;
    border-radius: 8px
}

.page-register .topBorder+.board {
    text-align: center;
    margin: 20px 0 0
}

#fisica,
#juridica {
    margin: 20px 0 0
}

.page-register .page-content fieldset label {
    display: block;
    margin: 5px 0 0
}

.page-register .page-content fieldset b,
.page-register .page-content fieldset strong {
    font-weight: 600
}

.page-register fieldset input[type=email],
.page-register fieldset input[type=password],
.page-register fieldset input[type=tel],
.page-register fieldset input[type=text],
.page-register fieldset select {
    margin: 4px 0 0;
    transition: .3s ease-in-out
}

.page-register fieldset input[type=email]:focus,
.page-register fieldset input[type=password]:focus,
.page-register fieldset input[type=tel]:focus,
.page-register fieldset input[type=text]:focus {
    box-shadow: 0 2px 5px rgba(0, 0, 0, .1)
}

.page-register fieldset input[size="40"],
.page-register fieldset input[size="50"] {
    width: 100%
}

fieldset {
    border: 0
}

.blocoAlerta,
.cart-preview .cart-preview-item-error {
    padding: .5rem;
    font-size: .75rem;
    text-align: center;
    border-radius: 4px;
    color: #e15656;
    background-color: #ffebeb;
    margin: 5px 0;
    display: block
}

#comentario_cliente .blocoAlerta {
    text-align: center
}

.mensagensErro {
    color: #da0808;
    font-size: .75rem;
    padding: 4px 0;
    display: inline-block
}

@media (max-width:480px) {
    .page-register .page-content fieldset {
        border: 0;
        padding: 0
    }
}

#lightwindow,
#lightwindow_overlay {
    display: none
}

.sidebar-central {
    width: 250px;
    margin-right: 30px
}

.sidebar-central>div>ul>li {
    margin-bottom: 1.25rem
}

.sidebar-central h4 {
    font-weight: 500;
    font-size: 1.12rem;
    margin: 10px 0 4px;
    color: var(--color_font_dark)
}

.sidebar-central a {
    font-size: .875rem;
    display: inline-block;
    margin: 4px 0;
    color: inherit;
    transition: .2s ease-out
}

.sidebar-central a:hover {
    color: var(--color_primary_medium)
}

.central-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px
}

.col-panel {
    width: calc(100% - 280px);
    font-size: .875rem
}

.col-panel h1,
.col-panel h2 {
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 10px;
    color: var(--color_font_dark)
}

.col-panel h1 {
    border-bottom: 1px solid var(--color_gray_dark);
    padding-bottom: .625rem
}

.col-panel .icoPai {
    width: 100%;
    margin: 20px 0 0;
    padding: 0 10px
}

.col-panel .icoFilho {
    padding: 0 10px;
    display: inline-block;
    text-align: center
}

.col-panel hr {
    display: none
}

.icoFilho .bgcolor {
    background: var(--color_font_medium)
}

@media (max-width:550px) {
    form[action*=central_premiacao_historico] input {
        width: 100%;
        display: block;
        max-width: 300px;
        margin-bottom: 10px
    }
}

.col-panel .icoPai img {
    display: none
}

.central-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.central-icons a {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
    display: block;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    width: 100%;
    text-align: center
}

.central-icons p {
    margin-top: -15px
}

.col-panel .tablePage {
    border: 1px solid #e4e4e4
}

.col-panel b,
.col-panel strong {
    font-weight: 600
}

.col-panel .tablePage td,
.col-panel .tablePage th {
    border: 1px solid #e4e4e4;
    padding: 5px
}

.table-overflow {
    overflow: auto;
    width: 100%
}

@media (max-width:991px) {
    .col-panel {
        width: 100%;
        margin: 20px 0
    }

    .sidebar-central {
        width: 100%;
        margin: 0
    }

    .line-panel {
        display: block
    }
}

.page-contact .page-content {
    opacity: 0
}

.page-contact .page-content.active {
    opacity: 1
}

.page-contact h1 {
    font-size: 1.75rem;
    font-weight: 500;
    margin-bottom: 1.25rem;
    color: var(--color_font_dark)
}

.page-contact h1+p.description {
    margin-bottom: 50px;
    font-size: 1.125rem
}

.page-contact .page-content h3 {
    margin: 0 0 .625rem;
    font-size: 1.25rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-contact .board>p {
    font-size: 1rem;
    margin: 0 0 24px;
    line-height: 1.38
}

.page-contact .cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-contact .cols .box-form {
    width: 60%;
    margin-right: 5%
}

.page-contact .cols .info-form {
    width: 35%;
    padding-left: 30px
}

.page-contact .cols .info-form .board {
    margin-bottom: 1.875rem;
    font-size: .875rem
}

.page-contact .page-content .cols~*,
.page-contact input[type=image] {
    display: none
}

.email-texto a {
    display: block
}

.email-texto a,
.info-form a {
    transition: .2s ease-out
}

.info-form a:hover {
    color: var(--color_primary_medium)
}

.page-contact .page-content label.block {
    display: block;
    margin: 0 0 20px
}

.page-contact .page-content .block span.block {
    display: block;
    margin: 0 0 4px;
    color: #313438;
    font-weight: 500;
    font-size: .875rem
}

.page-contact .page-content label.block>span:not([class]) {
    display: none
}

.page-contact .page-content input.text {
    height: 42px
}

.page-contact .page-content .textarea,
.page-contact .page-content input.text {
    width: 100%;
    max-width: 100%
}

.page-contact .page-content .box-captcha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.page-contact .page-content .box-captcha #captcha-loader {
    margin-top: 8px
}

.page-contact .page-content input#texto_captcha {
    width: calc(100% - 126px);
    margin-left: 20px
}

.page-contact .board iframe {
    width: 100%
}

.page-contact .block {
    display: block
}

.contato-telefones .block {
    font-weight: 400
}

.contato-telefones .block:before {
    font-family: go !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-variant: normal !important;
    text-transform: none !important;
    vertical-align: middle;
    margin-right: 5px;
    color: var(--color_primary_medium)
}

.contato-telefones .block:first-child:before {
    content: "\ea0e";
    font-size: 1.75rem
}

.contato-telefones .block:nth-child(2):before {
    content: "\ea1a";
    font-size: 1.5625rem
}

.page-contact .blocoSucesso {
    color: #28be48 !important;
    padding: 10px 0
}

.page-contact .board .botao-commerce {
    width: 100%;
    height: 42px;
    max-width: 180px;
    padding: 0;
    font-size: .875rem;
    font-weight: 500;
    text-transform: uppercase
}

.page-contact .page-content .msg-obriga {
    display: block;
    margin: 5px 0 20px
}

@media (max-width:767px) {
    .page-contact h1 {
        font-size: 1.25rem
    }

    .page-contact h1+p.description {
        font-size: 1rem
    }

    .page-contact .cols {
        display: block
    }

    .page-contact .cols .box-form {
        width: 100%;
        padding: 0
    }

    .page-contact .cols .info-form {
        width: 100%;
        margin-top: 2.5rem;
        padding-top: 1.875rem;
        padding-left: 0;
        border-top: 1px solid var(--color_gray_dark)
    }

    .page-contact .board .botao-commerce {
        max-width: 100%
    }
}

.footer {
    background: var(--color_footer_bg);
    color: var(--color_footer_second_font);
    margin-top: 1.875rem;
    padding: 0;
}

.footer-main.footer-padding{
    background-color: var(--color_footer_details);
}

.footer .footer-main .logo img {
    display: block;
    height: 100%;
    max-height: 64px
}

.footer .footer-main .social-media a {
    font-size: 22px;
    color: var(--color_footer_highlight);
    transition: .2s ease-out;
    margin: 0 .625rem
}

.footer .footer-main .social-media a:hover {
    opacity: .8
}

.footer .footer-main .newsletter {
    width: 100%;
    padding: 40px 0
}

.footer .footer-main .newsletter .info {
    width: 35%
}

.footer .footer-main .newsletter .text .first {
    font-weight: 700;
    color: var(--color_font_inverted)
}

.footer .footer-main .newsletter .text .last {
    font-weight: 500;
    color: var(--color_font_inverted);
    font-size: .85rem;
}

.footer .footer-main .newsletter .text {
    margin-left: .5em;
}

.footer .footer-main .newsletter .form {
    width: 65%;
    padding-left: 1.25rem;
    position: relative
}

.footer .footer-main .newsletter .form input{
    padding: 0 1.5em;
    width: 40%;
    height: 50px;
    margin: 0 0.3em;
    border-radius: 3px;
}

.footer .footer-main .newsletter .form .field {
    height: 56px;
    background-color: var(--color_footer_details);
    color: var(--color_footer_second_font);
    font-weight: 500;
    width: 100%;
    padding: 1.0625rem 145px 1.0625rem 1.25rem;
    border-radius: 4px;
    font-size: .875rem
}

.footer .footer-main .newsletter .form .field:focus {
    box-shadow: inset 0 0 4px var(--color_header_second_font)
}

.footer .footer-main .newsletter .form .field::placeholder {
    color: var(--color_footer_second_font)
}

.footer .footer-main .newsletter .form .news-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 50px;
    position: relative;
    right: 6px;
    top: calc(50% - 19px);
    font-size: .875rem;
    background-color: var(--color_footer_button);
    color: var(--color_font_inverted);
    border-radius: 3px;
    transition: .2s ease-out;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--font_family);
    margin-left: 0.6em;
}

.footer .footer-main .newsletter .form .news-button .icon {
    margin-left: 5px
}

.footer .footer-main .newsletter .form .news-button:hover {
    opacity: .8
}

@media (max-width:500px) {
    .footer .footer-main .newsletter .form .field {
        font-size: 16px
    }
}

.footer .bg-footer{
    background-color: var(--color_footer_button);
    padding-top: 2em;
    padding-bottom: 2em;
}

.footer .bg-footer p{
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--color_font_inverted);
    margin-left: 1em;
}

@media (max-width:768px) {
    .footer .bg-footer .footer-item{
        margin-bottom: 1em;
    }
    .img-center{
        display: none;
    }
}

.footer .cols .container {
    /* border-top: 1px solid var(--color_footer_details); */
    padding-top: 40px
}

@media (max-width:991px) {
    .footer .cols .container {
        justify-content: center;
        text-align: center;
    }
}

.footer .logo-box img {
    max-height: 74px;
    width: auto;
    height: auto
}

.footer .social-media-wrap {
    border-bottom: 1px solid var(--color_font_light);
    padding-bottom: 2em;
}

.footer .social-media .icon {
    margin-right: 18px;
    transition: .2s ease-out
}

.footer .title {
    text-transform: uppercase;
    color: var(--color_footer_main_font);
    font-size: .87rem;
    font-weight: 700;
    margin-bottom: 8px
}

.rodape p {
    text-align: center;
    font-size: .87rem;
    line-height: 1.7;    
}

.footer .copyright {
    font-size: .62rem;
    color: #858585;
}

.footer .copyright-logo {
    width: 100%;
}

@media (min-width:991px) {
    .footer .copyright-logo {
        width: 30%;
    }
}

.footer .payment-list+.title {
    margin-top: 15px
}

.footer .list a {
    font-size: .93rem;
    font-weight: 700;
    display: block;
    line-height: 1.5;
    padding: 5px 0;
    margin-right: 1em;
    text-transform: uppercase;
    transition: .2s ease-out;
    color: var(--color_footer_main_font);
}

.footer .box-infos a {
    padding-bottom: 15px
}

.footer .list a:hover,
.footer .social-media .icon:hover {
    opacity: .8
}

.footer .list .icon,
.footer .social-media .icon {
    color: var(--color_secondary_medium);
    font-size: 25px
}

.footer .payment-list li img {
    width: 42px;
    height: 27px;
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-in-out;
    display: block;
    margin: 0 6px 6px 0
}

.footer .payment-list li img.loaded {
    opacity: 1;
    visibility: visible
}

.footer .security-seals li {
    margin: 0 6px 6px 0
}

.google-seal a {
    font-size: 28px;
    display: flex;
    align-items: center
}

.google-seal .icon {
    display: block
}

.google-seal .icon-shield {
    color: #2aa647;
    margin-right: 2px
}

.footer .copy {
    font-size: .75rem;
    font-weight: 500;
    text-align: center;
    padding: 3rem 0 0;
    color: var(--color_footer_main_font)
}

@media (max-width:991px) {
    .footer .copy {
        padding: 1rem 0 0;
    }
}

.footer .copy .tray {
    margin-top: 1rem
}

.footer .copy .tray .mode-preview {
    transition: .2s ease-out
}

.footer .copy .tray .mode-preview:hover {
    opacity: 1
}

#NavLogoTray {
    text-align: center;
    font-size: .875rem
}

#NavLogoTray a {
    transition: .2s ease-out;
    font-weight: 600
}

#NavLogoTray a:hover {
    opacity: .8
}

#NavLogoTray .timelogotray {
    display: none
}

@media (min-width:1000px) and (max-width:1230px) {
    .footer .footer-main .newsletter .info {
        width: 60%
    }

    .footer .footer-main .newsletter .form {
        width: 40%
    }
}

@media (min-width:768px) and (max-width:1000px) {
    .footer .footer-main .container {
        flex-wrap: wrap;
        justify-content: space-evenly
    }

    .footer .footer-main .newsletter {
        max-width: 100%;
        margin-top: 1.875rem
    }
}

@media (min-width:575px) and (max-width:767px) {
    .footer .footer-main .newsletter .info {
        justify-content: center
    }
}

@media (max-width:767px) {
    .footer .footer-main .logo {
        margin-bottom: 3.125rem
    }

    .footer .footer-main .newsletter {
        flex-direction: column;
        max-width: 100%;
        padding: 20px 0;
    }

    .footer .footer-main .newsletter .info {
        width: 100%
    }

    .footer .footer-main .newsletter .form {
        width: 100%;
        margin-top: 15px;
        padding: 0
    }

    .footer .footer-main .newsletter .form  form{
        flex-wrap: wrap;
    }

    .footer .footer-main .newsletter .form input,
    .footer .footer-main .newsletter .form .news-button{
        width: 100%;
        margin: 0 0.3em .5rem;
        right: inherit;
    }

    .footer .footer-main .newsletter .text .first,
    .footer .footer-main .newsletter .text .last {
        font-size: .8125rem
    }

    .footer .box {
        margin-bottom: 25px;
        width: 100%
    }

    .footer .logo-box {
        margin: 0 auto 35px;
        text-align: center
    }

    .footer .social-media {
        justify-content: center;
        width: 100%;
        margin-top: 2em;
    }

    .footer .social-media .icon {
        margin: 0 9px
    }

    .footer .list li {
        width: 100%;
        text-align: center;
    }

    .footer .list a {
        padding: 10px 0
    }

    .footer .payment-list {
        max-width: 240px;
        margin: 0 auto 1em;
    }
}

.lista_presentes table {
    font-size: .875rem
}

.lista_presentes b,
.lista_presentes strong {
    font-weight: 600
}

.lista_presentes th {
    font-size: .875rem;
    font-weight: 500;
    padding: .6rem
}

.lista_presentes td {
    padding: .6rem
}

.lista_presentes select.select {
    width: 100%;
    margin-bottom: .65rem;
    min-width: 295px
}

.lista_presentes td a {
    width: 100px;
    display: block;
    float: left
}

.lista_presentes td a img {
    max-width: 100%
}

.lista_presentes td a+strong {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 104px);
    font-size: .75rem;
    max-width: 250px
}

.lista_presentes textarea {
    border: 1px solid #e4e4e4;
    padding: 14px;
    border-radius: 0;
    color: #565656;
    width: 100% !important;
    display: block;
    margin-top: .25rem
}

.lista_presentes li:last-child {
    margin-bottom: .938rem
}

#form_presentes .relative-button {
    float: right
}

#form_presentes .botao-commerce {
    display: inline-block
}

@media (max-width:991px) {
    #form_presentes {
        display: block;
        max-width: 450px;
        width: 100%;
        margin: auto
    }

    .lista_presentes li:not([class]):first-child {
        display: none
    }

    .lista_presentes td {
        display: block;
        width: 100% !important
    }
}

.page-content .style1,
.page-content .style4 {
    font-size: .875rem !important;
    color: var(--color_font_medium)
}

.page-extra .table-overflow .table-overflow table tr[bgcolor="#e7e7e7"] {
    background: var(--color_gray_medium)
}

.page-extra .page-content>.container>h1 {
    background: none;
    font-size: 2em;
    height: auto;
    border: 0;
    color: var(--color_font_medium);
    padding-left: 0
}

.campoform:not([type=checkbox]) {
    margin: .675rem 0
}

.page-extra table[style="width: 700px"] {
    width: 100% !important
}

@media (max-width:767px) {
    .page-extra form[action*="afiliados.php?loja="] table td {
        display: block
    }
}

#texto-termo,
.msg-aceita-termo {
    font-size: .875rem
}

#concorda-termo {
    margin-top: 1.875rem;
    padding-top: 1.875rem;
    border-top: 1px solid var(--color_gray_dark)
}

#acceptTerm {
    display: block;
    margin-top: 1.25rem;
    padding: .5rem .625rem;
    font-size: .75rem;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    color: var(--color_font_inverted);
    background-color: var(--color_secondary_medium);
    transition: .2s ease-out
}

#acceptTerm:hover {
    opacity: .8
}

.checkbox-accept-terms {
    position: relative;
    display: block
}

.checkbox-accept-terms input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.checkbox-accept-terms label {
    position: relative;
    display: block;
    padding-left: 1.875rem;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    color: var(--color_font_medium)
}

.checkbox-accept-terms label:before {
    pointer-events: none;
    background-color: #fff;
    border: 1px solid var(--color_gray_dark);
    border-radius: 2px;
    transition: .2s ease-in-out
}

.checkbox-accept-terms label:after,
.checkbox-accept-terms label:before {
    position: absolute;
    content: "";
    top: .125rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem
}

.checkbox-accept-terms label:after {
    background: no-repeat 50%/50% 50%
}

.checkbox-accept-terms input:checked~label:before {
    color: var(--color_font_inverted);
    border-color: var(--color_secondary_medium);
    background-color: var(--color_secondary_medium)
}

.checkbox-accept-terms input:checked~label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E")
}

@media (max-width:767px) {
    .compare-buttons {
        margin: 5px 0
    }
}

.progressive {
    margin: 10px 0;
    font-size: .75rem;
    text-align: center
}

.banner-header img {
    display: block;
    margin: auto;
    max-width: 100%
}

@media (max-width:1024px) {
    .banner-header {
        display: none
    }
}

#ProdAbas li {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--color_primary);
    margin-bottom: 40px
}

@media (max-width:768px) {
    .product-tabs .abasProduto,
    #ProdAbas li,
    #coments .board {
        text-align: center;
    }

    #coments a[data-logged-user=false]{
        margin: 0.3125rem auto 0;
    }
}

.banner-catalog img{
    width: 100%;
}

.page-noticia #ProdBlock.prodBox {
    display: block !important;
    margin-top: 40px
}

#listaNoticiaProdutos {
    display: flex;
    flex-wrap: wrap
}

#listaNoticiaProdutos li {
    width: 25%;
    position: relative
}

#produto_imagem {
    float: left
}

#produto_imagem~* {
    margin-left: 100px
}

#produto_imagem img {
    max-width: 90px
}

#produto_comprar {
    font-size: .875rem
}

#produto_comprar a img {
    display: none
}

#produto_comprar a:before {
    content: "Ver detalhes";
    padding: 7px 14px;
    font-weight: 700;
    font-size: .75rem;
    text-transform: uppercase;
    border-radius: 3px;
    background-color: var(--color_secondary_medium);
    color: var(--color_font_inverted);
    display: inline-block;
    margin: 5px 0 6px;
    transition: .2s ease-out
}

#produto_comprar a:hover:before {
    opacity: .9
}

#produto_comprar a:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#produto_comprar {
    font-size: 0
}

#produto_comprar .precoAvista {
    font-weight: 700;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    color: var(--color_primary_medium);
    font-size: 14px
}

#produto_dados h3 {
    color: var(--color_font_dark);
    font-size: .875rem;
    margin: 10px 0;
    line-height: 1.3;
    display: block;
    font-weight: 500
}

#produto_dados p {
    display: none
}

@media (max-width:1200px) {
    #listaNoticiaProdutos li {
        width: 33.33333%;
        margin-bottom: 20px
    }
}

@media (max-width:767px) {
    #listaNoticiaProdutos li {
        width: 50%
    }
}

@media (max-width:480px) {
    #listaNoticiaProdutos li {
        width: 100%
    }
}

#ProdBlock {
    display: none !important
}

#tipos-listas img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

form .busca input[type=text] {
    border: 1px solid var(--color_gray_dark);
    line-height: 35px;
    padding: 0 5px;
    margin-right: 10px
}

.is-custom-page .page-title {
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--color_font_dark);
    margin-bottom: 30px
}

.is-custom-page .page-title .text {
    display: block
}

@media (max-width:575px) {
    .is-custom-page .page-title {
        font-size: 1.25rem
    }
}

.page-newsletter .page-content {
    opacity: 0;
    visibility: hidden;
    transition: .2s ease-out
}

.page-newsletter .page-content.show {
    opacity: 1;
    visibility: visible
}

.page-newsletter .board h1 {
    margin-bottom: 1.875rem;
    font-size: 1.75rem;
    font-weight: 500;
    color: var(--color_font_dark)
}

.page-newsletter .formulario-newsletter p:first-child {
    margin-bottom: 1.875rem
}

.page-newsletter .formulario-newsletter p:first-child br {
    display: none
}

.page-newsletter .formulario-newsletter .box-captcha,
.page-newsletter .formulario-newsletter .box-captcha-newsletter {
    display: flex
}

.page-newsletter .formulario-newsletter .box-captcha-newsletter input,
.page-newsletter .formulario-newsletter .box-captcha input {
    height: 36px;
    min-width: 200px;
    margin-left: 10px;
    padding: 0 15px
}

.page-newsletter .formulario-newsletter .botao-commerce {
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 1rem;
    display: block
}

.page-newsletter .page-content.success-message-newsletter .board p:first-child {
    max-width: 600px;
    margin: 0 auto;
    text-align: justify
}

.page-newsletter .page-content.success-message-newsletter .board p:first-child br {
    display: none
}

.page-newsletter .page-content.success-message-newsletter .board p:first-child a {
    display: block;
    margin: 30px auto 0;
    width: 225px;
    text-align: center
}

@media (max-width:767px) {
    .page-newsletter .board h1 {
        font-size: 1.25rem
    }

    .page-newsletter .page-content.success-message-newsletter .board p {
        text-align: center
    }
}

@media (max-width:575px) {
    .page-newsletter .formulario-newsletter .box-captcha input {
        width: calc(100% - 115px)
    }

    .page-newsletter .formulario-newsletter .botao-commerce,
    .page-newsletter .page-content.success-message-newsletter .board p:first-child a {
        width: 100%
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    input,
    input:focus,
    select,
    select:focus,
    textarea,
    textarea:focus {
        font-size: 16px
    }
}

/* Sidecart */

.header .cart-header {
    position: relative;
    font-size: .875rem;
    color: var(--header_text_top);
    transition: color ease-in-out .3s;
    margin-top: 1rem;
}

.header .cart-header .area svg{
    margin-right: 1.6em;
    margin-top: 0.6em;
    margin-left: 3em;
}

.header .cart-header .icon {
    max-width: 30px;
    height: 35px;
    display: block;
    fill: var(--color_header_main_font);
    margin-right: 23px;
    margin-left: 2em;
    cursor: pointer;
}

.header .cart-header .number {
    position: absolute;
    top: 25%;
    right: 0;
    text-align: center;
    line-height: 20px;
    color: var(--color_header_details);
    background: var(--color_header_cart_count) no-repeat center;
    background-size: 100%;
    width: 20px;
    height: 20px;
    font-weight: 700;
    font-size: 0.7rem;
    border-radius: 50%;
}

.shadow-cart,
.shadow-cart-header,
.shadow-header {
    position: fixed;
    height: 100%;
    width: 100%;
    background-color: #000000;
    top: 0;
    left: 0;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.active+.shadow-cart-header,
.active>.shadow-cart-header {
    opacity: .5;
    visibility: visible;
}

.nav-mobile.active~.shadow-cart,
.box-fixed.active~.shadow-cart,
.modal-theme.active:not(.loaded)~.shadow-cart,
.cart-sidebar.active~.shadow-cart {
    opacity: .5;
    visibility: visible;
}

.cart-sidebar {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--color_menu_bg);
    color: var(--color_header_main_font);
    z-index: 12;
    width: 386px;
    padding: 0 20px;
    opacity: 0;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    visibility: hidden;
    top: calc(100% + 14px);
    max-height: calc(100vh - 100px);
    border-radius: 10px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.25);
}

.cart-sidebar::before {
    content: '';
    display: block;
    position: absolute;
    top: -5px;
    right: 42px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid var(--color_menu_bg);
}

.cart-sidebar .error {
    font-weight: 600;
    padding: 20px 0;
    font-size: 0.875rem;
}

.active>.cart-sidebar {
    visibility: visible;
    opacity: 1;

}

.active>.shadow-cart-header {
    opacity: .5;
    visibility: visible;
}

.title-store {
    font-size: 1.125rem;
    font-weight: 600;
    text-align: center;
}

.cart-sidebar .content-cart.empty+.footer-cart {
    display: none;
}

.cart-sidebar .item {
    margin-bottom: 20px;
}

.cart-sidebar .footer-cart {
    margin: 15px -20px 0;
    padding: 0 20px;
    background-color: var(--color_menu_bg);
}

.cart-sidebar .text-info {
    font-size: 1rem;
    text-align: right;
    margin-top: 10px;
}

.cart-sidebar .text-info .total {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 0.875rem;
}

.cart-sidebar .text-info .value {
    font-size: 1.750rem;
    font-weight: 700;
    padding-left: 6px;
    color: var(--color_font_dark);
    display: block;
    margin-bottom: -5px;
}

.header-cart {
    font-size: 1.125rem;
    font-weight: 400;
    padding-top: 20px;
}

.cart-sidebar .content-cart {
    overflow: auto;
    padding-top: 20px;
    max-height: 500px;
    margin-right: -5px;
    padding-right: 5px;
}

/* width */
.cart-sidebar .content-cart::-webkit-scrollbar {
    width: 6px;
}

/* Track */
.cart-sidebar .content-cart::-webkit-scrollbar-track {
    background: #f5f5f5;
}

/* Handle */
.cart-sidebar .content-cart::-webkit-scrollbar-thumb {
    background: var(--color_primary);
}

.cart-sidebar .footer-cart .line {
    white-space: nowrap;
    margin: 20px 0;
    display: flex;
    height: unset;
    justify-content: flex-end;
    align-items: center;
    border: none!important;
}

.cart-sidebar .footer-cart .line.justify-end{
    justify-content: flex-end;
}

.cart-sidebar .footer-cart .link-cart {
    font-size: 0.875rem;
    flex-grow: 1;
    text-align: center;
    padding-right: 20px;
    text-decoration: underline;
    transition: opacity ease-in-out .2s;
}

.cart-sidebar .footer-cart .link-cart:hover {
    opacity: .6;
}

.cart-sidebar .footer-cart .botao-commerce {
    background-color: var(--color_header_cart_count) !important;
    font-weight: 400 !important;
    padding: 10px 26px !important;
    text-transform: uppercase;
}

.cart-sidebar .footer-cart .botao-commerce:hover {
    background-color: var(--color_header_cart_count) !important;
}

@media (max-width: 767px) {
    .cart-sidebar .header-cart {
        margin: 0 -10px;
    }

    .cart-sidebar .footer-cart,
    .cart-sidebar .content-cart {
        padding-left: 0;
    }

    .cart-sidebar .text-info .total {
        font-size: .75rem;
    }

    .cart-sidebar .footer-cart .botao-commerce {
        font-size: 0.875rem;
        line-height: 36px;
    }

    .header .cart-header{
        display: flex;
        order: 4;
        margin-top: 0;
    }

    .header .cart-header .icon{
        max-width: 25px;
        height: 25px;
        margin-left: 0em;
    }

    .header .cart-header .number {
        top: 15%;
    }

    .header .cart-header .area svg{
        margin-left: 0;
    }
}

@media (max-width: 550px) {
    .cart-sidebar {
        width: calc(100vw - 20px);
    }

    .cart-sidebar::before {
        right: 27px;
    }
}

.box-cart .box-image {
    width: 78px;
    height: 78px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-cart .box-image img {
    display: block;
    max-height: 78px;
    max-width: 78px;
    margin: auto;
}

.box-cart .info-product {
    width: calc(100% - 98px);
    margin-left: 20px;
    padding-right: 37px;
    position: relative;
}

.box-cart .info-product a {
    font-size: 1rem;
    line-height: 1.2;
    display: block;
    min-height: 39px;
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-cart .info-product .remove {
    width: .875rem;
    height: .875rem;
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    opacity: .5;
    transition: opacity ease-in-out .2s;
}

.box-cart .info-product .remove:hover {
    opacity: 1;
}

.box-cart .info-product .remove svg {
    width: 100%;
    fill: var(--color_primary);
}

.box-cart .info-product .price {
    font-size: 1rem;
    font-weight: 400;
    color: var(--preco_color_product);
}

.box-cart .info-product .qnt {
    font-size: .875rem;
    font-weight: 400;
    margin-right: 10px;
}

.remove-items {
    cursor: pointer;
    font-size: 0.75rem;
}

.remove-items span:not(.ic-trash) {
    text-decoration: underline;
}

.remove-items .ic-trash {
    margin-right: 4px;
    vertical-align: -2px;
}

.ic-trash {
    background: url(https://images.tcdn.com.br/files/1174091/themes/35/img/delete.svg) no-repeat center;
    width: 14px;
    height: 14px;
    display: inline-block;
}