/* topbar */
.top-bar {background: var(--header-topbar-background-color); padding: 10px 0; font-size: 12px; position: relative; z-index: 5; text-transform: uppercase;}
.top-bar, .top-bar a {color: var(--header-topbar-text-color); font-weight: 500;}
.top-bar .social-media-title, .top-bar #social-media span {display: none;}
.top-bar i {color: var(--header-topbar-icon-color);}
.top-bar .vowt-prev i, .top-bar .vowt-next i {font-size: 13px;}
.top-bar-items {display: flex; align-items: center; justify-content: space-between; gap: 16px;}
.top-bar-marquee .swiper-wrapper {transition-timing-function: linear !important;}
.top-bar-marquee .swiper-slide {display: flex; width: auto !important;}
.top-bar-marquee .swiper-slide-content {position: relative; display: flex;}
.top-bar-marquee .swiper-slide-content:after {content: ''; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: auto 60px;}
.top-bar .social-media {justify-content: center;}

.top-bar-carousel-banner .top-bar-banner-prev {left: 8px;}
.top-bar-carousel-banner .top-bar-banner-next {right: 8px;}
@media (max-width: 991px) {
	.topbar {font-size: 11px;}
	.top-bar-items {display: none;}
	.top-bar-carousel-banner .swiper-wrapper {transition-timing-function: linear !important;}
	.top-bar-carousel-banner .swiper-slide {display: flex; width: auto !important}
	.top-bar-banner-next, .top-bar-banner-prev {display: none;}
}
/* topbar */

/* barra promocional */
.promotional-bar .block {display: flex; gap: 12px; justify-content: center;}
.promotional-bar svg {width: 32px; height: 32px; fill: var(--primary);}
.promotional-bar svg path {fill: var(--primary);}
.promotional-bar .title {font-weight: 500; color: var(--text); font-size: 13px; margin-bottom: 2px;}
.promotional-bar .content {font-weight: 400; color: var(--text-secondary); font-size: 13px;}
/* barra promocional */

/* carousel de categorias */
.carousel-categories .category-item {display: flex; flex-direction: column; align-items: center;}
.carousel-categories .wrapper-bg-image {display: flex; justify-content: center; align-items: center; position: relative; transition: ease all .5s;}
.carousel-categories .bg-item-category {position: absolute; width: 100%; height: 100%; background: var(--secondary); border-radius: 50%; z-index: -1; transform: scale(0.85);}
.carousel-categories .swiper-slide:nth-child(even) .bg-item-category {background: var(--primary)}
.carousel-categories a:hover .wrapper-bg-image {transform: scale(1.05);}
.carousel-categories .carousel-categories-title {font-size: 16px; font-weight: 300; margin-top: 8px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical;}
.carousel-categories .swiper {opacity: 0; transition: opacity 0.3s ease;}
.carousel-categories .swiper.swiper-initialized {opacity: 1;}
.carousel-categories .swiper-categories-pagination {margin-top: 24px; position: relative;}
@media (max-width: 991px) {
	.carousel-categories .carousel-categories-title {font-size: 12px;}
	.carousel-categories .categories-prev, .carousel-categories .categories-next {display: none;}
}
/* carousel de categorias */

/* carousel de marcas */
.carousel-manufacturers .carousel-manufacturers-title {font-size: 20px; margin-top: 8px;}
.carousel-manufacturers-marquee .swiper-wrapper {transition-timing-function: linear !important;}
.carousel-manufacturers-marquee .swiper-slide {display: flex; width: auto !important; max-width: 180px;}
/* .carousel-manufacturers-marquee img {max-height: 50px;} */
/* carousel de marcas */

/* frase marquee */
.section-marquee {font-size: 130px; font-weight: 300; overflow: hidden;}
.section-marquee .swiper-wrapper {transition-timing-function: linear !important;}
.section-marquee .swiper-slide {display: flex; width: auto !important}
.section-marquee .swiper-slide-content {position: relative; display: flex;}
.section-marquee .swiper-slide-content:after {content: '•'; margin: auto 100px;}
@media (max-width: 991px) {
	.section-marquee {font-size: 80px;}
	.section-marquee .swiper-slide-content:after {margin: auto 60px;}
}
/* frase marquee */

/* cupons disponí­veis */

