/* source: <triniopartnerbr.trinio-checkout-plugin-usereserva@1.0.3> */


/* source: <olliepartnerus.reserva-vtex-proxy@0.0.47> */


/* source: <lojausereserva.vtex-checkout-io@4.14.19> */
/* ==========================================================================
   Reserva Fonts
   ========================================================================== */

@font-face {
  font-family: "Reserva Display";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaDisplay-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Black.ttf")
    format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-MediumItalic.ttf")
    format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Italic.ttf")
    format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Bold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-LightItalic.ttf")
    format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-BoldItalic.ttf")
    format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-BlackItalic.ttf")
    format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-BoldItalic.ttf")
    format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-Black.ttf")
    format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Regular.ttf")
    format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-Bold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Thin.ttf")
    format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-ThinItalic.ttf")
    format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-Italic.ttf")
    format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://www.usereserva.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-Medium.ttf")
    format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-MediumItalic.ttf")
    format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-LightItalic.ttf")
    format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-Light.ttf")
    format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

@font-face {
  font-family: "Nunito";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/Nunito-Bold.ttf")
    format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
  font-synthesis: style;
}

/* ==========================================================================
      Global Styles
      ========================================================================== */

* {
  box-sizing: border-box;
  font-family: "Reserva Sans", sans-serif;
}

body {
  --color-reserva-bg-grey: #f2f2f2;
  --color-reserva-bg-lightgrey: #d8d9da;
  --color-reserva-main: #e4002b;
  --color-reserva-grey: #7b7b7b;
  --color-reserva-black: #000000;
  --color-reserva-white: #ffffff;
  --color-reserva-green: #11ab6b;
  --color-reserva-border-grey: #e0e0e0;
  padding: 0;
  overflow-x: hidden;
  letter-spacing: 0.1px;
  font-family: "Reserva Sans", sans-serif !important;
  font-weight: 400;
  font-size: 10px;
  background-color: var(--color-reserva-bg-grey);
  color: var(--color-reserva-black);
}

span[data-i18n="global.loading"] {
  display: none !important;
}

input,
button,
select,
textarea {
  font-family: "Reserva Sans", sans-serif !important;
}

select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
  outline: 0;
  color: initial;
  background-color: initial;
}

input.success:not([invalid="true"]) {
  background-image: none !important;
}

.input input.success,
select.success,
textarea.success,
input[type="text"].success,
input[type="password"].success,
input[type="datetime"].success,
input[type="datetime-local"].success,
input[type="date"].success,
input[type="month"].success,
input[type="time"].success,
input[type="week"].success,
input[type="number"].success,
input[type="email"].success,
input[type="url"].success,
input[type="search"].success,
input[type="tel"].success,
input[type="color"].success {
  background-color: #f1fbf7;
  border: 1px solid var(--color-reserva-green) !important;
}

.summary-template-holder {
  background-color: var(--color-reserva-white);
  width: unset !important;
  flex: 0 0 325px;
  position: relative;
}

.summary-template-holder .summary {
  display: flex;
  flex-direction: column;
}

.summary .cart-more-options {
  width: 100%;
  display: flex;
  padding: 0px 20px;
  margin: 0;
  flex-direction: column;
  min-height: 46px;
}

.hidden-element {
  display: none !important;
}

.cart-select-gift-placeholder {
  order: 4;
}

#modal-shipping-container-div {
  order: 3;
  padding-left: 0;
  padding-right: 0;
}

.cart-select-gift-placeholder .available-gift + .available-gift {
  display: none !important;
}

.cart-select-gift-placeholder .available-gift-items::before {
  content: "Insira seu CEP para visualizar os brindes disponíveis!";
  display: flex;
  width: 100%;
  font-size: 14px;
  color: tomato;
  margin-top: -20px;
}
.cart-select-gift-placeholder .available-gift-items:has(.available-gift-item)::before {
  display: none;
}

.summary-template-holder .coupon-column.summary-coupon-wrap {
  display: none !important;
}
.summary .cart-more-options #shipping-preview-container,
.summary .cart-more-options #shipping-preview-container form,
.summary .cart-more-options #shipping-preview-container form .ship-country,
.summary .cart-more-options #shipping-preview-container form [class$="postalCodeForgotten"] {
  width: 100%;
}

.summary .cart-more-options #shipping-preview-container form [class$="postalCodeForgotten"] {
  align-items: flex-start;
}

.summary .cart-more-options #shipping-preview-container form label {
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

.summary .cart-more-options #shipping-preview-container .ship-postalCode label {
  display: none;
}

.vtex-shipping-preview-0-x-postalCode {
  align-items: flex-start !important;
}

.summary .cart-more-options #shipping-preview-container .ship-postalCode {
  flex: 1;
}

.summary .cart-more-options .ship-postalCode small {
  display: inline-block;
}

.summary .cart-more-options .ship-postalCode small a {
  margin: 5px 0 0;
  font-size: 10px;
  color: var(--color-reserva-black);
  text-decoration: underline;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
  display: block;
}

#cart-shipping-calculate {
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
  min-width: 90px;
  width: 90px;
  height: 54px;
  border: 0;
  padding: 0;
  font-family: "Reserva Sans", sans-serif, "serif";
  font-weight: 400;
  font-size: 10px;
  border-radius: 0px;
  text-transform: uppercase;
  margin: 0;
}

.summary .cart-more-options #shipping-preview-container #ship-postalCode {
  height: 53px;
}

.summary-totalizers.cart-totalizers {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin: 0;
}

.summary-totalizers.forms.coupon-column,
.summary-totalizers .empty {
  display: none;
}

.summary-template-holder .summary .cart-links.cart-links-bottom span {
  display: flex;
  width: 100%;
  flex: 1;
  margin-bottom: 5px;
}

.summary-template-holder .summary .cart-links.cart-links-bottom span a {
  width: 100%;
}

.onda-v1 .br-pill .srp-toggle__delivery {
  font-size: 0 !important;
}

.onda-v1 .br-pill .srp-toggle__delivery::before {
  content: "Entrega";
  font-size: 16px;
  text-transform: capitalize;
}

.onda-v1 .br-pill .srp-toggle__pickup,
.onda-v1 .br-pill .srp-toggle__delivery {
  font-size: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

.onda-v1 .br-pill .srp-toggle__delivery::after {
  white-space: pre;
  content: "Receba no conforto do seu lar";
  color: var(--color-reserva-grey);
  font-size: 9px;
  font-weight: 700;
  text-transform: initial;
  line-height: 12px;
}

.onda-v1 .br-pill .srp-toggle__pickup::before {
  content: "RETIRAR EM LOJA";
  font-size: 10px !important;
  font-weight: 500;
  text-transform: initial;
  line-height: 12px;
}

.cart-custom-subtitle {
  font-size: 14px !important;
  text-transform: initial;
  line-height: 12px;
  padding-bottom: 20px;
}

.cart-custom-subtitle span {
  font-weight: bold;
  color: var(--color-reserva-green) !important;
}

.cart-template.full-cart .cart-summary-title,
.cart-template.full-cart .chk__custom-title {
  font-size: 26px;
  line-height: 25px;
  color: var(--color-reserva-black);
  font-family: "Reserva Sans", sans-serif, serif;
  font-weight: 500;
  margin: 0;

  width: 100% !important;
}

.retire-em-loja {
  text-align: left;
  font: normal normal normal 19px/23px Reserva Sans;
  letter-spacing: -0.28px;
  color: #000000;
  margin-top: 5px;
  padding-bottom: 20px;
}

.e-mais {
  font: normal normal normal 19px/23px Reserva Sans;
  letter-spacing: -0.28px;
  color: #000000;
  margin-top: 5px;
}

.retire-em-loja u {
  font-weight: 600;
}

.retire-ganhe-desconto {
  color: var(--color-reserva-green) !important;
  font-weight: 700;
}

.retire-e-ganhe {
  font: normal normal 300 16px/20px Reserva Sans;
  letter-spacing: 0.11px;
  color: #000000;
}

.cart-template.full-cart .cart-summary-title {
  padding-left: 20px;
}

/* Cart sort by brand
    ========================================================================== */

.input input.error,
input[type="text"].error,
input[type="password"].error,
input[type="datetime"].error,
input[type="datetime-local"].error,
input[type="date"].error,
input[type="month"].error,
input[type="time"].error,
input[type="week"].error,
input[type="number"].error,
input[type="email"].error,
input[type="url"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="color"].error {
  background-color: var(--color-reserva-white);
  border: 1px solid var(--color-reserva-main) !important;
}

.input span.help.error {
  font-size: 10px;
  color: var(--color-reserva-main);
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

.input input:focus,
.input input#client-birthday {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--color-reserva-black);
}

.input label {
  font-size: 12px;
  color: #818284;
  line-height: 20px;
}

.input input,
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  width: 100%;
  opacity: 1;
  height: 40px;
  color: var(--color-reserva-black);
  outline: none;
  font-size: 12px;
  padding: 0 12px;
  box-shadow: none;
  line-height: 14px;
  position: relative;
  border-radius: 0px;
  margin-bottom: 0;
  font-weight: normal;
  background-color: var(--color-reserva-white);
  border: 1px solid var(--color-reserva-border-grey);
  box-shadow: none;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
}

.input input:focus,
input:focus {
  outline: none !important;
  border: 1px solid var(--color-reserva-border-grey) !important;
  box-shadow: none !important;
}

/* Scrollbar width */
::-webkit-scrollbar {
  width: 7px;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Scrollbar Handle */
::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-radius: 5px;
}

/* Scrollbar Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #e2e2e2;
}

.cart-template .extensions-checkout-buttons-container {
  display: none !important;
}

/* Loading State
      ========================================================================== */

.container-main > .loading-bg {
  min-height: 500px !important;
  opacity: 1 !important;
  background-color: #f2f2f2;
  height: 100vh;
  width: 100vw;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  margin: 0 !important;
}

.loading-bg {
  margin: 0 !important;
}

.loading-bg i {
  -webkit-animation: none;
  animation: none;
  font-size: 0;
  background-size: 45px 63px;
  width: 45px;
  height: 63px;
  position: relative;
}

.loading-bg .icon-spin {
  opacity: 1;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

.loading-bg i::before {
  position: absolute;
  top: -50px;
  left: -55px;
  content: "";
  width: 150px;
  height: 150px;
  border: solid 2px #333;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  transition: all 0.5s ease-in;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.rsv-loading {
  position: relative !important;
}

.rsv-loading::before {
  content: "";
  width: 100%;
  height: 100%;
  background-size: 45px 63px;
  background-color: var(--color-reserva-white);
  display: block;
  position: absolute;
  z-index: 999;
}

.rsv-loading::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 150px;
  margin-left: -75px;
  margin-top: -75px;
  height: 150px;
  z-index: 9999;
  border: solid 2px #333;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  transition: all 0.5s ease-in;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

/* Reserva Buttons
      ========================================================================== */

.rsv-primary-btn {
  width: 100%;
  height: 40px;
  display: flex;
  font-size: 14px;
  margin-top: 20px;
  align-items: center;
  letter-spacing: 0.1em;
  background: var(--color-reserva-black);
  color: var(--color-reserva-white);
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 500;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: none;
}

.rsv-cta-primary-btn,
.container-main button.btn-large.btn-success {
  width: 100%;
  height: 40px;
  display: flex;
  font-size: 14px;
  margin-top: 20px;
  align-items: center;
  letter-spacing: 0.1em;
  background: var(--color-reserva-green);
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: none;
  text-decoration: none !important;
}

.rsv-secondary-btn,
#shipping-data .vtex-omnishipping-1-x-summaryChange,
#shipping-data .vtex-omnishipping-1-x-pickupButton,
#shipping-data .vtex-omnishipping-1-x-buttonEditAddress,
#shipping-data .vtex-omnishipping-1-x-buttonCreateAddress,
#shipping-data .vtex-omnishipping-1-x-pickupPointChange.button-change-pickup-point,
.summary .cart-more-options #shipping-preview-container .srp-pickup-my-location__button,
.gift-button,
.vtex-pickup-points-modal-3-x-showListButton {
  width: 100%;
  height: 40px;
  display: flex;
  font-size: 14px;
  margin-top: 20px;
  align-items: center;
  letter-spacing: 0.1em;
  background: transparent;
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: 1px solid var(--color-reserva-black);
  color: var(--color-reserva-black);
  padding: 0;
  text-decoration: none !important;
}

.rsv-terciary-btn,
#shipping-data .vtex-omnishipping-1-x-backToAddressList {
  width: 100%;
  height: 30px;
  display: flex;
  font-size: 12px;
  align-items: center;
  letter-spacing: 0.03em;
  background: transparent;
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: 1px dashed var(--color-reserva-black);
  color: var(--color-reserva-black);
  padding: 0;
  text-decoration: none !important;
}

input[type="checkbox"] {
  margin-top: 1px;
  position: relative;
  margin-left: -25px;
  display: inline-block;
}

input[type="checkbox"]::before {
  left: 26px;
  width: 17px;
  content: "";
  height: 17px;
  position: absolute;
  box-sizing: inherit;
  background: var(--color-reserva-white);
  border: 1px solid var(--color-reserva-black);
}

input[type="checkbox"]:checked::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4yMDIiIGhlaWdodD0iOS44NjkiIHZpZXdCb3g9IjAgMCAxMy4yMDIgOS44NjkiPgogIDxwYXRoIGlkPSJQYXRoXzE1IiBkYXRhLW5hbWU9IlBhdGggMTUiIGQ9Ik04Ni44NzYsNTU1Ljk4MmwzLjMzMiwzLjMzMiw3LjA0MS03LjA0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjQ2MiAtNTUwLjg1OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  background-color: var(--color-reserva-black);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  background-size: 10px;
}

input[type="checkbox"] + label {
  padding-left: 24px;
}

.info-package-header-text-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* Hide unused elements
      ========================================================================== */
/* hides "Continuar Comprando - APP */
span.link-choose-more-products-wrapper {
  /* display: none !important; */
}

/* hides  "Editar na sacola */
h2[data-i18n="totalizers.summary"] {
  /* display: none !important; */
}

/* Displays the option to enter a foreign document */
.document-box {
  display: block;
}

/* Displays the option to enter an international phone */
.phone-box {
  display: block;
}

#cart-link-coupon-add {
  /* display: none; */
}

.full-cart .cart table tbody tr td.product-name .seller {
  display: none;
}

/* ==========================================================================
      Checkout Header
      ========================================================================== */

.header {
  background-color: var(--color-reserva-white);
}

.logo-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1213px;
  margin: 0 auto;
}

@media only screen and (max-width: 640px) {
  .logo-container {
    justify-content: center;
  }
}

.logo-container #cart-choose-more-products {
  padding: 8px 19px 2px;
  margin-right: 8px;
}

.logo {
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progressbar-background {
  background-color: var(--color-reserva-bg-grey);
  padding-top: 20px;
  height: 60px;
}

.progressbar-row {
  height: 0;
  max-width: 500px;
  margin: 0 auto;
}

.progressbar-items {
  margin: 0 auto;
  font-size: 0;
}

.progressbar-items .item {
  list-style: none;
  display: inline-block;
  width: 24%;
  position: relative;
  text-align: center;
  font-family: "Reserva Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 102%;
  text-align: center;
  color: #ccc;
}

.progressbar-items li:before {
  content: "";
  width: 24px;
  height: 24px;
  line-height: 24px;
  border: 1px solid #ccc;
  border-radius: 100%;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  background-color: var(--color-reserva-bg-grey);
  position: relative;
  z-index: 1;
}

.progressbar-items li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  top: 12px;
  left: -50%;
  border-top: 1px dashed #ccc;
  transition: ease-in-out 0.5s;
}

.progressbar-items li:first-of-type:after {
  display: none;
}

.progressbar-items .item--current,
.progressbar-items .item--done {
  color: var(--color-reserva-black);
}

.progressbar-items .item--current:before,
.progressbar-items .item--done:before {
  border-color: var(--color-reserva-black);
}

.progressbar-items .item--done:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-check2" viewBox="0 0 16 16"> <path d="M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z"/> </svg>%0A');
  background-repeat: no-repeat;
  background-size: 17px;
  background-position: center;
}

.progressbar-items .item--current:before {
  background-image: radial-gradient(
    circle at 50% 50%,
    var(--color-reserva-black) 54.9%,
    var(--color-reserva-bg-grey) 55%
  );
}

.progressbar-items .item--current:after,
.progressbar-items .item--done:after {
  border-top: 1px solid var(--color-reserva-black);
}

/* ==========================================================================
      Checkout Footer
      ========================================================================== */

.footer {
  padding-top: 28px;
  background-color: var(--color-reserva-white);
}

.footer-row {
  display: flex;
  position: relative;
  padding-bottom: 10px;
  align-items: flex-start;
  justify-content: space-evenly;
}

.footer-row::after {
  bottom: 0;
  width: 83%;
  content: "";
  height: 1px;
  display: block;
  position: absolute;
  background-color: #f2f2f2;
}

.footer-row .col {
  max-width: 25%;
  min-height: 175px;
  position: relative;
}

.footer-row .col::after {
  top: 50%;
  left: 110%;
  width: 1px;
  content: "";
  height: 70%;
  display: block;
  position: absolute;
  background: #f2f2f2;
  transform: translateY(-50%);
}

.col-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.col-title h1 {
  font-size: 16px;
  color: var(--color-reserva-black);
  margin: 0 10px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: bold;
}

.col-content {
  margin-left: 35px;
}

.col-subtitle {
  color: var(--color-reserva-black);
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

.col-payment-list {
  display: flex;
  margin: 10px 0;
}

.col-payment-list-item {
  margin-right: 20px;
  list-style-type: none;
}

.col-payment-list-item img {
  max-width: 32px;
}

.col-second-title {
  margin: 0;
  color: var(--color-reserva-black);
  font-size: 14px;
  line-height: 101%;
  font-family: "Reserva Sans", sans-serif;
  font-weight: bold;
}

.quantity-equels-one2 {
  background: #d8d9da !important;
}

.lets-footer {
  margin-top: 15px;
}

.footer-row-bottom {
  padding: 10.5px 50px;
}

.footer-row-bottom p {
  color: #666;
  font-size: 10px;
  text-transform: uppercase;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
}

/* ==========================================================================
      Checkout content
      ========================================================================== */

.hide#cart-title,
.hide#orderform-title {
  display: none !important;
}

/* Empty cart
      ========================================================================== */

.empty-cart-content {
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 200px 0 250px;
  background-color: #f2f2f2;
}

.empty-cart-title {
  font-size: 0;
  text-align: center;
}

.empty-cart-title::before {
  font-size: 30px;
  color: var(--color-reserva-black);
  line-height: 42px;
  font-weight: bold;
  font-family: "Reserva Display", sans-serif;
  content: "Sua sacola está vazia";
}

.empty-cart-message {
  margin: 28px 0 48px;
}

.empty-cart-message p {
  max-width: 24%;
  margin: 0 auto;
  font-size: 14px;
  color: #818284;
  line-height: 23px;
  text-align: center;
  letter-spacing: 0.1px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
}

.empty-cart-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.link-choose-products {
  margin: 0;
  padding: 0;
  width: 250px;
  height: 40px;
  border: none;
  display: flex;
  font-size: 12px;
  border-radius: 0;
  align-items: center;
  letter-spacing: 0.2em;
  background: var(--color-reserva-black);
  justify-content: center;
  text-transform: uppercase;
  font-family: "Reserva Sans", sans-serif, sans-serif;
}

.link-choose-products:hover {
  border: none;
  background: var(--color-reserva-black);
}

/* Full cart
      ========================================================================== */

.container-cart {
  width: 100%;
}

.container-cart .transactions-container {
  display: none;
}

.cart-template.full-cart {
  display: flex;
  padding: 0 30px;
  margin: 45px 0px;
  gap: 30px;
  align-items: flex-start;
  justify-content: center;
}

.cart-template-holder {
  min-height: 494px;
  flex: 0 0 auto;
  max-width: calc(100% - 355px);
}

.cart-template-holder .cart {
  border: none;
  background-color: var(--color-reserva-white);
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 35px 40px 0px 40px;
}

/* ==========================================================================
      Cart items
      ========================================================================== */

.cart-items,
.cart-items thead,
.cart-items td,
.cart-items tr {
  display: flex;
  justify-content: center;
}

.cart-items td {
  align-items: center;
}

.cart-items thead tr {
  gap: 10px;
  height: 50px;
  align-items: center;
  padding-bottom: 15px;
}

.cart-items,
.cart-items .product-price {
  flex-direction: column;
}

.cart-items thead,
.cart-items tbody {
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
  background-color: var(--color-reserva-white);
  overflow-y: auto;
}

.cart-items thead {
  overflow-y: hidden !important;
}

/* Cart items header
      ========================================================================== */

.cart-items th.product {
  font-size: 0;
  flex-basis: 50%;
  display: flex;
}

.cart-items th.shipping-date {
  flex-basis: 12%;
}

.cart-items th.product-price {
  flex-basis: 12%;
}

.cart-items th.quantity {
  flex-basis: 12%;
}

.cart-items th.quantity-price {
  flex-basis: 12%;
}

.cart-items th.item-remove {
  flex-basis: 0%;
  display: none;
}

.cart-items thead th {
  font-family: "Reserva Sans", sans-serif !important;
  font-weight: bold;
  padding: 0;
}

.cart-items thead th:not(.product) {
  font-size: 14px;
  vertical-align: middle;
  text-transform: uppercase;
}

.cart-items th.product::before {
  content: "Produtos";
  font-size: 14px;
  text-transform: uppercase;
  padding-left: 5px;
}

.cart-items th.product-price {
  font-size: 0 !important;
}

.cart-items th.product-price:before {
  content: "Valor";
  font-size: 14px;
  vertical-align: bottom;
  text-transform: uppercase;
}

.cart-items th.quantity-price {
  width: unset;
}

.cart-items th.item-remove {
  width: unset;
  height: 100%;
}

/* Cart items body
      ========================================================================== */

.cart-items .product-item td.product-image {
  flex-basis: 10%;
  margin-top: 0px;
  max-width: 70px;
  padding: 0;
  display: flex;
  justify-content: flex-start;
  align-self: flex-start;
}

.cart-items .product-item td.product-name {
  flex-basis: 39%;
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  flex-direction: column;
  height: 100%;
  min-width: 220px;
  padding: 0;
  margin-top: 0;
}

.cart-items .product-item .shipping-date {
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  align-self: baseline;
  min-width: 100px;
}

.cart-items .product-item .product-price {
  flex-basis: 12%;
  padding: 0;
  margin-top: -32px;
}

.cart-items td.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex-basis: 12%;
  margin-top: -32px;
}

.cart-items td.quantity-price {
  padding: 0;
  flex-basis: 12%;
  margin-top: -32px;
}

.cart-items .product-item .item-remove {
  flex-basis: 2%;
  padding: 0;
  position: absolute;
  left: 10%;
  bottom: 30px;
  padding-right: 16px;
  border-right: 1px solid #dcdcdc;
}

.cart-items .product-item td.product-image img {
  width: 100% !important;
  height: 90px !important;
  max-width: unset !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.cart-items .product-item td.product-name .brand {
  display: none;
}

.cart-items .product-item td.product-name .seller {
  display: none;
}

.cart-items .product-item td.product-name > a {
  color: var(--color-reserva-black);
  font-weight: 500;
  font-size: 14px;
  line-height: 90%;
  min-height: 14px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "Reserva Sans", sans-serif;
  font-weight: bold;
  max-width: 80%;
}

.cart-items {
  display: flex !important;
  border-collapse: separate;
  border-spacing: 0 10px;
  background-color: var(--color-reserva-white);
  min-height: 200px;
  padding-bottom: 10px;
  justify-content: flex-start;
}

.cart-items thead tr,
.cart-items thead input,
.cart-items tbody tr,
.cart-items tbody input {
  font-family: "Reserva Sans", sans-serif !important;
  font-weight: bold;
}

.cart-items tr.item-service {
  display: none !important;
}

.cart-items tbody tr + tr {
  border: 0;
}

.cart-items tbody tr td {
  color: var(--color-reserva-black);
}

.cart-items tbody tr {
  margin-bottom: 3rem;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
}

.cart-items td.shipping-date .shipping-estimate-date {
  font-size: 12px;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: 0em;
  text-align: center;
  white-space: nowrap;
  color: var(--color-reserva-grey);
}

.cart-items tbody .unavailable {
  background-color: transparent !important;
  padding-top: 16px;
  margin-bottom: 1rem;
}

.cart-items tbody .packageUnavailable .info-package-split-package {
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  font-size: 14px;
  color: var(--color-reserva-main) !important;
  line-height: 15px;
}

.cart-items tbody .packageUnavailable .info-package-header-text-container {
  border-bottom: 1px solid var(--color-reserva-main) !important;
}

.cart-items tbody .packageUnavailable #info-split-padrão-cart {
  display: none;
}

@media screen and (max-width: 768px) {
  .cart-items tbody .unavailable::after {
    border-bottom: 1px solid var(--color-reserva-main);
    width: 100%;
  }
}

.cart-items tbody .item-unavailable {
  background-color: #ffd3db !important;
  border: 1px solid #fab5c2 !important;
  border-radius: 4px;
}

.cart-items tbody .item-unavailable .top-arrow {
  display: none;
}

.cart-items td.product-price span {
  text-transform: capitalize;
  font-weight: normal;
}

.cart-items td.product-price span.list-price {
  font-family: "Reserva Sans", sans-serif;
  font-weight: 300;
}

.cart-items td.product-price span.list-price .old-product-price-label {
  display: none;
}

.cart-items td.product-price span.list-price .old-product-price {
  font-size: 12px;
  color: #818284;
  text-decoration: line-through;
  text-transform: initial;
}

.cart-items td.product-price span.list-price.hide + br + .best-price {
  color: var(--color-reserva-black);
}

.cart-items td.product-price span.best-price {
  font-size: 14px;
  font-weight: bold;
}

.cart-items td.product-price span.best-price .new-product-price-label {
  display: none;
}

.cart-items td.product-price span.best-price a.discount,
.best-price a.discount:hover,
.cart-items td.product-price span.best-price a.discount:focus {
  color: var(--color-reserva-main);
}

.cart-items td.product-price span.best-price span.field-help {
  background-color: var(--color-reserva-main);
  border: 1px solid var(--color-reserva-main);
}

.cart-items td.quantity input {
  width: 30px;
  padding: 0;
  margin: 0 5px;
  background: var(--color-reserva-white);
  border: none;
  box-shadow: none;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
}

.cart-items td.quantity a {
  width: 24px;
  height: 24px;
  display: flex;
  padding: 0;
  align-items: center;
  justify-content: center;
}

.cart-items td.quantity a i {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #9d9d9d;
  width: 24px;
  height: 24px;
}

.cart-items td.quantity a i.icon-plus-sign:before {
  content: "+";
  color: #000;
  font-weight: 100;
  font-size: 22px;
  line-height: 1;
}

.cart-items td.quantity a i.icon-minus-sign:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000;
  height: 1px;
  width: 10px;
}

.cart-items td.quantity a.item-quantity-change {
  color: var(--color-reserva-black);
  font-size: 24px;
}

.cart-items td.quantity-price span {
  font-size: 14px;
  font-weight: normal;
  color: var(--color-reserva-black) !important;
}

.cart-items td.item-remove {
  width: unset;
}

.manualprice-link-remove,
.item-link-remove {
  padding: 0;
  display: flex;
  align-items: center;
}

.item-link-remove {
  padding: 0;
  display: flex !important;
  align-items: center;
}

.cart-items td.item-remove i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  animation: none;
}

.cart-items td.item-remove i.loading-text.icon-spinner {
  display: none;
}

.cart-items td.item-remove i:before {
  background-repeat: no-repeat;
  content: "";
  padding: 0px;
  font-size: 13px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.5' height='22.5' viewBox='0 0 24.5 24.5'%3E%3Cg id='Deletar' transform='translate(0.25 0.25)'%3E%3Cg id='Grupo_3110' data-name='Grupo 3110' opacity='0'%3E%3Crect id='Retângulo_2' data-name='Retângulo 2' width='24' height='24' fill='none' stroke='%233a3a3a' stroke-linejoin='round' stroke-width='0.5'/%3E%3Cline id='Linha_1' data-name='Linha 1' y1='24' x2='24' fill='none' stroke='%233a3a3a' stroke-width='0.5'/%3E%3Cline id='Linha_2' data-name='Linha 2' x1='24' y1='24' fill='none' stroke='%233a3a3a' stroke-width='0.5'/%3E%3Ccircle id='Elipse_1' data-name='Elipse 1' cx='10' cy='10' r='10' transform='translate(2 2)' fill='none' stroke='%233a3a3a' stroke-linejoin='round' stroke-width='0.5'/%3E%3Ccircle id='Elipse_2' data-name='Elipse 2' cx='6' cy='6' r='6' transform='translate(6 6)' fill='none' stroke='%233a3a3a' stroke-linejoin='round' stroke-width='0.5'/%3E%3C/g%3E%3Cg id='Icon_feather-trash-2' data-name='Icon feather-trash-2' transform='translate(5.175 4.417)'%3E%3Cpath id='Caminho_300' data-name='Caminho 300' d='M4.5,9H18.15' transform='translate(-4.5 -5.967)' fill='none' stroke='%233a3a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Caminho_301' data-name='Caminho 301' d='M18.117,6.033V16.65A1.517,1.517,0,0,1,16.6,18.167H9.017A1.517,1.517,0,0,1,7.5,16.65V6.033m2.275,0V4.517A1.517,1.517,0,0,1,11.292,3h3.033a1.517,1.517,0,0,1,1.517,1.517V6.033' transform='translate(-5.983 -3)' fill='none' stroke='%233a3a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Caminho_302' data-name='Caminho 302' d='M15,16.5v4.55' transform='translate(-9.692 -9.675)' fill='none' stroke='%233a3a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cpath id='Caminho_303' data-name='Caminho 303' d='M21,16.5v4.55' transform='translate(-12.658 -9.675)' fill='none' stroke='%233a3a3a' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  background-position: center;
}

