/* geral */
.product-content {gap: var(--spacing-sections-product); margin-top: var(--spacing-sections-product);}
.product-column-right {display: flex; flex-direction: column; gap: var(--spacing-product-column-right);}
@media (max-width: 991px) {
	.container-product .col-lg-7 {padding: 0;}
	.product-column-right {padding: 0;}
	#product-product .breadcrumb-wrapper {display: none;}
}
/* geral */

/* titulo */
#product h1 {font-size: 24px; font-weight: 700; margin: 0; color: var(--text);}
/* titulo */

/* informações */
.product-infos {margin: 0; margin-top: calc(var(--spacing-product-column-right) * -1 + 8px); font-size: 11px; display: none}
.product-infos .product-info {display: flex; gap: 4px;}
.product-infos .product-info-label {font-weight: 500;}
/* informações */

/* cashback */
.cashback-product {display: flex; align-items: center; gap: 8px; color: var(--green); font-weight: 500; margin-top: calc(var(--spacing-product-column-right) * -1 + 16px); background: #E6FEE1; padding: 8px 16px; width: max-content;}
.cashback-product i {font-size: 16px; display: flex;}
/* cashback */

/* avaliações */
#product .rating {display: flex; gap: 4px; align-items: center; margin-top: calc(var(--spacing-product-column-right) * -1 + 8px); font-size: 12px;}
#product .rating a {font-size: 12px; color: var(--text-gray);}
#product .note {font-weight: 600; color: var(--text);}
#product .rating .stars-container {position: relative;  height: 20px; display: flex; justify-content: center; align-items: center;}
#product .rating .stars-wrapper {position: absolute; left: 0; width: 100%; display: flex; gap: 4px;}
#product .rating .stars-empty i {color: #ddd;}
#product .rating .stars-fill {overflow: hidden; white-space: nowrap; max-width: 100%;}
/* avaliações */

/* disponibilidade */
.availability i {display: inline-flex; font-size: 32px;}
.availability .availability-title {font-size: 16px; font-weight: 500;}
.availability .availability-text {font-size: 11px;}
/* disponibilidade */

/* tabela de medidas */
.measure-table {margin-top: calc(var(--spacing-product-column-right) * -1 + 16px);}
.measure-table .btn {padding: 0; font-size: 13px; font-weight: 600;}
#offcanvasMeasureTable {max-width: 550px; width: 100%;}
.measure-table table {table-layout: fixed !important; width: 100% !important;}
.measure-table table td {width: auto !important;}
/* tabela de medidas */

/* preço */
.product-price {display: flex; flex-direction: column; gap: 4px; line-height: normal;}
/* old */
.product-price .product-price-old {display: flex; gap: 8px; align-items: center;}
.product-price .product-price-old-value {color: #6F6967; font-size: 12px; font-weight: 600; text-decoration: line-through;}
.product-price .product-tag {font-size: 12px; font-weight: bold; padding: 4px 8px; line-height: normal; background: var(--primary); color: #fff;}
/* old */
/* pix */
.product-price .product-pix {display: flex; align-items: center; gap: 8px; background: #f5f5f5; padding: 12px 16px; width: max-content; border-radius: 4px; margin-top: 12px;}
.product-price .product-pix-icon svg {fill: var(--primary); width: 30px; height: 30px;}
.product-price .product-pix-value {margin: 0; line-height: normal; color: var(--text); font-size: 24px; font-weight: 700;}
.product-price .product-pix-text {font-size: 13px; color: var(--text);}
/* pix */
/* normal */
/* .product-price .product-price-current {display: none;} */
.product-price .product-price-value {margin: 0; line-height: normal; font-size: 22px; font-weight: 600;}
/* normal */
/* parcelamento */
.product-price .product-short-installments {color: var(--text-gray); font-size: 12px; display: flex; align-items: end; gap: 4px;}
.product-price .product-short-installments i {display: inline-flex;}
#price-installment {border-bottom: 1px solid #d9d9d9; padding-bottom: 24px;}
#product .btn-installment {padding: 4px 0; width: max-content; color: var(--text-gray); font-weight: 500; font-size: 12px;}
@media (max-width: 991px) {
	#product-product #price-installment .btn {padding: 12px}
}
/* parcelamento */
/* preço */

/* modal formas de pagamento */
#paymentMethods #accordionPaymentMethods {gap: 6px;}
#paymentMethods .method-icon svg {width: 23px; height: 23px; fill: #b6bbc2;}
#paymentMethods .accordion-item {border: 1px solid #b6bbc2; border-radius: 4px;}
#paymentMethods .accordion-button {font-size: 14px; color: #141414; border: none; color: #b6bbc2; font-weight: 500; background: transparent; line-height: normal;}
#paymentMethods .accordion-body {padding-top: 0; font-size: 12px;}
#paymentMethods .accordion-item:has(.accordion-button:not(.collapsed)) {border-color: var(--primary);}
#paymentMethods .accordion-button:not(.collapsed) {color: var(--primary);}
#paymentMethods .accordion-button:not(.collapsed) svg {fill: var(--primary);}
#paymentMethods .accordion-button::after {width: 12px; height: 12px; background-size: cover;}
#paymentMethods .credit-list {color: #404040;}
#paymentMethods .credit-list li {padding: 4px 6px; border-radius: 2px;}
#paymentMethods .credit-list li:nth-child(odd) {background: #eee;}
#paymentMethods .payment-method-info {color: #555555;}
#paymentMethods .payment-method-value {color: #141414; display: flex; align-items: center; gap: 6px;}
#paymentMethods .payment-method-value span {font-size: 11px; color: #1e1e1e; background: #eee; padding: 3px 8px; border-radius: 10px; font-weight: 500;}
#paymentMethods .accordion-button:not(.collapsed) .payment-method-value span {background: var(--primary); color: #fff;}
@media (max-width: 991px) {
#paymentMethods .credit-list {max-height: 180px; overflow: auto;}
#paymentMethods .accordion-button, #paymentMethods .accordion-body {padding: 12px;}
 #paymentMethods .accordion-body {padding-top: 0;}
}

/* modal formas de pagamento */

/* quantidade e botao comprar */
/* #product #input-quantity-wrapper {display: none}; */
#product .bootstrap-touchspin {width: max-content; border: 1px solid #ddd; align-items: center; border-radius: var(--border-radius-default); flex-wrap: nowrap;}
#product .bootstrap-touchspin #inputQuantity {height: auto; border: none; padding: 0; max-width: 30px;}
#product .bootstrap-touchspin button {padding: 0 12px;}
#product .bootstrap-touchspin button:active {border: 1px solid #fafafa;}
#product #input-quantity-wrapper span {font-size: 12px;}

#product .wrapper-input-button-cart {display: flex; gap: 8px;}
#product .product-buttons {display: flex; flex-direction: column; gap: 8px;}
.btn-product {padding: 0px 20px; font-size: 14px; font-weight: 700; flex: 1; display: flex; align-items: center; justify-content: center; gap: 6px; text-transform: uppercase; font-weight: 700 !important;}
#product .bootstrap-touchspin, .btn-product {min-height: 52px;}
.btn.btn-add-cart {background: var(--btn-add-cart); color: #fff;}
.btn.btn-add-cart:hover {background: var(--btn-add-cart-hover); color: #fff;}
.btn.btn-add-cart:active {background: var(--btn-add-cart-active); color: #fff;}

.btn.btn-buy-now {border: 1px solid var(--green); color: var(--green); display: none;}
.btn.btn-buy-now:hover {background: var(--green-hover); border-color: var(--green-hover); color: #fff;}
.btn.btn-buy-now:active {background: var(--green-active); border-color: var(--green-hover); color: #fff;}
.btn-whatsapp {margin-top: calc(var(--spacing-product-column-right) * -1 + 8px); border: 1px solid var(--green); font-size: 13px; color: var(--green);}
.btn-whatsapp:hover, .btn-whatsapp:active {background: var(--green-hover) !important; border-color: var(--green-hover) !important; color: #fff !important;}
@media (max-width: 991px) {
	#product .bootstrap-touchspin, .btn-product {min-height: 48px; font-size: 12px;}
	#product .bootstrap-touchspin {width: 100%; max-width: 100px;}
}
/* quantidade e botao comprar */

/* simulador de frete */
#product .shipping-simulator .shipping-simulator-title {font-size: 14px; font-weight: 500;}
#product .shipping-simulator .shipping-simulator-input {border: 1px solid #DAD8D7; height: auto; font-size: 12px; background: #fff; flex: 1; color: var(--text);}
#product .shipping-simulator .shipping-simulator-input::placeholder {color: var(--text);}
#product .shipping-simulator .btn-shipping-simulator {padding: 16px; display: flex; gap: 4px; background: var(--secondary); color: #fff; font-size: 12px; line-height: normal;}
#product .shipping-simulator .btn-shipping-simulator:hover {background: var(--secondary-hover);}
#product .shipping-simulator .shipping-simulator-cep {font-size: 11px;}
.shipping-simulator-tag {background: #DAD8D7; padding: 8px 24px; line-height: normal; display: flex; align-items: center; gap: 8px; font-weight: 600; font-size: 12px;}
.shipping-simulator-tag i {display: flex; font-size: 20px;}
@media (max-width: 991px) {
	#product .shipping-simulator .btn-shipping-simulator {padding: 12px 20px;}
	.shipping-simulator-tag {padding: 8px 12px; font-size: 11px;}
}
/* simulador de frete */

/* descrição */
#product-product .product-tabs {margin-bottom: 24px;}
#product-product .product-tabs .nav-link {padding: 12px 8px; font-size: 20px; color: var(--text); font-weight: 400; border: none; border-bottom: 1px solid #dee2e6;}
#product-product .product-tabs .nav-link:hover {color: var(--primary); border-color: var(--primary);}
#product-product .product-tabs .nav-link.active {border-bottom: 1px solid var(--primary); color: var(--primary); background: #fff;}
#product-product .product-tabs .nav {gap: 30px;}
#product-product .product-description {font-size: 14px; line-height: 150%; color: var(--text-gray); margin-top: 24px;}
.product-description h2 {font-size: 22px;}
.product-description h4 {font-size: 20px; color: var(--text);}
@media (max-width: 991px) {
	#product-product .product-tabs .nav {gap: 12px;}
	#product-product .product-tabs .nav-link {padding: 6px 8px; font-size: 15px;}
	#product-product .product-description {font-size: 14px;}
}


/* versão accordion */
#accordionProduct {margin-top: -24px;}
#accordionProduct .accordion-item {border: none; border-bottom: 1px solid #DAD8D7; border-radius: 0;}
#accordionProduct .accordion-button {padding: 24px 0; font-size: 16px; font-weight: 600; color: var(--text);}
#accordionProduct .accordion-button::after {width: 14px; height: 14px; background-size: cover;}
#accordionProduct .accordion-body {padding: 0 0 24px;}
/* versão accordion */
/* descrição */

/* atributos */
#product-product .product-attributes thead {display: none;}
#product-product .product-attributes td {padding: 10px;}
@media (max-width: 991px) {
	#product-product .product-attributes td {padding: 10px 8px;}
}
/* atributos */

#questions #accordion-questions {margin-top: 40px;}
#questions .accordion-item {border: none; margin-bottom: 8px; border-radius: 16px; overflow: auto;}
#questions .accordion-button {font-size: 16px; background: var(--white); padding: 40px; font-weight: 700; letter-spacing: -0.32px;}
#questions .accordion-button::after {width: 14px; height: 14px; background-size: auto;}
#questions .accordion-button.collapsed {transition: ease all .5s;}
#questions .accordion-button:not(.collapsed) {color: var(--text);}
#questions .accordion-button i {color: var(--primary); font-size: 24px;}
#questions .accordion-body {color: var(--text-gray); padding: 0 0 24px; line-height: 150%; background: var(--white); padding: 0 40px 40px;}
@media (max-width: 991px) {
	#questions .accordion-button {font-size: 14px; padding: 16px;}
	#questions .accordion-body {font-size: 12px; padding: 0 16px 16px;}
	#questions .accordion-button i {font-size: 16px;}
}