/* botão flutuante */
.coupons-available .btn.btn-open-coupons {position: fixed; bottom: 24px; left: 12px; width: 60px; height: 60px; padding: 0; border-radius: 50%; background: var(--primary); display: flex; justify-content: center; align-items: center; box-shadow: 0px 0px 12.7px 0px var(--primary); animation: shake 12.3s ease-in-out infinite; z-index: 10;}
.coupons-available .btn-open-coupons svg {width: 26px; height: 26px; fill: #fff;}
.coupons-available .btn-open-coupons::before {content: ''; width: 16px; height: 16px; background: red; border-radius: 50%; position: absolute; top: 3px; right: -3px; border: 2px solid #fff;}
/* botão flutuante */

/* topo do modal */
.coupons-available .modal-title {font-size: 20px; color: #141414; line-height: normal;}
.coupons-available .modal-description {font-size: 13px; color: #505050;}
.coupons-available .btn-close {position: absolute; right: 8px; top: 8px; font-size: 10px;}
/* topo do modal */

/* cupons */
.coupons-available .coupons {background: var(--coupons-available-bg); display: flex; flex-direction: column; gap: 12px; padding: 24px 12px; border-radius: 4px; max-height: 454px; overflow: hidden; overflow-y: auto;}
.coupons-available .coupon {width: 100%; max-width: 300px; margin: auto; border-radius: 6px; box-shadow: 0 2px 8px 0 #4444441a; padding: 10px; position: relative; background: #fff; display: flex; flex-direction: column; justify-content: space-between; gap: 12px;}
.coupons-available .coupon-divisor {width: 100%; border-top: 2px dashed #e7e7e7; position: relative;}
.coupons-available .coupon-divisor::after, .coupons-available .coupon-divisor::before {content: ''; position: absolute; width: 50px; height: 28px; border-radius: 100px; z-index: 1; bottom: 50%; transform: translateY(50%); background: var(--coupons-available-bg);}
.coupons-available .coupon-divisor::after {right: -44px;}
.coupons-available .coupon-divisor::before {left: -44px;}

.coupons-available .coupon-icon {width: 40px; height: 40px; border-radius: 50%; background: var(--green); display: flex; justify-content: center; align-items: center;}
.coupons-available .coupon-icon svg {width: 20px; height: 20px; fill: #fff;}
.coupons-available .coupon-info {flex: 1;}
.coupons-available .coupon-discount {font-size: 13px; color: #141414; font-weight: 700;}
.coupons-available .coupon-description {font-size: 11px; color: #505050;}
.coupons-available .coupon-name {padding: 6px 12px; background: #e5f5ec; color: var(--green); font-weight: 600; margin: 12px 0; text-align: center; border-radius: 6px; border: 2px dashed;}
/* cupons */

/* botão de copiar */
.coupons-available .btn.btn-coupon-copy {font-size: 12px; width: 100%; max-width: 175px; padding: 8px 12px; background: var(--green); color: #fff; font-weight: 600;}
.coupons-available .btn.btn-coupon-copy:hover {background: var(--green-hover); color: #fff;}
.coupons-available .btn.btn-coupon-copy:active {background: var(--green-active); color: #fff;}
.coupons-available .btn.btn-coupon-copy i {font-size: 16px;} 
.coupons-available .btn-coupon-content {display: flex; justify-content: center; align-items: center; gap: 4px; transition: opacity 0.3s ease;}
.coupons-available .btn-coupon-content.fade-out {opacity: 0;}
.coupons-available .btn-coupon-content.fade-in {opacity: 1;}
/* botão de copiar */

.coupons-available .coupon-text-footer {font-size: 13px; margin: 0; text-align: center;}

@keyframes shake {
	0%, 95%, 100% { transform: translateX(0); }
	1%, 3%, 5%, 7%, 9% { transform: translateX(-1.5px); }
	2%, 4%, 6%, 8%, 10% { transform: translateX(1.5px); }
}
/* cupons disponí­veis */

/* sobre nos */
.about-us .about-us-title {font-size: 24px; font-weight: 500;}
.about-us-description {color: var(--text-gray); line-height: 150%;}
/* sobre nos */

/* barra de cupom */
.coupon-bar {background: var(--primary); color: #fff; font-weight: 600; padding: 24px; margin-top: calc(var(--spacing-sections-home) * -1);}
.coupon-text b {color: var(--green);}
#coupon-name {padding: 4px 26px; border: 2px dashed #fff; border-radius: 4px; font-size: 12px; display: flex; align-items: center; font-weight: 600; background: var(--primary); color: #fff;}
#coupon-copy {padding: 10px 30px; background: #fff; color: #000; font-weight: 500; text-transform: uppercase;}
#coupon-copy:hover {background: #ccc;}
@media (max-width: 991px) {
	.coupon-text {font-size: 12px;}
}
/* barra de cupom */

/* depoimentos */
.depoiments .depoiments-thumb {padding: 16px; height: 100%; background: #fff; border: 1px solid #eee; display: flex; flex-direction: column; border-radius: var(--border-radius-default);}
.depoiments img {border-radius: 50%;}
.depoiments .depoiment-name {font-size: 16px; font-weight: bold; margin-bottom: 4px;}
.depoiments .readmore {font-size: 12px; font-weight: 500; color: #141414;}
.depoiments .depoiments-text {margin-top: 12px;}
.depoiments .depoiment {font-size: 14px; margin-bottom: 8px; line-height: 175%; letter-spacing: -0.28px; color: var(--text-gray);}
.depoiments .depoiment-container-star i {font-size: 14px; display: flex;}
.depoiments .depoiment-person {display: flex; align-items: center; gap: 12px; padding-top: 16px; margin-top: auto;}
.depoiments .depoiment-profile-icon {width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: var(--primary); color: #fff; font-weight: 600; border-radius: 50%; font-size: 16px;}
.depoiments .depoiment-customer-check {font-size: 12px; color: var(--text-gray);}
.depoiments .swiper-depoiment {height: auto;}
@media (max-width: 991px) {
	.depoiments-carousel-next, .depoiments-carousel-prev {display: none;}
}
/* depoimentos */

/* barra de cupom no produto */
.coupons-bar-product {display: flex; flex-direction: column; gap: 8px;}
.coupon-bar-product {display: flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 10px; border: 1px dashed #111;}
.coupon-bar-product-coupon {display: flex;}
.coupon-bar-product-name {background: var(--primary); color: #fff; padding: 8px; display: flex; align-items: center; font-weight: 600; border-radius: var(--border-radius-default) 0 0 var(--border-radius-default);}
.btn.btn-coupon-bar-product {background: #fff; font-weight: 600; color: var(--primary); border-radius: 0 var(--border-radius-default) var(--border-radius-default) 0;}
.btn.btn-coupon-bar-product:hover, .btn.btn-coupon-bar-product:active {background: #f9f9f9;}
@media (max-width: 767px) {
	.coupon-bar-product {flex-direction: column;}
}
/* barra de cupom no produto */