@font-face { font-family: "Checkout Inter"; src: url("../images/checkout/inter.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
.shop-page { color: rgb(33, 37, 41); --lightningcss-light: initial; --lightningcss-dark: ; color-scheme: light; background: rgb(255, 255, 255); min-height: 100vh; font-family: "Checkout Inter", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.5; }
.shop-page * { box-sizing: border-box; }
.shop-page button, .shop-page input, .shop-page select { font-family: inherit; }
.shop-input-wrap { display: block; position: relative; }
.shop-country-code { color: rgb(101, 112, 128); font-size: 13px; font-weight: 400; position: absolute; top: 50%; left: 12px; transform: translateY(-50%); }
.shop-page .shop-field-phone input { padding-left: 45px; }
.shop-brand-image { width: 150px; height: auto; }
.shop-progress, .shop-mobile-reviews { display: none; }
.shop-summary-toggle { width: 100%; color: inherit; text-align: left; cursor: pointer; background: 0px 0px; border: 0px; align-items: center; gap: 6px; padding: 0px; display: flex; }
.shop-summary-toggle > span { flex: 1 1 0%; font-size: 18px; font-weight: 600; }
.shop-summary-toggle > strong, .shop-order-summary[data-expanded="false"] .shop-summary-content { display: none; }
.shop-order-summary[data-expanded="false"] .shop-summary-toggle svg { transform: rotate(180deg); }
.shop-summary-content { flex-direction: column; display: flex; }
.shop-reviews { min-width: 0px; }
.shop-review-track { gap: 12px; display: grid; }
.shop-review { color: rgb(40, 50, 65); background: rgb(245, 245, 245); border: 1px solid rgb(223, 227, 232); border-radius: 3px; min-width: 0px; padding: 15px; }
.shop-review img { float: right; display: block; flex: 0 0 36px; object-fit: contain; object-position: center; background: #fff; border-radius: 50%; width: 36px; height: 36px; margin-left: 9px; }
.shop-review strong { overflow-wrap: anywhere; font-size: 12px; font-weight: 600; display: block; }
.shop-review p { color: rgb(101, 112, 128); overflow-wrap: anywhere; white-space: pre-line; margin: 9px 0px 0px; font-size: 12px; line-height: 1.65; }
.shop-stars { color: rgb(255, 204, 0); letter-spacing: -1px; font-size: 16px; line-height: 1.2; }
.shop-review-dots { display: none; }
.shop-page h2 { margin: 0px; font-size: 18px; font-weight: 700; line-height: 1.3; }
.shop-page h3 { font-size: 19px; font-weight: 700; }
.shop-page p { color: rgb(82, 86, 91); margin: 8px 0px 18px; }
.shop-header { color: rgb(20, 35, 49); background: rgb(252, 208, 2); justify-content: space-between; align-items: center; height: 80px; padding: 14px 28px; display: flex; }
.shop-brand { flex-direction: column; font-size: 10px; font-weight: 800; line-height: 1.15; display: flex; }
.shop-brand strong { letter-spacing: -1px; font-size: 22px; font-weight: 900; }
.shop-brand span { color: rgb(255, 220, 0); background: rgb(20, 35, 49); margin-top: 2px; padding: 2px 4px; font-size: 10px; }
.shop-secure { align-items: center; gap: 9px; font-size: 11px; line-height: 1.2; display: flex; }
.shop-grid { grid-template-columns: 1fr 1fr 1fr; align-items: start; gap: 18px; max-width: 1200px; margin: 24px auto 64px; padding: 0px 20px; display: grid; }
.shop-details, .shop-summary { gap: 22px; min-width: 0px; display: grid; }
.shop-card { background: rgb(255, 255, 255); border: 1px solid rgb(229, 231, 235); border-radius: 8px; min-width: 0px; padding: 26px; box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 3px; }
.shop-heading { justify-content: space-between; align-items: center; gap: 8px; display: flex; }
.shop-heading h2 { align-items: center; gap: 5px; display: flex; }
.shop-heading small { white-space: nowrap; font-size: 11px; }
.shop-heading b { color: rgb(255, 255, 255); background: rgb(47, 111, 255); border-radius: 50%; justify-content: center; align-items: center; width: 20px; height: 20px; font-size: 12px; display: flex; }
.shop-inactive { color: rgb(139, 145, 152); background: rgb(248, 249, 250); border-color: rgb(248, 249, 250); }
.shop-inactive p { color: rgb(139, 145, 152); margin-bottom: 0px; }
.shop-inactive b { color: rgb(214, 224, 239); background: rgb(237, 241, 248); }
.shop-field { gap: 7px; margin-top: 18px; font-size: 13px; font-weight: 600; display: grid; }
.shop-field input, .shop-field select { color: rgb(34, 34, 34); background: rgb(255, 255, 255); border: 1px solid rgb(220, 224, 228); border-radius: 7px; outline: none; width: 100%; height: 46px; padding: 11px 12px; font-family: inherit; font-size: 14px; font-weight: 400; box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 2px; }
.shop-field input:focus, .shop-field select:focus { border-color: rgb(47, 111, 255); box-shadow: rgba(47, 111, 255, 0.098) 0px 0px 0px 3px; }
.shop-field input::placeholder { color: rgb(150, 155, 160); }
.shop-button { color: rgb(255, 255, 255); cursor: pointer; background: rgb(47, 111, 255); border: 0px; border-radius: 7px; justify-content: center; align-items: center; gap: 8px; width: 100%; margin-top: 24px; padding: 17px 10px; font-size: 14px; font-weight: 700; display: flex; box-shadow: rgba(47, 111, 255, 0.094) 0px 2px 4px; }
.shop-button:hover { background: rgb(33, 91, 221); }
.shop-button:disabled { opacity: 0.6; cursor: wait; }
.shop-edit { color: rgb(40, 99, 214); cursor: pointer; background: 0px 0px; border: 0px; margin-top: 8px; font-size: 12px; text-decoration: underline; display: inline-block; }
.shop-two { grid-template-columns: 1fr 1fr; gap: 12px; display: grid; }
.shop-shipping { background: rgb(246, 249, 255); border: 1px solid rgb(168, 197, 255); border-radius: 7px; align-items: center; gap: 12px; margin-top: 22px; padding: 13px; font-size: 12px; display: flex; }
.shop-shipping div { flex: 1 1 0%; }
.shop-shipping small { color: rgb(107, 114, 128); display: block; }
.shop-summary dl { margin: 24px 0px 22px; }
.shop-summary dl > div { justify-content: space-between; gap: 10px; margin: 9px 0px; display: flex; }
.shop-summary dd { margin: 0px; }
.shop-total { font-size: 16px; font-weight: 700; }
.shop-product { border-top: 1px solid rgb(229, 231, 235); align-items: flex-start; gap: 12px; margin-top: 24px; margin-bottom: 22px; padding-top: 26px; font-size: 12px; line-height: 1.3; display: flex; }
.shop-product img { object-fit: contain; border: 1px solid rgb(238, 238, 238); border-radius: 7px; width: 58px; height: 58px; }
.shop-product > div { overflow-wrap: anywhere; flex: 1 1 0%; min-width: 0px; }
.shop-product strong { font-weight: 400; }
.shop-product small { color: rgb(139, 145, 152); margin-top: 8px; display: block; }
.shop-product > span { white-space: nowrap; }
.shop-assurances > div { align-items: flex-start; gap: 13px; padding: 12px 0px; display: flex; }
.shop-assurances > div + div { border-top: 1px dashed rgb(230, 232, 235); }
.shop-assurances svg { color: rgb(47, 111, 255); flex-shrink: 0; width: 23px; margin-top: 4px; }
.shop-assurances p { color: rgb(37, 41, 46); margin: 0px; }
.shop-assurances strong, .shop-assurances small { display: block; }
.shop-assurances strong { font-size: 13px; }
.shop-assurances small { color: rgb(119, 127, 136); margin-top: 5px; font-size: 12px; }
.shop-pix-choice { background: rgb(247, 250, 255); border: 1px solid rgb(47, 111, 255); border-radius: 7px; align-items: center; gap: 12px; margin: 24px 0px; padding: 16px; display: flex; }
.shop-pix-choice small { color: rgb(119, 119, 119); font-size: 11px; display: block; }
.shop-pix-icon { color: rgb(33, 168, 155); font-size: 30px; }
.shop-radio { background: rgb(255, 255, 255); border: 4px solid rgb(47, 111, 255); border-radius: 50%; width: 16px; height: 16px; margin-left: auto; }
.shop-payment-note { font-size: 13px; }
.shop-consent { color: rgb(137, 144, 152); margin-top: 14px; font-size: 11px; display: block; }
.shop-pix { text-align: center; }
.shop-pix img { max-width: 100%; height: auto; margin: 10px auto; display: block; }
.shop-pix textarea { resize: none; color: rgb(51, 51, 51); background: rgb(248, 250, 251); border: 1px solid rgb(224, 228, 233); border-radius: 6px; width: 100%; height: 65px; margin-top: 12px; padding: 10px; font-size: 11px; }
.shop-total-pix { font-size: 26px; display: block; }
.shop-wait { justify-content: center; align-items: center; gap: 8px; font-size: 12px; display: flex; }
.shop-wait svg { animation: 2s linear 0s infinite normal none running shop-spin; }
.shop-paid { text-align: center; margin: 30px 0px; }
.shop-paid > svg { color: rgb(22, 160, 98); margin: 0px auto 15px; }
.shop-paid code { overflow-wrap: anywhere; font-size: 11px; }
.shop-error { color: rgb(165, 44, 34); background: rgb(255, 240, 239); border: 1px solid rgb(245, 184, 179); border-radius: 7px; margin-top: 16px; padding: 12px; font-size: 13px; }
.shop-description { white-space: pre-wrap; overflow-wrap: anywhere; }
.shop-footer { color: rgb(137, 144, 152); background: rgb(243, 244, 246); border-top: 1px solid rgb(238, 238, 238); flex-direction: column; align-items: center; gap: 10px; max-width: none; margin: 0px auto; padding: 25px 20px 60px; font-size: 12px; display: flex; }
.shop-footer > span { align-items: center; gap: 7px; display: flex; }
.shop-payment-brands { flex-wrap: wrap; justify-content: center; gap: 5px; max-width: 210px; display: flex; }
.shop-payment-brands img { width: 38px; height: 25px; }
.shop-street-row { grid-template-columns: 1fr 3fr; gap: 16px; }
.shop-shipping-options { border: 0px; min-width: 0px; margin: 28px 0px 0px; padding: 0px; }
.shop-shipping-options legend { margin-bottom: 16px; padding: 0px; font-size: 16px; font-weight: 600; }
.shop-shipping-option { cursor: pointer; border: 1px solid rgb(223, 227, 232); border-radius: 8px; align-items: center; gap: 18px; margin-bottom: 18px; padding: 16px; font-size: 13px; display: flex; }
.shop-shipping-option[data-selected="true"] { background: rgb(245, 245, 246); border-color: rgb(48, 121, 255); }
.shop-shipping-option input { accent-color: rgb(48, 121, 255); flex-shrink: 0; width: 20px; height: 20px; margin: 0px; }
.shop-shipping-option > span { flex: 1 1 0%; }
.shop-shipping-option strong { font-weight: 500; }
.shop-shipping-option small { color: rgb(124, 136, 153); font-size: 12px; display: block; }
.shop-full { color: rgb(0, 166, 80); margin-left: 8px; font-size: 12px; font-style: italic; }
.shop-page .shop-pix-panel { background: rgb(248, 248, 248); border: 1px solid rgb(48, 121, 255); border-radius: 8px; margin-top: 30px; padding: 12px; }
.shop-page .shop-pix-choice { background: 0px 0px; border: 0px; gap: 14px; margin: 0px 0px 32px; padding: 0px; }
.shop-page .shop-pix-choice .shop-radio { flex-shrink: 0; margin: 0px; }
.shop-page .shop-pix-choice img { display: block; flex: 0 0 36px; object-fit: contain; object-position: center; background: #fff; border-radius: 50%; width: 36px; height: 36px; }
.shop-page .shop-payment-note { color: rgb(124, 136, 153); margin: 0px 16px 18px; font-size: 14px; }
.shop-payment-note strong { color: rgb(48, 121, 255); }
.shop-pix-panel .shop-button { margin-top: 12px; font-size: 16px; }
.shop-button .shop-spinner { transform-origin: 50% center; flex-shrink: 0; animation: 0.8s linear 0s infinite normal none running shop-spin; }
@keyframes shop-spin { 
  100% { transform: rotate(360deg); }
}
@media (max-width: 1050px) {
  .shop-card { padding: 20px; }
  .shop-grid { gap: 14px; padding: 0px 14px; }
  .shop-heading h2 { font-size: 16px; }
  .shop-product { flex-wrap: wrap; }
}
@media (max-width: 760px) {
  .shop-grid { flex-direction: column; gap: 0px; max-width: none; margin: 0px; padding: 0px; display: flex; }
  .shop-details, .shop-summary, .shop-payment { width: 100%; }
  .shop-details, .shop-summary { gap: 18px; }
  .shop-header { background: rgb(252, 208, 2); height: 66px; padding: 12px 20px; }
  .shop-brand-image { width: 116px; }
  .shop-secure { gap: 7px; font-size: 8px; }
  .shop-secure svg { width: 15px; height: 15px; }
  .shop-card { box-shadow: none; border: 0px; border-radius: 0px; padding: 18px 16px 16px; }
  .shop-footer { flex-direction: column; align-items: center; }
  .shop-product { flex-wrap: nowrap; }
  .shop-summary { order: -2; display: block; }
  .shop-order-summary { border-bottom: 1px solid rgb(240, 241, 244); padding: 0px; }
  .shop-summary-toggle { background: rgb(247, 247, 247); padding: 15px 20px; }
  .shop-summary-toggle > span { font-size: 12px; font-weight: 400; }
  .shop-summary-toggle > strong { font-size: 15px; display: inline; }
  .shop-summary-content { padding: 0px 16px 8px; }
  .shop-product { border: 0px; order: -2; align-items: flex-start; gap: 10px; margin: 28px 0px 16px; padding: 0px; font-size: 12px; }
  .shop-product img { flex-shrink: 0; width: 52px; height: 52px; }
  .shop-product small { display: none; }
  .shop-summary dl { margin: 6px 0px 0px; font-size: 12px; }
  .shop-summary dl > div { margin: 10px 0px; }
  .shop-total { font-size: 14px; }
  .shop-page[data-step="1"] .shop-free-delivery { display: none; }
  .shop-progress { border-bottom: 1px solid rgb(236, 238, 241); order: -1; width: 100%; padding: 18px 14px 14px; scroll-margin-top: 12px; display: flex; }
  .shop-progress button { color: rgb(185, 190, 199); background: 0px 0px; border: 0px; flex-direction: column; flex: 1 1 0%; align-items: center; gap: 8px; min-width: 0px; padding: 0px; font-size: 10px; font-weight: 500; display: flex; position: relative; }
  .shop-progress button::before { content: ""; background: rgb(236, 238, 242); width: 100%; height: 2px; position: absolute; top: 16px; left: 50%; }
  .shop-progress button:last-child::before { display: none; }
  .shop-progress button span { z-index: 1; color: rgb(193, 198, 206); background: rgb(240, 241, 243); border-radius: 50%; outline: rgb(255, 255, 255) solid 4px; place-items: center; width: 34px; height: 34px; display: grid; position: relative; }
  .shop-progress button.is-complete { color: rgb(32, 43, 58); }
  .shop-progress button.is-complete span { color: rgb(255, 255, 255); background: rgb(48, 121, 255); }
  .shop-progress button:not(:disabled) { cursor: pointer; }
  .shop-page[data-step="1"] .shop-delivery, .shop-page[data-step="1"] .shop-payment, .shop-page[data-step="2"] .shop-identification, .shop-page[data-step="2"] .shop-payment, .shop-page[data-step="3"] .shop-details { display: none; }
  .shop-heading h2 { font-size: 18px; }
  .shop-heading b { background: rgb(48, 121, 255); width: 19px; height: 19px; }
  .shop-heading small { font-size: 11px; }
  .shop-details > .shop-card > p, .shop-details > .shop-card > form { margin-top: 0px; }
  .shop-page p { color: rgb(52, 69, 96); margin: 3px 0px 20px; font-size: 13px; }
  .shop-details form { padding-top: 3px; }
  .shop-field { gap: 6px; margin-top: 18px; font-size: 12px; font-weight: 400; }
  .shop-field input, .shop-field select { border-color: rgb(221, 221, 221); border-radius: 7px; height: 44px; }
  .shop-field-cpf, .shop-field-phone { width: 75%; }
  .shop-button { background: rgb(48, 121, 255); min-height: 52px; margin-top: 18px; padding: 16px 10px; font-size: 15px; }
  .shop-desktop-reviews, .shop-product-description { display: none; }
  .shop-mobile-reviews { border-top: 1px solid rgb(242, 243, 245); width: 100%; min-width: 0px; margin-top: 0px; padding: 26px 0px 22px; display: block; }
  .shop-review-track { scroll-snap-type: x mandatory; scrollbar-width: none; gap: 12px; padding: 0px 16px; scroll-padding-left: 16px; display: flex; position: relative; overflow-x: auto; }
  .shop-review-track::-webkit-scrollbar { display: none; }
  .shop-review-track::after { content: ""; flex: 0 0 28%; }
  .shop-review { scroll-snap-align: start; flex: 0 0 68%; padding: 14px; }
  .shop-review strong { font-size: 11px; }
  .shop-review p { color: rgb(101, 112, 128); margin: 9px 0px 0px; font-size: 11px; line-height: 1.65; }
  .shop-review img { width: 36px; height: 36px; }
  .shop-review-dots { justify-content: center; gap: 5px; margin-top: 12px; display: flex; }
  .shop-review-dots button { cursor: pointer; background: rgb(209, 214, 223); border: 0px; border-radius: 50%; width: 6px; height: 6px; padding: 0px; }
  .shop-review-dots button[aria-current] { background: rgb(56, 70, 89); }
  .shop-footer { border: 0px; font-size: 12px; }
}
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .shop-page input:not([type="radio"]):not([type="checkbox"]), .shop-page select, .shop-page textarea { min-width: 0px; max-width: 100%; font-size: 16px; }
  .shop-page .shop-country-code { font-size: 16px; }
  .shop-page .shop-field-phone input { padding-left: 49px; }
}
#local-checkout[hidden], #root[hidden] {display:none!important}
#local-checkout {font-weight:400;letter-spacing:normal;text-align:left}
#local-checkout button:disabled {cursor:not-allowed}
#local-checkout .shop-heading:focus {outline:none}
#local-checkout .shop-preview-note {font-size:11px;color:#899098;text-align:center;margin:0;max-width:500px}
#local-checkout .shop-review p {margin:9px 0 0;color:#657080;font-size:12px;line-height:1.65}
#local-checkout .shop-edit {margin-right:12px}
@media(max-width:760px){#local-checkout .shop-review p{font-size:11px}}

#local-checkout .shop-cep-status {display:block;color:#657080;font-size:12px;font-weight:400;line-height:1.5}

.shop-shipping-name { display: inline-flex; align-items: center; gap: 6px; }
.shop-full-icon { display: block; width: 18px; height: 21px; object-fit: contain; flex-shrink: 0; mix-blend-mode: multiply; }

.shop-shipping-options[hidden] { display: none !important; }