/* cupons disponíveis */
:root {
	--coupons-available-bg: #f7f7f7;
}
/* 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 */


/* topbar */
.top-bar {background: var(--header-topbar-background-color); padding: 10px 0; font-size: 11px; 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; align-items: center;}
.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 .top-bar-carousel-central {max-width: 500px;}
.top-bar .vowt-prev {left: 0;}
.top-bar .vowt-next {right: 0;}
.top-bar .top-bar-item-icon {display: none;}
@media (max-width: 991px) {
	.topbar {font-size: 11px;}
	.top-bar-items {display: none;}
}
/* topbar */

/* barra promocional */
.promotional-bar .promotional-bar-row {--bs-gutter-y: 24px; --bs-gutter-x: 24px}

.promotional-bar .promotional-bar-items-wrapper {display: flex; justify-content: center; align-items: center; gap: 40px;}

.promotional-bar .block {display: flex; gap: 8px; flex-direction: column; align-items: center; text-align: center;}
.promotional-bar svg {width: 28px; height: 28px; fill: var(--primary);}
.promotional-bar svg path {fill: var(--primary);}
.promotional-bar .title {font-weight: 600; color: var(--text); text-transform: uppercase; font-size: 13px; margin-bottom: 2px;}
.promotional-bar .content {font-weight: 400; color: var(--text-secondary); font-size: 13px;}
@media (max-width: 991px) {
	.promotional-bar .promotional-bar-items-wrapper {flex-direction: column; gap: 24px;}
}
/* barra promocional */

