html{-webkit-box-sizing:border-box;box-sizing:border-box; scroll-behavior: smooth;}
*,*:before,*:after {-webkit-box-sizing: inherit;box-sizing: inherit;}
*{scroll-margin-top:2rem}
img{display: inline-block; max-width:100%; height:auto;}
iframe{display:block; max-width: 100%;}
.hidden{position: absolute; width: 0; opacity:0; visibility: hidden;}
.rating-stars{display: -webkit-box;display: -ms-flexbox;display: flex;}
.rating-stars svg{margin: 0 1px;}
.rating-stars path {fill: #fc0}
/*swiper*/
.swiper-container{position:relative;overflow-x: hidden;}
.swiper-pagination{position:relative;bottom: 0 !important; margin:10px 0;}
.swiper-pagination-bullet{opacity:.1}
.swiper-pagination-bullet-active{opacity:1}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-slide{-ms-flex-item-align: center;-ms-grid-row-align: center;align-self: center; max-width: 100% !important; font-size:0;}
.swiper-lazy-preloader{border-width: 2px;}
.swiper-lazy:not(.swiper-lazy-loaded){display: none;}
.has-navigation{padding:0 30px;}
.has-navigation .swiper-slide{opacity:0;}
.has-navigation .swiper-slide-visible{opacity:1}
/*product gallery*/
#product_gallery_big img{cursor: -webkit-zoom-in;cursor: zoom-in}
#product_gallery_thumbs img{cursor:pointer;}
/*zoom_gallery*/
.product-zoom-link{display:block; cursor: pointer;}
#product_zoom_gallery{position: fixed; top: 50%; right: 50%; bottom: 50%; left: 50%; z-index: 10000; background: #fff; opacity: 0; overflow: hidden; -webkit-transition: opacity .3s linear; -o-transition: opacity .3s linear; transition: opacity .3s linear;}
#product_zoom_gallery > div{position: relative; width: 1200px; max-width: 100%;}
#product_zoom_gallery_big{width: 100%;max-width:600px; margin: 0 auto; overflow: hidden;}
#product_zoom_gallery_big a{width:auto !important;max-width: 100% !important;}
#product_zoom_gallery_thumbs{position:relative; width:1200px; max-width: 100%; margin: 20px auto; overflow: hidden;}
#product_zoom_gallery_thumbs img{cursor: pointer;}
#product_zoom_gallery small{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; opacity: .5}
#product_zoom_close{position:absolute; top: 1rem; right: 1rem; width: 40px; padding: 0; background: #666 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3Cpath fill='%23fff' d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center / 15px; cursor: pointer; font-size: 0;}
.MagicZoomBigImageCont img{max-width: unset;}
@media only screen and (min-width: 1025px){
	#product_gallery_thumbs{min-height: 80px;}
}
@media only screen and (min-width: 1025px) and (max-height: 900px){
	#product_zoom_gallery_big{max-width: 60vh}
}
/*zoom active*/
body.hide{max-height:90vh;overflow:hidden;}
body.hide #product_grid_buy{display:none}
#product_zoom_gallery.active {top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100vh; padding:20px; opacity: 1;}
/*youtube embed*/
.youtube-container {position: relative; max-width:1200px; overflow: hidden;}
.youtube-player {position: relative; z-index: 100; display: block; width: 100%; height: 100%; padding-bottom: 56.25%; cursor: pointer; overflow: hidden; }
.youtube-thumb {position: absolute; display: block; width: 100%; height:100%;}
.play-button { position: absolute; left: 50%; top: 50%; z-index: 150; margin-left: -34px; margin-top: -24px; color: #000; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out;}
.youtube-player>div:after{content:''; position: absolute; top:0; right:0; bottom:0; left:0; -webkit-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; transition: background .2s ease-in-out;}
.youtube-player:hover >div:after{background:rgba(0,0,0,.15)}
.youtube-player:hover .play-button{color:#FF0000}
#youtube-iframe {position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 100%;}
/*modal*/
#modal { position:fixed; top:0; right:0; bottom:0; left:0; z-index:1000000; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; overflow-y:auto; padding: 1rem;}
#modal-content { position:relative; z-index:1000001; padding:2rem; background:#fff; -webkit-box-shadow:0 0 10px rgba(0,0,0,.75); box-shadow:0 0 10px rgba(0,0,0,.75); -webkit-animation:fadeInDown .7s ease-in-out; animation:fadeInDown .7s ease-in-out;}
#modal-close { cursor:pointer }
#modal-close:before { content:''; position:absolute; top:1em; right:1em; z-index:1000002; width: 2rem; height: 2rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' %3E%3Cpath fill='%23666666' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2 62.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z'%3E%3C/path%3E%3C/svg%3E");}
#modal-close:after { content:''; position:fixed; background:rgba(0,0,0,.8); top:0; right:0; bottom:0; left:0; cursor:pointer }
/*modal cart*/
.added-items-modal #modal-content{position: absolute;top: 0;right: 0;bottom: 0;width: 100%;max-width: 450px;text-align: left;}
#added_items{display: flex;flex-direction: column;height: 100%; text-align: center}
#added_items svg{margin: 0 auto .5rem; width: 4rem; fill: #383}
#added_items h1{font-size: 1.4em; font-weight: 600; color: #383}
#added_items_list{overflow-y: auto;scrollbar-width: thin;}
#added_items_list ul{margin:0;padding:0;list-style:none;}
#added_items_list .item-added{position: relative;display: flex;padding: 0.5rem;border-bottom: 1px solid var(--border);}
#added_items_list .item-img{flex: 0 0 80px;margin-right: 10px;}
#added_items_list .item-img img{display: block;}
#added_items_list .item-name{line-height: 1.5;font-size: 0.85em;}
#added_items_list .item-name span{display: block;}
#added_items_list .item-qty{position: absolute;top: 5px;left: 0;width: 29px;background: var(--primary);border: 2px solid #fff;border-radius: 50%;text-align: center;line-height: 25px;color: var(--primaryForeground);}
#item_added_actions{flex: 0 0 50px;margin-top: 1rem;}
#item_added_actions button{width: 100%;padding: 0;font-size: 1em;font-weight: 600;}
#item_added_actions button[name="btnContinueShopping"]{background: none;color: var(--foreground);}
#item_added_actions .btn-loading{display: flex;justify-content: center;align-items: center;background: none;color: var(--foreground);opacity: 0.5;}
#item_added_actions .btn-loading:before{content: '\F110';width: 40px;height:40px;margin: 0;background: none;line-height: 40px;font-family: var(--font_icon);animation: rotate 1s infinite;}
#item_added_actions .btn-loading:after{content: 'Carregando';}
#item_added_actions .btn-loading span{display: none;}

@-moz-keyframes rotate{from{transform: rotate(0);} to{transform: rotate(360deg);}}
@-webkit-keyframes rotate{from{transform: rotate(0);} to{transform: rotate(360deg);}}
@-o-keyframes rotate{from{transform: rotate(0);}to{transform: rotate(360deg);}}
@keyframes rotate{from{transform: rotate(0);}to{transform: rotate(360deg);}}
/*modal shipping*/
#product_shipping_simulator{max-width: 600px; text-align:left;}
#product_shipping_simulator h2{font-size: 1.2em;}
#shipping_simulator_form{margin: 1rem 0;}
#shipping_simulator_form label{font-size: .9em; opacity: .5;}
#shipping_simulator_cep{width: 100px}
#shipping_simulator_form button{padding:0 10px;}
#shipping_simulator_result ul{margin: 0; padding:0; list-style: none}
#shipping_simulator_result li {display:flex; padding: 10px 0; border-bottom: 1px solid var(--border); line-height: 2em;font-size: .9em}
#shipping_simulator_result li:nth-last-of-type(1){border: none}
#shipping_simulator_result .transp_name{flex: 0 0 200px;font-weight: 600}
#shipping_simulator_result .transp_cost{flex: 1 1 auto}
#shipping_simulator_result .transp_period{flex: 0 0 100px; text-align: right}