.cart-items td.item-remove .icon-remove:before {
  content: "";
}

.item-remove-text {
  display: block;
  font-size: 0px;
  font-family: "Reserva Sans", sans-serif;
  color: #000;
  text-decoration: underline;
  line-height: 1.2;
  font-weight: 700;
  margin-left: 4px;
}

.item-remove-text:before {
  content: "Deletar";
  font-size: 12px;
}

.product-price .discount,
.product-price .Discounts {
  display: none;
}

.cart-items tr td.product-price br,
.cart-items tr th.product-price br {
  display: none;
}

/* Custom item image
      ========================================================================== */

.item-attachments-head,
.item-attachments-content,
.clone-item {
  display: none !important;
}

.custom-product--container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.cart-items .product-item td.product-image .custom-product--image {
  width: 50% !important;
  height: auto !important;
}

li.hproduct a {
  position: relative;
}

.checkout-container
  .orderform-template
  .mini-cart
  .cart-fixed
  .cart-items
  .hproduct
  .custom-product--container
  .custom-product--summary {
  width: 50% !important;
  height: auto !important;
}

.cart-items .product-item td.product-image a {
  position: relative;
}

/* Cart items additional info
      ========================================================================== */

.cart-items .sku-additional-info {
  display: flex;
  flex-direction: row;
  font-size: 12px;
  gap: 20px;
  text-transform: uppercase;
  margin-top: 3px;
}

@media only screen and (max-width: 768px) {
  .cart-items .sku-additional-info {
    flex-direction: column;
    gap: 5px;
  }
}

.cart-items .sku-additional-info .sku-additional-info__size,
.cart-items .sku-additional-info .sku-additional-info__color {
  display: flex;
  gap: 3px;
}

.cart-items .sku-additional-info .sku-additional-info__color {
  margin-bottom: 8px;
}

.cart-items .sku-additional-info .sku-additional-info__size p {
  color: var(--color-reserva-main);
  margin: 0;
}

.cart-items .sku-additional-info .sku-additional-info__color p {
  color: var(--color-reserva-grey);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}

/* Cart sidebar & Shipping preview
      ========================================================================== */

.summary-template-holder {
  background-color: var(--color-reserva-white);
  width: unset !important;
  flex: 0 0 325px;
  position: relative;
}

.summary-template-holder .summary {
  display: flex;
  flex-direction: column;
}

.summary .cart-more-options {
  width: 100%;
  display: flex;
  padding: 0px 20px;
  margin: 0;
  flex-direction: column;
}

/* .cart-select-gift-placeholder {
  display: none !important;
} */

.summary-template-holder .coupon-column.summary-coupon-wrap {
  display: none !important;
}

.summary .cart-more-options #shipping-preview-container,
.summary .cart-more-options #shipping-preview-container form,
.summary .cart-more-options #shipping-preview-container form .ship-country,
.summary .cart-more-options #shipping-preview-container form [class$="postalCodeForgotten"] {
  width: 100%;
}

.summary .cart-more-options #shipping-preview-container form [class$="postalCodeForgotten"] {
  align-items: flex-start;
}

.summary .cart-more-options #shipping-preview-container form label {
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

.summary .cart-more-options #shipping-preview-container .ship-postalCode label {
  /* display: none; */
}

.summary .cart-more-options #shipping-preview-container .ship-postalCode {
  flex: 1;
}

.summary .cart-more-options #shipping-preview-container #ship-postalCode {
  height: 53px;
  border-radius: 0;
  padding: 0 0 0 10px;
  font-family: "Reserva Sans", sans-serif, serif;
  font-weight: normal;
  font-size: 12px;
  box-sizing: initial;
}

.summary .cart-more-options .ship-postalCode small {
  /* display: none; */
}

.summary .cart-more-options .ship-postalCode small a {
  margin: 5px 0 0;
  font-size: 10px;
  color: var(--color-reserva-black);
  text-decoration: underline;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
  display: block;
}

.hr-delivery {
  margin: 10px 0;
}

#cart-shipping-calculate {
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
  min-width: 90px;
  width: 116px;
  height: 54px;
  border: 0;
  padding-left: 10px;
  letter-spacing: 2.24px;
  font:
    normal normal normal 14px/23px "Reserva Sans",
    sans-serif;
  border-radius: 0px;
  text-transform: uppercase;
  margin: 0;
}

.summary-totalizers.cart-totalizers {
  width: 100%;
  display: flex;
  flex-direction: column;
  /* padding: 0px 20px 10px 20px; */
  margin: 0;
}

.summary-totalizers.forms.coupon-column,
.summary-totalizers .empty {
  display: none;
}

.modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal {
  transform: translateY(50%);
}

.srp-toggle {
  display: none;
}

.srp-delivery-info {
  display: none;
}

.srp-items {
  /*  display: none; */
}

#deliver-at-text {
  font-weight: bold;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

#deliver-at-text .srp-delivery-info .srp-address-title {
  margin-left: 10px;
}

.cart-template.srp-address-title p {
  text-decoration: underline;
}

.cart-more-options .cep-description {
  color: #7b7b7b;
}

.cart-template .cep-description span {
  color: #000000;
}

.chk__custom-title-p {
  color: var(--color-reserva-green);
  font: normal normal normal 22px/26px Reserva Display;
  letter-spacing: -1px;
  opacity: 1;
}

#custom-delivery {
  padding-top: 10px;
}

.cart-template .custom-delivery .delivery-title {
  font: normal normal bold 20px/23px Reserva Sans;
  letter-spacing: 0.14px;
  color: #000000;
  opacity: 1;
}

.cart-template .custom-delivery .frete {
  color: red;
}

.gratis {
  color: var(--color-reserva-green) !important;
  letter-spacing: -1px !important;
}

#pickup-points input[type="radio"]:checked {
  background: #f4f4f4;
}

/* .pickup-points:not(:has(input[type="radio"]:checked)){
  background: #FFFFFF
} */
.delivery {
  display: flex;
  padding-bottom: 10px;
  padding-left: 9px;
  position: relative;
  right: 0px;
  flex-direction: column;
}

.delivery label {
  display: flex;
  position: relative;
  left: 8px;
  flex-wrap: wrap;
}

.delivery div {
  display: flex;
}

.delivery label span {
  font: normal normal bold 18px/29px Reserva Sans;
  letter-spacing: 0px;
  color: #000000;
}

.delivery label p {
  font: normal normal normal 18px/29px Reserva Sans;
  letter-spacing: 0px;
  color: #000000;
}

.custom-pickup-points p {
  font: normal normal bold 20px/23px Reserva Sans;
  letter-spacing: 0.14px;
  color: #000000;
  margin: 0;
}

.custom-pickup-points p span {
  font: normal normal bold 20px/23px Reserva Sans;
  letter-spacing: 0.14px;
  color: #44ab6b;
}

.pickup-points {
  display: flex;
  padding-left: 12px;
  position: relative;
  right: 10px;
  flex-direction: column;
  margin-top: 2px;
}

#split-orders p {
  margin-top: 14px;
}

.hide-pickup {
  display: none !important;
}

.pickup-points div {
  align-items: initial;
}

.pickup-points label {
  display: flex;
  position: relative;
  left: 6px;
  flex-wrap: wrap;
  top: 0 !important;
}

.pickup-points label span {
  font: normal normal bold 18px/29px Reserva Sans;
  letter-spacing: 0px;
  color: #000000;
  text-transform: capitalize !important;
}

.pickup-points label p {
  font: normal normal normal 18px/29px Reserva Sans;
  letter-spacing: 0px;
  color: #000000;
}

.pickup-points label .space-barra {
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 300;
}

.delivery .space-barra {
  margin-left: 4px;
  margin-right: 4px;
  font-weight: 300;
}

.input-delivery {
  width: 21px !important;
}

input[type="radio"]:checked {
  accent-color: black;
}

.form-pickup-points {
  margin-top: 4px;
}

.input-pickup-points {
  width: 14px !important;
  height: 14px;
  margin-top: 0 !important;
  line-height: normal !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.input-delivery {
  margin-top: 6px !important;
  line-height: normal !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.alterar-cep {
  display: flex;
  justify-content: space-between;
}

.alterar-cep p {
  font-size: 16px;
  letter-spacing: 0.11px;
  color: #000000;
  opacity: 1;
}

.alterar-cep span {
  color: #000000;
  font-weight: bold;
}

.ver-mais {
  padding-top: 10px;
}

#alterar-cep {
  color: #000000;
  text-decoration: underline;
  font: normal normal normal 15px/29px Reserva Sans;
  letter-spacing: 0.1px;
  color: #000000;
  opacity: 1;
  cursor: pointer;
  position: relative;
  bottom: 7px;
}

.outras-opcoes {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  font: normal normal normal 15px/23px Reserva Sans;
  letter-spacing: 0.08px;
  opacity: 1;
}

.outras-opcoes:hover {
  color: #000000;
}

.outras-lojas {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
  font: normal normal normal 15px/23px Reserva Sans;
  letter-spacing: 0.08px;
  opacity: 1;
}

.outras-lojas:hover {
  color: #000000;
}

.not-has-pickup {
  font: normal normal normal 18px/23px Reserva Sans;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}

.chk__custom-title-div {
  margin-top: 10px;
  width: 470px;
  order: 2;
}

.chk__custom-title {
  width: 400px;
}

.cart-active .srp-container {
  max-width: 434px !important;
}

.new-delivery-points {
  padding: 5px 20px;
  position: relative;
  bottom: 14px;
}

/* .srp-summary-result {
  display: none;
} */

.second-text {
  font: normal normal bold 16px/20px Reserva Sans;
  letter-spacing: 0.11px;
  color: #11ab6b;
}

.div-retirada {
  width: 312px !important;
}

.div-retirada-mob {
  display: none;
}

.not-split {
  top: 6px;
}

@media screen and (min-width: 1024px) and (max-width: 1600px) {
  .chk__custom-title-div {
    width: auto !important;
    margin-right: 51px;
  }

  .cart-template.full-cart .cart-summary-title {
    width: auto !important;
  }

  .e-mais {
    color: #000000 !important;
  }

  .chk__custom-title {
    width: 318px;
    font-size: 16px;
  }

  .retire-e-ganhe {
    font-size: 12px !important;
  }

  .retire-e-ganhe .e-mais {
    font-size: 12px !important;
  }

  .retire-em-loja {
    font-size: 15px !important;
  }

  .retire-em-loja .e-mais {
    font-size: 15px !important;
  }

  .second-text {
    font-size: 12px !important;
  }

  #cart-shipping-calculate {
    height: 44px !important;
    font-size: 12px !important;
  }

  .summary .cart-more-options #shipping-preview-container #ship-postalCode {
    height: 43px;
  }

  .not-has-pickup {
    font: normal normal normal 16px/23px Reserva Sans;
  }

  .outras-lojas {
    font: normal normal normal 10px/19px Reserva Sans;
  }

  .outras-opcoes {
    font: normal normal normal 10px/19px Reserva Sans;
  }

  #alterar-cep {
    font: normal normal normal 10px/19px Reserva Sans;
  }

  .alterar-cep p {
    font-size: 11px;
  }

  .pickup-points label span {
    font: normal normal bold 12px/16px Reserva Sans;
  }

  .pickup-points label p {
    font: normal normal normal 12px/16px Reserva Sans;
  }

  .custom-pickup-points p {
    font: normal normal 500 15px/17px Reserva Sans;
  }

  .custom-pickup-points p span {
    font: normal normal bold 13px/17px Reserva Sans;
  }

  .delivery label span {
    font: normal normal bold 12px/16px Reserva Sans;
  }

  .delivery label p {
    font: normal normal normal 12px/16px Reserva Sans;
  }

  .cart-template .custom-delivery .delivery-title {
    font: normal normal 500 15px/17px Reserva Sans;
  }

  /*   .chk__custom-title-p {
    font: normal normal normal 16px/19px Reserva Display !important;
  }

  .chk__custom-title {
    font: normal normal normal 16px/19px Reserva Display !important;
  }*/
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 640px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 900px) {
  .div-retirada {
    display: none !important;
  }

  .div-retirada-mob {
    display: block !important;
  }

  .chk__custom-title-div {
    width: 317px !important;
  }

  .chk__custom-title {
    width: unset !important;
  }

  .not-has-pickup {
    font-size: 15px;
  }

  #cart-shipping-calculate {
    font:
      normal normal 11px/18px "Reserva Sans",
      sans-serif;
    letter-spacing: 1.76px;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 1;
    width: 90px !important;
    font-weight: 500;
    height: 40px;
  }

  .summary .cart-more-options #shipping-preview-container #ship-postalCode {
    height: 39px;
  }

  .retire-e-ganhe {
    font: normal normal 300 13px/18px Reserva Sans !important;
    letter-spacing: 0.09px !important;
    color: #000000 !important;
    text-transform: lowercase;
  }

  .retire-e-ganhe span {
    text-transform: none !important;
  }

  .retire-e-ganhe .e-mais {
    font: normal normal 300 13px/18px Reserva Sans !important;
    letter-spacing: 0.09px !important;
    color: #000000 !important;
  }

  .retire-em-loja {
    font-size: 14px !important;
  }

  .retire-em-loja .e-mais {
    font-size: 14px !important;
  }

  .second-text {
    font: normal normal bold 13px/18px Reserva Sans;
    letter-spacing: 0.09px;
    color: #11ab6b;
    text-transform: none !important;
  }

  /* .input-delivery{
    position: relative;
    top: 7px;
  }
  .input-pickup-points{
    position: relative;
    top: 7px;
  } */
  .cart-template.full-cart .chk__custom-title {
    font: normal normal normal 20px/24px Reserva Display !important;
  }

  .chk__custom-title-p {
    font: normal normal normal 20px/24px Reserva Display !important;
  }

  input[type="radio"]:checked {
    accent-color: black !important;
  }

  .alterar-cep p {
    font-size: 13px;
  }

  #alterar-cep {
    font: normal normal normal 12px/23px Reserva Sans;
  }

  .cart-template .custom-delivery .delivery-title {
    font: normal normal bold 16px/18px Reserva Sans;
  }

  .delivery label span {
    font: normal normal bold 15px/24px Reserva Sans;
  }

  .delivery label p {
    font: normal normal normal 15px/24px Reserva Sans;
  }

  .custom-pickup-points p {
    font: normal normal bold 16px/18px Reserva Sans;
  }

  .custom-pickup-points p span {
    font: normal normal bold 16px/18px Reserva Sans;
  }

  .pickup-points label span {
    font: normal normal bold 15px/24px Reserva Sans;
  }

  .pickup-points label p {
    font: normal normal normal 15px/24px Reserva Sans;
  }
}

/* Medium devices (920px and down) */
@media only screen and (max-width: 992px) {
  /*
  .retire-em-loja {
    display: none;
  }
  */
}

.summary-template-holder .summary .cart-links.cart-links-bottom {
  display: flex;
  flex-direction: column-reverse;
  float: none;
  margin: 0;
  align-items: center;
  justify-content: center;
  padding: 0px 5px 5px 5px;
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

/* ==========================================================================
    Opencashback
    ========================================================================== */

#ocb-total-cashback-payment {
  margin: 8px 0px 0px 0px;
  border: 1px solid #d9d9d9;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

#ocb-total-cashback-payment .iconAndText {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  padding: 11px 0px 11px 10px;
  width: max-content;
  margin: 0;
}

#ocb-total-cashback-payment .icon {
  background: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TpSItIu0g4pChOlkQFREnrUIRKoRaoVUHk5f+QZOGJMXFUXAtOPizWHVwcdbVwVUQBH9AHJ2cFF2kxPuaQosYLzzex3n3HN67DxDqZaZZXWOApttmKhEXM9lVMfAKH/oRQhgzMrOMOUlKwrO+7qmb6i7Gs7z7/qyQmrMY4BOJZ5lh2sQbxFObtsF5nzjCirJKfE48atIFiR+5rrj8xrnQZIFnRsx0ap44QiwWOljpYFY0NeJJ4qiq6ZQvZFxWOW9x1spV1ronf2Ewp68sc53WEBJYxBIkiFBQRQll2IjRrpNiIUXncQ//YNMvkUshVwmMHAuoQIPc9IP/we/ZWvmJcTcpGAe6XxznYxgI7AKNmuN8HztO4wTwPwNXettfqQPTn6TX2lr0COjbBi6u25qyB1zuAANPhmzKTclPS8jngfcz+qYsEL4FetfcubXOcfoApGlWyRvg4BAYKVD2use7ezrn9m9Pa34/fLFyq1n5RlAAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfmARENFAz2zENYAAABX0lEQVQ4y7XUP0hWYRQG8J+mLtKgoCiISyCOmaHgn8BBQQh0kqamiGaHVh1rcRbBQSQowUGQQAeXhkBdChGUMoQWQRQVQyTM5Vx4+bjfRxf0gQP3fd7znOfc8973UhwL+IfRIqLq5HkSHyvk1mEM3bEex6MiZnWYjy530FASD9CO75GTxl9MRZ36El1NqdF6ToEs/uAhVhNuG59xnnBjeJvTxAaeCNddDIfpNX4nTRzgAs9ifYoe3MQI3wXfgq3Iz9CGIXxBf0a+DpNvZcb7K+l0Dr0x0kpowmZo1tKNYUyXEb2Mt0hHc44VjFQwex65V0U+mqf4hOOcs3xTRjORnHVhVKML7xOjw5y8x9iP/ZWMHMRlTqezcR4/I2ZQFZpaHEXeSXBnOTVO0ZkZDZQx+orWmHHGbWEJewn3IS5vqj3DMjqKjOtFzDnvrq2j0R2iGa/wIwwW0ecesZz8Df4btzHJfcU7TBNAAAAAAElFTkSuQmCC")
    no-repeat center center;
  width: 17px;
  height: 17px;
  margin-right: 5px;
  background-size: contain;
  margin-bottom: 1px;
}

#ocb-total-cashback-payment .text::before {
  content: "Cashback gerado para a proxima compra";
  color: #000000;
  font-weight: bold;
  font-size: 12px;
}

#ocb-total-cashback-payment .text {
  padding: 0;
  text-align: left;
  white-space: nowrap;
}

#ocb-total-cashback-payment .monetary {
  color: #11ab6b !important;
  font-weight: bold !important;
}

.item-icon {
  background: url("data:image/svg+xml;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw1AUhU9TpSItIu0g4pChOlkQFREnrUIRKoRaoVUHk5f+QZOGJMXFUXAtOPizWHVwcdbVwVUQBH9AHJ2cFF2kxPuaQosYLzzex3n3HN67DxDqZaZZXWOApttmKhEXM9lVMfAKH/oRQhgzMrOMOUlKwrO+7qmb6i7Gs7z7/qyQmrMY4BOJZ5lh2sQbxFObtsF5nzjCirJKfE48atIFiR+5rrj8xrnQZIFnRsx0ap44QiwWOljpYFY0NeJJ4qiq6ZQvZFxWOW9x1spV1ronf2Ewp68sc53WEBJYxBIkiFBQRQll2IjRrpNiIUXncQ//YNMvkUshVwmMHAuoQIPc9IP/we/ZWvmJcTcpGAe6XxznYxgI7AKNmuN8HztO4wTwPwNXettfqQPTn6TX2lr0COjbBi6u25qyB1zuAANPhmzKTclPS8jngfcz+qYsEL4FetfcubXOcfoApGlWyRvg4BAYKVD2use7ezrn9m9Pa34/fLFyq1n5RlAAAAAGYktHRAD/AP8A/6C9p5MAAAAJcEhZcwAADdcAAA3XAUIom3gAAAAHdElNRQfmARENFAz2zENYAAABX0lEQVQ4y7XUP0hWYRQG8J+mLtKgoCiISyCOmaHgn8BBQQh0kqamiGaHVh1rcRbBQSQowUGQQAeXhkBdChGUMoQWQRQVQyTM5Vx4+bjfRxf0gQP3fd7znOfc8973UhwL+IfRIqLq5HkSHyvk1mEM3bEex6MiZnWYjy530FASD9CO75GTxl9MRZ36El1NqdF6ToEs/uAhVhNuG59xnnBjeJvTxAaeCNddDIfpNX4nTRzgAs9ifYoe3MQI3wXfgq3Iz9CGIXxBf0a+DpNvZcb7K+l0Dr0x0kpowmZo1tKNYUyXEb2Mt0hHc44VjFQwex65V0U+mqf4hOOcs3xTRjORnHVhVKML7xOjw5y8x9iP/ZWMHMRlTqezcR4/I2ZQFZpaHEXeSXBnOTVO0ZkZDZQx+orWmHHGbWEJewn3IS5vqj3DMjqKjOtFzDnvrq2j0R2iGa/wIwwW0ecesZz8Df4btzHJfcU7TBNAAAAAAElFTkSuQmCC")
    no-repeat center center;
  width: 6px;
  margin-bottom: 2px;
  margin-right: 5px;
  background-size: contain;
}

.item-amount {
  color: #11ab6b;
  font-weight: bold;
  font-size: 12px;
}

.item-amount::before {
  color: #000000;
  content: "Receba ";
}

.item-amount::after {
  color: #000000;
  content: " de cashback";
}

.item-container {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.gift-card-provider-group.gift-card-provider-group-lemoneyocb > div::before {
  content: "Saldo Total";
  font-family: "Reserva Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  line-height: 40px;
  color: inherit;
  text-rendering: optimizelegibility;
  font-family: inherit;
  display: flex;
}

.gift-card-provider-group.gift-card-provider-group-unicovale > div::before {
  content: "Saldo Total";
  font-family: "Reserva Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  line-height: 40px;
  letter-spacing: 0em;
  color: var(--color-reserva-black);
  text-rendering: optimizelegibility;
  display: flex;
}

.gift-card-provider-group.gift-card-provider-group-programa-de-fidelidade > div::before {
  content: "Saldo Total";
  font-family: "Reserva Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  line-height: 40px;
  letter-spacing: 0em;
  color: var(--color-reserva-black);
  text-rendering: optimizelegibility;
  display: flex;
}

@media screen and (max-width: 768px) {
  .gift-card-provider-group.gift-card-provider-group-lemoneyocb > div::before {
    display: none;
  }
  .gift-card-provider-group.gift-card-provider-group-unicovale > div::before {
    display: none;
  }
  .gift-card-provider-group.gift-card-provider-group-programa-de-fidelidade > div::before {
    display: none;
  }
}

.gift-card-provider-group-lemoneyocb h5 {
  display: none;
}

.gift-card-provider-group.gift-card-provider-group-lemoneyocb::before {
  content: "Cashback";
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 40px;
  text-rendering: optimizelegibility;
  font-family: inherit;
  color: var(--color-reserva-black);
}

.gift-card-provider-group.gift-card-provider-group-unicovale > .gift-card-provider {
  display: none;
}

.gift-card-provider-group:first-of-type::before {
  content: "Crédito Reserva";
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 40px;
  text-rendering: optimizelegibility;
  font-family: inherit;
  color: var(--color-reserva-black);
}

.gift-card-provider {
  display: none;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  height: unset;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a:hover {
  height: unset;
  text-decoration: none;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"]::before {
  content: "UTILIZAR SALDO" !important;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"] {
  height: 40px !important;
}

.payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.keepCredit"]::before {
  display: none;
  /* Centralizar "Digite o valor a utilizar" */
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue {
  align-items: baseline !important;
}

.summary-template-holder .summary .cart-links.cart-links-bottom span {
  display: flex;
  width: 100%;
  flex: 1;
  margin-bottom: 5px;
}

.summary-template-holder .summary .cart-links.cart-links-bottom span a {
  width: 100%;
}

.onda-v1 .br-pill .srp-toggle__delivery {
  font-size: 0 !important;
}

.onda-v1 .br-pill .srp-toggle__delivery::before {
  content: "Entrega";
  font-size: 16px;
  text-transform: capitalize;
}

.onda-v1 .br-pill .srp-toggle__pickup,
.onda-v1 .br-pill .srp-toggle__delivery {
  font-size: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

.cart-custom-subtitle {
  font-size: 14px !important;
  text-transform: initial;
  line-height: 12px;
  padding-bottom: 20px;
}

.cart-custom-subtitle span {
  color: var(--color-reserva-green) !important;
  font: normal normal normal 22px/26px Reserva Display;
  letter-spacing: -0.11px;
  opacity: 1;
}

.cart-template.full-cart .chk__custom-title {
  color: var(--color-reserva-black);
  font: normal normal normal 22px/26px Reserva Display;
  letter-spacing: -0.11px;
  opacity: 1;
}

.cart-template.full-cart .cart-summary-title {
  padding-left: 0px;
  width: 365px;
}

/* Cart sort by brand
      ========================================================================== */

/* Cart service
      ========================================================================== */

.cart-items .remove-service-container,
.cart-items .add-service-container {
  width: 100%;
}

.remove-service-container,
.add-service-container {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  max-width: 88%;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .remove-service-container,
  .add-service-container {
    max-width: 100%;
    bottom: -2rem;
    gap: 4px;
    right: 0;
  }

  .info-package-free-shipping {
    color: #31955f;
  }
}

tr.product-item {
  position: relative;
}

@media only screen and (min-width: 768px) {
  .info-package-hide-desktop {
    display: none;
  }

  .cart-items td.quantity input {
    margin: 0;
  }
}

/* @media only screen and (min-width: 786px) {
  .add-service-container > .item-container.btn-mini  {
    position: relative;
    left: 180%;
    width: fit-content;
  }

  .add-service-container > .add-service.btn.btn-mini{
    position: relative;
    bottom: -28px;
  }
}

@media only screen and (max-width: 768px) {
  .add-service-container  {
    position: relative;
    left: 35%;
    top: 40px;
    height: 0px;
  }
} */

.cart-items .remove-service-container a,
.cart-items .add-service-container a {
  position: relative;
  padding: 4px;
  display: flex;
  align-items: center;
  font-size: 0 !important;
  background: #fff !important;
  border: none;
  box-shadow: none;
  margin: 0px;
  overflow: initial !important;
  border-radius: 4px;
  box-sizing: content-box;
}

.cart-items .remove-service-container a::before,
.cart-items .add-service-container a::before {
  display: block;
  content: "";
  width: 15px;
  height: 15px;
  margin-right: 2px;
  border: 1px solid #d8d9da;
  margin-top: -1px;
  box-sizing: border-box;
}

.cart-items .remove-service-container a::after,
.cart-items .add-service-container a::after {
  content: "Embalagem para presente";
  font-size: 12px;
  text-transform: none;
  color: #656565;
  display: flex;
  box-sizing: border-box;
  align-self: center;
  white-space: nowrap;
}

.cart-items .remove-service-container a:active,
.cart-items .remove-service-container a:focus,
.cart-items .remove-service-container a:hover,
.cart-items .add-service-container a:active,
.cart-items .add-service-container a:focus,
.cart-items .add-service-container a:hover {
  color: #8a8c8e;
  background: transparent;
  box-shadow: none;
  text-decoration: none;
}

.cart-items .remove-service-container a::before {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%279%27%20height%3D%277%27%20viewBox%3D%270%200%209%207%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M7.59125%201.40005L3.2946%205.6967L0.86462%203.26671L1.1946%202.93673L3.2946%205.03673L7.26127%201.07007L7.59125%201.40005Z%27%20fill%3D%27%23D7CFCA%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M7.26127%200.97107L7.69025%201.40005L3.2946%205.79569L0.765625%203.26671L1.1946%202.83774L3.2946%204.93774L7.26127%200.97107ZM7.26127%201.16906L3.2946%205.13573L1.1946%203.03573L0.963614%203.26671L3.2946%205.5977L7.49226%201.40005L7.26127%201.16906Z%27%20fill%3D%27%23D7CFCA%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M7.59125%201.40005L3.2946%205.6967L0.86462%203.26671L1.1946%202.93673L3.2946%205.03673L7.26127%201.07007L7.59125%201.40005Z%27%20stroke%3D%27%23D7CFCA%27%20stroke-linecap%3D%27square%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M7.26127%200.97107L7.69025%201.40005L3.2946%205.79569L0.765625%203.26671L1.1946%202.83774L3.2946%204.93774L7.26127%200.97107ZM7.26127%201.16906L3.2946%205.13573L1.1946%203.03573L0.963614%203.26671L3.2946%205.5977L7.49226%201.40005L7.26127%201.16906Z%27%20stroke%3D%27%23D7CFCA%27%20stroke-linecap%3D%27square%27%2F%3E%3C%2Fsvg%3E")
    var(--color-reserva-black) no-repeat center center;
}

/* ==========================================================================
      Remove item modal
      ========================================================================== */

#removeConfirmationModal,
#omniRemoveConfirmationModal {
  border-radius: 0;
  border: 0;
}

#removeConfirmationModal .modal-header,
#omniRemoveConfirmationModal .modal-header {
  display: none;
}

#removeConfirmationModal .modal-body,
#omniRemoveConfirmationModal .modal-body {
  font-size: 15px;
  font-weight: 500;
}

#removeConfirmationModal .modal-footer,
#omniRemoveConfirmationModal .modal-footer {
  background: transparent;
  border: none;
}

#removeConfirmationModal .modal-footer .vtex-shipping-preview-0-x-modalCancelButton,
#omniRemoveConfirmationModal .modal-footer .vtex-omnishipping-1-x-modalCancelButton {
  width: 100%;
  height: 40px;
  display: flex;
  font-size: 14px;
  align-items: center;
  letter-spacing: 0.1em;
  background: transparent;
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: 1px solid var(--color-reserva-black);
  color: var(--color-reserva-black);
  padding: 0;
  text-decoration: none !important;
}

