.mensagem-fechamento {
  font-weight: bold;
  padding-bottom: 10px;
  font-size: 12px;
}

.opcao-retirada .mensagem-fechamento {
  border-bottom: 1px solid var(--secondary)
}

.toast-top-right-carrinho {
  top: 100px;
  right: 12px;
}

.escolha-loja:hover label {
  background-color: var(--secondary);
}

.escolha-loja input:checked + label {
  background-color: var(--secondary);
}

.asidebar-desfoco, .asidebar-desfoco-confirmacao {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  opacity: 0.4;
  z-index: 10001;

}

.asidebar-desfoco-confirmacao {
  z-index: 10003;
}

.carrinho-progress {
  height: 5px;
  background-color: #d7e1e7;
  position: relative;
  border-radius: .5rem;
}

.carrinho-progress .carrinho-progress-bar {
  position: absolute;
  height: 100%;
  background-color: var(--success);
  border-radius: .5rem;
}

.carrinho-progress .carrinho-progress-bar:after {
  position: absolute;
  right: -16px;
  content: " ";
  background: url("{% static 'img/icons/icon_frete_gratis.svg' %}") no-repeat;
  background-size: 25px;
  width: 25px;
  height: 25px;
  border-radius: .5rem;
  top: -200%;
}

.carrinho-progress2 {
  height: 5px;
  background-color: #d7e1e7;
  position: relative;
  border-radius: .5rem;
}

.carrinho-progress2 .carrinho-progress-bar2 {
  position: absolute;
  height: 100%;
  background-color:#e9580c;
  border-radius: .5rem;
}

.carrinho-progress2 .carrinho-progress-bar2:after {
  position: absolute;
  right: -25px;
  content: " ";
  background-size: 40px;
  width: 40px;
  height: 40px;
  border-radius: .5rem;
  top: -350%;
}

#carrinho-scrollable {
  overflow: hidden;
  max-height: calc(100vh - 105px - 80px) !important;
  min-height: calc(100vh - 105px - 80px) !important;
  background-color: var(--light) !important;
  padding-top: 10px;
}
@media(max-width: 800px){
  #carrinho-scrollable{
  padding-top:10px;
  }
}
#carrinho-produtos-ver-todos {
  left: 14vw;
}

.asidebar, .asidebar-confirmacao {
  position: fixed;
  height: 100vh;
  width: 35vw;
  top: 0;
  right: 0;
  background: var(--no-white);
  z-index: 10002;
  transition: .3s;
}

.asidebar-confirmacao {
  height: auto;
  z-index: 10004;
  border-top-left-radius: .5rem;
  border-top-right-radius: .5rem;
}

.asidebar.asidebar-closed {
  right: -35vw;
}

.asidebar-confirmacao {
  top: auto;
  bottom: 0;
}

.asidebar-confirmacao.asidebar-closed {
  bottom: -100%;
}

@media (max-width: 1700px) {
  .asidebar, .asidebar-confirmacao {
      width: 40vw;
  }

  .asidebar.asidebar-closed {
      right: -40vw;
  }
}

@media (max-width: 1500px) {
  .asidebar, .asidebar-confirmacao {
      width: 40vw;
  }

  .asidebar.asidebar-closed {
      right: -40vw;
  }

  #carrinho-produtos-ver-todos {
      left: 15vw;
  }
}

@media (max-width: 1200px) {
  .asidebar, .asidebar-confirmacao {
      width: 45vw;
  }

  .asidebar.asidebar-closed {
      right: -45vw;
  }

  #carrinho-produtos-ver-todos {
      left: 22vw;
  }
}

@media (max-width: 800px) {
  .asidebar, .asidebar-confirmacao {
      width: 100vw;
  }

  .asidebar.asidebar-closed {
      right: -105vw;
  }

  .font-xl {
      font-size: 1rem !important;
  }

  #carrinho-produtos-ver-todos {
      left: 35vw;
  }

  #carrinho-footer {
      width: 100vw;
      transition: .3s;
  }

  .asidebar.asidebar-closed #carrinho-footer {
      right: -100vw;
  }

  .asidebar:not(.asidebar-closed) #carrinho-footer {
      position: fixed;
      z-index: 1039;
      bottom: -35px;
      right: 0;
  }
}

@media (max-width: 400px) {
  #carrinho-produtos-ver-todos {
      left: 25vw;
  }
}

#carrinho-conteudo_produtos.show #carrinho-produtos-ver-todos, #carrinho-conteudo_produtos.show #pano-branco {
  visibility: hidden;
  opacity: 0;
}

#carrinho-conteudo_produtos:not(.show) #carrinho-produtos-ver-todos, #carrinho-conteudo_produtos:not(.show) #pano-branco {
  z-index: 3;
  visibility: visible;
  opacity: 1;
}


div.acordions-costumizados:not(.pano-branco) {
  border-radius: .5rem;
  margin-right: -5px;
  margin-left: -5px;
  padding-right: 5px;
  padding-left: 5px;
}

div.acordions-costumizados:not(.pano-branco) {
  background-color: var(--secondary);
}

div.acordions-costumizados:not(.pano-branco):hover {
  background-color: var(--secondary-hover);
}

.border-orange{
  border-bottom: 3px solid #e9580c;
}

.containerScroll {
  display: flex;
  flex-direction: row;
  height: 25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scrollport:before,
.scrollport:after {
  content: '';
}

.scrollport {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 25rem;
  overflow: scroll;
  scroll-snap-type: y mandatory;
}

.scrollport:after, .scrollport:before {
  scroll-snap-align: center;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 170px !important;
}
.scrollport .cell {
  scroll-snap-align: center;
  flex-grow: 1;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #898989;
  font-size: 2rem;
  height: 85px !important;
}

.scrollport .selected {
  font-size: 4rem;
  font-weight: bold;
  color: #444444;
}

.modalQuantidade{
  display: flex;
  height: 4rem;
  background-color: #94b623;
  font-size: 1.2rem;
  text-align: center;
  align-content: baseline;
}

.modalClass{
  border-radius: 20px !important;
}