@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200..800&family=Quicksand:wght@300..700&family=Maven+Pro:wght@400..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {font-family: var(--font-primary); font-size: 14px; color: var(--text); overflow-x: hidden; letter-spacing: .3px;}

/* botões */
.btn {border-radius: var(--btn-border-radius); padding: 6px 12px; transition: ease all .5s; font-size: 14px; border: none;}
.btn:disabled {background: var(--color-primary); opacity: .5;}

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

/* @media (max-width: 991px) {
	.btn {font-size: 14px;}
} */
/* botões */

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

/* colors */
.color-primary {color: var(--color-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 */

.heading-title {font-size: 26px; font-weight: 500; text-align: center; margin-bottom: 24px;}
#common-home #content {display: flex; flex-direction: column; gap: var(--home-spacing-sections); margin-bottom: var(--home-spacing-sections);}
#product-category {margin-bottom: 12px;}
#product-category h2 {font-size: 30px;}

/* setas */
.arrow-next, .arrow-prev {position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; display: flex; justify-content: center; align-items: center;}
.arrow-next {right: -12px;}
.arrow-prev {left: -12px;}
.arrow-next::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='black' class='bi bi-chevron-right' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E"); display: inline-block; width: 20px; height: 20px;
}
.arrow-prev::after {content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='black' class='bi bi-chevron-left' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E"); display: inline-block; width: 20px; height: 20px;}
.swiper-pagination-bullet-active {background: var(--color-primary);}
@media (max-width: 991px) {
	.arrow-next {right: 5px;}
	.arrow-prev {left: 5px;}
}
/* setas */

/* lista de produtos */
@media (max-width: 991px) {
	.product-list-carousel .arrow-next, .product-list-carousel .arrow-prev {display: none;}
	.product-list-carousel .swiper-slide {width: 70%;}
}
/* lista de produtos */

/* dropdown pro */
.dropdown-pro {position: relative;}
.dropdown-pro__box {position: absolute; z-index: 999; top: 70%; padding-top: 20px; opacity: 0; visibility: hidden; transition: all 0.3s; right: -50%; pointer-events: none; width: 300px;}
.dropdown-pro__box::before, .dropdown-pro__box::after {content: "\f0d8"; position: absolute; display: block; font-family: fontAwesome; font-size: 46px; top: 6px; color: #eee; z-index: 9999; right: 119px; line-height: 20px;}
.dropdown-pro__box::after {color: #fff !important; top: 8px; font-size: 46px; right: 119px;}
.dropdown-pro:hover .dropdown-pro__box {opacity: 1; visibility: visible; top: 100%; pointer-events: auto;}
.dropdown-pro__content {padding: 12px; background: #fff; border: 1px solid #eee; box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.1); border-radius: 4px;}
/* dropdown pro */

/* default */
.breadcrumb {padding-top: 8px;}
h1 {font-size: 30px;}
h1,h2,h3,h4,h5 {padding: 0; margin: 0;}
p {margin: 0;}
.form-control:focus {border-color: #404040;}
h1 span, h2 span {color: var(--color-primary);}
a {text-decoration: none; color: var(--text);}
input:focus {outline: none !important; box-shadow: none !important;}
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:-internal-autofill-selected {background: initial;}
input:focus-visible {outline: none;}
.nav-link.active {background-color: var(--color-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(--color-primary); color: #fff; border-color: var(--color-primary);}
.accordion-button:focus {box-shadow: none;}
.accordion-button:not(.collapsed) {box-shadow: none; background: none;}
/* default */