#removeConfirmationModal .modal-footer .vtex-shipping-preview-0-x-modalConfirmButton,
#omniRemoveConfirmationModal .modal-footer .vtex-omnishipping-1-x-modalConfirmButton {
  width: 100%;
  height: 40px;
  display: flex;
  font-size: 14px;
  margin-top: 10px;
  align-items: center;
  letter-spacing: 0.1em;
  background: var(--color-reserva-main);
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  justify-content: center;
  box-shadow: none;
  text-shadow: none;
  border-radius: 4px;
  border: none;
  text-decoration: none !important;
}

/* ==========================================================================
      Orderform
      ========================================================================== */

.orderform-template .orderform-template-holder > .row-fluid {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  height: 100%;
  row-gap: 25px;
}

.checkout-container .orderform-template {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.checkout-container.orderform-active {
  display: flex;
}

h2[data-i18n="totalizers.summary"] {
  display: block;
}

/* Edit Button
      ========================================================================== */

.accordion-toggle .link-box-edit,
.edit-cart-button {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  opacity: 1;
  color: var(--color-reserva-black);
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  font-size: 13px;
  text-decoration: underline;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  top: -2px;
}

.edit-cart-button {
  justify-content: end;
}

.edit-cart-button:hover {
  color: var(--color-reserva-black);
}

.accordion-toggle .link-box-edit:focus {
  outline: 0;
}

.accordion-toggle .link-box-edit .icon-edit {
  display: none;
}

.accordion-toggle .link-box-edit::before {
  content: "EDITAR";
}

.accordion-toggle .link-box-edit::after,
.edit-cart-button::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
  width: 14px;
  height: 14px;
  display: block;
  background-size: contain;
}

.rsv-link-box-edit {
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
  text-decoration: underline;
  font-size: 12px !important;
  min-height: initial !important;
  max-width: max-content;
  color: var(--color-reserva-black);
  align-items: center;
  position: absolute;
  bottom: 30px;
  left: 24%;
}

.rsv-link-box-edit:hover {
  color: var(--color-reserva-black);
}

.rsv-link-box-edit:focus {
  outline: 0;
}

.rsv-link-box-edit::before {
  content: "Editar";
  text-transform: capitalize;
}

.rsv-link-box-edit::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
  width: 12px;
  height: 12px;
  display: block;
  background-size: contain;
}

/* Client pre email
      =========================================== */

.row-fluid .full-cart.inactive {
  display: none;
}

.client-pre-email {
  background-color: #f2f2f2;
  top: 0;
  left: 0;
  z-index: 1030;
  position: absolute;
  width: 100%;
  height: 100%;
  border-top: unset;
  justify-content: center;
  display: flex;
  gap: 150px;
}

.client-pre-email .link-cart {
  display: none;
}

.client-pre-email .pre-email {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: flex-start;
  width: auto;
}

.client-pre-email .emailInfo {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: auto;
  max-width: 560px;
}

.client-pre-email .emailInfo .icon-lock {
  display: none !important;
}

.client-pre-email .client-pre-email-h {
  display: flex;
}

.client-pre-email .client-pre-email-h {
  margin-top: 0;
  margin-bottom: 50px;
}

.client-pre-email .client-pre-email-h span {
  font-family: "Reserva Sans", sans-serif;
  font-size: 24px;
  color: var(--color-reserva-black);
  font-weight: 400;
}

.client-pre-email .client-pre-email-h label {
  margin-top: 0;
}

.client-pre-email .client-pre-email-h small {
  display: none;
}

.client-pre-email .client-email {
  display: flex;
  margin: 0;
}

.client-pre-email .client-email #client-pre-email {
  width: 100%;
  max-width: 500px;
  height: 40px;
  outline: none;
  box-shadow: none;
  padding: 13px 25px;
  font-size: 12px;
  line-height: 14px;
  color: #818284;
  border-radius: 0px;
  border: 1px solid #e0e0e0;
  margin-right: 10px;
  min-width: 350px;
}

.client-pre-email .client-email #client-pre-email:focus {
  outline: none;
}

.client-pre-email .client-email #client-pre-email.error {
  border: 1px solid var(--color-reserva-main) !important;
}

.client-pre-email .client-email #client-pre-email.success {
  background: var(--color-reserva-white);
  border: 1px solid var(--color-reserva-green) !important;
}

.client-pre-email .client-email .loading-inline {
  position: absolute;
  right: 0;
  top: 0;
  animation: none;
  margin: 0;
  width: 15px;
  height: 100%;
}

.client-pre-email .client-email .loading-inline::before {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center;
}

.client-pre-email .client-email .help.error {
  display: none !important;
}

@media (max-width: 640px) {
  .client-pre-email .client-email #btn-client-pre-email {
    margin-top: 15px;
  }
}

.client-pre-email .client-email #btn-client-pre-email {
  border-radius: 0px;
  border: 1px solid #666;
  background-image: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: none;
  background-color: var(--color-reserva-black);
  position: initial;
  width: 150px;
  height: 40px;
}

.client-pre-email .client-email #btn-client-pre-email span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.2em;
}

.client-pre-email .emailInfo strong,
.client-pre-email .emailInfo h3 {
  font-family: "Reserva Sans", sans-serif;
  font-size: 24px;
  color: var(--color-reserva-black);
  font-weight: 400;
  margin-bottom: 0;
}

.client-pre-email .emailInfo .unstyled {
  display: flex;
  flex-wrap: wrap;
  margin-top: 45px;
}

.client-pre-email .emailInfo .unstyled li {
  margin-bottom: 10px;
  width: 50%;
}

.client-pre-email .emailInfo .unstyled li .icon-ok {
  color: #282828;
  font-size: 15px;
  margin-right: 9px;
}

.client-pre-email .emailInfo .unstyled li .icon-ok:before {
  width: 17px;
  height: 11px;
  background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2716%27%20height%3D%2712%27%20viewBox%3D%270%200%2016%2012%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M15.6874%201.2L5.86646%2011.0209L0.312212%205.46667L1.06646%204.71242L5.86646%209.51242L14.9331%200.445757L15.6874%201.2Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.9331%200.219482L15.9136%201.2L5.86646%2011.2472L0.0859375%205.46667L1.06646%204.48615L5.86646%209.28615L14.9331%200.219482ZM14.9331%200.672031L5.86646%209.7387L1.06646%204.9387L0.538486%205.46667L5.86646%2010.7946L15.4611%201.2L14.9331%200.672031Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E)
    no-repeat;
  background-repeat: no-repeat;
  padding: 0px;
  content: "";
}

.client-pre-email .emailInfo .unstyled li span {
  font-size: 13px;
  line-height: 17px;
  color: #656565;
  font-weight: 400;
}

/* Client profile data
      ========================================================================== */

.box-client-info-pj .client-profile-data ul {
  margin: 10px 5px 0 0;
}

.box-client-info .help.error {
  display: none !important;
}

.box-client-info-pf.rsv-custom-pj-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/**escondendo campos pj pois agora eles só irão aparecer via customização de js */

.box-client-info .box-client-info-pf:not(.rsv-custom-pj-fields) .client-company-document,
.box-client-info .box-client-info-pf:not(.rsv-custom-pj-fields) .client-company-nickname,
.box-client-info .box-client-info-pf:not(.rsv-custom-pj-fields) .client-company-name,
.box-client-info .box-client-info-pf:not(.rsv-custom-pj-fields) .client-company-ie {
  display: none;
}

.rsv-custom-pj-fields .client-birthday,
.rsv-custom-pj-fields .other-document,
.rsv-custom-pj-fields .client-document,
.rsv-custom-pj-fields .document-box,
.rsv-custom-pj-fields .other-document {
  display: none;
}

.rsv-custom-pj-fields .client-notice {
  order: 0;
  flex-basis: 100%;
}

.rsv-custom-pj-fields .client-email {
  order: 0;
  display: flex;
  flex-direction: column;
}

.rsv-custom-pj-fields .client-first-name {
  order: 1;
  display: flex;
  flex-direction: column;
}

.rsv-custom-pj-fields .client-last-name {
  order: 2;
  display: flex;
  flex-direction: column;
}

.rsv-custom-pj-fields .client-company-document {
  order: 3;
  display: flex;
  flex-direction: column;
  margin: 0 50px 0 0;
}

.rsv-custom-pj-fields .rsv-custom-pj-phone-field {
  flex-basis: 42%;
  display: flex;
  flex-direction: column;
  order: 4;
}

.rsv-custom-pj-fields .phone-box {
  display: flex;
  flex-direction: column;
  order: 5;
}

.rsv-custom-pj-fields .client-company-name {
  display: flex;
  flex-direction: column;
  order: 6;
}

.rsv-custom-pj-fields .client-company-nickname {
  display: flex;
  flex-direction: column;
  order: 7;
}

.rsv-custom-pj-fields .client-company-ie {
  flex-basis: 42%;
  display: flex;
  flex-direction: column;
  order: 8;
}

.rsv-custom-pj-fields .client-phone,
.rsv-custom-pj-fields .client-email,
.rsv-custom-pj-fields .phone-box,
.rsv-custom-pj-fields .client-company-nickname,
.rsv-custom-pj-fields .client-company-name {
  width: 100%;
}

.box-client-info-pf .client-phone:empty {
  display: none;
}

.info-package-header-text-container {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.info-package-split-on-cart .info-package-split-package {
  margin: 0 0 6px 0 !important;
  font-weight: bold;
  color: #000;
  font-size: 14px;
}

.info-package-split-on-cart > td {
  width: 100%;
}

.info-package-split-on-cart > td > div {
  width: 100%;
}

@media (max-width: 768px) {
  .rsv-custom-pj-fields .clearfix {
    display: none;
  }

  .info-package-split-on-cart .info-package-split-package {
    margin: 0 !important;
  }

  .table.cart-items .product-item .product-image > a {
    max-height: 70px;
  }

  .info-package-hide-desktop {
    font-size: 12px;
    font-weight: normal;
  }

  #info-split-padrão-cart-text {
    margin-bottom: 0;
    margin-top: 8px;
    line-height: 1.5;
  }
}

#client-profile-data {
  background-color: transparent;
  padding: 0px;
  height: auto;
  width: auto;
  flex-basis: 49%;
}

.icon-question-sign {
  color: var(--color-reserva-black) !important;
}

#client-profile-data .client-profile-data {
  border: none;
  padding: 20px 25px;
  border-color: var(--color-reserva-white);
  border-radius: 0;
  background-color: var(--color-reserva-white);
  margin-bottom: 0;
  box-sizing: border-box;

  @media screen and (max-width: 768px) {
    padding: 1rem;
  }
}

#client-profile-data .client-profile-data.active {
  height: 100%;
}

.client-profile-data .accordion-heading {
  margin-bottom: 5px;
}

.client-profile-data .accordion-inner {
  padding: 9px 9px 9px 0;
}

.box-info p span {
  font-size: 14px;
  font-weight: 400;
  color: var(--color-reserva-grey) !important;
}

.box-info p .link-logout-container {
  display: none;
}

.client-profile-email {
  margin-bottom: 20px;
}

.client-profile-email .email {
  font-size: 14px;
  margin-top: 2px;
  color: var(--color-reserva-black);
  line-height: 16px;
}

.client-profile-email .link-logout-container {
  font-size: 0;
  display: block !important;
}

.client-profile-email .link-logout {
  font-size: 0;
}

.client-profile-email .link-logout:hover {
  text-decoration: none;
}

.client-profile-email .link-logout:before {
  font-size: 12px;
  color: #818284;
  content: "Não é você?";
}

.client-profile-email .link-logout:after {
  content: "Sair";
  font-size: 12px;
  color: var(--color-reserva-black);
  text-decoration: underline;
}

.client-profile-summary {
  font-size: 14px;
  color: var(--color-reserva-black);
  line-height: 16px;
}

.container-order-form {
  margin: 0;
  width: 100%;
  padding: 0 50px;
  margin-top: 40px;
  margin-bottom: 40px;
  box-sizing: border-box;
}

.icon-user {
  display: none;
}

.accordion-heading {
  margin-bottom: 17px;
}

.accordion-heading .accordion-toggle {
  padding: 4px 0;
}

.client-notice {
  display: none;
}

.client-email {
  margin-bottom: 20px;
}

.client-email span {
  font-size: 12px;
  display: block;
}

p.client-first-name,
p.client-last-name,
p.client-document,
p.client-phone,
p.client-new-phone,
p.client-new-document,
p.client-document-type,
p.client-birthday,
p.client-company-ie,
p.client-company-document {
  width: 42%;
  margin-bottom: 0;
}

p.client-first-name,
p.client-document,
p.client-phone,
p.client-new-phone,
p.client-document-type,
p.client-company-ie {
  margin: 0 8% 0 0;
}

p.client-document #client-document,
p.client-phone #client-phone,
p.client-new-phone #client-new-phone {
  margin-bottom: 0px;
}

p.client-document,
p.client-phone,
p.client-new-phone {
  margin-bottom: 10px;
}

/*Displays the option to enter a foreign document*/
.document-box {
  display: block;
}

/*Displays the option to enter an international phone*/
.phone-box {
  display: block;
}

.client-birthday {
  width: 100%;
}

.corporate-title {
  font-size: 12px;
  color: var(--color-reserva-black);
  line-height: 16px;
  margin-right: 10px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
}

.corporate-info-box {
  margin-top: 25px;
}

.corporate-hide-link a {
  font-size: 12px;
  color: var(--color-reserva-black);
  text-decoration: underline;
}

.checkbox.exempt-si-label {
  display: none;
}

.box-client-info-pj {
  margin-bottom: 25px;
}

.newsletter {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  align-content: center;
}

.newsletter-label,
.newsletter-label-custom {
  padding-left: 25px;
  font-size: 14px;
  position: relative;
  top: 3px;
}

#opt-in-newsletter,
#isNewsletterOptInMini {
  margin-top: 1px;
  position: relative;
  margin-left: -25px;
  display: inline-block;
}

#opt-in-newsletter:before,
#isNewsletterOptInMini:before {
  left: 0;
  top: -6%;
  width: 17px;
  content: "";
  height: 17px;
  position: absolute;
  box-sizing: inherit;
  background: var(--color-reserva-white);
  border: 1px solid var(--color-reserva-black);
}

#opt-in-newsletter:checked::before,
#isNewsletterOptInMini:checked::before {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4yMDIiIGhlaWdodD0iOS44NjkiIHZpZXdCb3g9IjAgMCAxMy4yMDIgOS44NjkiPgogIDxwYXRoIGlkPSJQYXRoXzE1IiBkYXRhLW5hbWU9IlBhdGggMTUiIGQ9Ik04Ni44NzYsNTU1Ljk4MmwzLjMzMiwzLjMzMiw3LjA0MS03LjA0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjQ2MiAtNTUwLjg1OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
  background-color: var(--color-reserva-black);
  background-repeat: no-repeat;
  background-position: 2px 4px;
  background-size: 10px;
}

.newsletter-text {
  font-size: 0;
}

.newsletter-text:before {
  font-size: 14px;
  content: "Quero receber e-mails com promoções Reserva.";
}

.newsletter-textBrands {
  font-size: 14px;
}

/* Vendor code & Custom coupon & Totalizers
      ========================================================================== */

.summary-totalizers .totalizers-list {
  display: flex;
  flex-direction: column;
}

.summary-totalizers .totalizers-list .Shipping,
.summary-totalizers .forms.coupon-column {
  display: none !important;
}

.summary-totalizers .Items,
.summary-totalizers tr {
  display: flex;
  align-items: center;
}

.summary-totalizers .table tr {
  padding: 5px 0px;
}

/* .cart-active .summary-totalizers .table .totalizers-list .srp-summary-result {
  display: none !important;
} */

.summary-totalizers .Items .info,
.summary-totalizers tr .info {
  text-align: left;
  padding-left: 10px;
}

.summary-totalizers tr .info > .prime-total-text {
  color: #a01e21;
}

.prime-total-row > .monetary {
  color: #a01e21 !important;
}

.summary-totalizers tr .monetary {
  text-align: right !important;
  margin-right: 10px;
  margin-left: auto;
}

.summary-totalizers .Items .space,
.summary-totalizers tr .space {
  flex: 1;
}

.chk__custom-form .chk__custom-form-container {
  flex: 1;
}

.summary-totalizers .Items,
.summary-totalizers tr td {
  font-weight: normal !important;
  font-size: 12px !important;
  color: var(--color-reserva-black) !important;
  line-height: 14px !important;
}

.chk__custom-form .chk__custom-form-content-form {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0px;
}

.chk__custom-form .chk__custom-form-input {
  height: 34px;
  border-radius: 0;
  padding: 0 0 0 10px;
  font-family: "Reserva Sans", sans-serif, serif;
  font-weight: normal;
  font-size: 12px;
  width: 100%;
  box-shadow: none;
}

#vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-webkit-input-placeholder,
#vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-moz-placeholder,
#vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-ms-placeholder,
#vendor-fields .chk__custom-form-content-form .chk__custom-form-input::placeholder {
  font-weight: 500 !important;
  font-size: 12px !important;
  color: var(--color-reserva-black) !important;
}

.chk__custom-form .chk__custom-form-button {
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
  min-width: 90px;
  width: 90px;
  height: 34px;
  border: 0;
  padding: 0;
  font-family: "Reserva Sans", sans-serif, "serif";
  font-weight: 400;
  font-size: 10px;
}

.chk__custom-form-content.rsv-button-loading .chk__custom-form-button {
  font-size: 0;
  position: relative;
  display: flex;
  align-items: center;
}

.chk__custom-form-content.rsv-button-loading .chk__custom-form-button:after {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 80%;
  content: "";
  background-position: center;
}

.modal-shipping__input.rsv-button-loading:after {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 80%;
  content: "";
  background-position: center;
}

.chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit {
  font-size: 0;
  position: relative;
  display: flex;
  align-items: center;
}

.chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit:after {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  content: "";
  background-position: center;
}

.chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit:before {
  content: "";
}

.chk__custom-form .div-buttons {
  display: flex;
}

.chk__custom-form .chk__custom-form-content.rsv-button-loading {
  opacity: 0.7;
  pointer-events: none;
}

.chk__custom-form .chk__custom-form-edit {
  display: flex;
  width: 50%;
}

.chk__custom-form .chk__custom-form-edit span {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 5px;
}

.chk__custom-form .chk__custom-form-clear {
  width: 50%;
  padding-right: 0;
}

.chk__custom-form .chk__custom-form-clear .icon-close::before {
  content: "check";
  font-size: 9px;
  color: transparent;
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M5.14162%2014.599L9.43571%2014.0274L5.72106%2010.3783L5.14162%2014.599Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.4668%203.00317L7.15303%2010.1882L6.53392%209.58L13.8477%202.39499L14.4668%203.00317ZM16.0145%204.52362L8.7008%2011.7086L8.08169%2011.1005L15.3954%203.91544L16.0145%204.52362ZM9.62917%2012.6206L16.9429%205.4356L17.562%206.04378L10.2483%2013.2288L9.62917%2012.6206Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M18.3747%205.24575L14.6601%201.59667L16.2853%200L20%203.64908L18.3747%205.24575Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M3.28346%204.51565C2.19542%204.51565%201.31338%205.38222%201.31338%206.45119V16.7741C1.31338%2017.8431%202.19542%2018.7096%203.28346%2018.7096H13.7905C14.8786%2018.7096%2015.7606%2017.8431%2015.7606%2016.7741V11.6126H17.074V16.7741C17.074%2018.5557%2015.6039%2020%2013.7905%2020H3.28346C1.47005%2020%200%2018.5557%200%2016.7741V6.45119C0%204.66958%201.47005%203.22529%203.28346%203.22529H8.53699V4.51565H3.28346Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
  float: right;
  background-size: 17px 17px;
  width: 20px;
  height: 20px;
}

.summary-totalizers .Items {
  border-top: 1px solid #f4f4f4;
}

#coupon-fields-cta {
  border-top: 1px solid #f4f4f4;
}

.chk__custom-form-form,
.chk__custom-form-content-form {
  display: flex;
  flex: 1;
}

.chk__custom-form-content {
  text-align: right;
}

#chk-promotion-coupon-cta {
  background-color: initial;
  border: initial;
  font-size: 10px;
  text-decoration: underline;
}

.cart-totalizers #coupon-fields-desc {
  border-top: 1px solid #f4f4f4;
  padding: 5px 0px 0px;
}

.cart-totalizers #coupon-fields {
  border: 0;
}

.cart-totalizers .chk__custom-form-desc-container {
  display: flex;
  flex-direction: column;
  padding: 0 16px;
}

.cart-totalizers .chk__custom-form-desc-title {
  font-size: 12px;
  line-height: 28px;
}

.cart-totalizers .chk__custom-form-desc-subtitle {
  color: #8c8c8c;
  font-family: "Reserva Sans", sans-serif !important;
  font-weight: normal;
}

.chk__custom-form-content-coupon-applied {
  padding: 10px 0px 10px 10px;
  display: flex;
  align-items: center;
  width: 100%;
}

.chk__custom-form-content-coupon-applied > span {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  gap: 7px;
  align-items: center;
}

.chk__custom-form-content-coupon-applied > span:after {
  content: "";
  width: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAJFBMVEVHcEwSq2wQr2gRq2oSqmsSrGsQqWwSrW0Sq2oQr3ASq2oRq2u1cfU4AAAAC3RSTlMAgCDfoJ9Qj4AQf2cuMs8AAAAJcEhZcwAACxMAAAsTAQCanBgAAABCSURBVBjTY2DAAJyYQgxMzFxYxLgZKRVj4sCijp2bFYteFpgoinlQUTQ7wKIY9gJFsbiFhZsb031AUUYswcCGzAEAzGUBcCbAnvEAAAAASUVORK5CYII=);
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

.chk__custom-form-content-coupon-applied > button {
  background: transparent;
  border: 0;
  margin-left: auto;
  display: flex;
  gap: 5px;
  text-decoration: underline;
  align-items: center;
  font-size: 10px;
}

.chk__custom-form-content-coupon-applied > button::before {
  content: "EDITAR";
  color: #000;
  text-decoration: underline;
}

.chk__custom-form-content-coupon-applied > button::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
  width: 10px;
  height: 10px;
  display: block;
  background-size: contain;
}

#chk-vendor-vendedor_apelido {
  text-transform: lowercase !important;
}

#chk-vendor-vendedor_apelido::first-letter {
  text-transform: uppercase;
}

/* Shipping preview
      ========================================================================== */

#shipping-preview-container {
  margin-left: auto;
  margin-right: auto;
  display: none;
  order: 3;
}

#shipping-preview-container .srp-main-title {
  font-weight: bold;
}

#shipping-preview-container .vtex-shipping-preview-0-x-frame {
  border-radius: 0;
}

#shipping-preview-container .srp-toggle {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 0 !important;
}

#shipping-preview-container .srp-toggle__wrapper {
  border-radius: 0;
  box-shadow: none;
}

#shipping-preview-container .srp-toggle__wrapper label {
  font-weight: 500;
  color: var(--color-reserva-black);
  font-size: 12px;
}

#shipping-preview-container .srp-toggle__wrapper .blue {
  color: var(--color-reserva-black);
}

#shipping-preview-container .srp-toggle__wrapper .srp-toggle__current {
  box-shadow: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid var(--color-reserva-main);
}

#shipping-preview-container .shipping-method-wrapper .shipping-method-toggle {
  box-shadow: none;
  border: 0;
}

#shipping-preview-container .srp-result .srp-items {
  font-size: 12px;
  line-height: 17px;
  color: #818284;
}

#shipping-preview-container .srp-result .srp-items > strong {
  font-weight: normal;
}

#shipping-preview-container .srp-main-title {
  display: none;
}

/* #shipping-preview-container #shipping-calculate-link,
#shipping-preview-container .srp-description {
   display: none;
} */

#deliver-at-text {
  font-weight: bold;
}

/* .srp-pickup-info #deliver-at-text::after {
  white-space: pre;
  content: '\A (Clique acima para mudar a loja)';
  font-family: 'Reserva Sans', sans-serif, serif;
  font-weight: 400;
  font-size: 10px;
  text-transform: uppercase;
  color: #818284;
} */
/* #shipping-preview-container{
  display: none;
} */
.srp-result {
  /* display: none; */
}

#deliver-at-text .srp-delivery-info .srp-address-title {
  margin-left: 10px;
}

.ship-country label {
  display: none !important;
}

#ship-country:focus {
  outline: 0;
}

/* Hide labels like "Mais econômica" and "Mais rápida" */
#shipping-preview-container .srp-delivery-current-many__name {
  display: none;
}

#shipping-preview-container .srp-delivery-current-many__price {
  font-weight: bold;
  color: var(--color-reserva-black);
  font-size: 12px;
}

#shipping-preview-container .srp-delivery-select-container {
  border-radius: 0;
  box-shadow: none;
  width: 100%;
  background: #f5f5f5;
  border-width: 1px;
}

.srp-shipping-current-single__description {
  font-size: 12px;
}

.srp-shipping-current-single__sla {
  border-right: 1px solid #d8d9da;
  color: var(--color-reserva-black) !important;
}

.srp-shipping-current-single__price {
  color: var(--color-reserva-black) !important;
}

.srp-shipping-current-single {
  border-radius: unset !important;
  background: #f5f5f5 !important;
  border: unset !important;
}

.srp-shipping-current-single__wrapper svg path {
  fill: var(--color-reserva-black);
}

#find-pickup-link {
  background: var(--color-reserva-black);
  border: unset;
  border-radius: unset;
  width: 100%;
  height: 40px;
  margin-bottom: 20px;
  max-width: unset;
  color: var(--color-reserva-white) !important;
  font-weight: unset !important;
  font-family: "Reserva Sans", sans-serif, "serif";
  font-weight: 400;
}

#find-pickup-link span {
  font-size: 0;
}

#find-pickup-link span::before {
  content: "BUSCAR UMA LOJA";
  font-size: 16px;
}

/* Pickup modal section
      ========================================================================== */

.vtex-pickup-points-modal-3-x-infoBar {
  padding: 0;
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-infoBarContainer {
  border-radius: 0;
  box-shadow: none;
  padding: 0px 15px;
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalHeader {
  border: 0;
}

.vtex-pickup-points-modal-3-x-infoBar
  .vtex-pickup-points-modal-3-x-modalHeader
  .vtex-pickup-points-modal-3-x-modalTitle {
  color: var(--color-reserva-black);
  font-size: 0;
}

.vtex-pickup-points-modal-3-x-infoBar
  .vtex-pickup-points-modal-3-x-modalHeader
  .vtex-pickup-points-modal-3-x-modalTitle:after {
  content: "Selecione uma loja";
  font-size: 16px;
}

.vtex-omnishipping-1-x-details.button-details-pickup-point {
  color: var(--color-reserva-black) !important;
  text-decoration: underline;
  text-transform: uppercase;
  font-size: 10px;
}

.vtex-pickup-points-modal-3-x-askGeolocationBtnPostalCode {
  top: 48px !important;
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearchIcon.pkpmodal-search-icon path {
  fill: var(--color-reserva-black);
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearch {
  border: 1px solid var(--color-reserva-border-grey);
  margin-bottom: 10px;
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearch .pac-target-input {
  box-shadow: none;
}

.vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-askGeolocationBtn {
  opacity: 1;
  display: flex;
  align-items: center;
  border-left: 1px solid var(--color-reserva-border-grey);
}

.vtex-pickup-points-modal-3-x-infoBar
  .vtex-pickup-points-modal-3-x-askGeolocationBtn
  .pkpmodal-use-geolocation-icon
  path {
  fill: var(--color-reserva-black);
}

.vtex-pickup-points-modal-3-x-infoBarContainer .vtex-pickup-points-modal-3-x-pointsList {
  padding: 0 15px 0 0;
}

.vtex-pickup-points-modal-3-x-infoBarContainer
  .vtex-pickup-points-modal-3-x-pointsList
  .vtex-pickup-points-modal-3-x-pickupListTitle {
  font-size: 0;
  text-transform: uppercase;
}

.vtex-pickup-points-modal-3-x-infoBarContainer
  .vtex-pickup-points-modal-3-x-pointsList
  .vtex-pickup-points-modal-3-x-pickupListTitle:after {
  content: "LOJAS MAIS PRÓXIMAS DE VOCÊ:";
  font-size: 12px;
  font-weight: 700;
}

.vtex-pickup-points-modal-3-x-infoBarContainer
  .vtex-pickup-points-modal-3-x-pointsList
  .vtex-pickup-points-modal-3-x-showListButton {
  font-size: 0;
  color: var(--color-reserva-black) !important;
  border: 1px solid var(--color-reserva-black) !important;
}

.vtex-pickup-points-modal-3-x-infoBarContainer
  .vtex-pickup-points-modal-3-x-pointsList
  .vtex-pickup-points-modal-3-x-showListButton:after {
  content: "VER TODAS AS LOJAS";
  font-size: 14px;
}

.vtex-pickup-points-modal-3-x-pickupPointMarker svg > path:first-child {
  fill: #000;
}

.vtex-pickup-points-modal-3-x-pickupPointPrice,
.vtex-pickup-points-modal-3-x-pickupPointSla {
  font-weight: 500;
  text-transform: uppercase;
  color: var(--color-reserva-green);
  font-size: 10px;
}

.vtex-pickup-points-modal-3-x-pickupPointDistance {
  font-weight: 500;
}

.vtex-pickup-points-modal-3-x-pickupPointName {
  font-weight: 500;
  margin-bottom: 3px;
}

.vtex-pickup-points-modal-3-x-pickupPointAddress {
  color: var(--color-reserva-grey);
  font-weight: 500;
  margin-bottom: 2px;
}

.vtex-pickup-points-modal-3-x-pickupPointAvailability {
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  font-size: 9px;
  margin-top: 0px;
}

.vtex-pickup-points-modal-3-x-pickupPointMarker,
.vtex-pickup-points-modal-3-x-pickupPointMarkerPostalCode {
  align-self: center;
}

.vtex-pickup-points-modal-3-x-pickupPointSlaAvailability,
.vtex-pickup-points-modal-3-x-pickupPointSlaAvailabilityPostalCode {
  padding: 0px 8px 8px 60px;
  border: none;
}

.vtex-pickup-points-modal-3-x-pickupPointMain {
  padding-bottom: 2px;
}

/* Shipping section
      ========================================================================== */

#shipping-data {
  background-color: var(--color-reserva-white);
  padding: 20px 25px;
  margin-left: 2%;
  flex-basis: 49%;

  @media screen and (max-width: 768px) {
    padding: 1rem;
  }
}

#shipping-data .shipping-data {
  border: none;
  padding: 0;
  border-radius: 0;
  background-color: var(--color-reserva-white);
  margin-bottom: 0;
}

#shipping-data .icon-home {
  display: none;
}

#shipping-data .accordion-heading {
  margin: 0;
}

#shipping-data .accordion-heading .accordion-toggle {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#shipping-data .shipping-method-wrapper {
  border-radius: 0;
  border: none;
  box-shadow: none;
}