/* carousel de categorias */
.carousel-categories .bg-item-category {position: absolute; width: 100%; height: 100%; background: #f4f4f4; z-index: -1;}
.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 .wrapper-bg-image img {max-width: 160px; width: 100%; transform: scale(0.89); transition: ease all .4s;}
.carousel-categories .wrapper-bg-image img:hover {transform: scale(1);}
.carousel-categories .carousel-categories-title {font-size: 13px; font-weight: 500; margin-top: 8px; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp: 1; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.carousel-categories .swiper {opacity: 0; transition: opacity 0.3s ease; max-width: 1200px;}
.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 */

/* sobre nos */
@media (min-width: 1600px) {
	.about-us .container {max-width: 1400px;}
}
.about-us .about-us-title {font-size: 24px; font-weight: 500;}
.about-us-description {color: var(--text-gray); line-height: 150%;}
/* sobre nos */

/* marquee */
.section-marquee {font-size: 96px;}
.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; align-items: center;}
.section-marquee .swiper-slide-content:after {content: ''; width: 16px; height: 16px; border-radius: 50%; background: var(--primary); margin: auto 40px;}
/* marquee */

/* depoimentos */
.depoiments {margin: 60px 0;}
.depoiments .depoiments-thumb {padding: 16px; height: 100%; background: #F8F7F7; display: flex; flex-direction: column; border-radius: var(--border-radius-default); text-align: center;}
.depoiments img {border-radius: 50%; box-shadow: 0px 0px 3px 4px #0000002e;}
.depoiments .depoiment-name {font-size: 16px; font-weight: bold; margin-top: 12px;}
.depoiments .readmore {font-size: 12px; font-weight: 500; color: #000;}
.depoiments .depoiment {font-size: 14px; color: #585858; margin-bottom: 8px; line-height: 175%; letter-spacing: -0.28px;}
.depoiments .depoiments-quotes {font-size: 40px; display: flex; justify-content: center; line-height: normal;}
.depoiments .depoiment-stars {display: flex; justify-content: center; gap: 4px; font-size: 10px; margin-top: 4px;}
.depoiments .swiper-depoiment {height: auto;}
/* depoimentos */

/* blog */
.blog-post {display: flex; gap: 8px;}
.blog-post.blog-post-first {flex-direction: column;}

.blog-post .blog-tags {display: flex; gap: 6px; flex-wrap: wrap;}
.blog-post .blog-tag { color: #fff; font-size: 10px; font-weight: 500; padding: 4px 8px; text-transform: uppercase; border-radius: 4px;}
.blog-post .blog-tag:nth-child(1n) {background: var(--primary);}
.blog-post .blog-tag:nth-child(2n) {background: var(--secondary);}

.blog-post:not(.blog-post-first) .blog-image {max-width: 352px;}
.blog-post .blog-content {flex: 1; display: flex; flex-direction: column; gap: 6px;}

.blog-post .blog-title {font-size: 18px;}
.blog-post.blog-post-first .blog-title {font-size: 24px;}

.blog-post .blog-date {font-size: 13px; color: #505050;}
.blog-post .blog-resume {overflow: hidden; text-overflow: ellipsis;  display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; color: #515151; line-clamp: 4; font-size: 13px; margin-bottom: 4px;}
.blog-post.blog-post-first .blog-resume {-webkit-line-clamp: 4; line-clamp: 4;}
.blog-post .read-more {color: var(--primary); font-weight: 600; font-size: 12px; margin-top: auto;}
.blog-post .read-more:hover {text-decoration: underline;}
.blog-post .read-more i {font-size: 10px;}

@media (max-width: 1400px) {
	.blog-post:not(.blog-post-first) .blog-image {max-width: 270px;}
	.blog-post:not(.blog-post-first) .blog-resume {-webkit-line-clamp: 2; line-clamp: 2;}
}
@media (max-width: 1200px) {
	.blog-post:not(.blog-post-first) .blog-image {max-width: 200px;}
	.blog-post .blog-title {font-size: 14px;}
}
@media (max-width: 992px) {
	.blog-post {flex-direction: column;}
	.blog-post:not(.blog-post-first) .blog-image {max-width: 100%;}
	.blog-post.blog-post-first .blog-title, .blog-post .blog-title {font-size: 18px;}
}
/* blog */

.social-media {display: flex; align-items: center; gap: 12px;}

/* faq */
.questions .container {max-width: 1226px;}
.questions .accordion-item {border: none; border-radius: 0; background: transparent; border-bottom: 1px solid #DCD6D6; }
.questions .accordion-button {padding: 40px 0; font-size: 16px; font-weight: 500; background: transparent; line-height: 175%;}
.questions .accordion-button::after {width: 14px; height: 14px; background-size: auto;}
.questions .accordion-button:not(.collapsed) {color: #353231;}
/* .questions .accordion-button:not(.collapsed) {color: var(--secondary);} */
.questions .accordion-body {color: #7F7676; padding: 0 0 40px; line-height: 175%;}
.questions .questions-description {text-align: center; font-size: 16px; font-weight: 400; color: #6f6967; margin-bottom: 40px;}
.questions .heading-title {font-size: 24px; font-weight: 700; color: #353231; margin-bottom: 8px;}
.questions h3 {font-size: 16px; font-weight: 700; color: #353231;}
.questions #question-item {font-size: 15px; font-weight: 400; color: #353231;}
@media (max-width: 991px) {
	.questions .accordion-button {font-size: 13px; padding: 16px 0;}
	.questions .accordion-body {font-size: 12px; padding: 0 0 16px;}
	.questions .questions-description {font-size: 13px; margin-bottom: 36px;}
}
/* faq */

/* barra de cupom */
.coupon-bar {background: var(--primary); color: #fff; font-weight: 600; padding: 16px; margin-top: calc(var(--spacing-sections-home) * -1);}
.coupon-bar-content {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center;}
.coupon-bar-coupon {display: flex;}
.coupon-text b {color: var(--green);}
#coupon-name {padding: 4px 26px; border: 2px dashed #fff; border-right: none; border-radius: 100px 0 0 100px; font-size: 12px; display: flex; align-items: center; font-weight: 600; background: var(--primary); color: #fff;}
#coupon-copy {padding: 8px 30px; border-radius: 0 100px 100px 0; 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 */

/* 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 */

/* banners com cta */
.banners-cta .banner-content-wrapper {position: relative; overflow: hidden;}
.banners-cta .banner-content-wrapper::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0000004f;}
.banners-cta .banner-content-wrapper img {transition: ease all .3s; transform: scale(1.007);}
.banners-cta .banner-content-wrapper:hover img {transform: scale(1.02);}
.banners-cta .banner-content {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; text-align: center; width: 100%; padding: 12px;}
.banners-cta .banner-content-title {font-size: 32px; font-weight: 500; letter-spacing: -1px; color: var(--white); margin-bottom: 24px;}
.banners-cta .btn {margin: auto;}
@media (max-width: 991px) {
	.banners-cta .banner-content-title {font-size: 26px; margin-bottom: 16px;}
}
/* banners com cta */

/* banners grade (inspire-se) */
.banners-grid-heading-wrapper {background: var(--primary); padding: 40px 0;}
.banners-grid .banners-grid-heading {display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
.banners-grid .banners-grid-heading .heading-title {margin: 0;}
.banners-grid .banner-title {font-size: 22px; line-height: 120%;}
.banners-grid .btn-secondary {font-size: 12px;}
.banners-grid .banner-wrapper {display: grid; grid-template-areas: "banner1 banner2" "banner1 banner3"; gap: 4px; line-height: normal;}
.banners-grid .banner-wrapper .banner1 {grid-area: banner1;}
.banners-grid .banner-wrapper .banner2 {grid-area: banner2; aspect-ratio: 1/1;}
.banners-grid .banner-wrapper .banner3 {grid-area: banner3; aspect-ratio: 1/1;}
.banners-grid img {height: 100%; transition: ease .5s all; object-fit: cover;}
.banners-grid .banner-marker {position: absolute; width: 16px; height: 16px; border-radius: 50%; background: var(--white); left: 50%; top: 50%; border: none;}
.banners-grid .banner-marker::after {content: ''; width: calc(100% + 12px); height: calc(100% + 12px); border: 1px solid var(--white); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.popover-product {max-width: 240px; border: none;}
.popover-product .popover-img {max-width: 58px; width: 100%;}
.popover-product .popover-content {flex: 1;}
.popover-product .popover-title {font-size: 12px; font-weight: 400; overflow: hidden; display: -webkit-box; line-clamp: 3; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.popover-product .popover-link {width: 32px; height: 32px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: #fff; padding: 0;}
@media (max-width: 991px) {
	.banners-grid .banners-grid-heading {justify-content: center;}
}

@media (max-width: 1600px) {
	.banners-grid .container {max-width: 100%;}
}
/* banners grade (inspire-se) */

/* video com produto */
.products-highlight {margin-bottom: 40px;}
.products-highlight .container {position: relative;}
.products-highlight .plyr__video-wrapper, .products-highlight iframe {aspect-ratio: 9/16 !important;}
.products-highlight .plyr--video {pointer-events: none;}
.products-highlight .plyr__poster {background-size: cover;}
.products-highlight .plyr__time, .products-highlight .plyr__progress__container, .plyr__controls__item:not(.plyr__volume) {display: none;}
.product-highlight-content {position: absolute; bottom: 16px; background: #fff; width: calc(100% - 32px); display: flex; align-items: center; gap: 12px; padding: 16px 12px; border-radius: 10px; left: 50%; transform: translateX(-50%);}
.product-highlight-image {width: 64px; height: 64px; object-fit: cover; border-radius: 8px;}
.product-highlight-name {font-size: 13px; font-weight: 500; line-height: 150%; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.btn.btn-product-highlight {background: var(--primary); padding: 12px; border-radius: 8px;}
.btn.btn-product-highlight:hover, .btn.btn-product-highlight:active, .btn.btn-product-highlight:focus {background: var(--primary-active);}
.btn.btn-product-highlight svg {fill: var(--secondary); width: 17px; height: 17px;}
@media (max-width: 991px) {
	.swiper-products-highlight-prev, .swiper-products-highlight-next {display: none;}
	.product-highlight-name {font-size: 11px;}
}
@media (min-width: 1600px) {
	.products-highlight .container {max-width: var(--container-small);}
}
/* video com produto */

/* conteudo home - classic plus */
.homepage-card {display: flex; flex-direction: column; align-items: center;}
.homepage-card-content {display: flex; flex-direction: column; align-items: center; text-align: center; padding: 24px;}
.homepage-card-description {line-height: 175%; color: #8A7A75; font-weight: 500; margin: 12px 0 24px;}
.homepage-card .btn {margin: auto;}
/* conteudo home - classic plus */

/* sobre nos com cta */
.about-us-cta .about-us-cta-description {font-size: 15px; font-weight: 400; line-height: 175%; color: #6E625E; margin: 24px 0;}
.about-us-cta .row:not(:last-child) {margin-bottom: 24px;}
@media (min-width: 1600px) {
	.about-us-cta .container {max-width: var(--container-small);}
}
/* sobre nos com cta */