body {font-family: var(--font-primary); font-size: 14px; color: var(--text); overflow-x: hidden; letter-spacing: .2px;}
img:not([src]):not([srcset]) {visibility: hidden;}

/* botões */
.btn {border-radius: var(--btn-border-radius); padding: 12px 24px; transition: ease all .5s; font-size: 14px;}

.btn-primary {border: 1px solid var(--primary); background-color: var(--btn-primary); color: #ffffff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 12px;}
.btn-primary:hover {background-color: var(--btn-primary-hover); border-color: var(--btn-primary-hover);}
.btn-primary:active, .btn-primary:focus {background-color: var(--btn-primary-active) !important; border-color: var(--btn-primary-active) !important; color: #fff !important}
.btn-primary:disabled {opacity: 0.6;}
  
.btn-secondary {border: 1px solid var(--secondary); background-color: var(--btn-secondary); color: #ffffff; padding: 12px;}
.btn-secondary:hover {background-color: var(--btn-secondary-hover); border-color: var(--btn-secondary-hover);}
.btn-secondary:active, .btn-secondary:focus {background-color: var(--btn-secondary-active) !important; border-color: var(--btn-secondary-active); color: #fff !important;}
.btn-secondary:disabled {opacity: 0.6;}

.btn-green {background-color: var(--green); color: #ffffff !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); padding: 12px;}
.btn-green:hover {background-color: var(--green-hover)}
.btn-green:active, .btn-green:focus {background-color: var(--green-active) !important;}
.btn-green:disabled {opacity: 0.3; background-color: var(--green); color: #ffffff !important;}

#grid-view, #list-view {padding: 8px 12px;}
/* @media (max-width: 991px) {
	.btn {font-size: 14px;}
} */
/* botões */

/* backgrounds */
.bg-primary {background-color: var(--primary)}
.bg-secondary {background-color: var(--secondary);}
.bg-green {background-color: var(--green);}
.bg-gray {background-color: var(--gray);}
/* backgrounds */

/* colors */
.color-primary {color: var(--primary)}
.color-secondary {color: var(--secondary);}
.color-green {color: var(--green);}
.color-gray {color: var(--gray);}
/* colors */

/* utils */
.transition {-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.fw-500 {font-weight: 500;}
.fw-600 {font-weight: 600;}
.fw-700 {font-weight: 700;}
.text-right {text-align: right;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
/* utils */

/* scrollbar */
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #555;border-radius: 4px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
/* scrollbar */

/* containers */
@media (min-width: 1600px) {
	.container {max-width: var(--container-xxl, 1420px);}
}
/* containers */

.breadcrumb {padding: 12px 0; margin: 0;}
@media (max-width: 991px) {
	.breadcrumb {font-size: 12px;}
}

/* setas */
.swiper-button-disabled {opacity: .6;}
.vowt-next, .vowt-prev {position: absolute; top: 50%; z-index: 10; transform: translateY(-50%); }
.vowt-prev {left: 2px;}
.vowt-next {right: 2px;}
.vowt-prev i, .vowt-next i {color: var(--secondary); display: flex;}
.container-svg-arrow {display: flex; justify-content: center; align-items: center; background: #F2F0F4; width: 30px; height: 30px; border-radius: 50%; transition: ease all .5s;}
.container-svg-arrow:hover {background: #ddd;}
.swiper-button-disabled .container-svg-arrow:hover {background-color: #F2F0F4;}
.swiper-pagination-bullet-active {background: var(--primary);}
/* setas */

/* lista de produtos */
.products-list .vowt-next, .products-list .vowt-prev {transform: none;}
.products-list .products-list-link {font-size: 12px; display: flex; justify-content: center; margin-top: 6px;}
.products-list .products-list-link i {color: var(--primary);}
@media (max-width: 991px) {
	.product-list-carousel .swiper-slide {width: 70%;}
	.product-list-carousel .vowt-prev, .product-list-carousel .vowt-next {display: none;}
}
/* lista de produtos */

.bi-star {color: #aaa;}
.bi-star-fill {color: #EFC24E;}

/* títulos de seções */
.heading-title {font-size: 30px; font-weight: 300; color: var(--secondary); margin-bottom: 6px; text-align: center; margin-bottom: 12px; letter-spacing: 1px;}
.heading-title-products {margin: 0;}
@media (max-width: 991px) {
	.heading-title {font-size: 24px;}
}
/* títulos de seções */

/* filtros categoria */
.smart-filter-all h3 {font-size: 14px; margin: 0;}

/* preco */
.smart-filter-all #slider-range {border: none; background: #eee; height: 5px;}
.smart-filter-all #slider-range span {border-radius: 100px; background: var(--primary); border-color: var(--primary); top: -6px;}
.smart-filter-all #slider-range .ui-slider-range {background: var(--primary);}
.smart-filter-all #price-min-slider, .smart-filter-all #price-max-slider {font-size: 14px; padding: 12px; background: #f7f7f7; }
/* preco */

/* opções do filtro */
.smart-filter-all .accordion-item {border: none; border-radius: 0; border-bottom: 1px solid #F5F3EF; }
.smart-filter-all .accordion-button {padding: 24px 0;}
.smart-filter-all .accordion-button::after {width: 14px; height: 14px; background-size: auto;}

.smart-filter-all .box .box-body {display: flex; flex-direction: column; gap: 8px;}

.smart-filter-all .box-body label:last-child {margin-bottom: 16px;}
.smart-filter-all label {display: flex; align-items: center; gap: 8px; margin-bottom: 16px;}
.smart-filter-all label input {position: relative; margin: 0; appearance: none;}
.smart-filter-all label input:checked::after {content: ''; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid var(--primary); border-width: 0 2px 2px 0;transform: rotate(45deg);}
.smart-filter-all label input:checked::before {border-color: var(--primary); background: #fff;}
.smart-filter-all label input::before {content: ''; display: block; width: 22px; height: 22px; border: 2px solid #333; border-radius: 4px; background-color: transparent;}
/* opções do filtro */

/* buscador */
.smart-filter-all .input-search, .smart-filter-all .input-search:focus-visible {border: none !important; outline: none !important; width: 100%;}
.smart-filter-all .container-filter-search {width: 100%; border: 1px solid #EDEDED; padding: 6px; border-radius: 4px;}
/* buscador */

.buttons.clearfix {margin-bottom: 12px;}
/* filtros categoria */


/* default */
h1,h2,h3,h4,h5{padding: 0; margin: 0;}
p {margin: 0;}
h1 span, h2 span{color: var(--primary);}
a{text-decoration: none; color: var(--text);}
input:focus{outline: none;}
input{border: none;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,  input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px #f5f5f5 inset !important; transition: none;}
input:focus-visible {outline: none;}
/* .nav-link.active{background-color: var(--primary) !important; color: #fff !important;} */
.nav-link{font-size: 1rem; border-radius: 0 !important; color: var(--text);}
.page-link{border-color: transparent; border-radius: 50%; color: var(--gray-hover);}
.page-item.active .page-link{background-color: var(--primary); color: #fff; border-color: var(--primary);}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){box-shadow: none; background: none;}
/* default */

/*Remove Bootstrap */
.form-control:focus{box-shadow: none; border-color: var(--primary);}
.form-control{border: solid 1px #e5e5e5; height: 50px;}
.form-group{margin-bottom: 10px;}
.form-control-line{border: none; background: transparent; border-bottom: solid 1px #e5e5e5; border-radius: 0;}
.form-control-line.form-control-line-dark{color: #fff;}
.form-control-line.form-control-line-dark::placeholder{color: #fff;}
.form-control-line.form-control-line-dark:focus{background-color: transparent;}
/*Remove Bootstrap */