#shipping-data .shipping-method-toggle {
  border-radius: 0;
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

#shipping-data .shp-method-option.shp-method-option-active {
  color: var(--color-reserva-black);
  border-bottom: 2px solid var(--color-reserva-main);
  font-weight: 500;
}

#shipping-data .shp-method-option {
  font-family: "Reserva Sans", sans-serif, serif;
  font-weight: 500;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-size: 12px;
}

#shipping-data .shp-method-option-text {
  display: none;
}

#shipping-data .accordion-inner .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small a {
  font-size: 12px;
  color: var(--color-reserva-black) !important;
  line-height: 16px;
  margin-left: 16px;
  text-decoration: underline;
}

#shipping-data .accordion-inner .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode #ship-postalCode {
  min-width: 150px;
}

#delivery-packages-options .shp-lean-option-active {
  background: none;
}

.vtex-omnishipping-1-x-svg path {
  fill: var(--color-reserva-black);
}

#delivery-packages-options .shp-option-text {
  border-right: none;
}

#shipping-data #shipping-option-delivery,
#shipping-data #shipping-option-delivery {
  font-size: 0 !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 0;
}

/* code moved to checkout.js */

#shipping-data .vtex-omnishipping-1-x-deliveryChannelsLoader {
  display: none;
}

#shipping-data .vtex-omnishipping-1-x-PickupPointInfo .pickup-marker-blue {
  display: none;
}

#shipping-data .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-pointWrapper {
  padding-left: 0;
}

#shipping-data .vtex-omnishipping-1-x-summaryChange {
  font-size: 0;
}

#shipping-data .vtex-omnishipping-1-x-buttonEditAddress i,
#shipping-data .vtex-omnishipping-1-x-buttonCreateAddress i {
  display: none;
}

.vtex-omnishipping-1-x-removeFromCartWrapper {
  font-size: 12px;
}

#shipping-data .vtex-omnishipping-1-x-pickupPointChange.button-change-pickup-point {
  margin-top: 12px !important;
}

/* Purchase Button
      ========================================================================== */

#cart-to-orderform {
  background-color: var(--color-reserva-green);
  box-shadow: none;
  background-image: none;
  font-family: "Reserva Sans", sans-serif, serif;
  font-weight: normal;
  font-size: 10px;
  text-transform: uppercase;
  border: 0;
  border-radius: 0;
  font-size: 0;
  padding: 14px 19px 8px;
}

#cart-to-orderform::before {
  content: "Finalizar compra";
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: bold;
}

#cart-choose-more-products {
  display: inline-block;
  cursor: pointer;
  border: 1px solid var(--color-reserva-black);
  padding: 14px 19px 8px;
  color: var(--color-reserva-black);
  background-image: none;
  font-family: "Reserva Sans", sans-serif, "Reserva Sans", serif;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 0;
}

#cart-choose-more-products::before {
  content: "Continuar comprando";
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-weight: bold;
  text-align: center;
}

#cart-choose-more-products:hover {
  text-decoration: none;
}

/* ==========================================================================
      Payment
      ========================================================================== */

#payment-data {
  background-color: transparent;
  padding: 0px;
  margin: 0;
  flex-basis: 100%;
}

#payment-data .accordion-group {
  border: none;
  padding: 20px 25px;
  border-color: var(--color-reserva-white);
  border-radius: 0;
  background-color: var(--color-reserva-white);
  margin-bottom: 0;
  height: 100%;
  padding-bottom: 6rem;

  @media screen and (max-width: 768px) {
    padding: 1rem;
  }
}

#payment-data .icon-credit-card {
  display: none;
}

#payment-data .accordion-body .accordion-inner .box-step .box-step-content > form {
  position: relative;
}

/* Payment Group
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content .payment-group {
  width: 35%;
  max-width: 338px;
  margin: 30px 0 0 0;
  float: left;
  clear: both;
  position: absolute;
  top: 50px;
  left: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-group:before {
  content: "COMO VOCÊ DESEJA PAGAR?";
  font-size: 12px;
  display: block;
  font-weight: 700;
  margin-bottom: 12px;
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-group .payment-group-list-btn {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  max-width: 338px;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item.active {
  background-color: var(--color-reserva-black);
  border-radius: 3px;
  color: var(--color-reserva-white);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item {
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  width: 100%;
  margin: 0px;
  transition: none;
  padding: 0;
  opacity: 1;
  text-decoration: none !important;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item:hover {
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item
  .payment-group-item-text {
  background: transparent !important;
  padding: 0;
  height: 40px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin: 0;
  line-height: initial;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item:hover
  .payment-group-item-subtype,
#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item.active
  .payment-group-item-subtype {
  color: var(--color-reserva-white) !important;
  text-decoration: none !important;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item:hover
  .payment-group-item-subtype {
  color: var(--color-reserva-white);
  text-decoration: none;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-group
  .payment-group-list-btn
  .payment-group-item
  .payment-group-item-text
  .payment-group-item-subtype {
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  font-size: 12px;
  margin-left: 3px;
}

[data-name="Nubank"]::after {
  content: "em até 24x";
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  font-size: 12px;
  height: 40px;
  padding-left: 0.25rem;
}

#payment-group-NubankPaymentGroup {
  order: 3 !important;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.payment-group-list-btn a:nth-child(4) {
  order: 4 !important;
}

#payment-group-picPayPaymentGroup {
  order: 5;
}

/* Steps form
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view {
  width: 60%;
  border-radius: 0;
  background: #f6f6f6;
  float: right;
  margin: 30px 0 0 5%;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .payment-method {
  width: 100%;
  height: 100%;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .payment-method {
  width: 100%;
  height: 100%;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .submit.payment-submit-hide {
  display: block;
  position: initial;
  height: 100%;
  width: 100%;
  opacity: 1;
  margin: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .submit.payment-submit-hide > button {
  margin: 10px 0 0 0;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  form
  .steps-view
  .submit.payment-submit-hide
  .icon-lock {
  display: none !important;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .payment-method > div {
  width: 100%;
  height: 100%;
  display: inline-block;
}

#payment-data .accordion-body .accordion-inner .box-step-content form .steps-view .payment-method > div > fieldset {
  margin: 0;
}

#app-container > .App {
  background: #f6f6f6;
  padding: 20px;
  color: var(--color-reserva-grey);
  display: flex;
  width: 100%;
}

#app-container > .App > div {
  display: flex;
  width: 100%;
  flex-direction: column;
}

#app-container > .App .ChangeNumberOfPayments a {
  color: var(--color-reserva-black);
  text-decoration: none !important;
}

#app-container > .App .ChangeNumberOfPayments {
  font-weight: 500;
  text-decoration: underline;
  font-size: 0;
}

#app-container > .App .ChangeNumberOfPayments {
  content: "Usar dois cartões";
  font-size: 12px;
  color: var(--color-reserva-black);
}

#app-container > .App select {
  color: var(--color-reserva-grey);
}

#app-container > .App > div > .SecurityEnvironmentIcon,
#app-container > .App .CardForm .PaymentCardFlags {
  display: none;
}

#app-container > .App > div > .CardForm {
  display: flex;
  flex-wrap: wrap;
}

#app-container > .App .CardForm ~ .CardForm {
  margin-top: 20px;
}

#app-container > .App .CardForm > * {
  margin-bottom: 10px;
}

#app-container > .App .CardForm > .SavedCards {
  order: 0;
  flex-basis: 100%;
}

#app-container > .App .CardForm > .SavedCards .UseSavedCard a {
  color: var(--color-reserva-black) !important;
}

#app-container > .App .CardForm > .PaymentLabel {
  order: 1;
  flex-basis: 100%;
  border-bottom: 1px solid #e0e0e0;
  text-transform: uppercase;
  color: #000;
}

#app-container > .App .CardForm > div:not(.PaymentLabel):not(.SavedCards):first-child,
#app-container > .App .CardForm > .SavedCards ~ div:not([class]),
#app-container > .App .CardForm > .PaymentLabel + div {
  order: 2;
  flex-basis: 100%;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) {
  order: 3;
  flex-basis: 100%;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate {
  display: flex;
  flex-wrap: wrap;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate .FormFieldLabel {
  flex-basis: 100%;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate p.payment-card-due-month,
#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate p.payment-card-due-year {
  flex-basis: 33%;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate p.payment-card-lash {
  display: none;
}

#app-container
  > .App
  .CardForm
  > .PaymentInstallments
  ~ div:not([class])
  .PaymentCardDueDate
  .payment-card-due-month
  > *,
#app-container
  > .App
  .CardForm
  > .PaymentInstallments
  ~ div:not([class])
  .PaymentCardDueDate
  .payment-card-due-year
  > * {
  width: 100%;
}

#app-container > .App .CardForm > .PaymentInstallments ~ div:not([class]) .PaymentCardDueDate p.payment-card-due-month {
  margin-right: 15px;
}

#app-container > .App .CardForm > .PaymentInstallments > p > label:before {
  content: "Quantidade de parcelas";
  font-size: 12px;
  color: #818284;
  line-height: 20px;
  font-weight: 400;
}

#app-container > .App .CardForm > .PaymentInstallments {
  order: 4;
  flex-basis: 50%;
}

#app-container > .App .CardForm > .PaymentInstallments > p > select {
  width: auto;
}

#app-container > .App .CardForm > .PaymentInstallments > p > label {
  display: block;
  font-size: 0;
  line-height: 14px;
}

#app-container > .App .CardForm > .PaymentCardHolderDocument {
  order: 4;
  margin-left: 2%;
  flex-grow: 1;
}

#app-container > .App .CardForm > .BillingAddress {
  order: 5;
  flex-basis: 100%;
  margin-top: 15px;
}

#app-container > .App .CardForm > .BillingAddress .AddressToggle > input {
  margin-left: -35px;
}

#app-container > .App .CardForm > .BillingAddress .AddressToggle > input:before {
  left: 36px;
}

#app-container > .App .CardForm > .PaymentCardCVV {
  position: relative;
  order: 5;
  flex-basis: 100%;
}

#app-container > .App .CardForm > .PaymentCardCVV > label {
  width: 100%;
}

#app-container > .App .CardForm > .PaymentCardCVV .PaymentCardCVVHelp {
  position: absolute;
  box-shadow: none;
  top: calc(100% + 0px);
  left: 0%;
  background-color: #e4002b;
  border: 1px solid #e4002b;
  padding-top: 75px;
  width: 120px;
  height: 104px;
  top: -10%;
}

#app-container > .App .CardForm > .PaymentCardCVV .PaymentCardCVVHelp .cvv-help-arrow {
  border-color: transparent;
  border-style: solid;
  border-top-color: var(--color-reserva-main);
  border-width: 5px 5px 0px 5px;
  height: 0;
  margin-top: -5px;
  margin-left: 5px;
  position: absolute;
  top: 108px;
  left: 5px;
  width: 0;
}

#app-container > .App .CardForm > .PaymentCardValue {
  display: flex;
  flex-direction: column;
}

#app-container > .App .CardForm > .PaymentCardValue .input-prepend {
  display: flex;
  align-items: center;
}

#app-container > .App .CardForm > .PaymentCardValue .add-on {
  height: 100%;
  display: flex;
  align-items: center;
  border-radius: 0;
  justify-content: center;
  padding: 0px 10px;
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .SavedCard {
  margin-bottom: 10px;
  margin-top: 10px;
  background: var(--color-reserva-white) !important;
  box-shadow: none !important;
  color: var(--color-reserva-black) !important;
  border-radius: 0 !important;
  border: 1px solid var(--color-reserva-border-grey);
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .SavedCard .card-list-element {
  display: flex;
  align-items: center;
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .SavedCard .card-list-element .icon-ok-circle:before {
  content: "" !important;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAZ0lEQVQ4jdXNsQ2AMAxE0Q8skBEyEiOxASPAJpSMwSjQxE2EIptcw0mWi5OfQZcEMImwDJxAGkXYUfagwC7gBpb/YDn4oYkBrKXcFJhld6BuzIOGsRb6GXtDu7EatenCalSCWebowQPjSCrMEH6e5AAAAABJRU5ErkJggg==);
  width: 13px;
  height: 12px;
  background-size: contain;
  background-repeat: no-repeat;
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .SavedCard .link-delete {
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  border: 1px solid var(--color-reserva-border-grey);
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .SavedCard .icon-remove:before {
  content: "✕" !important;
  color: var(--color-reserva-black) !important;
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .UseAnotherCard {
  border-radius: 0;
  padding: 6px 12px;
}

#app-container > .App .CardForm > .SavedCards .SavedCardsList .UseAnotherCard a {
  color: var(--color-reserva-black) !important;
}

/* ==========================================================================
      Minicart
      ========================================================================== */

.checkout-container .orderform-template .mini-cart {
  background-color: var(--color-reserva-white);
  /* padding: 20px 25px; */
  margin-left: 20px;

  @media screen and (max-width: 768px) {
    padding: 1rem;
  }
}

.checkout-container .orderform-template .mini-cart .cart-fixed {
  width: 100% !important;
  height: 100% !important;
  top: 0px !important;
  position: relative !important;
  display: flex;
  flex-direction: column;
  padding: 25px;
}

.checkout-container .orderform-template .mini-cart .cart-fixed h2 {
  font-weight: 500;
  color: var(--color-reserva-black);
  line-height: 17px;
  text-transform: capitalize;
  font-family: "Reserva Sans", sans-serif;
  font-weight: bold;
  background-color: transparent;
  text-align: left;
  border: 0;
}

.checkout-container .orderform-template .mini-cart .cart-fixed #go-to-cart-button {
  display: none;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-cart-template-holder {
  border-bottom: 1px solid #e0e0e0;
  overflow: hidden;
  height: auto !important;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-cart-template-holder .cart {
  max-height: 40vh;
  padding: 0;
  margin-bottom: 10px;
  height: auto !important;
  overflow: hidden;
  overflow-y: scroll !important;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-cart-template-holder .cart .cart-items {
  height: auto;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct img {
  width: 100% !important;
  height: 70px !important;
  max-width: unset !important;
  -o-object-fit: cover;
  object-fit: cover;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px;
  margin: 0;
  border: none;
  margin-bottom: 10px;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct:last-child {
  border-bottom: none;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct a.url {
  height: 100%;
  width: 20%;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .quantity.badge {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -3px;
  left: 2px;
  border: none;
  background: var(--color-reserva-black);
  font-weight: 500;
  font-size: 10px;
  line-height: 1px;
  color: var(--color-reserva-white);
  border-radius: 100%;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .fn.product-name {
  width: 48%;
  height: 100%;
  display: flex;
  align-items: center;
  white-space: initial;
  line-height: 14px;
  color: var(--color-reserva-black);
  font-weight: 500;
  text-transform: uppercase;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .description {
  height: 100%;
  margin: 0;
  margin-left: 61px;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .description .shipping-date {
  display: none;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .description .price {
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 17px;
  font-size: 12px;
  color: var(--color-reserva-black);
  white-space: nowrap;
  margin: 0;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-template-holder .cart-more-options {
  display: none;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-template-holder {
  border: 0;
  border-radius: 0;
  background-color: var(--color-reserva-white);
  display: flex;
  flex: 0;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-template-holder .summary-totalizers .Items {
  border-top: none;
}

.checkout-container .orderform-template .mini-cart .cart-fixed .summary-template-holder .summary-totalizers tr {
  border-bottom: 1px solid #f4f4f4;
}

.checkout-container
  .orderform-template
  .mini-cart
  .cart-fixed
  .summary-template-holder
  .summary-totalizers
  tr:last-child {
  border-bottom: none;
}

.checkout-container .orderform-template .mini-cart .service-list {
  display: none;
}

#payment-data-submit .icon-lock {
  display: none;
}

#payment-data.span6 .accordion-group .accordion-heading .payment-edit-link {
  display: none !important;
}

/* ==========================================================================
      User identification modal
      ========================================================================== */

.modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal {
  width: 274px;
  height: 300px;
  border-radius: 0;
  background: var(--color-reserva-white);
  transform: translateX(-50%);
  margin: 0 auto;
}

.modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal
  .payment-confirmation-loading {
  display: none;
}

.modal-body.default-modal-body.payment-confirmation-modal-body {
  color: black;
  overflow: hidden;
  width: unset;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}

.modal-body.default-modal-body.payment-confirmation-modal-body::before {
  content: "";
  width: 90%;
  height: 90%;
  background-size: 45px 63px;
  background-color: var(--color-reserva-white);
  display: block;
  position: absolute;
  z-index: 999;
}

.modal-body.default-modal-body.payment-confirmation-modal-body::after {
  position: absolute;
  content: "";
  top: 25%;
  left: 22%;
  width: 150px;
  height: 150px;
  z-index: 9999;
  border: solid 2px #333;
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
  -webkit-transition: all 0.5s ease-in;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

  transition: all 0.5s ease-in;
  animation-name: rotate;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

.modal-body.default-modal-body.payment-confirmation-modal-body .payment-confirmation-thanks {
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
}

.modal-body.default-modal-body.payment-confirmation-modal-body .payment-confirmation-message {
  float: left;
  width: 251px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  margin-top: 10px;
}

.email-message-modal {
  top: 20% !important;
  border-radius: 0;
  width: 500px;
  height: 270px;
  left: 55%;
  padding: 30px;
  background: white;
  border: none;
}

.email-message-modal .identified-user-modal-body {
  width: 100%;
  height: auto;
  padding: 10px;
}

.email-message-modal .identified-user-modal-body .identified-user-security {
  opacity: 100%;
}

.email-message-modal .identified-user-modal-body .identified-user-security .icon-lock::before {
  content: "" !important;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2768%27%20height%3D%2769%27%20viewBox%3D%270%200%2068%2069%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M29.4667%205.03333C23.2074%205.03333%2018.1333%2010.1074%2018.1333%2016.3667V27.7H40.8V16.3667C40.8%2010.1074%2035.7259%205.03333%2029.4667%205.03333ZM45.3333%2027.7V16.3667C45.3333%207.60375%2038.2296%200.5%2029.4667%200.5C20.7037%200.5%2013.6%207.60375%2013.6%2016.3667V27.7H6.8C3.04446%2027.7%200%2030.7445%200%2034.5V61.7C0%2065.4555%203.04446%2068.5%206.8%2068.5H52.1333C55.8889%2068.5%2058.9333%2065.4555%2058.9333%2061.7V59.2066C64.1064%2058.1565%2068%2053.583%2068%2048.1C68%2042.617%2064.1064%2038.0435%2058.9333%2036.9934V34.5C58.9333%2030.7445%2055.8889%2027.7%2052.1333%2027.7H45.3333ZM54.4%2036.7667V34.5C54.4%2033.2482%2053.3852%2032.2333%2052.1333%2032.2333H6.8C5.54815%2032.2333%204.53333%2033.2482%204.53333%2034.5V61.7C4.53333%2062.9518%205.54815%2063.9667%206.8%2063.9667H52.1333C53.3852%2063.9667%2054.4%2062.9518%2054.4%2061.7V59.4333H38.5333C32.2741%2059.4333%2027.2%2054.3592%2027.2%2048.1C27.2%2041.8408%2032.2741%2036.7667%2038.5333%2036.7667H54.4ZM38.5333%2041.3C34.7778%2041.3%2031.7333%2044.3445%2031.7333%2048.1C31.7333%2051.8555%2034.7778%2054.9%2038.5333%2054.9H56.6667C60.4222%2054.9%2063.4667%2051.8555%2063.4667%2048.1C63.4667%2044.3445%2060.4222%2041.3%2056.6667%2041.3H38.5333ZM49.8667%2050.3667H45.3333V45.8333H49.8667V50.3667ZM40.8%2050.3667H36.2667V45.8333H40.8V50.3667ZM58.9333%2050.3667H54.4V45.8333H58.9333V50.3667Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  width: 68px !important;
  height: 69px !important;
  left: -16px !important;
  top: -6px !important;
  background-repeat: no-repeat;
}

.email-message-modal .identified-user-modal-body .identified-user-hello {
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  color: #000;
}

.email-message-modal .identified-user-modal-body .identified-user-message {
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
  color: #656565;
  font-size: 16px;
  line-height: 160%;
}

.email-message-modal .identified-user-modal-body #btn-identified-user-button {
  width: 250px;
  height: 40px;
  border-radius: 0px;
  background-image: none;
  text-decoration: none;
  font-size: 11px;
  color: #fff;
  background-color: #000 !important;
  border: none;
  margin-top: 10px;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-family: "Nunito", sans-serif;
  text-shadow: none;
}

.modal-backdrop.fade.in {
  background: #8a8c8e;
  opacity: 0.6;
}

.default-modal-security.payment-confirmation-security {
  display: none;
}

p.payment-confirmation-content {
  text-align: center;
}

/* VTEX ID Modal
      ========================================================================== */

#vtexIdContainer {
  position: fixed !important;
}

#vtexIdContainer .vtexIdUI .close::before {
  font-size: 24px;
}

#vtexIdContainer {
  background: rgba(0, 0, 0, 0.2);
}

#vtexIdContainer .vtexIdUI {
  width: 450px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 {
  font-size: 16px;
}

#vtexIdContainer .vtexIdUI .modal-body {
  padding: 20px 20px 20px;
  padding-top: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer {
  display: flex;
  padding: 0 20px;
}

#vtexIdContainer .vtexIdUI .close {
  height: 20px;
  width: 20px;
}

#vtexIdContainer .vtexIdUI {
  background-color: #f9f9f9;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  border: unset;
  box-shadow: unset;
  border-radius: unset;
  margin: unset !important;
  left: 50% !important;
  top: 10% !important;
  transform: translateX(-50%) !important;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

#vtexIdContainer .vtexIdUI .vtexid-icon-lock.bottom-icon,
#vtexIdContainer .vtexIdUI-user,
#vtexIdContainer .vtexIdUI .info-why.muted {
  display: none;
}

#vtexIdContainer .vtexIdUI .modal-header {
  padding-top: 40px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 {
  margin: unset;
  font-size: 14px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 .vtexIdUI-heading {
  text-align: center;
}

#vtexIdContainer .vtexIdUI .modal-body {
  background: unset;
  padding: 20px;
}

#vtexIdContainer .vtexIdUI .modal-body .control-label span {
  display: none;
}

#vtexIdContainer .vtexIdUI .modal-body div.controls {
  border: unset !important;
  border-bottom: 1px solid #8a8c8e !important;
  margin-bottom: 56px;
}

#vtexIdContainer .vtexIdUI .modal-body div.controls input {
  margin-bottom: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer {
  border: unset;
  background: unset;
  box-shadow: unset;
}

#vtexIdContainer .vtexIdUI .modal-footer #classicLoginBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
  margin-top: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer #sendAccessKeyBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
  margin-top: 0;
}

#vtexIdContainer .vtexIdUI-classic-login-control {
  overflow: unset;
  position: relative;
  display: block !important;
  margin-bottom: unset;
}

#vtexIdContainer .vtexIdUI-classic-login-control span {
  color: #000;
  font-weight: 700;
}

#vtexIdContainer .vtexIdUI-classic-login-control > a,
#vtexIdContainer .vtexIdUI-classic-login-control label a {
  color: #000;
  position: absolute;
  top: -45px;
  right: 0;
  line-height: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  text-transform: inherit;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
}

#vtexIdContainer .vtexIdUI-classic-login-control > a {
  bottom: -30px;
  top: unset;
}

#vtexIdContainer .vtexIdUI .btn,
#vtexIdContainer .vtexIdUI-back-link {
  font-family: "Reserva Sans", sans-serif;
  border-radius: unset;
  background: unset;
  box-shadow: unset;
  text-shadow: unset;
  font-weight: 400;
  border: 1px solid #041e50;
  font-size: 14px;
}

#vtexIdContainer .vtexIdUI .btn .vtexid-icon-mail,
#vtexIdContainer .vtexIdUI-back-link .vtexid-icon-mail {
  display: none;
}

#vtexIdContainer .vtexIdUI .btn:hover,
#vtexIdContainer .vtexIdUI-back-link:hover {
  filter: opacity(80%);
}

#vtexIdContainer .vtexIdUI-back-link {
  margin: unset;
  border: 1px solid transparent;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  text-transform: lowercase;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#vtexIdContainer .vtexIdUI-back-link::before {
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M11.6327%201.87524e-06C11.8352%20-0.000356689%2011.9996%200.155116%2012%200.347209C12.0002%200.439816%2011.9614%200.528672%2011.8923%200.594083L4.08533%207.9998L11.8923%2015.4055C12.0356%2015.5415%2012.0356%2015.762%2011.8923%2015.898C11.7489%2016.034%2011.5165%2016.034%2011.3731%2015.898L3.30734%208.24602C3.16422%208.11021%203.16422%207.89004%203.30734%207.7542L11.3731%200.10226C11.4419%200.0368156%2011.5353%201.86672e-06%2011.6327%201.87524e-06Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

#vtexIdContainer .vtexIdUI-back-link i {
  display: none;
}

#vtexIdContainer .vtexIdUI-back-link span {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 2px;
  font-size: inherit;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

#vtexIdContainer .vtexIdUI .btn-success {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 0.2em;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .btn-success {
  font-size: 0;
  padding-bottom: 4px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .btn-success:before {
  content: "Enviar";
  font-family: "Reserva Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.2em;
}

