@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
:root {
    --primary: #000;
    --primary-hover: #141414;
	--secondary: #303036;
    --text: #3D3F43;
	--border-color: #E6E6E6;
	--border-radius: 4px;
	--input-height: 40px;
	--border-focus: #808080;
	--bg-focus: #F5F7F9;
}

/* geral */
body {font-family: 'Inter', sans-serif; background: #F7F7F8; color: var(--text); counter-reset: steps; display: flex; flex-direction: column; min-height: 100vh; justify-content: space-between;}
#loading{text-align:center; color:#fff; width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.2); z-index:10; display:flex; align-items:center; justify-content:center}
.text-danger {font-size: 12px;}
header {margin-bottom: 24px;}
.loading-info {font-size: 14px; color: #6d6d6d;}
::-webkit-scrollbar {width: 8px;}
::-webkit-scrollbar-thumb {background-color: #555;border-radius: 4px;}
::-webkit-scrollbar-track {background-color: #f1f1f1;}
/* geral */

/* topo */
header { background-color: #fff; padding: 12px 0; }
#header-checkout #logo-checkout img {max-width: 210px;}
#header-checkout .safe-buy {font-size: 12px;}
#header-checkout .safe-buy h4 {font-size: 14px; margin: 0; font-weight: 500;}
@media(max-width: 991px){
    header h4{font-size: 14px; margin:0}
	#header-checkout .safe-buy {font-size: 14px}
	#header-checkout svg {width: 30px; height: 30px;}
	#header-checkout #logo-checkout img {max-width: 170px;}
}
/* topo */

/* box */
.box-container {margin-bottom: 24px;}
.box {background: #fff; padding: 24px; border-radius: 8px; line-height: normal; width: 100%;}
.box-heading {display: flex; flex-direction: column; margin-bottom: 24px; gap: 24px;}
.spacing-default {display: flex; flex-direction: column; gap: 24px;}
.box-footer {margin-top: 24px;}

.box input:not([type="radio"]), .box textarea, .box select {border-radius: var(--border-radius); border: 1px solid var(--border-color); height: var(--input-height); padding-left: 12px; font-size: 13px;}
.box textarea {height: 100px;}
.box input:not([type="radio"]):focus, .box input:not([type="radio"]):focus-visible, .box textarea:focus, .box textarea:focus-visible, .box select:focus, .box select:focus-visible {border: 1px solid var(--border-focus); box-shadow: none; background: var(--bg-focus); outline: none;}
.info-step {font-size: 12px; font-weight: 400; line-height: normal;}
.box label {font-size: 13px; margin-bottom: 4px; font-weight: 300;}

.box-heading .step { font-size: 14px; color: var(--text); font-weight: 500; }
.box-heading .step::before {background: var(--secondary); border-radius: 50%; color: #fff; content: counter(steps); counter-increment: steps; width: 24px; height: 24px; display: inline-flex; justify-content: center; align-items: center; margin-right: 8px;}

.form-control:disabled, .form-control[readonly] {background-color: #f7f7f7; opacity: .7; pointer-events: none; }
.form-control:disabled:focus, .form-control[readonly]:focus { background-color: #f7f7f7 !important; border-color:#E6E6E6 !important;}
@media (max-width: 991px) {
	.box {padding: 16px;}
	#offcanvasCartMobile .box {padding: 0;}
}
/* box */

/* login */
.text-help {font-weight: 600; font-size: 12px; margin-top: -16px;}
.info-safe {font-size: 12px; color: #1B1918;}
.info-safe i {font-size: 20px; display: flex;}
.info-safe p {display: flex; align-items: center;}
.info-safe p:first-child {font-size: 14px; font-weight: 600;}
/* login */

/* conta */
.title-info-shipping {font-size: 13px;}
.info-customer {font-size: 12px; color: #777; display: flex; flex-direction: column; gap: 4px;}
/* conta */

/* entrega */
.box-container-shipping {border-radius: 8px;}
.option-default {display: flex; gap: 12px; align-items: center;  border-radius: 4px; padding: 12px 16px; border: 1px solid #E6E6E6; margin: 0 !important; cursor: pointer;}
/* .option-default:has(input:checked) {background: #000;} */
.option-default.active {border-color:#3D3F43;}
.delivery-info {font-size: 12px;}
/* entrega */  

/* formas de pagamento */
.payment-method-discount {font-size: 12px; background: #3D3F43; border-radius: 100px; padding: 4px 8px; color: #fff; font-weight: 700;}
.payment-method-icon i {font-size: 16px; display: flex;}

.box-datails-payment-method {display: none;}
.active .box-datails-payment-method {display: flex; flex-direction: column; gap: 24px;}
.payment-method-info {font-size: 13px; line-height: 150%;}
.payment-method-value {font-size: 16px; font-weight: 600;}
.orderbump-notice {padding: 8px 16px; background: #D0FBD0; border-radius: 100px; color: #12A141; font-size: 13px; font-weight: 600; text-transform: uppercase;}
.orderbump-product {padding: 16px; border-radius: 8px; border: 2px dashed #12A141; background: #D0FBD0; font-size: 13px; cursor: default;}
.orderbump-product-name {font-size: 11px;}
.orderbump-product-price-old {color: #B81414; font-size: 11px; text-decoration-line: line-through; }
.orderbump-product-price {font-weight: 600; font-size: 14px;}
.orderbump-button {padding: 12px 16px; background: #12A141; color: #fff; font-weight: 600; border-radius: 8px; display: flex; align-items: center; gap: 8px; cursor: pointer;}
.orderbump-button input {height: auto !important;}

.orderbump-button input {position: relative; margin: 0; appearance: none; padding-left: 0 !important; border: 1px solid #fff !important; border-radius: 6px !important;}
.orderbump-button input:checked::after {content: ''; position: absolute; left: 8px; top: 4px; width: 5px; height: 10px; border: solid #12A141; border-width: 0 2px 2px 0;transform: rotate(45deg);}
.orderbump-button input:checked::before {border-color: #fff; background: #fff;}
.orderbump-button input::before {content: ''; display: block; width: 22px; height: 22px; border: 1px solid #fff; border-radius: 4px; background-color: #fff;}

.payment-tarja {display: none;}
.tarja-pix {padding: 6px 13px; background: #D0FBD0; border-radius: 100px; color: #12A141; font-size: 11px; font-weight: 600; text-transform: uppercase; display: inline;}

/* formas de pagamento */

/* confirmação */
#checkout-confirm form {margin: 0;}
/* confirmação */

/* resumo */
#checkout-cart .title {font-size: 18px; font-weight: 500;}
#checkout-cart .products-list li {border: none; padding: 24px 0; border-bottom: 1px solid #E6E6E6; border-radius: 0;}
#checkout-cart .products-list li:first-child {padding-top: 0;}
#checkout-cart .product-name {font-size: 12px; font-weight: 500; margin-bottom: 4px;}
#checkout-cart .product-price, #checkout-cart .product-price-old {font-size: 12px;}
#checkout-cart .product-price-old {color: #B81414;}
#checkout-cart .option-name {font-size: 11px;}
#checkout-cart .option-value {font-weight: 600;}
#checkout-cart .total-balance {font-size: 12px;}
#checkout-cart .btn:not(.btn-edit-cart) {font-size: 11px; font-weight: 500; color: #fff; height: 40px; background: var(--secondary); border-color: var(--secondary);}
#checkout-cart .btn:not(.btn-edit-cart):hover, #checkout-cart .btn:not(.btn-edit-cart):active {background: #222225 !important; border-color: #222225 !important;}
#checkout-cart .quantity-product-checkout {padding: 8px; font-size: 11px; display: flex; align-items: center; justify-content: center; background: var(--secondary) !important;}
#checkout-cart .totals {padding: 24px; background: #F5F7F9; gap: 16px; font-weight: 500;}
#checkout-cart .totals li {border: none; background: transparent; padding: 0; display: flex; justify-content: space-between; font-size: 13px;}
#checkout-cart .totals li:last-child {border-top: 1px solid #D9D9D9; padding-top: 16px; font-size: 18px;}
#checkout-cart .btn-edit-cart {background: #f5f5f5; border-color: #f5f5f5; width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 11px;}
@media (max-width: 991px) {
	#checkout-cart .totals {padding: 16px;}
	#checkout-cart .totals li {font-size: 11px;}
	#offcanvasCartMobile {height: 90vh;}
	#checkout-cart .products-list {max-height: 40vh; overflow-y: auto; padding-top: 20px;}
}


.footer-resume-order {margin-top: 40px; line-height: normal;}
.footer-resume-order b {font-size: 16px; text-transform: uppercase;}
.footer-resume-order p {font-size: 12px;}

#orderbump-cart {display: none;}
.orderbump-product-cart {padding: 16px; border-radius: 8px; border: 2px dashed #12A141; background: #D0FBD0; font-size: 13px;}
.orderbump-title-cart {font-size: 13px; color: #12A141; font-weight: 600;}
@media (max-width: 991px) {
	.orderbump-product-cart {padding: 12px;}
}
/* resumo */

/* footer */
footer {background: #fff; padding: 30px 0; margin-top: 24px;}
footer, footer a {font-size: 10px; color: #3D3F43; text-decoration: none;}
@media (max-width: 991px) {
	footer {margin-bottom: 70px;}
	footer .cnpj-copyright {justify-content: center;}
}
/* footer */

/* botões */
.btn {border-radius: 4px; font-size: 14px; height: 40px;}
.btn:focus, .btn-close:focus {box-shadow: none;}
.btn:disabled {border-color: #fff;}
.btn-primary {background: var(--primary); border-color: var(--primary); color: #fff; font-size: 16px; font-weight: 700; height: 44px; }
.btn-primary:hover {background: var(--primary-hover); border-color: var(--primary-hover);}
.btn-primary:active {background: var(--primary-hover) !important;}
.btn-primary:focus {background: var(--primary-hover); border-color: var(--primary-hover); box-shadow: none !important;}
.btn-primary:disabled {background: var(--primary-hover) !important; border-color: var(--primary-hover);}
.btn-password {border: 1px solid #E6E6E6; height: 40px; color: #979797; height: 40px;}
.btn-password:hover {background: var(--bg-focus); border-color: var(--border-focus); color: #979797;}
.btn-password:focus {box-shadow: none;}
.btn-new-address {background: #E6E6E6; font-size: 12px; }
.btn-new-address:hover{background: #c7c7c7}
.btn-alter {color: #737373; height: auto;}
.btn-alter:hover {text-decoration: underline;}
.btn-address-edit {height: auto; padding: 0;}
.btn-remove-orderbump {border: none; color: var(--secondary); background: transparent; padding: 0;}
/* botões */

/* recaptcha */
fieldset {display: flex; justify-content: center;}
fieldset .col-sm-2.control-label, fieldset legend {display: none;}
/* recaptcha */

/* input radio */
.radio{font-size: 14px;}
.radio label {display: flex; gap: 4px; align-items: center;}
input[type="radio"] {appearance: none; -webkit-appearance: none; width: 18px; height: 18px; border: 2px solid #000; border-radius: 50%; cursor: pointer; position: relative; display: flex; align-items: center; justify-content: center; padding: 0 !important;}
input[type="radio"]:checked {background-color: #fff;}
input[type="radio"]:checked::before {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background: #000; position: absolute;}
/* input radio */

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;}

/* mobile */
#resume-mobile {background-color:#fff; width: 100%; max-height: 100vh; overflow-y: auto; left: 0; padding: 15px; box-shadow: 0 0px 15px 1px rgba(0, 0, 0, 0.3);}
#resume-mobile h5 {color: #303036; font-size: 16px;}
#resume-mobile .box {padding: 0;}

#total-resume h4 {font-size: 12px;}
#total-resume .list-group-item {font-size: 12px; border:none; border-bottom: solid 1px #eee;}
#total-resume .list-group-item:last-child {border:none}
.checkout-card-mobile {background: #fff; border-radius:5px !important; padding: 8px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); margin-bottom: 20px; width: 100%;}
/* mobile */