body {font-family: var(--font-primary); font-size: 14px; color: var(--text); overflow-x: hidden; letter-spacing: .2px;}
.overlay {width: 100%; height: 100%; position: fixed; background: #00000063; z-index: 4; bottom: 0; display: none;}
img:not([src]):not([srcset]) {visibility: hidden;}
.readonly-select {pointer-events: none; background-color: #f0f0f0; color: #888;}

/* header */
header {box-shadow: 0 0 6px -2px rgb(0 0 0 / 30%); top: -1px !important; background: var(--header-background-color); line-height: normal;}
header, header a {color: var(--header-color-text);}
.top-bar {background: var(--header-topbar-background-color); padding: 14px 0; font-size: 13px; position: relative; z-index: 5;}
.top-bar, .top-bar a {color: var(--header-topbar-text-color); font-weight: 600;}
.top-bar i {color: var(--header-topbar-icon-color);}
.top-bar .vowt-prev i, .top-bar .vowt-next i {font-size: 13px;}

#header .logo {max-height: var(--logo-max-height);}
#header .header_logo {display: flex; justify-content: center;}

.header-wrapper {display: flex; align-items: center; padding: 24px 0;}
.header-wrapper svg {width: 20px; height: 20px;}
.header-wrapper svg, .header-wrapper svg fill {fill: var(--header-svg-color);}
.header-right .header-info {display: none;}

.header-wrapper .header-left {display: flex; gap: 24px;}
.header-wrapper .header-right {display: flex; justify-content: end; gap: 24px;}
.header-wrapper .header-left, .header-wrapper .header-right {flex: 1; align-items: center;}
.header-wrapper .header-center {flex: 2;}
.header-bottom {border-top: 1px solid #DBD8D7;}

/* buscador */
.header-left .header_search {display: none;}
.header-wrapper .header_search {max-width: 153px;}
.header-wrapper .search {display: flex; border-bottom: 1px solid #353231;}
.header-wrapper .search:focus-within {border-color: #999;}
.header-wrapper .search input {width: 100%; display: flex; background: none; padding-left: 8px; font-size: 12px;}
.header-wrapper .search .btn {padding: 8px; display: flex;}
/* buscador */

/* contato */
.header-contact .dropdown-santstyle__box {right: -30px;}
.header-contact .dropdown-santstyle__box::after {right: 222px;}
.header-contact .dropdown-santstyle__box::before {right: 223px;}
/* contato */

/* conta */
.header-account-desktop .dropdown-santstyle__box {max-width: 240px; right: 70px; transform: translateX(50%);}
.header-account-desktop .dropdown-santstyle__box::after {right: 47px;}
.header-account-desktop .dropdown-santstyle__box::before {right: 48px;}
.header-account-desktop .btn {width: 100%; padding: 12px; font-size: 14px;}

.account-dropdown svg {width: 40px; height: 40px;}
.account-dropdown i {color: var(--primary); font-size: 19px; margin-right: 8px; display: flex;}
.account-dropdown__links a {display: flex; align-items: center; font-size: 13px; transition: ease all .2s; color: #131313;}
.account-dropdown__links a:hover {color: var(--primary);}

/* @media (min-width: 992px) and (max-width: 1300px) {
	.header-account-desktop .dropdown-santstyle__box {right: 65px;}
} */
/* conta */

/* carrinho */
#cart-top > button {padding: 0;}
.cart-qtd {position: absolute; bottom: 35%; right: -1px; transform: translateY(50%);}
#cart-total .total {display: none;}
#cart-total .items {background: var(--primary); color: #fff; border-radius: 50%; width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; font-size: 9px; line-height: normal;}
@media (max-width: 991px) {
	.cart-qtd {bottom: -1px; transform: none; right: -1px;}
	#cart-total .items {width: 14px; height: 14px; font-size: 9px;}
}
/* carrinho */

@media (max-width: 991px) {
	.header-right .header-account-mobile, .header-right #menu-advanced-mobile {display: none;}
	.header_wishlist {display: none;}
	.header-bottom {display: none;}
	.header-right {flex: none;}
	.header-wrapper {padding: 16px 0;}
	.header-left .header_search {display: block;}
	#cart-top {display: flex; justify-content: end;}
	.header-wrapper .header-left, .header-wrapper .header-right {gap: 16px;}
}
/* header */

/* footer */
footer {background: var(--footer-background-color); gap: var(--footer-space); margin-top: var(--spacing-sections-home);}
footer, footer a {color: var(--footer-color-text);}
footer .footer-info__title, footer .footer-seal__title, footer .social-media-title {font-size: 16px; font-weight: 600; margin-bottom: 40px; color: var(--text);}
footer .footer-seal__title {margin-bottom: 16px;}
footer .social-media-title {display: none;}
footer .footer-list {display: flex; gap: 24px; flex-direction: column; font-size: 13px; line-height: normal; margin-bottom: 24px;}
footer .social-media {margin-top: 40px;}
footer .social-media span {display: none}
footer .social-media a {font-size: 20px; color: var(--text); transition: all 0.5s ease;}
footer .social-media a:hover {color: var(--primary);}

footer .list-contact__item, footer .list-contact__item a {display: flex; align-items: center; gap: 12px; color: var(--footer-color-text);}
footer .list-contact__item i {font-size: 14px; color: var(--primary); display: flex;}
footer .list-contact__label {font-size: 15px; font-weight: 600; display: none;}

footer .hr-footer {border-top: 1px solid var(--footer-border-color);}

footer .seals-footer_item img {height: 22px;}
footer .footer-seals-safe img {height: 32px;}
footer .footer-seals-payment-methods img {filter: grayscale(1);}

footer .text-disclaimer {font-size: 11px; color: var(--footer-color-text); line-height: 22px; text-align: center; font-weight: 300; letter-spacing: .4px;}

footer .footer-bottom {font-size: 10px; display: flex;}

@media (max-width: 991px) {
	.footer-seals .col:not(:last-child) .seals-footer_item {padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid var(--footer-border-color);}
	footer .footer-bottom {flex-direction: column; gap: 4px;}
	footer .seals-footer_item img {height: 17px;}
	footer .header_logo {display: flex; justify-content: center;}
	footer .footer-seal__title {text-align: center;}
	footer .seals-wrapper {justify-content: center;}
}
/* footer */


/* botões */
.btn {border-radius: var(--btn-border-radius); padding: 12px 24px; transition: ease all .5s; font-size: 14px; line-height: normal;}
.btn-unstyled {border: none; background: initial;}
.btn i {display: inline-flex; font-size: 12px;}

.btn-primary {background-color: var(--btn-primary); color: #fff; border: 1px solid var(--btn-primary);}
.btn-primary:hover {background-color: var(--btn-primary-hover); border-color: var(--btn-primary-hover); color: #fff;}
.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 {background-color: var(--btn-secondary); color: #fff; border: 1px solid var(--btn-secondary);}
.btn-secondary:hover {background-color: var(--btn-secondary-hover); border-color: var(--secondary); color: #fff;}
.btn-secondary:active, .btn-secondary:focus {background-color: var(--btn-secondary-active) !important; border-color: var(--btn-secondary-active) !important; color: #fff !important;}
.btn-secondary:disabled {opacity: 0.6;}
  
.btn-green {background-color: var(--green); color: #fff; border: 1px solid var(--green);}
.btn-green:hover {background-color: var(--green-hover); border-color: var(--green-hover); color: #fff;}
.btn-green:active, .btn-green:focus {background-color: var(--green-active) !important; border: 1px solid var(--green-active) !important; color: #fff !important;}
.btn-green:disabled {background-color: var(--green); color: #fff; border: 1px solid var(--green); opacity: 0.6;}

.btn-green-outline {background-color: #fff; color: var(--green); border: 1px solid var(--green);}
.btn-green-outline:hover {background-color:rgba(0, 179, 45, .1); border-color: var(--green); color: var(--green);}
.btn-green-outline:active, .btn-green-outline:focus {background-color:rgba(0, 179, 45, .17) !important; color: var(--green) !important;}
.btn-green-outline:disabled {opacity: 0.6;}

.btn-gray {background-color: var(--gray-light); color: #000; border: 1px solid var(--gray-light);}
.btn-gray:hover {background-color: var(--gray-light-hover); border-color: var(--gray-light-hover); color: #000;}
.btn-gray:active, .btn-gray:focus {background-color: var(--gray-light-active) !important; border: 1px solid var(--gray-light-active) !important;}
.btn-gray:disabled {opacity: 0.6;}

.btn-white {background-color: var(--white); color: var(--text); border: 1px solid var(--white); font-weight: 600; letter-spacing: -0.32px; display: flex; align-items: center; gap: 4px; width: max-content;}
.btn-white:hover {background-color: var(--primary-hover); border-color: var(--primary-hover); color: #fff}
.btn-white:active, .btn-white:focus {background-color: var(--primary-active) !important; border: 1px solid var(--primary-active) !important; color: #fff !important;}
.btn-white:disabled {opacity: 0.6;}

.btn-toolbar, #product-toolbar .nice-select {padding: 0 32px; border-radius: 2px; display: flex; align-items: center; background: #f7f7f7; height: 38px !important; gap: 4px; font-size: 13px; font-weight: 500; border: none; justify-content: center; flex: 1;}
.btn-toolbar:before {content: '\F3CA'; font-family: bootstrap-icons;}
#product-toolbar .nice-select:before {content: '\F479'; font-family: bootstrap-icons;}
.btn-toolbar:hover, .btn-toolbar:active, #product-toolbar .nice-select:hover {background: #f1f1f1;}

/* @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;}
.img-responsive {max-width: 100%;}
.my-default {margin: var(--spacing-sections-home) 0;}
/* 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);}
	.container-small, .container.account-account, .container.account-container {max-width: var(--container-small);}
	.container-large {max-width: var(--container-large);}
}
#information-information.container {max-width: 1200px;}
/* containers */

.breadcrumb-wrapper {background: #F8F7F7; margin-bottom: 12px;}
.breadcrumb {padding: 12px 0; margin: 0; flex-wrap: nowrap; font-size: 12px;}
@media (max-width: 991px) {
	.breadcrumb {font-size: 12px;}
}

/* setas */

/* padrão */
.swiper-pagination-bullet-active {background: var(--text);}
.swiper-button-disabled {opacity: .6;}
.vowt-pagination {position: absolute; z-index: 100; bottom: 0; display: flex; justify-content: center;}
/* padrão */

.vowt-prev, .vowt-next {position: absolute; top: 50%; transform: translateY(-50%); z-index: 1;}
.vowt-prev {left: 0;}
.vowt-next {right: 0;}
.vowt-prev i, .vowt-next i {color: var(--text); display: flex; font-size: 16px}
@media (max-width: 991px) {
	.vowt-prev i, .vowt-next i {font-size: 16px;}
}

/* setas com container */
.container-arrow {display: flex; justify-content: center; align-items: center; background: #fafafa; width: 56px; height: 56px; border-radius: 50%; transition: ease all .5s;}
.container-arrow:hover {background: #eee;}
.container-arrow i {font-size: 14px;}
.swiper-button-disabled .container-arrow:hover {background-color: #fafafa;}
@media (max-width: 991px) {
	.container-arrow {width: 40px; height: 40px;}
}
/* setas com container */

/* setas com container no banner */
.container-arrows-banner-pro .container-arrow {background: #f2f0f433; border: none; width: 56px; height: 56px;}
.container-arrows-banner-pro .container-arrow i {color: #fff;}
.container-arrows-banner-pro .container-arrow:hover {background: #fff;}
.container-arrows-banner-pro .container-arrow:hover i {color: var(--text);}
/* setas com container no banner */

/* setas centralizadas */
.vowt-prev.arrow-center, .vowt-next.arrow-center {position: relative; top: auto; transform: none;}
/* setas centralizadas */

/* slideshow */
.container-arrows-banner-pro .vowt-prev {left: 10px;}
.container-arrows-banner-pro .vowt-next {right: 10px;}
/* slideshow */
@media (max-width: 991px) {
}
/* setas */

/* lista de produtos */
.product-list .heading-title {text-align: unset; width: fit-content;}
.product-list-carousel.title-left .heading-title {border-bottom: 2px solid var(--text); padding-bottom: 4px;}
.product-list-description {font-size: 13px; color: var(--text-gray);}

.product-list-pagination {margin-top: var(--spacing-sections-home);}
.product-list-pagination .swiper-pagination-bullet {max-width: 100px; width: 100%; margin: 0 !important; border-radius: 0; height: 4px;}
.product-list-carousel .vowt-prev {left: 12px;}
.product-list-carousel .vowt-next {right: 12px;}
.product-list .product-list-link {font-size: 14px; font-weight: 600;}
.product-list .product-list-link i {color: var(--primary);}
@media (max-width: 991px) {
	.product-list-carousel .vowt-prev, .product-list-carousel .vowt-next {display: none;}
}

/* lista de produtos */

.bi-star {color: #aaa;}
.bi-star-fill {color: var(--primary);}

/* home */
#common-home #content {display: flex; flex-direction: column; gap: var(--spacing-sections-home);}

/* banners home */
.banner-content {position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 8px; width: 100%; text-align: center; padding: 0 16px;}
.banner-title {font-size: 32px; font-weight: 600; letter-spacing: -1.28px;; color: #fafafa;}
.banner-description {color: #fafafa; font-size: 16px; letter-spacing: -0.32px;}
.banner-btn {color: #fff; font-size: 13px; border: 1px solid #fff; padding: 16px 24px; border-radius: 4px; display: flex; gap: 8px;}
.banner-btn:hover {background: #fff; color: var(--text);}
.banner-wrapper {overflow: hidden;}
.banner-shadow {position: absolute; height: 100%; width: 100%; left: 0; bottom: 0; background: #00000030; z-index: 1;}
.banners-flex .banner-wrapper {flex: 1; transition: ease all 1s;}
.banners-flex .banner-wrapper:hover {flex: 2;}
.banners-flex img {height: 1150px; object-fit: cover; opacity: 0;}
.banners-flex .banner-bg-img {width: 100%; height: 100%; position: absolute; background-position: center; background-repeat: no-repeat;}
.banners-flex .banner-content-hide {opacity: 0; transition: ease all 1s; display: flex; flex-direction: column; align-items: center;}
.banners-flex .banner-wrapper:hover .banner-content-hide {opacity: 1;}
@media (max-width: 991px) {
	.banner-title {font-size: 18px;}
	.banner-btn {padding: 12px 20px;}
	.banners-flex .banner-bg-img {display: none;}
	.banners-flex .banner-content-hide {opacity: 1;}
	.banners-flex img {height: auto; opacity: 1;}
}
/* banners home */

/* títulos de seções */
.heading-title {font-size: 32px; font-weight: 600; color: var(--text); text-align: center; margin-bottom: 12px; letter-spacing: -1.28px; line-height: normal;}
.heading-title-products {margin-bottom: 0px;}
.heading-title-wrapper {margin-bottom: var(--spacing-sections-home);}
@media (max-width: 991px) {
	.heading-title {font-size: 24px;}
}
/* títulos de seções */
/* home */

/* categoria */
.category-title {font-size: 28px;}
.category-description {font-size: 13px; color: var(--text-gray); line-height: 175%; text-align: center; max-width: 1000px;}
.category-content {margin: 16px 0; display: flex; flex-direction:column; align-items: center;}

.filter-toolbar {margin: 12px 0;}
.filter-toolbar select {display: none;}

.readmore {font-size: 13px; font-weight: 500; color: #6B6461; cursor: pointer;}
.category-content .readmore {margin-top: 12px;}

.categories-lateral {border: 1px solid #ddd; padding: 18px; border-radius: 8px;}
.categories-lateral h3 {font-size: 18px; text-transform: uppercase; color: var(--primary); border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 12px;}
.categories-lateral a {font-size: 16px;}

#product-toolbar label {margin: 0; line-height: normal; padding: 8px 12px; background: #fafafa; display: none;}
#product-toolbar button {padding: 6px 10px;}
#product-toolbar button.active {background: #eaeaea; border-color: #eaeaea;}
#product-toolbar .nice-select {height: auto; line-height: normal; display: flex; align-items: center;}
@media (max-width: 991px) {
#product-toolbar .product-toolbar-item {width: 100%;}
}
/* categoria */

/* inputs */
.input-container {border: solid 1px var(--gray); font-size: 14px; display: flex; border-radius: var(--input-border-radius);}
.input-container:has(input:focus) {border: 1px solid var(--primary);}
.input-container input {border: none !important;}
/* inputs */

/* barra de frete gratis */
.free-shipping-bar-content {display: flex; flex-direction: column-reverse;}
.free-shipping-bar-content .message {font-weight: 500; font-size: 13px;}
.shipping-bar-truck {outline: 2px solid #fff; background: var(--bg-shipping-bar);}
.shipping-bar-truck i {color: #fff;}
.free-shipping-bar-content .free-shipping-bar-progress-fill {height: 12px;}
@media (max-width: 991px) {
	.free-shipping-bar-content .message {font-size: 11px;}
}
/* barra de frete gratis */

/* instagram */
.feed-instagram {margin-bottom: calc(var(--spacing-sections-home) * -1);}
/* instagram */

/* simulador de frete */
.shipping-simulator .shipping-method-item:not(:last-child) {padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid #E2D7D0;}
.shipping-simulator .shipping-method-price {white-space: nowrap;}
#shippingData {background-color: #F3F2F2; border-radius: 2px; border: 1px solid #F3F2F2; padding: 24px;}
.shipping-simulator .shipping-simulator-info-city {font-size: 14px; font-weight: 600; margin: 8px 0 12px;}
.shipping-simulator .shipping-simulator-info-city span {font-weight: 600;}
.shipping-simulator .shipping-method-title, .shipping-simulator .shipping-method-price  {font-weight: 600; font-size: 13px;}
/* simulador de frete */

/* 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;}
label {font-size: 13px; margin-bottom: 6px;}
input:-webkit-autofill, input:-webkit-autofill:hover,  input:-webkit-autofill:focus,  input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #fff inset !important; transition: none;}
input:focus-visible {outline: none;}
.nav-link.active {background-color: var(--primary); color: #fff;}
.nav-link {font-size: 1rem; border-radius: 0; color: var(--text);}
.page-link {border-color: #eee; color: var(--primary); display: flex; padding: 0; width: 40px; height: 40px; justify-content: center; align-items: center; margin: 0 6px; border-radius: 0 !important;}
.page-link:hover, .page-link:focus {}
.page-item.active .page-link {background-color: #fff; color: var(--primary); border-color: var(--primary);}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {box-shadow: none; background: none;}
/* default */

/*Remove Bootstrap */
.form-control{border: solid 1px var(--gray); height: 50px; font-size: 14px; border-radius: var(--input-border-radius);}
.form-control:focus{box-shadow: none; border-color: var(--primary);}
.form-group{margin-bottom: 10px;}
.form-control-line{border: none; background: transparent; border-bottom: solid 1px var(--gray); 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 */

.text-password {line-height: 22px; }
.text-password a {text-decoration: underline;}