#vtexIdContainer .vtexIdUI input {
  border-radius: 0;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 0;
  border: none;
  background-color: transparent !important;
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI input :focus {
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-code-field {
  width: 100%;
  margin-top: 15px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-code-field input {
  width: 50%;
  margin: 0 auto;
  font-size: 30px;
  color: #000;
  font-weight: 700;
  background-color: #8a8c8e;
  box-sizing: content-box;
  padding: 6px 25px;
  letter-spacing: 4px;
  border: unset;
  border-radius: unset;
  background-color: transparent !important;
}

#vtexIdContainer .vtexIdUI .close {
  display: block !important;
  opacity: 1;
  position: absolute;
  top: 4px;
  right: 4px;
  background: transparent;
  color: #656565;
  border-radius: 50%;
  padding: 0;
  line-height: 0;
  font-weight: 500;
  font-size: 0;
  height: 20px;
  width: 20px;
  margin: 15px;
}

#vtexIdContainer .vtexIdUI .close:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI .close::before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M9.05692%209.99997L1.52832%202.47137L2.47113%201.52856L9.99973%209.05716L17.5283%201.52856L18.4711%202.47137L10.9425%209.99997L18.4711%2017.5286L17.5283%2018.4714L9.99973%2010.9428L2.47113%2018.4714L1.52832%2017.5286L9.05692%209.99997Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3C%2Fsvg%3E)
    no-repeat;
  width: 20px;
  height: 20px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list {
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
  padding-bottom: 10px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li .vtexid-icon-checkmark {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.7074%203.50005L5.50029%2012.7072L0.293187%207.50005L1.00029%206.79294L5.50029%2011.2929L14.0003%202.79294L14.7074%203.50005Z%27%20fill%3D%27%2311AB6B%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.0003%202.58081L14.9195%203.50005L5.50029%2012.9193L0.0810547%207.50005L1.00029%206.58081L5.50029%2011.0808L14.0003%202.58081ZM14.0003%203.00507L5.50029%2011.5051L1.00029%207.00507L0.505319%207.50005L5.50029%2012.495L14.4953%203.50005L14.0003%203.00507Z%27%20fill%3D%27%2311AB6B%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 16px;
  width: 15px;
  margin-left: 0px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li .vtexid-icon-checkmark.ng-hide {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.7074%203.50005L5.50029%2012.7072L0.293187%207.50005L1.00029%206.79294L5.50029%2011.2929L14.0003%202.79294L14.7074%203.50005Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.0003%202.58081L14.9195%203.50005L5.50029%2012.9193L0.0810547%207.50005L1.00029%206.58081L5.50029%2011.0808L14.0003%202.58081ZM14.0003%203.00507L5.50029%2011.5051L1.00029%207.00507L0.505319%207.50005L5.50029%2012.495L14.4953%203.50005L14.0003%203.00507Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  display: inline-block !important;
  margin-left: 0px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li span {
  font-size: 12px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-description {
  font-size: 16px !important;
  font-weight: normal;
  font-family: "Reserva Sans", sans-serif;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-description::after {
  content: ":";
}

#vtexIdContainer .vtexIdUI input[type="text"],
#vtexIdContainer .vtexIdUI input[type="password"],
#vtexIdContainer .vtexIdUI input[type="email"] {
  background-color: transparent !important;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading > span {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::before,
#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::after {
  text-align: center;
  color: #000;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::before {
  content: "Olá, precisamos te identificar!";
  display: block;
  font-weight: 700;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::after {
  content: "Escolha uma opção para entrar.";
  display: block;
  font-weight: normal;
  font-family: "Reserva Sans", sans-serif;
  color: #656565;
  margin-top: 10px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list {
  padding-bottom: 13px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li {
  margin-bottom: 0;
  margin-top: 15px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li:first-child {
  margin-top: 0;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn {
  position: relative;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 12px;
  letter-spacing: 0.2em;
  background: none;
  border: 1px solid #000;
  border-radius: 0;
  height: 45px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn i {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email {
  display: block;
  border: 1px solid #000;
  background-color: #000;
  width: 100%;
  padding: 13px 7px;
  font-size: 12px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email > * {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email::before {
  content: "Receber código por e-mail";
  color: #fff;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email::after {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0V11H17.5V0H0.5ZM16.1121 0.744637L9.00027 6.73089L1.8874 0.744637H16.1121ZM1.23781 10.2548V1.16744L9.00027 7.70016L16.7622 1.16744V10.2554L1.23781 10.2548Z" fill="#041E50"/></svg>');
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook {
  border: 1px solid #00386c;
  color: #00386c;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.3%2010C1.3%205.19512%205.19512%201.3%2010%201.3C14.8049%201.3%2018.7%205.19512%2018.7%2010C18.7%2014.6282%2015.0861%2018.4123%2010.5263%2018.6843V12.7391H12.4774L12.7871%2010.2506H10.5257V8.53617C10.5263%207.81692%2010.7199%207.32458%2011.722%207.32458H13V5.09858C12.7795%205.06825%2012.0212%205%2011.1382%205C9.29556%205%208.03333%206.15908%208.03333%208.28942V10.25H6V12.7385H8.03333V18.4768C4.17571%2017.5854%201.3%2014.1285%201.3%2010ZM0%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010Z%22%20fill%3D%22%2300386C%22%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus {
  border: 1px solid #ec2d24;
  color: #ec2d24;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2010C0%204.47715%204.47715%200%2010%200C12.7979%200%2015.3289%201.15035%2017.1428%203.00141L15.7604%204.35605C14.2956%202.86118%2012.2568%201.93548%2010%201.93548C5.54609%201.93548%201.93548%205.54609%201.93548%2010C1.93548%2014.4539%205.54609%2018.0645%2010%2018.0645C14.1264%2018.0645%2017.529%2014.9654%2018.007%2010.9677H10.6452V9.03226H20V10C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010Z%22%20fill%3D%22%23EC2D24%22%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}

#vtexIdContainer #vtexIdUI-email-confirmation {
  background-color: #fff;
}

#vtexIdContainer #vtexIdUI-email-confirmation .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-email-confirmation .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-footer {
  position: relative;
  bottom: 20px;
}

#vtexIdContainer #vtexIdUI-classic-login .vtexIdUI-classic-login-control .control-label span {
  display: none;
}

#vtexIdContainer #vtexIdUI-confirm-access-code {
  background-color: #fff;
}

#vtexIdContainer #vtexIdUI-confirm-access-code #access-code {
  background-color: #f2f2f2 !important;
  width: 176px;
  height: 40px;
  font-size: 14px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code #confirmLoginAccessKeyBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-body {
  padding: 10px 20px 20px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .info-code strong {
  color: #000;
  font-weight: normal;
}

#vtexIdContainer #vtexIdUI-change-pswd form.ng-pristine.ng-invalid.ng-invalid-required {
  height: 345px;
}

#vtexIdContainer #vtexIdUI-change-pswd .controls {
  margin-bottom: 25px !important;
}

#vtexIdContainer #vtexIdUI-change-pswd #tryChangePswdBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 270px;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-footer {
  display: flex;
  padding: 0px 20px;
  position: relative;
  bottom: 10px;
}

#vtexIdContainer #vtexIdUI-change-pswd .control-label span {
  font-weight: 700;
}

/* ==========================================================================
      Giftcard
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section .payment-discounts {
  background: var(--color-reserva-white);
}

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section {
  float: right;
  margin: 0;
  width: 60%;
  padding: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap {
  position: relative;
  right: 0;
  float: right;
  margin-bottom: 20px;
  width: 60%;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert {
  background: var(--color-reserva-white);
  color: var(--color-reserva-black);
  font-size: 0;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 14px;
  width: 100%;
  text-decoration: none;
  margin: 0;
  pointer-events: none;
  padding-left: 20px;
  display: flex;
  align-items: center;
  padding-top: 0;
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert {
    padding: 0;
    flex-direction: column;
  }
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap::before {
  color: var(--color-reserva-black);
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  content: "Você tem créditos!";
  font-size: 22px;
  padding-left: 20px;
}

@media (max-width: 768px) {
  #payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap::before {
    width: 100%;
    position: absolute;
    text-align: center;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::before {
    margin-top: 20px;
  }
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert::before {
  content: "Confira seu saldo e aproveite já nesta compra.";
  font-size: 16px;
  white-space: pre;
  font-weight: 300;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert::after {
  content: "VER CRÉDITOS";
  font-size: 12px;
  height: 32px;
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  transition: none;
  padding: 4px 32px;
  opacity: 1;
  text-decoration: none !important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: initial;
}

@media (min-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::after {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::after {
    margin-bottom: 15px;
    width: 100%;
    padding: 10px 0px;
    display: block;
    height: auto;
  }
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card {
  position: absolute;
  margin: 0;
  display: block !important;
  width: 35%;
  float: left;
  max-width: 338px;
  clear: both;
  top: 0;
  left: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group {
  position: inherit;
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  margin: 0px;
  padding: 0;
  height: 40px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  line-height: initial;
  max-width: 338px;
  width: 100%;
  font-size: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group:before {
  content: "CARTÃO PRESENTE";
  font-size: 12px;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group.active {
  background-color: var(--color-reserva-black);
  border-radius: 3px;
  color: var(--color-reserva-white);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section.active {
  display: initial;
}

#payment-data .custom-giftcard-section {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

#payment-data .payment-discounts-list .gift-card-provider-group .gift-card-provider {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-reserva-black);
  border-bottom: 1px solid var(--color-reserva-bg-lightgrey);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody {
  height: 100px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody tr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody tr .code {
  margin-right: 22px;
  width: 100%;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number {
  background: var(--color-reserva-bg-grey);
  border: 1px solid var(--color-reserva-bg-grey);
  max-width: 296px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 60%;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-spinner {
  right: 10px;
  position: absolute;
  animation: none;
  height: 100%;
  width: 15px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number span {
  color: var(--color-reserva-black) !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-spinner::before {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .number
  span[data-bind$="availableLabel"] {
  display: none !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-ok {
  right: 10px;
  position: absolute;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-ok::before {
  content: "";
  background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2721%27%20height%3D%2720%27%20viewBox%3D%270%200%2021%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2710.7339%27%20cy%3D%2710%27%20r%3D%2710%27%20fill%3D%27%2311AB6B%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M15.9644%207.28727L9.28221%2013.9695L5.50308%2010.1903L6.01627%209.67713L9.28221%2012.9431L15.4512%206.77407L15.9644%207.28727Z%27%20fill%3D%27white%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M15.4512%206.62012L16.1184%207.28727L9.28221%2014.1234L5.34912%2010.1903L6.01627%209.52317L9.28221%2012.7891L15.4512%206.62012ZM15.4512%206.92803L9.28221%2013.097L6.01627%209.83109L5.65704%2010.1903L9.28221%2013.8155L15.8104%207.28727L15.4512%206.92803Z%27%20fill%3D%27white%27%2F%3E%3C%2Fsvg%3E)
    no-repeat;
  width: 22px;
  height: 20px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  font-size: 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  content: "Quero utilizar outro valor";
  font-size: 14px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue .valueTitle {
  margin-right: 10px;
  color: #000;
  font-size: 0;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .partialValue
  .valueTitle::before {
  content: "Digite o valor a utilizar";
  font-size: 14px;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .partialValue
  .edit-partial
  .input-prepend {
  margin: 0;
  width: 95%;
}

@media only screen and (max-width: 768px) {
  #payment-data
    .payment-discounts-list
    .gift-card-provider-group
    .payment-discoints-table
    .partialValue
    .edit-partial
    .input-prepend {
    margin: 0;
    width: 100%;
  }

  .update-value-button {
    background-color: transparent;
    border-radius: 3px;
    color: var(--color-reserva-black);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    border: 1px solid var(--color-reserva-black);
    margin: 0px;
    transition: none;
    padding: 0;
    margin-top: 20px;
    opacity: 1;
    text-decoration: none !important;
    width: 100%;
    height: 40px !important;
    display: block;
  }
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue .add-on {
  padding: 10px 10px !important;
  height: 40px;
  border-radius: 0;
  border: 0;
  background-color: var(--color-reserva-bg-grey);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action {
  padding: 0;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  width: 100%;
  font-size: 0;
  color: var(--color-reserva-black);
  font-weight: 700;
}

@media only screen and (max-width: 768px) {
  #payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action {
    order: 1;
  }
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group,
#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"] {
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  margin: 0px;
  transition: none;
  padding: 0;
  opacity: 1;
  text-decoration: none !important;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"]::before {
  content: "UTILIZAR";
  font-size: 14px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.keepCredit"]::before {
  content: "Mudei de ideia,";
  font-size: 12px;
  float: left;
  margin-right: 3px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue {
  display: flex;
  align-items: center;
  margin-top: 10px !important;
  margin-bottom: 0;
  padding-right: 0;
  flex-direction: column;
}

.edit-partial {
  width: 100%;
  display: contents;
}

.input-prepend > input {
  text-align: left !important;
  width: 100% !important;
}

@media only screen and (max-width: 768px) {
  .input-prepend > input {
    width: 88% !important;
  }
}

#edit-partial-input-copy,
#edit-partial-input-copy-cred {
  position: relative;
  width: 60%;
  top: -25px;
  padding-right: 3px;
  font-family: "Reserva Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0em;
  display: flex;
  justify-content: flex-end;
  align-self: end;
  z-index: 5;
}

@media only screen and (max-width: 768px) {
  #edit-partial-input-copy,
  #edit-partial-input-copy-cred {
    top: -94px;
  }

  .update-value-button {
    display: flex;
    margin-top: 5px;
    top: -85px;
    left: -20px;
  }
}

#edit-partial-input-copy-icon,
#edit-partial-input-copy-icon-cred {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_654_545)'%3E%3Cpath d='M3.74996 6.75L1.99996 5L1.41663 5.58333L3.74996 7.91667L8.74996 2.91667L8.16663 2.33333L3.74996 6.75Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_654_545'%3E%3Crect width='10' height='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-color: #11ab6b;
  width: 10px;
  height: 10px;
  display: block;
  margin: 0px 10px;
  border-radius: 10px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a {
  text-decoration: underline;
  font-size: 0;
  color: var(--color-reserva-black);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  content: "Quero utilizar outro valor";
  font-size: 14px;
}

/* Custom giftcard
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section ~ .gift-card-section,
#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card ~ .gift-card-section {
  display: none !important;
}

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section {
  display: none;
  float: right;
  width: 60%;
  margin: 0;
  position: unset;
  margin-left: 5%;
  margin-top: 10px;
}

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section:last-child {
  display: none !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue {
  margin-top: 30px !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}

#payment-data .custom-giftcard-section .custom-giftcard-title {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#payment-data .custom-giftcard-section .custom-giftcard-title h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

#payment-data .custom-giftcard-section .custom-giftcard-title span {
  font-size: 14px;
  color: var(--color-reserva-black);
  font-weight: 500;
  margin-bottom: 10px;
}

#payment-data .custom-giftcard-section .custom-giftcard-form {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
}

/* Chrome, Safari, Edge, Opera */
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"]::-webkit-outer-spin-button,
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"] {
  -moz-appearance: textfield;
}

.custom-giftcard-number {
  flex-basis: 40%;
  max-width: 350px;
}

.custom-giftcard-password {
  flex-basis: 20%;
  max-width: 150px;
}

.custom-giftcard-button {
  flex: 1;
  max-width: 250px;
  margin-left: 25px;
}

#payment-data .giftcard-full-value-message {
  width: 100%;
  margin: 10px 0px 10px 5px;
  font-weight: 500;
  font-size: 15px;
  color: var(--color-reserva-green);
}

#payment-data .custom-giftcard-section .custom-giftcard-applied {
  display: none;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  gap: 7px;
  align-items: center;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number:after {
  content: "";
  width: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAJFBMVEVHcEwSq2wQr2gRq2oSqmsSrGsQqWwSrW0Sq2oQr3ASq2oRq2u1cfU4AAAAC3RSTlMAgCDfoJ9Qj4AQf2cuMs8AAAAJcEhZcwAACxMAAAsTAQCanBgAAABCSURBVBjTY2DAAJyYQgxMzFxYxLgZKRVj4sCijp2bFYteFpgoinlQUTQ7wKIY9gJFsbiFhZsb031AUUYswcCGzAEAzGUBcCbAnvEAAAAASUVORK5CYII=);
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button {
  background: transparent;
  border: 0;
  margin-left: auto;
  display: flex;
  gap: 5px;
  text-decoration: underline;
  align-items: center;
  font-size: 10px;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button::before {
  content: "EDITAR";
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
  width: 10px;
  height: 10px;
  display: block;
  background-size: contain;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 13px;
}

#payment-data .custom-giftcard-section .custom-giftcard-form.rsv-giftcard-loading #custom-giftcard-add {
  font-size: 0;
}

#payment-data .custom-giftcard-section .custom-giftcard-form.rsv-giftcard-loading #custom-giftcard-add::before {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 80%;
  content: "";
  background-position: center;
}

#payment-data
  .custom-giftcard-section
  .custom-giftcard-applied.rsv-giftcard-loading
  .custom-giftcard-applied-button
  > button:after {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  content: "";
  background-position: center;
}

#payment-data
  .custom-giftcard-section
  .custom-giftcard-applied.rsv-giftcard-loading
  .custom-giftcard-applied-button
  > button:before {
  content: "";
}

#force-shipping-fields {
  display: none;
}

/* ==========================================================================
      Mobile
      ========================================================================== */

/* Extra small devices (phones, 768px and down) */
@media only screen and (max-width: 768px) {
  /* ==========================================================================
      Global
      ========================================================================== */

  .body-cart {
    padding-bottom: 0px;
  }

  .client-pre-email .client-pre-email-h span {
    font-weight: normal;
    font-family: "Reserva Serif", serif;
    line-height: 26px;
  }

  .container-order-form {
    margin: 15px 0px;
  }

  /* ==========================================================================
      Footer
      ========================================================================== */

  .footer {
    display: none;
  }

  /* ==========================================================================
      Cart
      ========================================================================== */

  /* Empty cart
      ========================================================================== */

  .empty-cart-content {
    padding: 0;
  }

  .empty-cart-message p {
    max-width: 80%;
  }

  /* Full cart
      ========================================================================== */

  .cart-template.full-cart {
    flex-direction: column;
    padding: 15px;
    margin: 0;
    gap: 0;
  }

  .cart-template-holder {
    min-height: unset;
    max-width: unset;
    width: 100%;
    flex: 1;
  }

  .cart-template-holder .cart {
    padding: 17px;
    padding-right: 24px;
  }

  .cart-items thead,
  .cart-items tbody {
    overflow-x: hidden;
  }

  .sku-additional-info .rsv-link-box-edit {
    position: absolute;
    left: 85px;
    bottom: -20px;
    display: flex !important;
  }

  .cart-items .remove-service-container a,
  .cart-items .add-service-container a {
    display: flex !important;
  }

  .full-cart .cart table tbody {
    display: flex !important;
    overflow: hidden;
  }

  .full-cart .cart table tbody tr {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }

  .cart-items .product-item td.product-image {
    width: 18%;
  }

  .cart-items .product-item td.product-name {
    flex-basis: 76%;
    margin-left: 22% !important;
    padding: 0 !important;
  }

  .cart-items .product-item .product-price {
    flex-basis: 76%;
    margin-left: 22% !important;
    text-align: left !important;
    align-self: center;
  }

  .cart-items .product-item .list-price {
    display: block !important;
  }

  .cart-items .product-item .best-price {
    display: flex !important;
  }

  .cart-items td.quantity {
    margin-left: 22% !important;
    flex-basis: 75%;
    width: unset !important;
    display: flex !important;
    justify-content: flex-start;
    gap: 6px;
  }

  .product-item[data-sku="348009"] .prime-quantity {
    gap: 20px;
  }

  .product-item[data-sku="348009"] .prime-quantity:before {
    width: 25px !important;
    margin: 0 !important;
  }

  .summary-template-holder {
    flex: 1;
    flex-basis: 100%;
    width: 100% !important;
    max-width: unset;
  }

  /* ==========================================================================
      Client pre email
      ========================================================================== */

  .client-pre-email {
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
  }

  .client-pre-email .pre-email {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .client-pre-email .client-pre-email-h {
    max-width: 100% !important;
    margin-bottom: 22px;
  }

  .client-pre-email .client-email {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .client-pre-email .client-email #client-pre-email {
    width: 100% !important;
    margin: 0;
    max-width: 315px;
    min-width: 0;
    background-color: var(--color-reserva-white);
  }

  .client-pre-email .client-email #btn-client-pre-email span {
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    line-height: 14.4px;
  }

  .client-pre-email .emailInfo {
    justify-content: center;
    align-items: center;
  }

  .client-pre-email .emailInfo strong,
  .client-pre-email .emailInfo h3 {
    text-align: center;
    margin-top: 0;
    line-height: 26px;
  }

  .client-pre-email .emailInfo h3 {
    font-weight: normal;
    font-family: "Reserva Serif", serif;
  }

  .client-pre-email .emailInfo .unstyled {
    flex-direction: column;
    width: 100%;
    padding-left: 8%;
    margin-top: 15px;
  }

  .client-pre-email .emailInfo .unstyled li {
    width: 100%;
  }

  .client-pre-email .client-email .loading-inline {
    height: 38px;
    right: 30px !important;
  }

  .corporate-title {
    font-size: 12px;
    color: var(--color-reserva-black);
    line-height: 16px;
    margin-right: 10px;
    font-family: "Reserva Sans", sans-serif;
    font-weight: 400;
  }

  .corporate-info-box {
    margin-top: 25px;
  }

  .corporate-hide-link a {
    font-size: 12px;
    color: var(--color-reserva-black);
    text-decoration: underline;
  }

  .checkbox.exempt-si-label {
    display: none;
  }

  .box-client-info-pj {
    margin-bottom: 25px;
  }

  .newsletter {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
  }

  .newsletter-label,
  .newsletter-label-custom {
    padding-left: 25px;
    font-size: 14px;
    position: relative;
    top: 3px;
  }

  #opt-in-newsletter,
  #isNewsletterOptInMini {
    margin-top: 1px;
    position: relative;
    margin-left: -25px;
    display: inline-block;
  }

  #opt-in-newsletter:before,
  #isNewsletterOptInMini:before {
    left: 0;
    top: -6%;
    width: 17px;
    content: "";
    height: 17px;
    position: absolute;
    box-sizing: inherit;
    background: var(--color-reserva-white);
    border: 1px solid var(--color-reserva-black);
  }

  #opt-in-newsletter:checked::before,
  #isNewsletterOptInMini:checked::before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMy4yMDIiIGhlaWdodD0iOS44NjkiIHZpZXdCb3g9IjAgMCAxMy4yMDIgOS44NjkiPgogIDxwYXRoIGlkPSJQYXRoXzE1IiBkYXRhLW5hbWU9IlBhdGggMTUiIGQ9Ik04Ni44NzYsNTU1Ljk4MmwzLjMzMiwzLjMzMiw3LjA0MS03LjA0MSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTg1LjQ2MiAtNTUwLjg1OCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==");
    background-color: var(--color-reserva-black);
    background-repeat: no-repeat;
    background-position: 2px 4px;
    background-size: 10px;
  }

  .newsletter-text {
    font-size: 0;
  }

  .newsletter-text:before {
    font-size: 14px;
    content: "Quero receber e-mails com promoções Reserva.";
  }

  .newsletter-textBrands {
    font-size: 14px;
  }

  /* Vendor code & Custom coupon & Totalizers
      ========================================================================== */

  .summary-totalizers .totalizers-list {
    display: flex;
    flex-direction: column;
  }

  .summary-totalizers .totalizers-list .Shipping,
  .summary-totalizers .forms.coupon-column {
    display: none !important;
  }

  .summary-totalizers .Items,
  .summary-totalizers tr {
    display: flex;
    align-items: center;
  }

  .summary-totalizers .table tr {
    padding: 5px 0px;
  }

  /*  .cart-active .summary-totalizers .table .totalizers-list .srp-summary-result {
    display: flex !important;
  } */

  .summary-totalizers .Items .info,
  .summary-totalizers tr .info {
    text-align: left;
    padding-left: 10px;
  }

  .summary-totalizers tr .info > .prime-total-text {
    color: #a01e21;
  }

  .summary-totalizers tr .monetary {
    text-align: right !important;
    margin-right: 10px;
    margin-left: auto;
  }

  .summary-totalizers .Items .space,
  .summary-totalizers tr .space {
    flex: 1;
  }

  .chk__custom-form .chk__custom-form-container {
    flex: 1;
  }

  .summary-totalizers .Items,
  .summary-totalizers tr td {
    font-weight: normal !important;
    font-size: 12px !important;
    color: var(--color-reserva-black) !important;
    line-height: 14px !important;
  }

  .chk__custom-form .chk__custom-form-content-form {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0px;
  }

  .chk__custom-form .chk__custom-form-input {
    height: 34px;
    border-radius: 0;
    padding: 0 0 0 10px;
    font-family: "Reserva Sans", sans-serif, serif;
    font-weight: normal;
    font-size: 12px;
    width: 100%;
    box-shadow: none;
  }

  #vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-webkit-input-placeholder,
  #vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-moz-placeholder,
  #vendor-fields .chk__custom-form-content-form .chk__custom-form-input::-ms-placeholder,
  #vendor-fields .chk__custom-form-content-form .chk__custom-form-input::placeholder {
    font-weight: 500 !important;
    font-size: 12px !important;
    color: var(--color-reserva-black) !important;
  }

  .chk__custom-form .chk__custom-form-button {
    background-color: var(--color-reserva-black);
    color: var(--color-reserva-white);
    min-width: 90px;
    width: 90px;
    height: 34px;
    border: 0;
    padding: 0;
    font-family: "Reserva Sans", sans-serif, "serif";
    font-weight: 400;
    font-size: 10px;
  }

  .chk__custom-form-content.rsv-button-loading .chk__custom-form-button {
    font-size: 0;
    position: relative;
    display: flex;
    align-items: center;
  }

  .chk__custom-form-content.rsv-button-loading .chk__custom-form-button:after {
    background: url(/arquivos/reserva-logo.gif) no-repeat;
    background-size: contain;
    width: 100%;
    height: 80%;
    content: "";
    background-position: center;
  }

  .chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit {
    font-size: 0;
    position: relative;
    display: flex;
    align-items: center;
  }

  .chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit:after {
    background: url(/arquivos/reserva-logo.gif) no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    content: "";
    background-position: center;
  }

  .chk__custom-form-content.rsv-button-loading .chk__custom-content-coupon-applied-edit:before {
    content: "";
  }

  .chk__custom-form .div-buttons {
    display: flex;
  }

  .chk__custom-form .chk__custom-form-content.rsv-button-loading {
    opacity: 0.7;
    pointer-events: none;
  }

  .chk__custom-form .chk__custom-form-edit {
    display: flex;
    width: 50%;
  }

  .chk__custom-form .chk__custom-form-edit span {
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 5px;
  }

  .chk__custom-form .chk__custom-form-clear {
    width: 50%;
    padding-right: 0;
  }

  .chk__custom-form .chk__custom-form-clear .icon-close::before {
    content: "check";
    font-size: 9px;
    color: transparent;
    background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M5.14162%2014.599L9.43571%2014.0274L5.72106%2010.3783L5.14162%2014.599Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.4668%203.00317L7.15303%2010.1882L6.53392%209.58L13.8477%202.39499L14.4668%203.00317ZM16.0145%204.52362L8.7008%2011.7086L8.08169%2011.1005L15.3954%203.91544L16.0145%204.52362ZM9.62917%2012.6206L16.9429%205.4356L17.562%206.04378L10.2483%2013.2288L9.62917%2012.6206Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M18.3747%205.24575L14.6601%201.59667L16.2853%200L20%203.64908L18.3747%205.24575Z%27%20fill%3D%27black%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M3.28346%204.51565C2.19542%204.51565%201.31338%205.38222%201.31338%206.45119V16.7741C1.31338%2017.8431%202.19542%2018.7096%203.28346%2018.7096H13.7905C14.8786%2018.7096%2015.7606%2017.8431%2015.7606%2016.7741V11.6126H17.074V16.7741C17.074%2018.5557%2015.6039%2020%2013.7905%2020H3.28346C1.47005%2020%200%2018.5557%200%2016.7741V6.45119C0%204.66958%201.47005%203.22529%203.28346%203.22529H8.53699V4.51565H3.28346Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E);
    background-repeat: no-repeat;
    float: right;
    background-size: 17px 17px;
    width: 20px;
    height: 20px;
  }

  .summary-totalizers .Items {
    border-top: 1px solid #f4f4f4;
  }

  #coupon-fields-cta {
    border-top: 1px solid #f4f4f4;
  }

  .chk__custom-form-form,
  .chk__custom-form-content-form {
    display: flex;
    flex: 1;
  }

  .chk__custom-form-content {
    text-align: right;
  }

  #chk-promotion-coupon-cta {
    background-color: initial;
    border: initial;
    font-size: 10px;
    text-decoration: underline;
  }

  .cart-totalizers #coupon-fields-desc {
    border-top: 1px solid #f4f4f4;
    padding: 5px 0px 0px;
  }

  .cart-totalizers #coupon-fields {
    border: 0;
  }

  .cart-totalizers .chk__custom-form-desc-container {
    display: flex;
    flex-direction: column;
    padding: 0 16px;
  }

  .cart-totalizers .chk__custom-form-desc-title {
    font-size: 12px;
    line-height: 28px;
  }

  .cart-totalizers .chk__custom-form-desc-subtitle {
    color: #8c8c8c;
    font-family: "Reserva Sans", sans-serif, "serif" !important;
    font-weight: normal;
  }

  .chk__custom-form-content-coupon-applied {
    padding: 10px 0px 10px 10px;
    display: flex;
    align-items: center;
    width: 100%;
  }

  .chk__custom-form-content-coupon-applied > span {
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    gap: 7px;
    align-items: center;
  }

  .chk__custom-form-content-coupon-applied > span:first-child :after {
    content: "";
    width: 15px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAJFBMVEVHcEwSq2wQr2gRq2oSqmsSrGsQqWwSrW0Sq2oQr3ASq2oRq2u1cfU4AAAAC3RSTlMAgCDfoJ9Qj4AQf2cuMs8AAAAJcEhZcwAACxMAAAsTAQCanBgAAABCSURBVBjTY2DAAJyYQgxMzFxYxLgZKRVj4sCijp2bFYteFpgoinlQUTQ7wKIY9gJFsbiFhZsb031AUUYswcCGzAEAzGUBcCbAnvEAAAAASUVORK5CYII=);
    height: 10px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .chk__custom-form-content-coupon-list-dependencies {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  .chk__custom-form-content-coupon-applied > button {
    background: transparent;
    border: 0;
    margin-left: auto;
    display: flex;
    gap: 5px;
    text-decoration: underline;
    align-items: center;
    font-size: 10px;
  }

  .chk__custom-form-content-coupon-applied > button::before {
    color: #000;
    text-decoration: underline;
    content: "EDITAR";
  }

  .chk__custom-form-content-coupon-applied > button::after {
    content: "";
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
    width: 10px;
    height: 10px;
    display: block;
    background-size: contain;
  }

  /* Shipping preview
      ========================================================================== */

  #shipping-preview-container {
    margin-left: auto;
    margin-right: auto;
  }

  #shipping-preview-container .srp-main-title {
    font-weight: bold;
  }

  #shipping-preview-container .vtex-shipping-preview-0-x-frame {
    border-radius: 0;
  }

  #shipping-preview-container .srp-toggle {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 0 !important;
  }

  #shipping-preview-container .srp-toggle__wrapper {
    border-radius: 0;
    box-shadow: none;
  }

  #shipping-preview-container .srp-toggle__wrapper label {
    font-weight: 500;
    color: var(--color-reserva-black);
    font-size: 12px;
  }

  #shipping-preview-container .srp-toggle__wrapper .blue {
    color: var(--color-reserva-black);
  }

  #shipping-preview-container .srp-toggle__wrapper .srp-toggle__current {
    box-shadow: none;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid var(--color-reserva-main);
  }

  #shipping-preview-container .shipping-method-wrapper .shipping-method-toggle {
    box-shadow: none;
    border: 0;
  }

  #shipping-preview-container .srp-result .srp-items {
    font-size: 12px;
    line-height: 17px;
    color: #818284;
  }

  .srp-toggle {
    display: none;
  }

  .srp-delivery-info {
    display: none;
  }

  #shipping-preview-container .srp-delivery-header .srp-items::after {
    content: "CEP";
    margin-right: 10px;
  }

  #shipping-preview-container .srp-result .srp-items > strong {
    font-weight: normal;
  }

  #shipping-preview-container .srp-main-title {
    display: none;
  }

  /*  #shipping-preview-container #shipping-calculate-link,
  #shipping-preview-container .srp-description {
    display: none;
  } */

  #ship-country:focus {
    outline: 0;
  }

  /* Hide labels like "Mais econômica" and "Mais rápida" */
  #shipping-preview-container .srp-delivery-current-many__name {
    display: none;
  }

  #shipping-preview-container .srp-delivery-current-many__price {
    font-weight: bold;
    color: var(--color-reserva-black);
    font-size: 12px;
  }

  #shipping-preview-container .srp-delivery-select-container {
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    background: #f5f5f5;
    border-width: 1px;
  }

  .srp-shipping-current-single__description {
    font-size: 12px;
  }

  .srp-shipping-current-single__sla {
    border-right: 1px solid #d8d9da;
    color: var(--color-reserva-black) !important;
  }

  .srp-shipping-current-single__price {
    color: var(--color-reserva-black) !important;
  }

  .srp-shipping-current-single {
    border-radius: unset !important;
    background: #f5f5f5 !important;
    border: unset !important;
  }

  .srp-shipping-current-single__wrapper svg path {
    fill: var(--color-reserva-black);
  }

  #find-pickup-link {
    background: var(--color-reserva-black);
    border: unset;
    border-radius: unset;
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    max-width: unset;
    color: var(--color-reserva-white) !important;
    font-weight: unset !important;
    font-family: "Reserva Sans", sans-serif, "serif";
    font-weight: 400;
  }

  #find-pickup-link span {
    font-size: 0;
  }

  #find-pickup-link span::before {
    content: "BUSCAR UMA LOJA";
    font-size: 16px;
  }

  /* Pickup modal section
      ========================================================================== */

  .vtex-pickup-points-modal-3-x-infoBar {
    padding: 0;
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-infoBarContainer {
    border-radius: 0;
    box-shadow: none;
    padding: 0px 15px;
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalHeader {
    border: 0;
  }

  .vtex-pickup-points-modal-3-x-infoBar
    .vtex-pickup-points-modal-3-x-modalHeader
    .vtex-pickup-points-modal-3-x-modalTitle {
    color: var(--color-reserva-black);
    font-size: 0;
  }

  .vtex-pickup-points-modal-3-x-infoBar
    .vtex-pickup-points-modal-3-x-modalHeader
    .vtex-pickup-points-modal-3-x-modalTitle:after {
    content: "Selecione uma loja";
    font-size: 16px;
  }

  .vtex-omnishipping-1-x-details.button-details-pickup-point {
    color: var(--color-reserva-black) !important;
    text-decoration: underline;
    text-transform: uppercase;
    font-size: 10px;
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearchIcon.pkpmodal-search-icon path {
    fill: var(--color-reserva-black);
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearch {
    border: 1px solid var(--color-reserva-border-grey);
    margin-bottom: 10px;
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-modalSearch .pac-target-input {
    box-shadow: none;
  }

  .vtex-pickup-points-modal-3-x-infoBar .vtex-pickup-points-modal-3-x-askGeolocationBtn {
    opacity: 1;
    display: flex;
    align-items: center;
    border-left: 1px solid var(--color-reserva-border-grey);
  }

  .vtex-pickup-points-modal-3-x-infoBar
    .vtex-pickup-points-modal-3-x-askGeolocationBtn
    .pkpmodal-use-geolocation-icon
    path {
    fill: var(--color-reserva-black);
  }

  .vtex-pickup-points-modal-3-x-infoBarContainer .vtex-pickup-points-modal-3-x-pointsList {
    padding: 0 15px 0 0;
  }

  .vtex-pickup-points-modal-3-x-infoBarContainer
    .vtex-pickup-points-modal-3-x-pointsList
    .vtex-pickup-points-modal-3-x-pickupListTitle {
    font-size: 0;
    text-transform: uppercase;
  }

  .vtex-pickup-points-modal-3-x-infoBarContainer
    .vtex-pickup-points-modal-3-x-pointsList
    .vtex-pickup-points-modal-3-x-pickupListTitle:after {
    content: "LOJAS MAIS PRÓXIMAS DE VOCÊ:";
    font-size: 12px;
    font-weight: 700;
  }

  .vtex-pickup-points-modal-3-x-infoBarContainer
    .vtex-pickup-points-modal-3-x-pointsList
    .vtex-pickup-points-modal-3-x-showListButton {
    font-size: 0;
    color: var(--color-reserva-black) !important;
    border: 1px solid var(--color-reserva-black) !important;
  }

  .vtex-pickup-points-modal-3-x-infoBarContainer
    .vtex-pickup-points-modal-3-x-pointsList
    .vtex-pickup-points-modal-3-x-showListButton:after {
    content: "VER TODAS AS LOJAS";
    font-size: 14px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointMarker svg > path:first-child {
    fill: #000;
  }

  .vtex-pickup-points-modal-3-x-pickupPointPrice,
  .vtex-pickup-points-modal-3-x-pickupPointSla {
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-reserva-green);
    font-size: 10px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointDistance {
    font-weight: 500;
  }

  .vtex-pickup-points-modal-3-x-pickupPointName {
    font-weight: 500;
    margin-bottom: 3px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointAddress {
    color: var(--color-reserva-grey);
    font-weight: 500;
    margin-bottom: 2px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointAvailability {
    color: var(--color-reserva-black);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 9px;
    margin-top: 0px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointMarker,
  .vtex-pickup-points-modal-3-x-pickupPointMarkerPostalCode {
    align-self: center;
  }

  .vtex-pickup-points-modal-3-x-pickupPointSlaAvailability,
  .vtex-pickup-points-modal-3-x-pickupPointSlaAvailabilityPostalCode {
    padding: 0px 8px 8px 60px;
    border: none;
  }

  .vtex-pickup-points-modal-3-x-pickupPointMain {
    padding-bottom: 2px;
  }

  /* Shipping section
      ========================================================================== */

  #shipping-data {
    background-color: var(--color-reserva-white);
    padding: 20px 25px;
    margin-left: 2%;
    flex-basis: 49%;

    @media screen and (max-width: 768px) {
      padding: 1rem;
    }
  }

  #shipping-data .shipping-data {
    border: none;
    padding: 0;
    border-radius: 0;
    background-color: var(--color-reserva-white);
    margin-bottom: 0;
  }

  #shipping-data .icon-home {
    display: none;
  }

  #shipping-data .accordion-heading {
    margin: 0;
  }

  #shipping-data .accordion-heading .accordion-toggle {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  #shipping-data .shipping-method-wrapper {
    border-radius: 0;
    border: none;
    box-shadow: none;
  }

  #shipping-data .shipping-method-toggle {
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    border: 0;
  }

  #shipping-data .shp-method-option.shp-method-option-active {
    color: var(--color-reserva-black);
    border-bottom: 2px solid var(--color-reserva-main);
    font-weight: 500;
  }

  #shipping-data .shp-method-option {
    font-family: "Reserva Sans", sans-serif, serif;
    font-weight: 500;
    color: var(--color-reserva-black);
    text-transform: uppercase;
    font-size: 12px;
  }

  #shipping-data .shp-method-option-text {
    display: none;
  }

  #shipping-data .accordion-inner .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode small a {
    font-size: 12px;
    color: var(--color-reserva-black) !important;
    line-height: 16px;
    margin-left: 16px;
    text-decoration: underline;
  }

  #shipping-data .accordion-inner .vtex-omnishipping-1-x-addressFormPart1 .ship-postalCode #ship-postalCode {
    min-width: 150px;
  }

  #delivery-packages-options .shp-lean-option-active {
    background: none;
  }

  .vtex-omnishipping-1-x-svg path {
    fill: var(--color-reserva-black);
  }

  #delivery-packages-options .shp-option-text {
    border-right: none;
  }

  #shipping-data #shipping-option-delivery,
  #shipping-data #shipping-option-delivery {
    font-size: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 0;
  }

  #shipping-data #shipping-option-pickup-in-point::after {
    font-weight: 500;
  }

  #shipping-data .vtex-omnishipping-1-x-deliveryChannelsLoader {
    display: none;
  }

  #shipping-data .vtex-omnishipping-1-x-PickupPointInfo .pickup-marker-blue {
    display: none;
  }

  #shipping-data .vtex-omnishipping-1-x-PickupPointInfo .vtex-omnishipping-1-x-pointWrapper {
    padding-left: 0;
  }

  #shipping-data .vtex-omnishipping-1-x-summaryChange {
    font-size: 0;
  }

  #shipping-data .vtex-omnishipping-1-x-buttonEditAddress i,
  #shipping-data .vtex-omnishipping-1-x-buttonCreateAddress i {
    display: none;
  }

  .vtex-omnishipping-1-x-removeFromCartWrapper {
    font-size: 12px;
  }

  #shipping-data .vtex-omnishipping-1-x-pickupPointChange.button-change-pickup-point {
    margin-top: 12px !important;
  }

  /* Purchase Button
      ========================================================================== */

  #cart-to-orderform {
    background-color: var(--color-reserva-green);
    box-shadow: none;
    background-image: none;
    font-family: "Reserva Sans", sans-serif, serif;
    font-weight: normal;
    font-size: 10px;
    text-transform: uppercase;
    border: 0;
    border-radius: 0;
    font-size: 0;
    padding: 14px 19px 8px;
  }

  #cart-to-orderform::before {
    content: "Finalizar compra";
    font-size: 14px;
    font-family: "Reserva Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bold;
  }

  #cart-choose-more-products {
    display: inline-block;
    cursor: pointer;
    border: 1px solid var(--color-reserva-black);
    padding: 14px 19px 8px;
    color: var(--color-reserva-black);
    background-image: none;
    font-family: "Reserva Sans", sans-serif, "Reserva Sans", serif;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    text-align: center;
    font-size: 0;
  }

  #cart-choose-more-products::before {
    content: "Continuar comprando";
    font-size: 14px;
    font-family: "Reserva Sans", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: bold;
    text-align: center;
  }

  #cart-choose-more-products:hover {
    text-decoration: none;
  }

  /* ==========================================================================
      User identification modal
      ========================================================================== */

  .email-message-modal {
    left: 0;
    width: 95%;
    margin: 0 2.5%;
    height: auto;
  }

  .email-message-modal .identified-user-modal-body {
    display: flex;
    flex-direction: column;
  }

  /* VTEX ID Modal
      ========================================================================== */

  #vtexIdContainer .vtexIdUI {
    width: 95%;
  }

  /* ==========================================================================
      Orderform
      ========================================================================== */

  .checkout-container .orderform-template {
    flex-direction: column;
    width: 85%;
    margin: 0 auto !important;
  }

  .orderform-template .orderform-template-holder > .row-fluid {
    flex-direction: column;
    height: auto;
  }

  #client-profile-data {
    width: 100%;
    height: 100%;
  }

  #client-profile-data .client-profile-data.active {
    height: auto;
  }

  #client-profile-data .client-profile-data .accordion-inner {
    padding: 10px 0px;
  }

  #client-profile-data .client-profile-data .accordion-inner .box-step .box-edit .box-client-info {
    display: flex;
    flex-direction: column;
  }

  .orderform-template-holder .client-profile-data .box-client-info-pf {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .orderform-template-holder .client-profile-data .box-client-info-pf > p,
  .orderform-template-holder .client-profile-data .box-client-info-pf > div {
    width: 100%;
    margin-bottom: 10px;
  }

  .orderform-template-holder .client-profile-data input[type="text"],
  .orderform-template-holder .client-profile-data .client-birthday {
    width: 100% !important;
  }

  .orderform-template-holder .client-profile-data .client-document input,
  .orderform-template-holder .client-profile-data .client-new-phone input,
  .orderform-template-holder .client-profile-data .client-phone input {
    width: 100% !important;
  }

  .orderform-template-holder .client-profile-data .client-new-phone,
  .orderform-template-holder .client-profile-data .client-phone {
    float: none !important;
    width: 100% !important;
  }

  #shipping-data {
    flex-basis: 100%;
    margin: 0;
  }

  /* ==========================================================================
      Minicart
      ========================================================================== */

  .checkout-container .orderform-template .mini-cart {
    margin: 0;
  }

  /* ==========================================================================
      Payment
      ========================================================================== */

  #app-container > .App {
    padding: 0;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
    margin: 30px 0 0 0;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .payment-group {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content form .steps-view {
    width: 100%;
    float: none;
    clear: unset;
    margin: 30px 0 0 0;
  }

  /* ==========================================================================
      Custom Giftcard
      ========================================================================== */

  #payment-data .custom-giftcard-section .custom-giftcard-form {
    flex-direction: column;
    gap: 5px;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section {
    width: 100%;
    float: unset;
  }

  #payment-data .custom-giftcard-section .custom-giftcard-form > div {
    flex-basis: 100%;
    width: 100%;
    max-width: unset;
    margin: 0;
  }

  #payment-data .custom-giftcard-section .custom-giftcard-form > div #custom-giftcard-password {
    width: 100%;
    max-width: unset;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap {
    position: initial;
    width: 100%;
    float: initial;
    right: initial;
  }

  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    form
    .steps-view
    .submit.payment-submit-hide
    .payment-submit-hide {
    margin-top: 15px;
  }

  .modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal {
    transform: translateY(50%);
  }
}

@media (max-width: 490px) {
  .full-cart .cart table tbody tr td.product-name {
    padding: 0 0 10px !important;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 640px) {
  .checkout-container .orderform-template .mini-cart .cart-fixed {
    padding: 0px;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Medium devices (920px and down) */
@media only screen and (max-width: 992px) {
  .checkout-container .orderform-template .mini-cart .cart-fixed .cart-items .hproduct .description {
    margin-left: 0;
  }
}

/*
    width: 274px;
    height: 300px;
    border-radius: 0;
    background: var(--color-reserva-white);
    transform: translateX(-50%);
    margin: 0 auto;
  }

  .modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal
    .payment-confirmation-loading {
    display: none;
  }

  .modal-body.default-modal-body.payment-confirmation-modal-body {
    color: black;
    overflow: hidden;
    width: unset;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .modal-body.default-modal-body.payment-confirmation-modal-body::before {
    content: '';
    width: 90%;
    height: 90%;
    background-size: 45px 63px;
    background-color: var(--color-reserva-white);
    display: block;
    position: absolute;
    z-index: 999;
  }

  .modal-body.default-modal-body.payment-confirmation-modal-body::after {
    position: absolute;
    content: '';
    top: 25%;
    left: 22%;
    width: 150px;
    height: 150px;
    z-index: 9999;
    border:solid 2px #333;
    border-radius: 50%;
    border-right-color: transparent;
    border-bottom-color: transparent;
      -webkit-transition: all 0.5s ease-in;
      -webkit-animation-name:             rotate;
      -webkit-animation-duration:         1.0s;
      -webkit-animation-iteration-count:  infinite;
      -webkit-animation-timing-function: linear;

          transition: all 0.5s ease-in;
      animation-name:             rotate;
      animation-duration:         1.0s;
      animation-iteration-count:  infinite;
      animation-timing-function: linear;
  }

  .modal-body.default-modal-body.payment-confirmation-modal-body .payment-confirmation-thanks {
    font-family: 'Reserva Sans', sans-serif;
    font-weight: 700;
  }

  .modal-body.default-modal-body.payment-confirmation-modal-body .payment-confirmation-message {
    float: left;
    width: 251px;
    font-family: 'Reserva Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }

  .email-message-modal {
    top: 20% !important;
    border-radius: 0;
    width: 500px;
    height: 270px;
    left: 55%;
    padding: 30px;
    background: white;
    border: none;
  }

  .email-message-modal .identified-user-modal-body {
    width: 100%;
    height: auto;
    padding: 10px;
  }

  .email-message-modal .identified-user-modal-body .identified-user-security {
    opacity: 100%;
  }

  .email-message-modal .identified-user-modal-body .identified-user-security .icon-lock::before {
    content: '' !important;
    background: url('data:image/svg+xml;utf8,%3Csvg%20width%3D%2768%27%20height%3D%2769%27%20viewBox%3D%270%200%2068%2069%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M29.4667%205.03333C23.2074%205.03333%2018.1333%2010.1074%2018.1333%2016.3667V27.7H40.8V16.3667C40.8%2010.1074%2035.7259%205.03333%2029.4667%205.03333ZM45.3333%2027.7V16.3667C45.3333%207.60375%2038.2296%200.5%2029.4667%200.5C20.7037%200.5%2013.6%207.60375%2013.6%2016.3667V27.7H6.8C3.04446%2027.7%200%2030.7445%200%2034.5V61.7C0%2065.4555%203.04446%2068.5%206.8%2068.5H52.1333C55.8889%2068.5%2058.9333%2065.4555%2058.9333%2061.7V59.2066C64.1064%2058.1565%2068%2053.583%2068%2048.1C68%2042.617%2064.1064%2038.0435%2058.9333%2036.9934V34.5C58.9333%2030.7445%2055.8889%2027.7%2052.1333%2027.7H45.3333ZM54.4%2036.7667V34.5C54.4%2033.2482%2053.3852%2032.2333%2052.1333%2032.2333H6.8C5.54815%2032.2333%204.53333%2033.2482%204.53333%2034.5V61.7C4.53333%2062.9518%205.54815%2063.9667%206.8%2063.9667H52.1333C53.3852%2063.9667%2054.4%2062.9518%2054.4%2061.7V59.4333H38.5333C32.2741%2059.4333%2027.2%2054.3592%2027.2%2048.1C27.2%2041.8408%2032.2741%2036.7667%2038.5333%2036.7667H54.4ZM38.5333%2041.3C34.7778%2041.3%2031.7333%2044.3445%2031.7333%2048.1C31.7333%2051.8555%2034.7778%2054.9%2038.5333%2054.9H56.6667C60.4222%2054.9%2063.4667%2051.8555%2063.4667%2048.1C63.4667%2044.3445%2060.4222%2041.3%2056.6667%2041.3H38.5333ZM49.8667%2050.3667H45.3333V45.8333H49.8667V50.3667ZM40.8%2050.3667H36.2667V45.8333H40.8V50.3667ZM58.9333%2050.3667H54.4V45.8333H58.9333V50.3667Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E')
      no-repeat;
    width: 68px !important;
    height: 69px !important;
    left: -16px !important;
    top: -6px !important;
    background-repeat: no-repeat;
  }

  .email-message-modal .identified-user-modal-body .identified-user-hello {
    font-family: 'Reserva Sans', sans-serif;
    font-weight: 700;
    color: #000;
  }

  .email-message-modal .identified-user-modal-body .identified-user-message {
    font-family: 'Reserva Sans', sans-serif;
    font-weight: normal;
    color: #656565;
    font-size: 16px;
    line-height: 160%;
  }

  .email-message-modal .identified-user-modal-body #btn-identified-user-button {
    width: 250px;
    height: 40px;
    border-radius: 0px;
    background-image: none;
    text-decoration: none;
    font-size: 11px;
    color: #fff;
    background-color: #000 !important;
    border: none;
    margin-top: 10px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-family: 'Nunito', sans-serif;
    text-shadow: none;
  }

  .modal-backdrop.fade.in {
    background: #8a8c8e;
    opacity: 0.6;
  }

  .default-modal-security.payment-confirmation-security {
    display: none;
  }

  p.payment-confirmation-content {
    text-align: center;
  }

  /* VTEX ID Modal
      ========================================================================== */

#vtexIdContainer {
  position: fixed !important;
}

#vtexIdContainer .vtexIdUI .close::before {
  font-size: 24px;
}

#vtexIdContainer {
  background: rgba(0, 0, 0, 0.2);
}

#vtexIdContainer .vtexIdUI {
  width: 450px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 {
  font-size: 16px;
}

#vtexIdContainer .vtexIdUI .modal-body {
  padding: 20px 20px 20px;
  padding-top: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer {
  display: flex;
  padding: 0 20px;
}

#vtexIdContainer .vtexIdUI .close {
  height: 20px;
  width: 20px;
}

#vtexIdContainer .vtexIdUI {
  background-color: #f9f9f9;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  border: unset;
  box-shadow: unset;
  border-radius: unset;
  margin: unset !important;
  left: 50% !important;
  top: 10% !important;
  transform: translateX(-50%) !important;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.2);
}

#vtexIdContainer .vtexIdUI .vtexid-icon-lock.bottom-icon,
#vtexIdContainer .vtexIdUI-user,
#vtexIdContainer .vtexIdUI .info-why.muted {
  display: none;
}

#vtexIdContainer .vtexIdUI .modal-header {
  padding-top: 40px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 {
  margin: unset;
  font-size: 14px;
}

#vtexIdContainer .vtexIdUI .modal-header h4 .vtexIdUI-heading {
  text-align: center;
}

#vtexIdContainer .vtexIdUI .modal-body {
  background: unset;
  padding: 20px;
}

#vtexIdContainer .vtexIdUI .modal-body .control-label span {
  display: none;
}

#vtexIdContainer .vtexIdUI .modal-body div.controls {
  border: unset !important;
  border-bottom: 1px solid #8a8c8e !important;
  margin-bottom: 56px;
}

#vtexIdContainer .vtexIdUI .modal-body div.controls input {
  margin-bottom: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer {
  border: unset;
  background: unset;
  box-shadow: unset;
}

#vtexIdContainer .vtexIdUI .modal-footer #classicLoginBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
  margin-top: 0;
}

#vtexIdContainer .vtexIdUI .modal-footer #sendAccessKeyBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
  margin-top: 0;
}

#vtexIdContainer .vtexIdUI-classic-login-control {
  overflow: unset;
  position: relative;
  display: block !important;
  margin-bottom: unset;
}

#vtexIdContainer .vtexIdUI-classic-login-control span {
  color: #000;
  font-weight: 700;
}

#vtexIdContainer .vtexIdUI-classic-login-control > a,
#vtexIdContainer .vtexIdUI-classic-login-control label a {
  color: #000;
  position: absolute;
  top: -45px;
  right: 0;
  line-height: 20px;
  -webkit-text-decoration-line: underline;
  text-decoration-line: underline;
  text-transform: inherit;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
}

#vtexIdContainer .vtexIdUI-classic-login-control > a {
  bottom: -30px;
  top: unset;
}

#vtexIdContainer .vtexIdUI .btn,
#vtexIdContainer .vtexIdUI-back-link {
  font-family: "Reserva Sans", sans-serif;
  border-radius: unset;
  background: unset;
  box-shadow: unset;
  text-shadow: unset;
  font-weight: 400;
  border: 1px solid #041e50;
  font-size: 14px;
}

#vtexIdContainer .vtexIdUI .btn .vtexid-icon-mail,
#vtexIdContainer .vtexIdUI-back-link .vtexid-icon-mail {
  display: none;
}

#vtexIdContainer .vtexIdUI .btn:hover,
#vtexIdContainer .vtexIdUI-back-link:hover {
  filter: opacity(80%);
}

#vtexIdContainer .vtexIdUI-back-link {
  margin: unset;
  border: 1px solid transparent;
  color: #000;
  text-decoration: underline;
  font-size: 12px;
  text-transform: lowercase;
  padding-top: 5px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#vtexIdContainer .vtexIdUI-back-link::before {
  content: "";
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2716%27%20height%3D%2716%27%20viewBox%3D%270%200%2016%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20d%3D%27M11.6327%201.87524e-06C11.8352%20-0.000356689%2011.9996%200.155116%2012%200.347209C12.0002%200.439816%2011.9614%200.528672%2011.8923%200.594083L4.08533%207.9998L11.8923%2015.4055C12.0356%2015.5415%2012.0356%2015.762%2011.8923%2015.898C11.7489%2016.034%2011.5165%2016.034%2011.3731%2015.898L3.30734%208.24602C3.16422%208.11021%203.16422%207.89004%203.30734%207.7542L11.3731%200.10226C11.4419%200.0368156%2011.5353%201.86672e-06%2011.6327%201.87524e-06Z%27%20fill%3D%27black%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  background-position: center;
  background-size: cover;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

#vtexIdContainer .vtexIdUI-back-link i {
  display: none;
}

#vtexIdContainer .vtexIdUI-back-link span {
  display: block;
  width: 100%;
  text-align: center;
  padding-top: 2px;
  font-size: inherit;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
}

#vtexIdContainer .vtexIdUI .btn-success {
  background-color: #000;
  color: #fff;
  text-transform: uppercase;
  height: auto !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  letter-spacing: 0.2em;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .btn-success {
  font-size: 0;
  padding-bottom: 4px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-confirm-email .btn-success:before {
  content: "Enviar";
  font-family: "Reserva Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 18px;
  letter-spacing: 0.2em;
}

#vtexIdContainer .vtexIdUI input {
  border-radius: 0;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding-left: 0;
  border: none;
  background-color: transparent !important;
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI input :focus {
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-code-field {
  width: 100%;
  margin-top: 15px;
}

#vtexIdContainer .vtexIdUI .vtexIdUI-code-field input {
  width: 50%;
  margin: 0 auto;
  font-size: 30px;
  color: #000;
  font-weight: 700;
  background-color: #8a8c8e;
  box-sizing: content-box;
  padding: 6px 25px;
  letter-spacing: 4px;
  border: unset;
  border-radius: unset;
  background-color: transparent !important;
}

.spinner {
  animation: rotate 2s linear infinite;
  z-index: 2;
  position: absolute;
  left: 26%;
  margin: -25px 0 0 -25px;
  width: 25px;
  height: 50px;
  bottom: 71px;
}

.path {
  stroke: hsl(210, 70, 75);
  stroke-linecap: round;
  animation: dash 1.5s ease-in-out infinite;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35;
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124;
  }
}

#vtexIdContainer .vtexIdUI .close {
  display: block !important;
  opacity: 1;
  position: absolute;
  top: 4px;
  right: 4px;
  background: transparent;
  color: #656565;
  border-radius: 50%;
  padding: 0;
  line-height: 0;
  font-weight: 500;
  font-size: 0;
  height: 20px;
  width: 20px;
  margin: 15px;
}

#vtexIdContainer .vtexIdUI .close:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer .vtexIdUI .close::before {
  content: "";
  display: block;
  background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2720%27%20height%3D%2720%27%20viewBox%3D%270%200%2020%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M9.05692%209.99997L1.52832%202.47137L2.47113%201.52856L9.99973%209.05716L17.5283%201.52856L18.4711%202.47137L10.9425%209.99997L18.4711%2017.5286L17.5283%2018.4714L9.99973%2010.9428L2.47113%2018.4714L1.52832%2017.5286L9.05692%209.99997Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3C%2Fsvg%3E)
    no-repeat;
  width: 20px;
  height: 20px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list {
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: normal;
  padding-bottom: 10px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li .vtexid-icon-checkmark {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.7074%203.50005L5.50029%2012.7072L0.293187%207.50005L1.00029%206.79294L5.50029%2011.2929L14.0003%202.79294L14.7074%203.50005Z%27%20fill%3D%27%2311AB6B%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.0003%202.58081L14.9195%203.50005L5.50029%2012.9193L0.0810547%207.50005L1.00029%206.58081L5.50029%2011.0808L14.0003%202.58081ZM14.0003%203.00507L5.50029%2011.5051L1.00029%207.00507L0.505319%207.50005L5.50029%2012.495L14.4953%203.50005L14.0003%203.00507Z%27%20fill%3D%27%2311AB6B%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 16px;
  width: 15px;
  margin-left: 0px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li .vtexid-icon-checkmark.ng-hide {
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2715%27%20height%3D%2716%27%20viewBox%3D%270%200%2015%2016%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.7074%203.50005L5.50029%2012.7072L0.293187%207.50005L1.00029%206.79294L5.50029%2011.2929L14.0003%202.79294L14.7074%203.50005Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M14.0003%202.58081L14.9195%203.50005L5.50029%2012.9193L0.0810547%207.50005L1.00029%206.58081L5.50029%2011.0808L14.0003%202.58081ZM14.0003%203.00507L5.50029%2011.5051L1.00029%207.00507L0.505319%207.50005L5.50029%2012.495L14.4953%203.50005L14.0003%203.00507Z%27%20fill%3D%27%238A8C8E%27%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  display: inline-block !important;
  margin-left: 0px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-list li span {
  font-size: 12px;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-description {
  font-size: 16px !important;
  font-weight: normal;
  font-family: "Reserva Sans", sans-serif;
}

#vtexIdContainer .vtexIdUI .vtexid-password-requirements-description::after {
  content: ":";
}

#vtexIdContainer .vtexIdUI input[type="text"],
#vtexIdContainer .vtexIdUI input[type="password"],
#vtexIdContainer .vtexIdUI input[type="email"] {
  background-color: transparent !important;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading > span {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::before,
#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::after {
  text-align: center;
  color: #000;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::before {
  content: "Olá, precisamos te identificar!";
  display: block;
  font-weight: 700;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-auth-selector .modal-header .vtexIdUI-heading::after {
  content: "Escolha uma opção para entrar.";
  display: block;
  font-weight: normal;
  font-family: "Reserva Sans", sans-serif;
  color: #656565;
  margin-top: 10px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list {
  padding-bottom: 13px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li {
  margin-bottom: 0;
  margin-top: 15px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li:first-child {
  margin-top: 0;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn {
  position: relative;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  font-size: 12px;
  padding: 12px;
  letter-spacing: 0.2em;
  background: none;
  border: 1px solid #000;
  border-radius: 0;
  height: 45px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn i {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email {
  display: block;
  border: 1px solid #000;
  background-color: #000;
  width: 100%;
  padding: 13px 7px;
  font-size: 12px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email > * {
  display: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email::before {
  content: "Receber código por e-mail";
  color: #fff;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn.vtexIdUI-send-email::after {
  content: url('data:image/svg+xml; utf8, <svg width="18" height="11" viewBox="0 0 18 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.5 0V11H17.5V0H0.5ZM16.1121 0.744637L9.00027 6.73089L1.8874 0.744637H16.1121ZM1.23781 10.2548V1.16744L9.00027 7.70016L16.7622 1.16744V10.2554L1.23781 10.2548Z" fill="#041E50"/></svg>');
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 12px;
  top: 0;
  bottom: 0;
  top: 50%;
  transform: translateY(-50%);
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook {
  border: 1px solid #00386c;
  color: #00386c;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-facebook::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M1.3%2010C1.3%205.19512%205.19512%201.3%2010%201.3C14.8049%201.3%2018.7%205.19512%2018.7%2010C18.7%2014.6282%2015.0861%2018.4123%2010.5263%2018.6843V12.7391H12.4774L12.7871%2010.2506H10.5257V8.53617C10.5263%207.81692%2010.7199%207.32458%2011.722%207.32458H13V5.09858C12.7795%205.06825%2012.0212%205%2011.1382%205C9.29556%205%208.03333%206.15908%208.03333%208.28942V10.25H6V12.7385H8.03333V18.4768C4.17571%2017.5854%201.3%2014.1285%201.3%2010ZM0%2010C0%204.47715%204.47715%200%2010%200C15.5228%200%2020%204.47715%2020%2010C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010Z%22%20fill%3D%22%2300386C%22%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus {
  border: 1px solid #ec2d24;
  color: #ec2d24;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus:hover {
  filter: none;
  box-shadow: none;
}

#vtexIdContainer #vtexIdUI-auth-selector .vtexIdUI-providers-list li .btn#vtexIdUI-google-plus::after {
  content: "";
  display: inline-block;
  background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2010C0%204.47715%204.47715%200%2010%200C12.7979%200%2015.3289%201.15035%2017.1428%203.00141L15.7604%204.35605C14.2956%202.86118%2012.2568%201.93548%2010%201.93548C5.54609%201.93548%201.93548%205.54609%201.93548%2010C1.93548%2014.4539%205.54609%2018.0645%2010%2018.0645C14.1264%2018.0645%2017.529%2014.9654%2018.007%2010.9677H10.6452V9.03226H20V10C20%2015.5228%2015.5228%2020%2010%2020C4.47715%2020%200%2015.5228%200%2010Z%22%20fill%3D%22%23EC2D24%22%2F%3E%3C%2Fsvg%3E")
    no-repeat;
  height: 20px;
  width: 20px;
  margin-left: 10px;
}

#vtexIdContainer #vtexIdUI-email-confirmation {
  background-color: #fff;
}

#vtexIdContainer #vtexIdUI-email-confirmation .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-email-confirmation .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-classic-login .modal-footer {
  position: relative;
  bottom: 20px;
}

#vtexIdContainer #vtexIdUI-classic-login .vtexIdUI-classic-login-control .control-label span {
  display: none;
}

#vtexIdContainer #vtexIdUI-confirm-access-code {
  background-color: #fff;
}

#vtexIdContainer #vtexIdUI-confirm-access-code #access-code {
  background-color: #f2f2f2 !important;
  width: 176px;
  height: 40px;
  font-size: 14px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code #confirmLoginAccessKeyBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 182px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-body {
  padding: 10px 20px 20px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-confirm-access-code .info-code strong {
  color: #000;
  font-weight: normal;
}

#vtexIdContainer #vtexIdUI-change-pswd form.ng-pristine.ng-invalid.ng-invalid-required {
  height: 345px;
}

#vtexIdContainer #vtexIdUI-change-pswd .controls {
  margin-bottom: 25px !important;
}

#vtexIdContainer #vtexIdUI-change-pswd #tryChangePswdBtn {
  position: absolute;
  right: 0;
  margin-right: 20px;
  width: 270px;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-header {
  background: unset;
  border-bottom: unset;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-header .vtexIdUI-heading {
  display: block;
  font-weight: 700;
  color: #000;
  font-family: "Reserva Display", sans-serif;
  font-size: 24px;
}

#vtexIdContainer #vtexIdUI-change-pswd .modal-footer {
  display: flex;
  padding: 0px 20px;
  position: relative;
  bottom: 10px;
}

#vtexIdContainer #vtexIdUI-change-pswd .control-label span {
  font-weight: 700;
}

/* ==========================================================================
      Giftcard
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section .payment-discounts {
  background: var(--color-reserva-white);
}

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section {
  float: right;
  margin: 0;
  width: 60%;
  padding: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap {
  position: relative;
  right: 0;
  float: right;
  margin-bottom: 20px;
  width: 60%;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert {
  background: var(--color-reserva-white);
  color: var(--color-reserva-black);
  font-size: 0;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 500;
  border: none;
  border-bottom: 1px solid #eee;
  padding: 14px;
  width: 100%;
  text-decoration: none;
  margin: 0;
  pointer-events: none;
  padding-left: 20px;
  display: flex;
  align-items: center;
  padding-top: 0;
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert {
    padding: 0;
    flex-direction: column;
  }
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap::before {
  color: var(--color-reserva-black);
  font-family: "Reserva Sans", sans-serif;
  font-weight: 700;
  content: "Você tem créditos!";
  font-size: 22px;
  padding-left: 20px;
}

@media (max-width: 768px) {
  #payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap::before {
    width: 100%;
    position: absolute;
    text-align: center;
    padding-left: 0;
  }
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::before {
    margin-top: 20px;
  }
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert::before {
  content: "Confira seu saldo e aproveite já nesta compra.";
  font-size: 16px;
  white-space: pre;
  font-weight: 300;
}

#payment-data
  .accordion-body
  .accordion-inner
  .box-step-content
  .payment-discounts-alert-wrap
  .alert.payment-discounts-alert::after {
  content: "VER CRÉDITOS";
  font-size: 12px;
  height: 32px;
  background-color: var(--color-reserva-black);
  color: var(--color-reserva-white);
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  transition: none;
  padding: 4px 32px;
  opacity: 1;
  text-decoration: none !important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  cursor: pointer;
  pointer-events: initial;
}

@media (min-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::after {
    position: absolute;
    right: 0;
    top: 0;
  }
}

@media (max-width: 768px) {
  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    .payment-discounts-alert-wrap
    .alert.payment-discounts-alert::after {
    margin-bottom: 15px;
    width: 100%;
    padding: 10px 0px;
    display: block;
    height: auto;
  }
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card {
  position: absolute;
  margin: 0;
  display: block !important;
  width: 35%;
  float: left;
  max-width: 338px;
  clear: both;
  top: 0;
  left: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group {
  position: inherit;
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  margin: 0px;
  padding: 0;
  height: 40px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  line-height: initial;
  max-width: 338px;
  width: 100%;
  font-size: 0;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group:before {
  content: "CARTÃO PRESENTE";
  font-size: 12px;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group.active {
  background-color: var(--color-reserva-black);
  border-radius: 3px;
  color: var(--color-reserva-white);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
}

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section.active {
  display: initial;
}

#payment-data .custom-giftcard-section {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

#payment-data .payment-discounts-list .gift-card-provider-group .gift-card-provider {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-reserva-black);
  border-bottom: 1px solid var(--color-reserva-bg-lightgrey);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody {
  height: 100px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody tr {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}

@media only screen and (max-width: 768px) {
  #payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody tr {
    width: 100%;
    flex-direction: column;
  }

  #payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number {
    width: 100% !important;
  }

  #payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action {
    width: 100% !important;
    padding: 0 !important;
    padding-top: 10px !important;
  }
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table tbody tr .code {
  margin-right: 22px;
  width: 100%;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number {
  background: var(--color-reserva-bg-grey);
  border: 1px solid var(--color-reserva-bg-grey);
  max-width: 296px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 60%;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-spinner {
  right: 10px;
  position: absolute;
  animation: none;
  height: 100%;
  width: 15px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number span {
  color: var(--color-reserva-black) !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-spinner::before {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  content: "";
  background-position: center;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .number
  span[data-bind$="availableLabel"] {
  display: none !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-ok {
  right: 10px;
  position: absolute;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .number .icon-ok::before {
  content: "";
  background: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2721%27%20height%3D%2720%27%20viewBox%3D%270%200%2021%2020%27%20fill%3D%27none%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%3E%3Ccircle%20cx%3D%2710.7339%27%20cy%3D%2710%27%20r%3D%2710%27%20fill%3D%27%2311AB6B%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M15.9644%207.28727L9.28221%2013.9695L5.50308%2010.1903L6.01627%209.67713L9.28221%2012.9431L15.4512%206.77407L15.9644%207.28727Z%27%20fill%3D%27white%27%2F%3E%3Cpath%20fill-rule%3D%27evenodd%27%20clip-rule%3D%27evenodd%27%20d%3D%27M15.4512%206.62012L16.1184%207.28727L9.28221%2014.1234L5.34912%2010.1903L6.01627%209.52317L9.28221%2012.7891L15.4512%206.62012ZM15.4512%206.92803L9.28221%2013.097L6.01627%209.83109L5.65704%2010.1903L9.28221%2013.8155L15.8104%207.28727L15.4512%206.92803Z%27%20fill%3D%27white%27%2F%3E%3C%2Fsvg%3E)
    no-repeat;
  width: 22px;
  height: 20px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  font-size: 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  content: "Quero utilizar outro valor";
  font-size: 14px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue .valueTitle {
  margin-right: 10px;
  color: #000;
  font-size: 0;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .partialValue
  .valueTitle::before {
  content: "Digite o valor a utilizar";
  font-size: 14px;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .partialValue
  .edit-partial
  .input-prepend {
  margin: 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue .add-on {
  padding: 10px 10px !important;
  height: 40px;
  border-radius: 0;
  border: 0;
  background-color: var(--color-reserva-bg-grey);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action {
  padding: 0;
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  width: 100%;
  height: unset;
  font-size: 0;
  color: var(--color-reserva-black);
  font-weight: 700;
}

#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card #show-gift-card-group,
#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"] {
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  margin: 0px;
  transition: none;
  padding: 0;
  opacity: 1;
  text-decoration: none !important;
}

#payment-data
  .payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.addCredit"]::before {
  content: "UTILIZAR";
  font-size: 14px;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.keepCredit"]::before {
  content: "Mudei de ideia,";
  font-size: 12px;
  float: left;
  margin-right: 3px;
}

.payment-discounts-list
  .gift-card-provider-group
  .payment-discoints-table
  .action
  a[data-i18n="global.keepCredit"]::before {
  content: "NÃO UTILIZAR SALDO";
  display: flex;
  font-size: 14px;
  width: 100%;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  text-align: center;
  height: 40px;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue {
  display: flex;
  align-items: center;
  margin-top: 10px !important;
  margin-bottom: 0;
  padding-right: 0;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a {
  text-decoration: underline;
  font-size: 0;
  color: var(--color-reserva-black);
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue a::before {
  content: "Quero utilizar outro valor";
  font-size: 14px;
}

/* Custom giftcard
      ========================================================================== */

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section ~ .gift-card-section,
#payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card ~ .gift-card-section {
  display: none !important;
}

#payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section {
  display: none;
  float: right;
  width: 60%;
  margin: 0;
  position: unset;
  margin-left: 5%;
  margin-top: 10px;
}

#payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section:last-child {
  display: none !important;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .partialValue {
  margin-top: 30px !important;
  width: 100%;
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 0px;
}

#ocb-cashback-limit-disclaimer {
  height: 60px;
  display: flex;
  margin-top: 5px;
  font-weight: 300;
  padding: 0px;
  font-family: "Reserva Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0em;
  color: var(--color-reserva-black);
  text-rendering: optimizelegibility;
}

#ocb-cashback-limit-disclaimer > td {
  display: flex;
  align-items: center;
}

#ocb-cashback-limit-disclaimer span {
  font-size: 14px;
  font-weight: 600;
  min-width: 14px;
  height: 14px;
  border-radius: 10px;
  color: var(--color-reserva-white);
  background-color: var(--color-reserva-black);
  margin: 0px 10px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 768px) {
  #ocb-cashback-limit-disclaimer span {
    margin: 0px 3px 0px 0px !important;
  }
}

#payment-data .payment-discounts-list .gift-card-provider-group .payment-discoints-table .action a {
  background-color: transparent;
  border-radius: 3px;
  color: var(--color-reserva-black);
  text-transform: uppercase;
  font-weight: 500;
  text-align: center;
  border: 1px solid var(--color-reserva-black);
  margin: 0px;
  transition: none;
  padding: 0;
  opacity: 1;
  text-decoration: none !important;
  width: 100%;
  font-size: 0;
  height: 40px !important;
}

#payment-data .custom-giftcard-section .custom-giftcard-title {
  width: 100%;
  display: flex;
  flex-direction: column;
}

#payment-data .custom-giftcard-section .custom-giftcard-title h3 {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px 0;
}

#payment-data .custom-giftcard-section .custom-giftcard-title span {
  font-size: 14px;
  color: var(--color-reserva-black);
  font-weight: 500;
  margin-bottom: 10px;
}

#payment-data .custom-giftcard-section .custom-giftcard-form {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 15px;
}

/* Chrome, Safari, Edge, Opera */
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"]::-webkit-outer-spin-button,
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#payment-data .custom-giftcard-section .custom-giftcard-form input[type="number"] {
  -moz-appearance: textfield;
}

.custom-giftcard-number {
  flex-basis: 40%;
  max-width: 350px;
}

.custom-giftcard-password {
  flex-basis: 20%;
  max-width: 150px;
}

.custom-giftcard-button {
  flex: 1;
  max-width: 250px;
  margin-left: 25px;
}

#payment-data .giftcard-full-value-message {
  width: 100%;
  margin: 10px 0px 10px 5px;
  font-weight: 500;
  font-size: 15px;
  color: var(--color-reserva-green);
}

#payment-data .custom-giftcard-section .custom-giftcard-applied {
  display: none;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  gap: 7px;
  align-items: center;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number:after {
  content: "";
  width: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAJFBMVEVHcEwSq2wQr2gRq2oSqmsSrGsQqWwSrW0Sq2oQr3ASq2oRq2u1cfU4AAAAC3RSTlMAgCDfoJ9Qj4AQf2cuMs8AAAAJcEhZcwAACxMAAAsTAQCanBgAAABCSURBVBjTY2DAAJyYQgxMzFxYxLgZKRVj4sCijp2bFYteFpgoinlQUTQ7wKIY9gJFsbiFhZsb031AUUYswcCGzAEAzGUBcCbAnvEAAAAASUVORK5CYII=);
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button {
  background: transparent;
  border: 0;
  margin-left: auto;
  display: flex;
  gap: 5px;
  text-decoration: underline;
  align-items: center;
  font-size: 10px;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button::before {
  content: "EDITAR";
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-button > button::after {
  content: "";
  background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0icGVuY2lsXzJfIiBkYXRhLW5hbWU9InBlbmNpbCAoMikiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjE5LjIyIiBoZWlnaHQ9IjE5LjIiIHZpZXdCb3g9IjAgMCAxOS4yMiAxOS4yIj4KICA8cGF0aCBpZD0iUGF0aF8xMSIgZGF0YS1uYW1lPSJQYXRoIDExIiBkPSJNMTEuODY5LDgyLjQ3MywxLjI5NCw5My4wNDlhLjQyMS40MjEsMCwwLDAtLjExLjE5M2wtMS4xNzIsNC43YS40MTYuNDE2LDAsMCwwLC40LjUxNy40MTMuNDEzLDAsMCwwLC4xLS4wMTNsNC43LTEuMTcyYS40MTYuNDE2LDAsMCwwLC4xOTMtLjExTDE1Ljk5LDg2LjU5NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIC03OS4yNjQpIi8+CiAgPHBhdGggaWQ9IlBhdGhfMTIiIGRhdGEtbmFtZT0iUGF0aCAxMiIgZD0iTTMzOS44OTEsMi4wMTMsMzM4LjcxNC44MzZhMi4xMzIsMi4xMzIsMCwwLDAtMi45NDQsMGwtMS40NDIsMS40NDJMMzM4LjQ0OSw2LjRsMS40NDItMS40NDJhMi4wODIsMi4wODIsMCwwLDAsMC0yLjk0NFptMCwwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzIxLjI4MSAtMC4yNDYpIi8+Cjwvc3ZnPgo=");
  width: 10px;
  height: 10px;
  display: block;
  background-size: contain;
}

#payment-data .custom-giftcard-section .custom-giftcard-applied-number {
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  gap: 7px;
  align-items: center;
  font-size: 13px;
}

#payment-data .custom-giftcard-section .custom-giftcard-form.rsv-giftcard-loading #custom-giftcard-add {
  font-size: 0;
}

#payment-data .custom-giftcard-section .custom-giftcard-form.rsv-giftcard-loading #custom-giftcard-add::before {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 100%;
  height: 80%;
  content: "";
  background-position: center;
}

#payment-data
  .custom-giftcard-section
  .custom-giftcard-applied.rsv-giftcard-loading
  .custom-giftcard-applied-button
  > button:after {
  background: url(/arquivos/reserva-logo.gif) no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  content: "";
  background-position: center;
}

#payment-data
  .custom-giftcard-section
  .custom-giftcard-applied.rsv-giftcard-loading
  .custom-giftcard-applied-button
  > button:before {
  content: "";
}

#force-shipping-fields {
  display: none;
}

.new-product-price .prime-price-text,
.new-product-price .prime-price {
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif, sans-serif;
  color: #a01e21;
  display: block;
  font-weight: 400;
  text-decoration: none;
}

.new-product-price .prime-price,
.new-product-price strong.prime-price {
  font-weight: bold;
}

.new-product-price .prime-price-text strong {
  font-family: "Reserva Display", sans-serif, sans-serif;
}

.new-product-price.prime-price-container {
  font-size: 0;
}

/* .new-product-real-price.hide.prime {
  color: var(--color-reserva-grey);
  display: block;
  text-decoration: line-through;
  font-weight: 400;
  font-size: 13px;
  position: absolute;
  top: -15px;
} */

.new-product-price.prime-price {
  color: #a01e21;
}

.product-item[data-sku="348009"] .list-price,
.product-item[data-sku="348009"] .quantity a,
.product-item[data-sku="348009"] .quantity input,
.product-item[data-sku="348009"] .sku-additional-info__size,
.product-item[data-sku="348009"] .sku-additional-info__color {
  display: none !important;
}

.product-item[data-sku="348009"] .sku-additional-info .sku-additional-info__url.rsv-link-box-edit {
  order: 1;
}

.product-item[data-sku="348009"] .sku-additional-info .prime-description {
  order: 0;
}

.product-item[data-sku="348009"] .price-details {
  display: none;
}

.product-item[data-sku="348009"] .prime-quantity {
  display: flex;
}

.product-item[data-sku="348009"] .prime-quantity:before {
  content: "1";
  background: var(--color-reserva-white);
  border: none;
  box-shadow: none;
  width: 30px;
  padding: 0;
  margin: 0 5px;
  order: 1;
  font-size: 14px;
  font-family: "Reserva Sans", sans-serif;
  color: #cfcfcf;
  font-weight: 400;
}

.product-item[data-sku="348009"] .prime-quantity div {
  background: #c7c7c7;
  cursor: not-allowed;
  display: flex;
  order: 0;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 1;
}

.product-item[data-sku="348009"] .prime-quantity div:before {
  content: "";
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  height: 1px;
  width: 10px;
}

.product-item[data-sku="348009"] .item-multiplier-label,
.product-item[data-sku="348009"] .item-unit-label {
  display: none;
}

.product-item[data-sku="348009"] .prime-quantity:after {
  content: "+";
  order: 2;
  background: #c7c7c7;
  cursor: not-allowed;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 100;
  line-height: 1;
}

.product-item[data-sku="348009"] .prime-description {
  font-size: 13px;
  color: #000;
  line-height: 16px;
  text-transform: none;
  text-align: left;
  letter-spacing: 0.1px;
  font-family: "Reserva Sans", sans-serif;
  max-width: 80%;
  font-weight: 400;
  margin-bottom: 6px;
}

/* ==========================================================================
      Mobile
      ========================================================================== */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 640px) {
  /* ==========================================================================
      Global
      ========================================================================== */

  .body-cart {
    padding-bottom: 0px;
  }

  .client-pre-email .client-pre-email-h span {
    font-weight: normal;
    font-family: "Reserva Serif", serif;
    line-height: 26px;
  }

  .container-order-form {
    margin: 15px 0px;
  }

  /* ==========================================================================
      Footer
      ========================================================================== */

  .footer {
    display: none;
  }

  /* ==========================================================================
      Cart
      ========================================================================== */

  /* Empty cart
      ========================================================================== */

  .empty-cart-content {
    padding: 0;
  }

  .empty-cart-message p {
    max-width: 80%;
  }

  /* Full cart
      ========================================================================== */

  .cart-template.full-cart {
    flex-direction: column;
    padding: 15px;
    margin: 0;
    gap: 0;
  }

  .cart-template-holder {
    min-height: unset;
    max-width: unset;
    width: 100%;
    flex: 1;
  }

  .cart-template-holder .cart {
    padding: 17px;
    padding-right: 24px;
  }

  .cart-items thead,
  .cart-items tbody {
    overflow-x: hidden;
  }

  .full-cart .cart table tbody tr + tr {
    border: 0;
  }

  .sku-additional-info .rsv-link-box-edit {
    position: absolute;
    display: flex !important;
  }

  .cart-items .remove-service-container a,
  .cart-items .add-service-container a {
    display: flex !important;
  }

  /* .full-cart .cart table tbody tr {
    display: grid;
    grid-template-areas:
      'img name name name name name name'
      'img qtd qtd v v price price';
  } */
  .full-cart .cart table tbody tr td.quantity {
    padding-left: 80px;
  }

  .cart-items .product-item td.product-image {
    grid-area: img;
    position: initial !important;
    align-self: flex-start;
    flex-basis: unset;
    width: 80px;
    margin: 0 !important;
    margin-right: 10px !important;
  }

  .cart-items .product-item td.product-name {
    grid-area: name;
    flex-basis: unset;
    margin: 0 !important;
    height: unset !important;
    max-width: calc(100% - 85px);
  }

  .cart-items .product-item .product-price {
    grid-area: price;
    flex-basis: unset;
    margin: 0 !important;
    order: 2;
    align-self: center;
  }

  .cart-items .product-item .product-price .new-product-price.prime-price {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .cart-items td.product-price .new-product-real-price-per-unit {
    display: none;
  }

  .cart-items td.quantity {
    grid-area: qtd;
    align-self: center;
    margin: 0 !important;
    justify-self: flex-start;
    align-self: flex-start;
  }

  .full-cart .cart table tbody tr td.product-name a {
    padding: 0;
  }

  .full-cart .cart table tbody tr td.item-remove {
    display: flex;
    align-items: flex-start;
    left: auto;
    border: none;
    padding: 0;
    margin-right: -4px;
  }

  .full-cart .cart table tbody tr td.item-remove .item-remove-text {
    display: none;
    margin: 0;
  }

  .cart-items .remove-service-container a,
  .cart-items .add-service-container a {
    height: 15px;
  }

  .summary-template-holder {
    flex: 1;
    flex-basis: 100%;
    width: 100% !important;
    max-width: unset;
  }

  /* ==========================================================================
      Client pre email
      ========================================================================== */

  .client-pre-email {
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    padding: 15px;
  }

  .client-pre-email .pre-email {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .client-pre-email .client-pre-email-h {
    max-width: 100% !important;
    margin-bottom: 22px;
  }

  .client-pre-email .client-email {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
  }

  .client-pre-email .client-email #client-pre-email {
    width: 100% !important;
    margin: 0;
    max-width: 315px;
    min-width: 0;
    background-color: var(--color-reserva-white);
  }

  .client-pre-email .client-email #btn-client-pre-email span {
    font-family: "Nunito", sans-serif;
    font-weight: bold;
    line-height: 14.4px;
  }

  .client-pre-email .emailInfo {
    justify-content: center;
    align-items: center;
  }

  .client-pre-email .emailInfo strong,
  .client-pre-email .emailInfo h3 {
    text-align: center;
    margin-top: 0;
    line-height: 26px;
  }

  .client-pre-email .emailInfo h3 {
    font-weight: normal;
    font-family: "Reserva Serif", serif;
  }

  .client-pre-email .emailInfo .unstyled {
    flex-direction: column;
    width: 100%;
    padding-left: 10%;
    margin-top: 15px;
  }

  .client-pre-email .emailInfo .unstyled li {
    width: 100%;
  }

  .client-pre-email .client-email .loading-inline {
    height: 38px;
    right: 30px !important;
  }

  /* ==========================================================================
      User identification modal
      ========================================================================== */

  .email-message-modal {
    left: 0;
    width: 95%;
    margin: 0 2.5%;
    height: auto;
  }

  .email-message-modal .identified-user-modal-body {
    display: flex;
    flex-direction: column;
  }

  /* VTEX ID Modal
      ========================================================================== */

  #vtexIdContainer .vtexIdUI {
    width: 95%;
  }

  /* ==========================================================================
      Orderform
      ========================================================================== */

  .checkout-container .orderform-template {
    flex-direction: column;
    width: 85%;
    margin: 0 auto !important;
  }

  .orderform-template .orderform-template-holder > .row-fluid {
    flex-direction: column;
    height: auto;
  }

  #client-profile-data {
    width: 100%;
    height: 100%;
  }

  #client-profile-data .client-profile-data.active {
    height: auto;
  }

  #client-profile-data .client-profile-data .accordion-inner {
    padding: 10px 0px;
  }

  #client-profile-data .client-profile-data .accordion-inner .box-step .box-edit .box-client-info {
    display: flex;
    flex-direction: column;
  }

  .orderform-template-holder .client-profile-data .box-client-info-pf {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .orderform-template-holder .client-profile-data .box-client-info-pf > p,
  .orderform-template-holder .client-profile-data .box-client-info-pf > div {
    width: 100%;
    margin-bottom: 10px;
  }

  .orderform-template-holder .client-profile-data input[type="text"] {
    width: 100% !important;
  }

  .orderform-template-holder .client-profile-data .client-document input,
  .orderform-template-holder .client-profile-data input {
    width: 100% !important;
  }

  .orderform-template-holder .client-profile-data .client-document input#client-document,
  .orderform-template-holder .client-profile-data .client-phone input,
  .orderform-template-holder .client-profile-data .other-phone input {
    margin-bottom: 0px;
  }

  .orderform-template-holder .client-profile-data .client-phone,
  .orderform-template-holder .client-profile-data .other-phone {
    margin-bottom: 10px;
  }

  .orderform-template-holder .client-profile-data {
    float: none !important;
    width: 100% !important;
  }

  .document-box .other-document p.client-document-type,
  .document-box .other-document p.client-new-document {
    margin-right: 0;
    margin-bottom: 10px;
    width: 100%;
  }

  #shipping-data {
    flex-basis: 100%;
    margin: 0;
  }

  /* ==========================================================================
      Minicart
      ========================================================================== */

  .checkout-container .orderform-template .mini-cart {
    margin: 0;
  }

  /* ==========================================================================
      Payment
      ========================================================================== */

  #app-container > .App {
    padding: 0;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .link-gift-card {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .custom-giftcard-section {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
    margin: 30px 0 0 0;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .payment-group {
    width: 100%;
    float: none;
    clear: unset;
    position: initial;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content form .steps-view {
    width: 100%;
    float: none;
    clear: unset;
    margin: 30px 0 0 0;
  }

  /* ==========================================================================
      Custom Giftcard
      ========================================================================== */

  #payment-data .custom-giftcard-section .custom-giftcard-form {
    flex-direction: column;
    gap: 5px;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .gift-card-section {
    width: 100%;
    float: unset;
  }

  #payment-data .custom-giftcard-section .custom-giftcard-form > div {
    flex-basis: 100%;
    width: 100%;
    max-width: unset;
    margin: 0;
  }

  #payment-data .custom-giftcard-section .custom-giftcard-form > div #custom-giftcard-password {
    width: 100%;
    max-width: unset;
  }

  #payment-data .accordion-body .accordion-inner .box-step-content .payment-discounts-alert-wrap {
    position: initial;
    width: 100%;
    float: initial;
    right: initial;
  }

  #payment-data
    .accordion-body
    .accordion-inner
    .box-step-content
    form
    .steps-view
    .submit.payment-submit-hide
    .payment-submit-hide {
    margin-top: 15px;
  }

  .modal.hide.fade.default-modal.payment-confirmation-modal.modal-payment-template.payment-message-modal.vtex-front-messages-instance.vtex-front-messages-type-fatal {
    transform: translateY(50%);
  }
}

#promo-brinde-title {
  font-family: "Reserva Display", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-reserva-green);
  margin: 0;
}

#promo-brinde-text {
  font-family: "Reserva Sans" sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0em;
  text-align: center;
  color: var(--color-reserva-black);
  margin-top: 5px;
}

#promo-brinde-button {
  width: 214px;
  height: 40px;
  padding: 8px 0px 8px 0px;
  font-family: "Reserva Sans", sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 14px;
  letter-spacing: 0em;
  text-align: center;
  border: none;
  background-color: var(--color-reserva-green);
  color: var(--color-reserva-white);
}

#promo-brinde-button-wrapper {
  display: flex;
  justify-content: center;
}

/* Small devices (portrait tablets and large phones, 640px and up) */
@media only screen and (min-width: 640px) {
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

.new-product-price .prime-price-text,
.new-product-price .prime-price {
  font-size: 13px;
  font-family: "Reserva Sans", sans-serif, sans-serif;
  color: #a01e21;
  display: block;
}

.new-product-price .prime-price-text strong {
  font-family: "Reserva Display", sans-serif, sans-serif;
}

.new-product-price.prime-price {
  color: #a01e21;
}

.mkt-seller-name {
  font-size: 12px;
  margin-top: 6px;
  font-weight: 400;
  position: relative;
  top: -17px;
}

.mkt-seller-name #entregue strong {
  color: var(--color-reserva-green);
  display: inline-flex;
  align-items: center;
}

.mkt-seller-name img {
  width: 12px;
  height: 12px;
  cursor: pointer;
  margin-left: 6px;
}

#bannerMkt {
  position: fixed;
  z-index: 999999;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

#modalMkt {
  width: 773px;
  background-color: #ffffff;
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
}

#closeButton {
  width: inherit;
  position: absolute;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
}

#closeButton button {
  all: unset;
  cursor: pointer;
  width: 22px;
  font-weight: 300;
  color: #ffffff;
  margin: 22px 20px;
  background: url("/arquivos/icon-close.svg");
  background-repeat: no-repeat;
  background-position: center;
  filter: invert(100%) sepia(0%) saturate(19%) hue-rotate(229deg) brightness(105%) contrast(101%);
}

.modalBanner {
  width: 100%;
  height: 202px;
  border-radius: 0.25rem 0.25rem 0 0;
}

.modalBanner.mobile {
  display: none;
}

#modalMktLogo {
  width: 122px;
  height: 122px;
  margin: -60px auto 0 auto;
  border: 6px solid #ffffff;
  border-radius: 50%;
  background-color: #f1f1f1;
}

#modalMktLogo img {
  width: 100%;
  border-radius: 50%;
}

#modalMktText {
  padding: 26px 28px 20px 28px;
  font-family: "Reserva Sans", sans-serif;
  line-height: 24px;
  text-align: center;
  font-size: 18px;
}

@media screen and (max-width: 1440px) {
  #modalMkt {
    width: calc(773px * 0.75);
  }

  .modalBanner {
    height: calc(202px * 0.75);
  }

  #modalMktLogo {
    width: calc(122px * 0.75);
    height: calc(122px * 0.75);
    margin: calc(-60px * 0.75) auto 0 auto;
  }

  #modalMktText {
    padding: calc(26px * 0.75) calc(28px * 0.75) calc(20px * 0.75) calc(28px * 0.75);
    padding-top: 0;
    font-size: calc(18px * 0.75);
    line-height: calc(24px * 0.75);
  }
}

@media screen and (max-width: 800px) {
  #modalMkt {
    min-width: 280px;
    width: 370px;
  }

  .modalBanner {
    height: 197px;
  }

  .modal button {
    margin: 18px 12px;
  }

  #modalMktLogo {
    width: 100px;
    height: 100px;
    margin: -50px auto 0 auto;
    border: 6px solid #ffffff;
  }

  #modalMktText {
    padding: 22px 10px;
    line-height: 20px;
    font-size: 14px;
  }

  .modalBanner.desktop {
    display: none;
  }

  .modalBanner.mobile {
    display: block;
  }
}

@media screen and (max-width: 414px) {
  #modalMkt {
    width: 95%;
  }
}

#chk-vendor-applied {
  display: flex !important;
  flex-direction: row;
  text-align: left !important;
  width: auto !important;
  gap: 6px;
}

#chk-vendor-applied:after {
  content: "";
  width: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAMAAADTRh9nAAAAJFBMVEVHcEwSq2wQr2gRq2oSqmsSrGsQqWwSrW0Sq2oQr3ASq2oRq2u1cfU4AAAAC3RSTlMAgCDfoJ9Qj4AQf2cuMs8AAAAJcEhZcwAACxMAAAsTAQCanBgAAABCSURBVBjTY2DAAJyYQgxMzFxYxLgZKRVj4sCijp2bFYteFpgoinlQUTQ7wKIY9gJFsbiFhZsb031AUUYswcCGzAEAzGUBcCbAnvEAAAAASUVORK5CYII=);
  height: 10px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
}

#chk-vendor-nome_comercial {
  text-transform: capitalize !important;
}

.CustomTax--total.hide {
  display: none !important;
}

.delivery.Transporte.Padrão.Internacional .space-barra,
.delivery.Transporte.Padrão.Internacional span.gratis {
  display: none;
}

label#Transporte\ Padrão\ Internacional .vtex-omnishipping-1-x-optionPrice {
  display: none !important;
}

#diffDeliveryBackground {
  width: 100%;
  height: 100%;
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  z-index: 99999;
}

#diffDeliveryBackground #diffDeliveryModal {
  background-color: #fff;
  width: 571px;
  padding: 30px 32px;
}

#diffDeliveryModal #closeDeliveryModal {
  cursor: pointer;
  padding-left: 8px;
}

#diffDeliveryModal #topModal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 20px;
  font-weight: bold;
}

#diffDeliveryModal #topModal p span {
  color: var(--color-reserva-green);
}

#diffDeliveryModal #bodyModal {
  margin-top: 26px;
  font-size: 16px;
}

#diffDeliveryModal #footerModal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 22px;
}

#diffDeliveryModal #footerModal a {
  all: unset;
  cursor: pointer;
  text-transform: uppercase;
  width: 248px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 14px 0;
  border: 1px solid #000;
  letter-spacing: 2px;
}

#diffDeliveryModal #footerModal a#black {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 580px) {
  #diffDeliveryBackground #diffDeliveryModal {
    width: 86%;
    padding: 4%;
  }

  #diffDeliveryModal #topModal {
    align-items: flex-start;
  }

  #diffDeliveryModal #footerModal a {
    width: 48%;
  }
}

@media screen and (max-width: 640px) {
  #diffDeliveryBackground #diffDeliveryModal {
    width: 367px;
    padding: 30px 32px;
  }

  #diffDeliveryModal #footerModal {
    display: flex;
    flex-direction: column;
    margin-top: 32px;
  }

  #diffDeliveryModal #footerModal a {
    width: 100%;
  }

  #diffDeliveryModal #footerModal a#black {
    margin-top: 8px;
  }
}

@media screen and (max-width: 414px) {
  #diffDeliveryBackground #diffDeliveryModal {
    width: 92%;
    padding: 8%;
  }
}

#cart-link-note-add {
  display: none;
}

.cart-items .add-service-container .item-container,
.cart-items .remove-service-container .item-container {
  padding: 0;
}

.cart-items .add-service-container .item-icon,
.cart-items .remove-service-container .item-icon {
  display: none;
}

.service-container-cart {
  margin-top: 5px !important;
}

.service-container-cart a::after {
  color: black !important;
  font-weight: bold;
}

.service-container-cart a::before {
  border: 1px solid black !important;
}

.box-whatsapp .title-whatsapp {
  padding: 8px 18px;
}

#whatsappOptin {
  width: auto !important;
}

.nft-modal-background,
.nft-modal-background-loading {
  position: fixed;
  z-index: 99999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
}

.nft-modal-background .nft-modal {
  width: 80%;
  max-width: 450px;
  min-height: max-content;
  height: max-content;
  position: relative;
  background: #ffffff;
  padding: 40px;
  outline: none;
  align-items: center;
}

.nft-modal-background .nft-modal h2 {
  font-size: 30px;
  color: var(--color-reserva-black);
  line-height: 42px;
  font-weight: bold;
  font-family: "Reserva Display", sans-serif;
  margin: 0 0 12px;
}

.nft-modal-background .nft-modal span {
  line-height: 24px;
  text-align: left;
  font-size: 18px;
  color: #818284;
  font-weight: bold;
  font-family: "Reserva Sans", sans-serif;
  margin-bottom: 12px;
  display: block;
}

.nft-modal-background .nft-modal button {
  width: 100%;
  height: 30px;
  color: #fff;
  font-weight: bold;
  display: block;
  font-family: "Reserva Sans", sans-serif;
  background-color: var(--color-reserva-black);
}

.spriz-nft-hide {
  display: none;
}

@media (max-width: 768px) {
  .nft-modal-background .nft-modal {
    padding: 24px;
  }

  .nft-modal-background .nft-modal h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 12px;
  }

  .nft-modal-background .nft-modal span {
    line-height: 16px;
    font-size: 14px;
    margin-bottom: 12px;
  }

  .nft-modal-background .nft-modal button {
    width: 100%;
    height: 24px;
  }
}

.product-item.unavailable .add-service-container {
  display: none;
}

.product-item.unavailable .new-product-price {
  display: none;
}

.product-item.unavailable .rsv-link-box-edit {
  display: none !important;
}

.product-item.unavailable span.list-price {
  display: none;
}

span.title-entrega {
  font-family: "Reserva Serif", serif !important;
  font-weight: bold;
}

span.price-entrega {
  font-family: "Reserva Serif", serif !important;
  font-weight: bold;
}

.vtex-pickup-points-modal-3-x-modalPostalCode input {
  width: 180px !important;
}

#payment-group-bankInvoicePaymentGroup {
  display: none;
}

.item-unavailable .item-unavailable-message {
  font-family: "Reserva Sans" sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  color: #3a3a3a;
  display: flex !important;
  position: relative;
  flex-direction: column;
  text-align: left;
  align-items: flex-start;
}

.item-unavailable .item-unavailable-message span {
  position: relative;
  left: 32px;
  font-weight: 500;
}

.item-unavailable .item-unavailable-message::after {
  content: "Remova o produto da sacola para finalizar a compra. Te notificaremos quando houver disponibilidade.";
  font-weight: 300;
  margin-left: 32px;
}

.item-unavailable .item-unavailable-message .icon-warning-sign {
  position: absolute;
  left: 8px;
  margin-right: 8px;
}

.item-unavailable .item-unavailable-message .icon-warning-sign::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("/arquivos/exclamacao-vermelho.png");
  background-size: contain;
}

.product-item.unavailable .rsv-link-box-edit {
  display: none;
}

.product-item.unavailable .item-remove {
  border: none !important;
}

.vtex-omnishipping-1-x-addressFormPart1 .shp-alert.vtex-omnishipping-1-x-warning {
  background-color: transparent !important;
}

.product-item.unavailable .item-remove {
  border: none !important;
}

.vtex-omnishipping-1-x-addressFormPart1 .shp-alert.vtex-omnishipping-1-x-warning {
  background-color: transparent !important;
}

.shipping-container .box-step .vtex-omnishipping-1-x-addressFormPart1 .shp-alert.vtex-omnishipping-1-x-warning {
  border: 1px solid #0000001a;
  margin-bottom: 12px;
}

.shp-alert.vtex-omnishipping-1-x-warning
  .shp-alert-disclaimer
  .shp-alert-icon.vtex-omnishipping-1-x-unavailableIcon::before {
  content: "";
  background-image: url("/arquivos/exclamacao-vermelho.png");
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
}

.shp-alert.vtex-omnishipping-1-x-warning .shp-alert-disclaimer #unavailable-delivery-disclaimer {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.shp-alert.vtex-omnishipping-1-x-warning
  .shp-alert-disclaimer
  #unavailable-delivery-disclaimer
  a.btn-link.vtex-omnishipping-1-x-btnLeft {
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid var(--color-reserva-main);
  color: var(--color-reserva-main);
  border-radius: 4px;
  padding: 8px 16px;
  font-family: "Reserva Sans" sans-serif;
  font-size: 12px;
  line-height: 12px;
  font-weight: 700;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: fit-content;
  visibility: visible;
}

.shp-alert.vtex-omnishipping-1-x-warning
  .shp-alert-disclaimer
  #unavailable-delivery-disclaimer
  a.btn-link.vtex-omnishipping-1-x-btnLeft::before {
  content: "";
  background-image: url("/arquivos/trash-icon-red.png");
  width: 12px;
  height: 14px;
  background-size: cover;
}

.shp-alert.vtex-omnishipping-1-x-warning .shp-alert-disclaimer #unavailable-delivery-disclaimer span {
  position: relative;
  visibility: hidden;
  margin: 0 auto;
}

.shp-alert.vtex-omnishipping-1-x-warning .shp-alert-disclaimer #unavailable-delivery-disclaimer::before {
  content: "Produto indisponível para o CEP atual.";
  font-family: "Reserva Sans" sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 23px;
  color: #3a3a3a;
  display: block;
}

li.hproduct.item:has(> div.item-unavailable) {
  padding: 5px 0 0 0 !important;
}

.hproduct.item.muted .item-unavailable {
  background-color: #ffd3db !important;
  border-top: 1px solid #fab5c2;
  width: calc(100% + 2px);
  margin-top: 6px;
}

.hproduct.item.muted .item-unavailable .item-unavailable-message .help-arrow.top-arrow {
  display: none;
}

.hproduct.item.muted .item-unavailable .item-unavailable-message span {
  display: none;
}

.hproduct.item.muted .item-unavailable .item-unavailable-message {
  font-family: "Reserva Sans" sans-serif;
  font-weight: 300;
  font-size: 12px;
  line-height: 18px;
  color: #3a3a3a;
  display: flex;
  align-items: center;
  justify-content: center;
}

li.hproduct.item.muted:has(.item-unavailable) {
  border: 1px solid #fab5c2 !important;
  border-radius: 0px 0px 6px 6px;
  position: relative;
}

li.hproduct.item.muted:has(.item-unavailable) .add-service-container.service-container-cart {
  display: none;
}

.vtex-omnishipping-1-x-disclaimer {
  width: 100%;
}

@media only screen and (max-width: 321px) {
  .full-cart .cart table tbody tr td.quantity {
    padding-left: 0px;
    flex-basis: 50%;
  }

  .full-cart .cart table tbody tr td.product-name {
    min-width: unset;
    flex-basis: 80%;
  }

  .rsv-link-box-edit {
    left: 0 !important;
  }

  .add-service-container,
  .remove-service-container {
    width: 80%;
  }

  .table.cart-items .product-item .product-image > a {
    max-height: unset;
  }

  .add-service-container,
  .remove-service-container {
    left: 0;
    width: auto !important;
    margin-left: 80px;
  }
}

@media only screen and (max-width: 360px) {
  .full-cart .cart table tbody tr td.quantity {
    flex-basis: 60%;
  }

  .full-cart .cart table tbody tr td.product-image {
    flex-basis: 20%;
  }

  .sku-additional-info .rsv-link-box-edit {
    left: 24%;
  }
}

@media only screen and (max-width: 280px) {
  .add-service-container,
  .remove-service-container {
    left: unset;
    margin-left: 0;
  }

  .cart-template-holder .cart {
    padding-left: 12px;
    padding-right: 12px;
  }

  .info-package-split-on-cart .info-package-header-text-container .info-package-hide-desktop {
    display: flex;
    flex-direction: column;
    text-align: center;
    font-size: 0;
    line-height: 0;
    gap: 2px;
    margin-bottom: 4px;
  }

  .info-package-split-on-cart .info-package-header-text-container .info-package-hide-desktop span {
    font-size: 12px;
    line-height: 12px;
  }
}

.vtex-omnishipping-1-x-deliveryGroup #CHEAPEST .vtex-omnishipping-1-x-leanShippingTextLabel,
.vtex-omnishipping-1-x-deliveryGroup #FASTEST .vtex-omnishipping-1-x-leanShippingTextLabel {
  font-size: 0;
  color: transparent;
}

.vtex-omnishipping-1-x-deliveryGroup #CHEAPEST .vtex-omnishipping-1-x-leanShippingTextLabel::before {
  content: "Entrega Econômica";
  font-size: 14px;
  display: block;
  color: #333;
}

.vtex-omnishipping-1-x-deliveryGroup #FASTEST .vtex-omnishipping-1-x-leanShippingTextLabel::before {
  content: "Entrega Rápida";
  font-size: 14px;
  display: block;
  color: #333;
}

.item-component.hide {
  display: none;
}

.gift-button {
  position: relative;
  gap: 11px;
}

.gift-button::before {
  position: absolute;
  content: "Grátis";
  text-transform: uppercase;
  color: white;
  background-color: #38ab6b;
  font-size: 10px;
  line-height: 13px;
  font-weight: 700;
  padding: 3px 7px;
  border-radius: 4px;
  top: -8px;
  left: -8px;
  letter-spacing: normal;
}

.gift-tooltip {
  position: absolute;
  display: block;
  padding: 8px 16px 11px;
  background: #38ab6b;
  border-radius: 8px;
  font-size: 12px;
  line-height: 12px;
  font-family: "Reserva Sans", sans-serif;
  font-weight: 300;
  letter-spacing: -0.02rem;
  text-align: center;
  max-width: 248px;
  color: #fff;
  z-index: 980;
  top: -60px;
}

.gift-tooltip span {
  position: relative;
  z-index: 990;
}

.gift-tooltip::before {
  content: "";
  position: absolute;
  display: block;
  background: #38ab6b;
  transform: rotate(45deg);
  width: 12px;
  height: 12px;
  left: 12px;
  bottom: -6px;
}

.overlay {
  z-index: 101;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.gift-card-provider-group.gift-card-provider-group-giftcardlivelo {
  display: none;
}

.livelo-card {
  position: relative;
  border: 1px solid var(--color-reserva-black);
  color: var(--color-reserva-black);
  width: 100%;
  /* max-width: 254px; */
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  margin-top: 10px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.livelo-card.disabled {
  border: 1px solid var(--color-reserva-black);
  color: var(--color-reserva-black);
  cursor: not-allowed;
  opacity: 0.3;
}

.spinner-livelo {
  border: 2px solid var(--color-reserva-black);
  border-top: 2px solid #777777;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: spin 0.5s linear infinite;
  margin-right: 8px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (min-width: 769px) {
  .livelo-card {
    width: 35%;
    transform: translateY(40px);
  }
}

@media (min-width: 1250px) {
  .livelo-card {
    max-width: 338px;
    position: absolute;
  }
}

.livelo-card.active {
  background-color: var(--color-reserva-black);
  color: white;
}

#liveloForm label {
  display: flex;
  color: var(--color-reserva-black);
  margin-bottom: 8px;
}

#liveloForm label p {
  margin-bottom: 0;
}

#liveloForm label span {
  color: #b2b2b2;
}

#liveloForm label input {
  margin: 0 5px;
}

#boxLivelo {
  background: #fff;
  float: right;
  margin: 0;
  width: 100%;
  padding: 0;
  margin-top: 30px;
  margin-bottom: 30px;
}

@media (min-width: 769px) {
  #boxLivelo {
    width: 60%;
    margin-bottom: 0px;
  }
}

.liveloSubmitArea {
  display: flex;
  flex-direction: column;
}

#boxLivelo form > p {
  color: var(--Neutral-Pure-Black, #000);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 102%;
  /* 14.28px */
  margin-top: 10px;
  margin-bottom: 16px;
}

.submitLivelo {
  display: flex;
  /* width: 442px; */
  height: 42px;
  padding: 8px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  background: #31955f;
  border: none;
  color: #fff;
  margin-top: 38px;
}

.submitLivelo:disabled {
  filter: grayscale(1);
  opacity: 0.5;
  pointer-events: none;
}

.submitLivelo i {
  display: none;
}

.submitLivelo:disabled i {
  display: block;
}

#cancelLivelo,
#cancelLiveloPhone,
#cancelLiveloPoints,
#cancelLiveloToken {
  display: flex;
  height: 42px;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border: 1px solid #000;
  background-color: #fff;
  margin-top: 8px;
}

/* Chrome, Safari, Edge, Opera */
.token-input::-webkit-outer-spin-button,
.token-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.token-input[type="number"] {
  -moz-appearance: textfield;
}

#payment-data .accordion-body .accordion-inner .box-step-content .payment-group.livelo {
  margin-top: 80px;
}

.aprovementMethods {
  display: flex;
}

.aprovementMethods {
  display: flex;
}

.phoneList,
.deviceList {
  flex: 1;
}

.phoneList label,
.deviceList label {
  display: flex;
  gap: 8px;
  color: #000;
}

.phoneList p,
.deviceList p,
.phoneList input,
.deviceList input {
  margin: 0;
}

.tokenHolder {
  display: flex;
  gap: 12px;
  justify-content: space-between;
}

.tokenHolder input {
  width: 40px;
  height: 45px;
  flex-shrink: 0;
  border-radius: 4px;
  border: 1px solid #000;
  padding: 4px 0 0 15px;
}

.tokenHolder input:focus {
  border: 1px solid #000 !important;
}

.tokenWrapper {
  display: flex;
  justify-content: center;
}

#boxLivelo form > p.tokenBottomText {
  text-align: center;
  color: #000;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 102%;
  /* 14.28px */
  margin-top: 12px;
  margin-bottom: 0px;
}

#resendLiveloCode {
  background: none;
  border: none;
  color: #1678a1;
  text-decoration: underline;
}

#resendLiveloCode:disabled {
  opacity: 0.5;
  pointer-events: none;
}

.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.modal-content {
  background: white;
  padding: 2em;
  border-radius: 8px;
  text-align: center;
  position: relative;
  width: 40%;
  /* Ajustado para telas menores abaixo */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.success-header {
  color: #595959;
  font-size: 2.5em;
  /* Ajustado para telas menores abaixo */
  margin-bottom: 0.5em;
  font-family: "Reserva Serif";
  font-weight: 700;
  text-align: center;
}

.success-body {
  font-size: 1.5em;
  /* Ajustado para telas menores abaixo */
  margin-bottom: 1em;
  font-family: "Reserva Sans";
  font-weight: 400;
  color: #595959;
}

.success-image {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADkAAAA4CAYAAABHRFAgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAaTSURBVHgB1VtBUttYEO3+koDscgTfIM5iakw2mBMEaiZJZRXYZSBVgRNgThCoIqnZhaxmJqTKyQkwm4GpLHBu4LkBsxomltTT3V9yvo2xLVkm4lUlkoW/rafu3/919zfCDFA7elEnoCoi3EOCKhHcBYRK35sIOnytg0QXMeIJArbPHh20YAZAKAD15tbd/6KwTkQvCaGKQioHeOyFialFAJ/OHr85hIIwFUkhdxl+ZWK45RITq7ClTgjidgTQ9oK5i7PVvY47ttbcqkAYVsTihrDCg5bk3LkzeX8LvGB3cGxW5CI5nByyBejTHT84bK3uXUAO1H57XgHP1BHNyz7CQA3w595lIVtrPq9g1zw8ffxmPzPJxT9erJBHr9hSFXsFW/zfbtHz6Yf3G1WPHyKfPrNfw5aNaXcSN9bpE3aP2e2rGMXbE5NMBu7wwC17ZTbkBmGt6x2ngcsQ3f/z8Zv2yDFHm8dyyxrcomB5IpJq+tBrypPhfxeGyZ0+er0HN4jFo019uOO+t/Z+8y0/kLWU4NnTvc5YkkIQIn6S4p7OQCghakcbO+xhDTEEhsH99D7NyEEOQX4a7YXg28CywSUYE/UZwr92kGtBgHfsJmtQUqQE5dzEuP7Xk9d9c3aou+oSEXXPUwsywftQUvz4YeMlEuo85XvdHjZnh1pSoigfdA7OB8EylBS1D5vP+B4TUsjB8GBoULpiydr7jTVAfDs4ecsGWUeNwWMrRlCWssZ17+0LPDoPDe4kf9gtbZDh+5yUoKA/uobmWbpU3PQ6OCnSgJjIyXfjCApM3+AkQslaCCWEG/EJ6ePZhBH/W+CJPHVTnqWHZXTTK2u2N7c+6VjXXet6IaZ9KBlkSRNZmU4lCoPVLJmOktSIKi5A0B4nfr8HLsOu6uYsslIeTHqu7orGPOSsnj21fFZUwe1kFOMISumFebziByOW1tiiJGOgui6Y0VwLSgQr12BN1+wJLbjg+20mWGU+PXc2ypzDsbhqmQLOKME9CjJXpfzC4+4KN7lm0jKDATyBkmBQcH/OGicQTuzBcvMN4pLMR0DqQEYkQr7JEXm7qIAlgpvLdg19YWidRclHyAiK4zZLU6n+3bMfQ6RRiKTClhGX3a8rPLDOBa3jB6wlYUqI4E4zCpVrP+UrS5oAlAvFkHhpWpDy/Q5khC0q4a74/7RERXDzvRzaV+P16CjEl7EGHTS2kmjSAlHe2qa9memIpoLbvpqOoGBhYcFG1sSABgrANETzCO5xGFRDhZAUuES5t3GuCe0Y5BXcWdEj6cqgvEiJ6gueX6OIDgruOxkEd1YYlUuMS4CpSQomIToouOf9YDlva2EYtCAtsP0UrgMg6oeb7tdCSArGEU1L+KkeLZKgwvcr9ruxIwdRPF/kJPa8qdc5F9cRFcGdNaPIilTFIcX/yJFJ2oUTIyqUpGCQKKuZppTwRY/OshLP7lnRE9R+Db9OlA5nIkswA7hEWc2sZBXcuUCwZA+Wm5HURDq8LPWqRUTYYXCJ5hLcGSBRW1v5/DDTjpvR1ISsy3JAWIMZQYhG3HY7fXKQWXBnQtfU9UjUy6p0neQIqxUBdqWHMEN8voHSinSp5chceg9TSc57fktclk/raaJ5G/GguVHVyMqR2+1IK0nrspjUd2gHbiniCNWKzKrlXu/JOg5Ae7fZmioTiTvMgm6w6/6tR/LWW1N0sAKv9HD6shCxZqJl64u//7IFtwS2ZJK0+0P/cPDvV1p3ix9erHBJpCnrDPnculstZ2crha6LkXeu+SjR+rAtMFfyydOfDz7KkiJ5IUTd41kJhCKg95Yk3DLVrtvjMzRp5iWlITmeuIBkDFBS6L2l6VrgN65731CSEoQojFa1ucIZA2cQb6FkGMxmRqVrI/fxuLuhxLJFJ7d54G4pmzRdG79Zyd32JZm2xx/6nYJR3o1TYwtZZ09/5Q+LlvVDpR4Tds+/x/Iiy4RE0bQmlCUfzbaBMAobsnE3GXkjVrXqS8VJXb+Wo6gEmSzTZmKSvS+Vhi3gTm+7NbffpTtddPN2kJx4EhPczpOq5drUq/PU99dc+ScuxFbeh2Culde64i3/ck6LNuWryzXtTQLuixrLG/RykUxhyXoNLTc4G+l1znA+HkP8t5ZXuM/iEtduGIsNqRDGsvEWPe4+xXWNmAmKIOfcTzEQNyZuy7O0kq51vo32llgbY9ifn/NbRS1XhZF0kf5kgtP0pURTVob9ZEJqvtweYDeHL7P8ycT/oUHTG5X0TroAAAAASUVORK5CYII=");
  width: 52px;
  height: 52px;
  background-repeat: no-repeat;
  background-size: 52px;
  background-position: center;
  display: inline-flex;
}

.close-modal {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.5em;
  background: none;
  border: none;
}

/* Adicionando responsividade para telas menores (ex: dispositivos móveis) */
@media (max-width: 768px) {
  .modal-content {
    width: 90%;
    /* Ocupa mais espaço na tela para telas menores */
    padding: 1em;
    /* Menor padding para economizar espaço */
  }

  .success-header {
    font-size: 2em;
    /* Menor tamanho de fonte para o cabeçalho */
  }

  .success-body {
    font-size: 1.2em;
    /* Menor tamanho de fonte para o corpo do texto */
  }

  .close-modal {
    font-size: 1.2em;
    /* Menor tamanho para o botão de fechar */
  }
}

.close-modal {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 1.5em;
  background: none;
  border: none;
}

.error-header {
  color: #595959;
  font-size: 2.5em;
  margin-bottom: 0.5em;
  font-family: "Reserva Serif";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSerif-BlackItalic.ttf")
    format("truetype");
  font-weight: 700;
  font-display: swap;
  text-align: center;
}

.error-body {
  font-size: 1.5em;
  margin-bottom: 1em;
  font-family: "Reserva Sans";
  src: url("https://lojausereserva.vtexassets.com/assets/vtex/assets-builder/lojausereserva.vtex-checkout-io/4.0.0/fonts/ReservaSans-Black.ttf")
    format("truetype");
  font-weight: 400;
  font-display: swap;
  color: #595959;
}

.modal-button {
  padding: 0.5em 1em;
  margin-top: 2em;
  margin-right: 0.5em;
  border: 1px solid #000;
  background: transparent;
  font-size: 1em;
  cursor: pointer;
}

.modal-button-primary {
  background: #000;
  color: white;
}

.tokenErrorText {
  display: none;
}

#boxLivelo h2.success-livelo-header {
  font-family: "Reserva Serif", serif;
  color: var(--color-reserva-black);
  font-size: 18px;
  font-weight: 700;
  line-height: 18.36px;
  letter-spacing: -0.02em;
  text-align: center;
}

#boxLivelo p.success-livelo-copy {
  font-family: "Reserva Sans", sans-serif;
  color: var(--color-reserva-black);
  font-size: 14px;
  font-weight: 300;
  line-height: 14.28px;
  text-align: center;
}

#boxLivelo div.success-livelo-info-header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

#boxLivelo div.success-livelo-info {
  display: grid;
}

#boxLivelo div.success-livelo-image {
  height: 24px;
}

#boxLivelo svg {
  color: var(--color-reserva-green);
}

#liveloToggle svg {
  color: var(--color-reserva-green);
  position: absolute;
  right: 12px;
}

#liveloToggle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prime-tooltip {
  background-color: #fffdeb;
  color: #c4a968;
  border: solid 1px #c4a968;
  margin-top: 20px;
}
.prime-tooltip .prime-tooltip__content {
  padding: 16px;
  display: flex;
  justify-content: space-between;
  font-family: "Reserva Sans";
  font-size: 15px;
  font-weight: 700;
  line-height: 15.3px;
  text-align: left;
}

.prime-tooltip strong {
  font-weight: 400;
  font-family: "Reserva Display";
}

.prime-tooltip__content > span {
  font-family: Reserva Sans;
  font-size: 16px;
  font-weight: 700;
  line-height: 16.32px;
  text-align: right;
}

.add-prime-to-cart {
  background-color: #f2f2f2;
  margin-bottom: 10px;
  height: 70px;
}
.add-prime-to-cart > div {
  background-color: #fff;
  height: 61px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px;
}
.add-prime-to-cart > div > span {
  max-width: 242.71px;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}
.add-prime-to-cart a {
  color: #fff;
  display: block;
  min-width: 113px;
  word-break: keep-all;
}

.add-prime-to-cart > div > button {
  background: black;
  color: white;
  border-radius: 4px;
  height: 33px;
  padding: 0;
}

.add-prime-to-cart > div > img {
  width: 70px;
}

/* REMOVER OPÇÃO DE PAGAR COM DOIS CARTÕES NO IFRAME DA VTEX */
p.ChangeNumberOfPayments {
  display: none !important;
}

p.ChangeNumberOfPayments a {
  display: none !important;
}

#no-document-key {
  display: none;
}
.custom-giftcard-applied-title {
  display: none;
}

/* Apple Pay sem exibir a tela de carregamento padrao da Yuno */
.yuno-processing, .Yuno-processing {
  display: none !important;
}