/* source: <juleriaque.checkout-ui-settings@0.0.173> */

body.body-cart .progress-bar--container {
    display: none;
}

@font-face {
  font-family: 'BebasNeue';
  src: url('https://juleriaque.vteximg.com.br/arquivos/BebasNeue-Regular.ttf.css') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  src: url('https://juleriaque.vteximg.com.br/arquivos/Montserrat-VariableFont_wght.ttf.css') format('truetype');
}

body{
    font-family: "Montserrat";
}

#checkoutMainContainer{
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
    border-radius: 8px;
}

.container-main {
   padding-bottom: 86px !important;
}

/*  CLASE OCULTA CARTMAN PRODUCCION*/
body.juleriaque-vtexcommercestable-com-br .vtex-cartman.onda-v1 span button{
  display: none !important;
}

/*  FIN CLASE OCULTA CARTMAN PRODUCCION*/


/***** Start Bloque para insertar los pasos de profile, shipping y payment****/
.client-profile-data .accordion-toggle span::after {
    content:"1/3";
  	display: flex;
        padding: 2px 8px;
        font-family: 'Montserrat';
        font-size: 12px;
        color: #121212;
        background: #FFF;
        border-radius: 12px;
        margin-left: 10px;
        height: 20px;
        align-items: center;
        font-weight: 500;

}

.shipping-data .accordion-heading span::after {
    content: "2/3";
      	display: flex;
        padding: 2px 8px;
        font-family: 'Montserrat';
        font-size: 12px;
        color: #121212;
        background: #FFF;
        border-radius: 12px;
        margin-left: 10px;
        height: 20px;
        align-items: center;
        font-weight: 500;
}

.shipping-data .accordion-heading {
    display:flex;
}

#payments-title .accordion-toggle.collapsed:after {
    content: "3/3";
    	display: flex;
        padding: 2px 8px;
        font-family: 'Montserrat';
        font-size: 12px;
        color: #121212;
        background: #FFF;
        border-radius: 12px;
        margin-left: 10px;
        height: 20px;
        align-items: center;
        font-weight: 500;
} 
/***** End Bloque para insertar los pasos de profile, shipping y payment****/

@media(max-width: 979px) {
  body{
    padding: 0 !important;
  }
}
/***** End cambio de apariencia del input radio a checkbox ****/

.container-main {
  opacity: 0;
}

.client-phone.pull-left.text.argentina-phone,
li.link-use-country-phone.link  {
  display: none !important;
}

.orderform-active .orderform-template-holder .form-step .box-client-info .box-client-info-pf .client-new-phone {
    position: relative;
    width: 100%;
}

/*** IMPORTAMTE CON ESTE ESTILO SE OCULTA EL PASO DE EMAIL EN EL CHECKOUT 
NO LO MUESTRA Y SE ACTIVA LA SECCIÓN DE PROFILE ***/
.client-profile-data .form-page.client-pre-email.anim-death.anim-current {
  display: none !important;
}

.header_checkout.current {
    display: none !important;
}

.header_checkout.new {
    display: block !important;
    border-bottom: 1px solid #EDEDED;
}

.header_checkout {
    height: 64px;
    background: #fff;
    display: flex;
    align-items: center;
}

.header_checkout .header-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.header_checkout .header-container .back {
  display: flex;
  align-items: center;
}

.header-container .back {
    width: 20%;
    font-family: Montserrat;
    color: #121212;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.6px; 
    text-decoration: none;
    display: inline-flex;
    padding: 10px 16px;
    gap: 8px;
}

.toggle.ayuda{
    font-size: 12px;
}

.toggle.ayuda img{
    width: 16px;
    height: 18px;   
}

.header-container .back img {
    width: 16px;
    height: 16px;
}

.toggle.ayuda {
    font-family: Montserrat;
    color: #121212;
    text-decoration: none;
    display: inline-flex;
    gap: 6px;
    width: 20%;
    padding: 7px 15px;
    display: flex;
    justify-content: end;
}

/*@media(max-width: 1024px) {
    .toggle.ayuda {
        display: none;
    }
}*/

/*@media (min-width: 1024px) {
    .header_checkout .header-container .logo_checkout {
        margin-left: 10%;
    }
}*/

@media(max-width: 43.125rem) {

    .header_checkout .header-container {
        justify-content: space-between;
        padding: 8px;
        line-height: 12px;
    }

    /* Revisar este CSS */
    /*.header-container .back {
        padding-right: 32px;
    }*/
    /*.logo_checkout {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }*/
    
    .header-container .back {
        font-size: 11px;
        line-height: 17.4px;
    }
    /*.toggle.ayuda {
        display: none;
    }*/
    
}

@media (max-width: 400px) {
    .toggle.ayuda {
        font-size: 11px;
        line-height: 12px;
    }    
}
.footer.current {
    display: none !important;
}

.footer.new {
    display: block !important;
    background-color: #EDEDED;
    position: absolute !important;
    bottom: 0;
    width: 100%;
    height: 72px;
}

.footer_checkout {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    height: 100%;
}

.left.column {
    width: 25%;
}

.footer-text{
    color: #121212;
    font-family: Montserrat;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.footer-text p{
    margin: 0px;
}

.left.column{
    margin-left: 60px;
}

.right.column {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 25%;
    justify-content: end;
    margin-right: 60px;
}

.center.column{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}
.right .fiscal img {
    mix-blend-mode: luminosity;
}

@media(max-width: 1024px) {
    .footer_checkout {
        flex-direction: column;
    }
    .left {
        order: 1;
    }
    .center {
        order: 0; 
    }
    .right {
        order: 2;
    } 
    .center.column{
        justify-content: center;
        align-items: center;
        gap: 16px;

    }
    .footer-text{
        color: #121212;
        text-align: center;
        font-family: Montserrat;
        font-size: 8px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        opacity: 0.6;
    }

    .right.column,
    .left.column {
        width: 100% !important;
    }

    .right.column {
        justify-content: center;
        margin-right: 0px;
    }
    
  .footer_checkout{
    margin: 16px
  }

  .left.column{
        margin: 16px 0px;
  }

  .footer.new{
    height: auto;
    bottom: unset ;
  }

  .fiscal img{
    height: 33px;
  }

  .logo-vtex img {
    height: 14px;
  }

  .brandlive-logo img {
    height: 18px;
  }

  .center.column{
    gap: 8px;
  }

}

.progress-bar--description {
    display: flex;
    justify-content: center;
    width: auto;
    padding-top: 16px;
}

.progress-bar--description .raya-gris{
    border: 0;
    height: 1px;
    background-color: #EDEDED;
    width: 173px;
    margin-bottom: 35px;
}


.step.progress-bar--button {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 56px;
    gap: 4px;
    border: 0px !important;
}

.progress-bar--text {
    color: #121212;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-decoration: none !important;
}

.highlighted {
  text-decoration: underline !important;
}

.step.progress-bar--button img{
    width:14px;
    height: 14px;    
}

.step_number.progress-bar--number {
    padding: 7px;
    border-radius: 100px;
    border: 1px solid #EDEDED;
    background: #FFF;
}

.step_number.highlighted {
    padding: 7px;
    border-radius: 100px;
    border: 1px solid #121212;
    background: #fff;
}

@media(max-width: 1024px) {
    .progress-bar--description .raya-gris{
        width: 50px;
    }
}

div#container_remove_items_cart {
    text-align: right;
}

.hidden {
  display: none !important;
}

a#button_more {
    position: absolute;
    right: 0;
    padding: 0;
    margin-right: 3%;
}

@media (min-width: 1024px) {
  a#button_more {
    display: none;
  }
}

@media (max-width: 1024px) {
  a#button_more {
    margin-right: 6% !important;
  }
}

.button_more.open,
.button_more.closed {
  text-decoration: none !important;
}

.button_more.open::before {
  content: "\2212";
  border-radius: 50%;
  border: 1px solid #FFF;
  padding: 0px 8px;
  color: #FFF;
  text-decoration: none;
  display: flex;
  width: 10px;
  height: 25px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

.button_more.closed::before {
  content: "\00002B";
  border-radius: 50%;
  border: 1px solid #FFF;
  padding: 0px 8px;
  color: #FFF;
  text-decoration: none;
  display: flex;
  width: 10px;
  height: 25px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}

#button_remove_items{
  display: flex;
  justify-content: end;
  color: #121212;
  font-family: 'Montserrat';
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  padding-top: 8px;
}

#button_remove_items img {
    padding-right: 4px;
}

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

@media (min-width: 1025px) {
  .empty-cart-content {
    position: absolute;
    width: 100vw;
  }
}

.container-cart-title {
    display: flex;
    align-items: center;
    gap: 8px;
}

#cart-title{
    border-radius: 8px;
    background: #EDEDED;
    padding: 8px 16px;
    gap: 8px;
    color: #121212;
    font-family: "BebasNeue";
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    margin-top: 0px;
    line-height: 35px;
    margin-bottom: 16px;
}

.quantity_items_cart {
    display: flex;
    height: 20px;
    padding: 2px 16px;
    flex-direction: column;
    justify-content: center;
    border-radius: 12px;
    background: #FFF;
    color: #121212;
    font-family: Montserrat;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.4px; 
    margin-bottom: 4px;
}

.container.container-cart .checkout-container .checkBoxContent .checkCard {  
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.container.container-cart .checkout-container .checkBoxContent .checkCard .dropdown-cont {
    display: flex;
    gap: 0.5rem;
}

.body-cart .select-dropdown-container-giftcards {  
    border-radius: 100px;
    border: 1px solid #121212;
    background:  #fff;
    width: 15px;
    height: 15px;
    margin-right: 24px;
}

.body-cart .giftcards-list .cards-container {
  display: flex;
}

.body-cart .giftcards-list {
  margin: 0 0 1.5rem 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin: auto;
}

.container.container-cart .checkout-container .cart-template .checkBoxContent .giftcards-list {
    list-style-type: none;
}

.body-cart .giftcards-list .name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.body-cart .checkBoxContent .dropdown-img  {
    width: 16px;
    height: 16px;
} 

    @media (max-width: 1024px) {
    .body-cart .select-dropdown-container-giftcards {  
        margin-right: 12px;
    }     
  }
.body-cart {
  #tabs-container {
    display: flex;
    flex-direction: row;
    gap: 0.7rem;

    .tab {
      background: unset;
      padding: 10px 22px;
      font-size: 12px;
      font-style: normal;
      font-weight: 100;
      color: #121212;
      border: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      opacity: 0.5;

      &.active {
        font-weight: bold;
        border-bottom: 2px solid #121212;
        opacity: 1;
      }
    }

    .articles-text{
        display: none !important;
    }
  }


input[type="checkbox"] {
  accent-color: black; 
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.checkbox {
  display: flex;
  align-items: center;
  cursor: pointer;
}

.checkbox input[type="radio"] {
  display: none;
}

.checkbox label {
  display: flex;
  align-items: center;
}

.checkmark {
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #121212;
  border-radius: 2px; 
  display: inline-block;
  position: relative;
  transition: background-color 0.2s ease;
}

.checkbox input[type="radio"]:checked + label .checkmark {
  background-color: #000; 
  border-color: #000;
}

.checkbox input[type="radio"]:checked + label .checkmark::after {
        content: "";
        position: absolute;
        left: 4px;
        top: -1px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0px 2px 2px 0;
        transform: rotate(45deg);
}

#content-container{
    margin-top: 16px;
}

.muestra{
    width: 90%;
    padding: 16px;
    border: 1px solid  #EDEDED !important;
    border-radius: 8px !important;

    img{
        height: 50px;
        width: 50px;
    }

    .name{
        width: 82%;
        .product-name{
          font-size: 11px;
           width: 100%;
           display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          mask-image: linear-gradient(to right, black 60%, transparent 100%);
          -webkit-mask-image: linear-gradient(to right, black 60%, transparent 100%);
             @media (max-width: 1024px) {
              width: 90% !important;
             }
        }
    }

                 @media (max-width: 1024px) {
              width: auto;
             }

}


.buttons-samples-container{
    display: flex;
    width: 100%;
}

  #description-title-container{
      padding: 0px 24px 24px 24px;
      @media (max-width: 1024px) {
        padding: 0px 16px 16px 16px;
      }
  }

  .giftcards-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 16px 0px;

    @media (min-width: 1220px) and (max-width: 1380px) {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
    }
  
    .name {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
            
      @media (max-width: 1024px) {
        width: 90%;
      }
    }

    li{
      width: 180px;
      
      @media (max-width: 1024px) {
        width: 100%;
      }
    }

    .cards-container{
        width: 90%;
        padding: 16px;
        border: 1px solid #EDEDED !important;
        border-radius: 8px;
           @media (max-width: 1024px) {
                width: 95%;
           }
    }

    .image {
      max-width: 150px;
      max-height: 150px;
      display: flex;
      justify-content: center;
      align-items: center;
    }

        @media (max-width: 1250px) {
      grid-template-columns: repeat(2, 1fr); 
    }

          @media (max-width: 1024px) {
        grid-template-columns: repeat(1, 1fr); 
    }
  }

  .buttons-samples-container {
    display: none;

    #sample-title-cont {
      display: flex;
      flex-direction: column-reverse;
    }

    &.show {
      display: block;
    }
  }

  .hide-dropdown {
    display: none;
  }

  .dropdown-container {
    &.hide{
      display: none !important;
    }

    &.show {
      display: block !important;
    } 
  }

  #samples-main-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 1px solid #EDEDED;
    background: #FFF;
    border-radius: 8px;
    width: 55.49%;
    margin-right: 1.67%;

    
   .dropdown-cont:last-child{
    margin-right: 24px;
   }

    .dropdown-text-container {
      display: flex;
      width: 100%;
      padding: 24px;
        
   

      .dropdown-cont {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
     

        .dropdown-select {
          margin: 0;
          width: 100%;
        }

        .select-dropdown-container {
          width: 15px;
          height: 15px;
          margin-right: 24px;
             @media (max-width: 1024px) {
              margin-right: 12px;
             }
        }

        .dropdown-img {
          width: 13px;
          height: 17px;
        }

        .selected-quantity {
          display: none;
          text-align: center;
          cursor: pointer;
          margin: 0;
          border-radius: 12px;
          background:  #EDEDED;
          padding: 2px 8px;
          font-size: 11px;
        }
      }
      
      .dropdown-cont:first-child{
        width: 90%;
      }

        .dropdown-cont:last-child{
        width: 100%;
      }

      .text-buttons-dropdown {
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        cursor: pointer;
        margin: 0;

        span {
          font-weight: bold;
        }
      }

      .flip-icon-samples::before {
        content: "\2212";
        border-radius: 100px;
        border: 1px solid #FFF;
        padding: 0px 8px;
        color: #FFF;
        text-decoration: none;
      }
    }

      .dropdown-text-container:hover{
        cursor: pointer;
      }

    .dropdown-text-container.show{
        padding-bottom: 0px !important;
    }



     .dropdown-text-container{
        .select-dropdown-container{
            border-radius: 100px;
            border: 1px solid #121212;
            background:  #fff;
        }


        .dropdownClose{
                display: none ;
            }

        .dropdownOpen{
                display: block ;
            }
        @media (max-width: 1250px) {
            padding-top: 16px;
      }
     }

       .dropdown-text-container.show{
        .dropdownOpen {
            display: none !important;
        }
        .dropdownClose{
            display: block !important;
        }
    }

      @media (max-width: 1250px) {
       width: 61.04%;
    }

      @media (max-width: 1025px) {
       width: 100%;
    }

    .btn-samples{
      display: flex;
      margin-top: 10px;
      justify-content: center;
      align-self: stretch;
      background: #121212;
      font-size: 12px;
      color: #FFF;
      padding: 8px 16px;
      border-radius: 8px;
      border: solid 1px;
      font-family: "Montserrat";
    }

    .btn-samples:hover{
      background: #FFF;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }
  }

  .checkBoxContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border: 1px solid #EDEDED;
    background: #FFF;
    border-radius: 8px;
    width: 55.49%;
    margin-right: 1.67%;
    margin-top: 16px;

    .checkCard {
      display: flex;
      width: 100%;
      padding: 24px;
       &.show{
        padding-bottom: 0px !important;
               .dropdownClose{
                  display: block  !important;
              }

          .dropdownOpen{
                  display: none !important;
              }
      }

      &.hide{
        display: none !important;
      }

      .dropdown-cont{
        .dropdownClose{
                  display: none ;
              }

          .dropdownOpen{
                  display: block ;
              }
      }

      @media (max-width: 1025px) {
           padding-top: 16px;
    }

   .dropdown-cont:last-child{
    margin-right: 24px;
   }
    }

    .dropdown-cont{
      display: flex;
      align-items: center;
      flex-direction: row;
      gap: 0.5rem;
    

      #productsCardsGiftsForm{
        margin-top: 16px;
      }
    }

    .cards-container{
      display: flex;
      align-items: center;
      border-radius: 10px;
      padding: 8px 12px 8px 8px;
      cursor: pointer;
    }

    .cards-container img{
      width: 50px;
      height: 50px;
    }

    input[type="radio"] {
      accent-color: #121212;
    }

    .gift-card-name{
        font-size: 11px;
        width: 100%;
        margin: 0px;
        max-height: 40px;
        overflow: hidden;
    }

    #giftcards-container{
        padding: 0px 24px 24px 24px;
        @media (max-width: 1024px) {
        padding: 0px 16px 16px 16px;
      }
    }

    .add-giftcard{
      display: flex;
      margin-top: 10px;
      justify-content: center;
      align-self: stretch;
      background: #121212;
      font-size: 12px;
      color: #FFF;
      padding: 8px 16px;
      border-radius: 8px;
      border: solid 1px;
      font-family: "Montserrat";
    }

    .add-giftcard:hover{
      background: #FFF;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }

      @media (max-width: 1250px) {
       width: 61.04%;
    }

      @media (max-width: 1025px) {
       width: 100%;
    }
  }

  .muestra {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 12px 12px 12px 8px;
    cursor: pointer;

    .name {
      display: flex;
      flex-direction: row-reverse;
         @media (max-width: 1024px) {
          width: 90% !important;
         }
      .checkbox {
        margin-left: 8px;
      }
    }
  }

  .tab-content .samples-cont {
    display: grid;
     grid-template-columns: repeat(3, 1fr);
    justify-content: center;
    align-items: center;
    gap: 8px;
    overflow-x: hidden;

    @media (max-width: 1250px) {
    grid-template-columns: repeat(2, 1fr); 
  }

        @media (max-width: 1024px) {
        grid-template-columns: repeat(1, 1fr); 
        width: auto;
    }
  }

  .title-giftcards{
    margin: 0px;

    span{
      font-weight: bold;;
    }
  }

  .cart-more-options {
    width: 55.49%;
    margin-left: 0px;

        @media(max-width: 1250px) {
            width: 61.04%;
    }

    @media(max-width: 1025px) {
        width: 100% !important;
    }
  }

  .contadorGift {
    text-align: center;
    cursor: pointer;
    margin: 0;
    border-radius: 12px;
    background:  #EDEDED;
    padding: 2px 8px;
    font-size: 11px !important;
    font-weight: 400 !important;
  }

  .available-gift{
    display: flex;
    width: 100%;
    flex-direction: column;
    border: 1px solid #EDEDED;
    margin-top: 16px;
    border-radius: 8px;
  
    .gift_contador{
      width: 100% !important;
      
      p {
        font-weight: 400;
        font-size: 13px;
      }

      span {
        font-weight: 600;
        font-size: 13px;
      }
    }

    .available-gift-quantity {
      display: flex;
      text-align: left;
      position: relative;
      margin: 24px 0px 16px 24px;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      text-align: center;
      text-align: left;
      justify-content: space-between;
      align-items: center;
      padding-left: 24px;
      font-size: 0px;

          @media (max-width: 1250px) {
            margin: 16px 0px 16px 24px;
        }
    }

    .available-gift-quantity::before {
      content: url("https://juleriaque.vteximg.com.br/arquivos/checkoutTuRegalo.svg");
      background-repeat: no-repeat;
      background-size: contain;
      width: 16px; 
      height: 16px;
      position: absolute;
      left: 0;
      transform: translateY(-50%);
    }

    .button_moregift{
      display: flex;
      text-align: right;
    }
    
    .cart-gift-items{
      display: flex;
      padding: 0px 24px 24px;
        @media (max-width: 1024px) {
            padding: 0px 16px 16px;
        }
    }

    .available-gift-items{
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      justify-content: center;
      align-items: center;
      gap: 8px;

          @media (max-width: 1250px) {
            grid-template-columns: repeat(2, 1fr);
        }

              @media (max-width: 1024px) {
        grid-template-columns: repeat(1, 1fr); 
    }
    }

    .available-gift-item{
      background: #FFF !important;
      color: #121212 !important;
      box-shadow: unset;
      border: 1px solid #EDEDED !important;
      border-radius: 8px !important;
    }

    .available-gift-item {
      display: flex;
      align-items: center;
    }

    .product-image{
      width: 50px;
      height: 50px;

    }

    .product-image img{
      width: 50px;
      height: 50px;
      max-width: unset;
    }

    .product-name{
      display: flex;
      flex-direction: column-reverse;
      align-items: center;

      .checkbox-selector{
        position: top;
        top: 40%;
        &.icon-check-empty{
        width: 14px;
        height: 14px;
        background-color: #fff;
        border: 1px solid #121212;
        border-radius: 2px;
        display: inline-block;
        transition: background-color 0.2s ease;
      }

      &.icon-check-sign{
        width: 14px;
        height: 14px;
        border: 1px solid #121212;
        border-radius: 2px;
        display: inline-block;
        transition: background-color 0.2s ease;
        background-color: #000;
        border-color: #000
      }

      &.icon-check-sign::after{
        content: "";
        position: absolute;
        left: 4px;
        top: -1px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0px 2px 2px 0;
        transform: rotate(45deg);
      }

      }
    }

    .brand-name{
      font-size: 9px;
      color: 121212;
      color: #121212;
      font-weight: bold;
      display: flex;
      width: 100%;
    }

    .brand{
      display: flex;
      width: 100%;
    }

    .brand-label{
      display: none !important;
    }
    
    .product-name span{
           width: 100%;
           display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          overflow: hidden;
          mask-image: linear-gradient(to right, black 60%, transparent 100%);
          -webkit-mask-image: linear-gradient(to right, black 60%, transparent 100%);
    }

    .checkbox-selector::before{
      content: "" !important;
    }


  }

  
}


body  .checkBoxContent.hide{
    display: none; 
  }
.checkout-container.row-fluid.orderform-active {
    overflow:visible;
}

.cart-fixed.cart-fixed-transition.affix,
.cart-fixed.cart-fixed-transition.affix-top {
    width: 359px;
    height: 56px;
}

h2[data-i18n="totalizers.summary"] {
    display :flex;
    padding: 8px 16px;
    gap: 8px;
    border-radius: 8px;
    background: #121212;
    color: #FFF;
    height: 40px;
    align-items: center;
    align-self: stretch;
    font-family: "BebasNeue";
    font-size: 22px;
    font-style: normal;
    font-weight: 400; 
}

.quantity_items_summary {
    display: flex;
    height: 24px;
    padding: 2px 13px;
    flex-direction: column;
    justify-content: center;
    border-radius: 12px;
    background: #FFF;
    color: #121212;
}


div#container-shipping {
    display: flex;
    padding-bottom: 8px;
}


.shipping.truck{
    width: 10%;
}

.shipping-truck {
    width: 21px;
    height: 15px;
    padding-right: 16px;
}


#container-progressbar{
    width: 90%;
}

#progressbar {
    background: #EDEDED !important;
    border-radius: 12px !important;
    height: 2px !important;
    margin: 8px 0 !important;
}

#progressbar>div {
    background: #121212 !important;
    height: 2px !important;
}

p.message-bar {
    display: flex;
    color: #5E5E5E !important;
}
.cart-template {
  display: flex !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  margin-top: 25px;
  margin-left: 7.53% !important;
}

#cartLoadedDiv {
  width: 55.49%;
  margin-right: 1.67%;
}

.summary-template-holder {
  width: 27.78%;
  display: flex;
  flex-direction: column;
  float: right;
}

.summary-template-holder .cart-totalizers {
  width: 100%;
}

.cart-totalizers {
  margin: 0px;
  padding: 16px;
  border-radius: 8px;
  border: 1px solid #ededed;
}

.cart-title-custom {
  padding: 8px 16px;
  color: #fff;
  border-radius: 8px;
  margin-bottom: 16px;
  background: #121212;
  font-family: "BebasNeue";
}

.cart-title-custom h2 {
  margin: 0px;
  font-size: 22px;
  font-weight: 400;
  line-height: 35px;
}

#container-progressbar .message-bar {
  font-family: Montserrat;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.6px;
  color: #121212 !important;
  gap: 4px;
  margin: 0px;
}

#container-progressbar .message-bar-valor,
#container-progressbar .message-bar-envio {
  font-weight: 700;
}

.summary-coupon-wrap .link-coupon-add {
  display: none;
}

.summary-totalizers .cart-links-bottom {
  display: flex !important;
  flex-direction: column-reverse;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

#cart-to-orderform {
  display: flex;
  justify-content: center;
  padding: 12px 24px;
  align-self: stretch;
  background: #121212;
  font-size: 12px;
}

#cart-to-orderform:hover {
  background: #fff;
  color: #121212;
  border-color: #121212;
  transition: ease all 0.3s;
}

#cart-choose-products {
  display: flex;
  justify-content: center;
  padding: 12px 24px;
  align-self: stretch;
  background: #121212;
  font-size: 12px;
  width: 320px;
}

#cart-choose-products:hover {
  background: #fff;
  color: #121212;
  border-color: #121212;
  transition: ease all 0.3s;
}

.link-choose-more-products-wrapper .link-choose-more-products {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  color: #121212;
  font-size: 0;

  &::after {
    content: "Seguir comprando";
    color: #000;
    font-size: 12px;
  }
}

.link-choose-more-products {
  margin-right: 0 !important;
}

.accordion-body .table {
  display: flex;
  flex-direction: column;
}

.accordion-body .totalizers-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}

.totalizers-list .srp-summary-result {
  display: flex !important;
  flex-direction: row;
  width: 100%;
  border-bottom: 0px !important;
}

tr.Discounts {
  /*display: none !important;*/
}

.accordion-body .totalizers-list .Items {
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 0px;
}

.accordion-inner .table {
  gap: 8px;
}

.accordion-inner .table td {
  display: flex;
  padding: 0px;
}

.accordion-inner .table tr {
  display: flex;
  padding: 0px;
}

.accordion-inner .totalizers-list {
  gap: 8px;
  display: contents;
}

.summary-totalizers .accordion-group {
  border-top: 1px #ededed solid;
  border-bottom: 1px #ededed solid;
  padding-bottom: 16px;
  padding-top: 16px;
}

.totalizers-list .Shipping {
  display: none !important;
}

.accordion-body .totalizers-list .info {
  justify-content: flex-start;
  width: 65%;
  padding: 0px;
}

.accordion-body .totalizers-list .Items .info {
  font-size: 0px;
}

.accordion-body .totalizers-list .Items .info::after {
  display: flex;
  justify-content: flex-start;
  font-size: 12px;
  content: "Total sin impuestos nacionales";
  font-style: normal;
  font-weight: 400;
}

.accordion-body .totalizers-list .monetary {
  width: 35%;
  justify-content: end;
  padding: 0px;
}

.totalizers-list .empty {
  display: none !important;
}

.totalizers-list-iva tr {
  border-bottom: 0px !important;
}

.totalizers-list-iva .iva-text {
  width: 50%;
}

.totalizers-list-iva .iva-value {
  display: flex;
  width: 50%;
  justify-content: flex-end;
}

.table tfoot .empty {
  display: none !important;
}

.table tfoot .info {
  display: flex;
  padding: 0px;
  width: 50%;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 700;
}

.table tfoot .monetary {
  display: flex;
  width: 50%;
  justify-content: flex-end;
  font-size: 12px !important;
  font-style: normal;
  font-weight: 700;
  padding: 0px !important;
}

.cart-cuotas-info {
  display: none;
  border-radius: 8px;
  background: #ededed;
  margin-top: 16px;
  padding: 8px 16px;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.icono-cuotas-container img {
  background: #ededed !important;
}

.cart-cuotas-image-container {
  gap: 8px;
}

.cart-cuotas-info span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20.6px;
  color: #121212 !important;
}

.cart-cuotas-info img {
  vertical-align: middle;
  margin-left: 4px;
  height: 16px;
  width: 24px;
  background: #fff;
  padding: 4px;
  border-radius: 4px;
}

.cart-cuotas-info .icono-cuotas-container {
  display: flex;
  width: 10%;
}

.cart-cuotas-info .cart-cuotas-texto {
  display: flex;
  width: 70%;
  gap: 5px;
}

.cart-cuotas-image-container {
  display: flex;
}

@media (min-width: 1025px) and (max-width: 1236px) {
  #container-progressbar .message-bar {
    gap: 0px;
  }
}

@media (max-width: 1250px) {
  .cart-template {
    margin-left: 4% !important;
  }
  #cartLoadedDiv {
    width: 61.04%;
    margin-right: 1.92%;
  }

  .summary-template-holder {
    width: 30.56%;
    display: flex;
    float: right;
  }

  .cart-cuotas-info {
    gap: 8px;
  }
}

@media (min-width: 1200px) {
  body {
    padding-top: 0px !important;
  }

  .container-cart,
  .container-order-form {
    width: 100%;
  }
}

@media (min-width: 1025px) {
  .container-cart {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0 auto;
  }
}

@media (max-width: 1025px) {
  .container-cart {
    margin: 24px 16px;
  }

  .cart-template {
    margin-left: 0% !important;
  }

  .cart-template-holder .cart {
    margin-top: 16px !important;
  }

  .product-item .product-name {
    margin-left: 110px !important;
  }

  .product-item .quantity {
    display: flex !important;
    margin-left: 110px !important;
    width: 118px !important;
  }
}

.cart-items .add-item-attachment-container {
  display: none !important;
}

.cart-items thead {
  display: none;
}

.cart {
  padding: 16px;
  border: 1px solid #ededed !important;
  border-radius: 8px !important;
}

.cart .product-item img {
  width: 96px;
  height: auto;
}

.cart-template .item-component {
  display: none !important;
}

.cart-template .cart-items tbody tr {
  border-bottom: solid 1px #ededed;
}

.table-container-scroll::-webkit-scrollbar {
  width: 3px;
}

.table-container-scroll::-webkit-scrollbar-thumb {
  background-color: #121212 !important;
}

.table-container-scroll::-webkit-scrollbar-track {
  background-color: #ededed;
}

.cart #kit-modal {
  position: absolute;
  background-color: #EDEDED;
  border-radius: 8px;
  padding: .6rem 1rem 1rem 1rem;
}

.cart #kit-modal .kit-modal-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
 
.cart #kit-modal .kit-component {
  display: flex;
  align-items: center;
  gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  padding: 0.5rem;
}
 
.cart #kit-modal .button-kit-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0.5rem;
}

.cart #kit-modal .button-kit-container button {
  border: none;
  background-color: transparent;
  font-size: 25px;
}

.cart #kit-modal .kit-img-container {
  max-width: 60px;
  max-height: 60px;
}

.cart #kit-modal .kit-information {
  margin-right: 10px;
}

.cart #kit-modal .kit-name {
  color: #121212;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
}

.cart #kit-modal .kit-qty {
  color: #B2B2B2;
  font-size: 11px;
  font-weight: 400;
}

.product-price .old-product-price-label {
  display: none;
}

.cart .old-product-price {
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #b2b2b2;
}

.product-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px 0px;
}

@media (min-width: 1024px) {
  .product-price {
    min-width: 85px;
  }

  .cart #kit-modal {
    min-width: 365px;
    top: 28%;
    left: 5%;
  }
}

@media (min-width: 1024px) and (max-height: 769px) {
  .cart #kit-modal {
    top: 22%;
  }
}

@media (max-width: 1024px) {
  .product-price {
    span {
      visibility: visible !important;
    }
  }

  .cart #kit-modal {
    min-width: 80%;
    top: 10%;
    left: 0%;
  }
}

.cart .old-product-price {
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  text-decoration-line: line-through;
  color: #b2b2b2;
}

.product-item {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 16px 0px;
}

.cart .product-item.unavailable {
  background-color: #fff !important;
}

.cart .item-unavailable {
  background-color: #fff !important;
}

.product-item:first-child {
  padding-top: 0px;
}

.cart-items .product-image {
  width: 96px !important;
  border-radius: 8px !important;
  border: 1px solid #ededed !important;
  padding: 2px !important;
  margin-right: 16px;
  height: auto;
}

.cart-items .product-image img {
  max-width: unset !important;
}

.cart .product-name {
  display: flex;
  flex-direction: column-reverse;
  width: 224px !important;
}

.cart .focus-visible {
  border: 0px;
}

.cart .shipping-date {
  display: none;
}

.cart .product-price {
  margin-left: 4px;
}

.best-price {
  display: flex;
  width: 69px !important;
}

.cart .new-product-price {
  display: flex;
  width: 100%;
  min-width: 90px;
  align-items: center;
  justify-content: center;
  color: #000;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.5px;
}

br[data-bind*="isListPriceVisible"] {
  display: none !important;
}

.cart .list-price {
  display: flex;
  flex-direction: column;
  justify-self: center;
  width: 100%;
}

.cart .new-product-price-label {
  display: none;
}

.cart .quantity {
  display: flex;
  border-radius: 8px !important;
  border: 1px solid #ededed !important;
  align-items: center;
  height: 40px;
  margin-left: 32px;
  margin-right: 32px;
  justify-content: center;
  width: 114px;
}

.cart .item-quantity-change {
  width: 40px;
}

.quantity input {
  font-family: "Montserrat" !important;
}

.vtex-front-messages-template {
  background: #fff;
  color: #121212;
}

.vtex-front-messages-template.vtex-front-messages-type-info {
  border-color: #121212 !important;
}

.cart .quantity input {
  padding: 0px;
  border-radius: 0px;
  border: 0px;
  box-shadow: unset !important;
  width: 32px;
  margin: 0px;
  background: #fff !important;
  background-color: #fff !important;
}

.product-name a {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20.6px;
  color: #121212;
}

.product-name .seller.muted {
  display: none !important;
}

.product-item .brand .brand-name {
  display: block;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px;
}

.cart-template .cart-items tbody tr {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: row;
}

.product-item td {
  padding: 0px;
}

.icon-minus-sign:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://juleriaque.vteximg.com.br/arquivos/CheckoutMinus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.icon-plus-sign:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("https://juleriaque.vteximg.com.br/arquivos/CheckoutPlus.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.cart .total-selling-price {
  color: #121212;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 16px; /* 133.333% */
  letter-spacing: 0.5px;
}

.icon-remove:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://juleriaque.vteximg.com.br/arquivos/CheckoutDelete.svg");
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.table-container-scroll {
  max-height: 328px;
  overflow-y: scroll;
  overflow-x: hidden;
}

@media (min-width: 1024px) and (max-width: 1380px) {
  .table-container-scroll {
    max-height: 228px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.table-container-scroll .cart-items {
  display: flex;
  flex-direction: column;
}

.cart-totalizers .summary-coupon {
  display: none;
}

.cart-totalizers .gift-card-container {
  width: 100%;
  display: flex;
  align-items: center;
}

.cart-totalizers .gift-card-container .gift-card-text {
  width: 78%;
  font-family: "Montserrat";
  font-size: 12px;
  margin: 0;
}

.cart-totalizers .gift-card-container .gift-card-result {
  width: 20%;
  font-family: "Montserrat";
  font-size: 12px;
  margin: 0;
}

.cart-totalizers tfoot tr {
  display: none !important;
}

.cart-totalizers .total-new-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cart-totalizers .total-new-container .total-new-text {
  margin: 0;
  font-weight: 600;
}

.cart-totalizers .total-new-container .total-new {
  margin: 0;
  font-weight: 600;
}

.cart-more-options #shipping-preview-container {
  display: none;
}

.empty-cart-title {
  font-family: "BebasNeue";
  font-weight: 500;
}

@media (min-width: 1500px) {
  .cart .product-name {
    width: 45% !important;
  }
}

@media (min-width: 1025px) and (max-width: 1250px) {
  .product-item .item-remove {
    margin-right: 10px;
  }
}

@media (min-width: 1250px) and (max-width: 1380px) {
  .product-item .item-remove {
    margin-right: 2%;
  }
}

@media (max-width: 1024px) {
  .cart-template {
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0px;
  }

  .cart-template .product-item {
    display: flex !important;
    flex-wrap: wrap !important;
  }

  .cart-template .cart-template-holder {
    width: 100% !important;
  }

  .cart-template .summary-template-holder {
    width: 100% !important;
  }

  .table-container-scroll {
    max-height: 300px !important;
  }

  .cart-items .product-image {
    width: 60px !important;
    margin-right: 8px;
  }

  .cart .product-item img {
    width: 60px !important;
  }

  .full-cart .cart table tbody tr + tr {
    border-top: none !important;
  }

  .full-cart .cart table tbody tr {
    padding-top: 0px !important;
    margin-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .full-cart .cart table tbody tr:first-child {
    margin-top: 0px !important;
  }

  .full-cart .cart table tbody tr td.product-image,
  .full-cart .cart table tbody tr td.bundle-item-image {
    top: 0px !important;
  }

  .product-item .quantity {
    width: 98px !important;
    margin-left: 35px !important;
    margin-right: 0px;
  }

  @media (max-width: 380px) {
    .product-item .quantity {
      margin-left: 17px !important;
    }
  }

  .item-remove {
    top: unset !important;
    right: 2px !important;
    bottom: 24px;
  }

  .icon-remove:before {
    width: 20px;
    height: 20px;
  }

  .full-cart .cart table tbody tr td.product-name {
    margin-left: 22% !important;
    padding-bottom: 0px !important;
  }

  @media (max-width: 1024px) {
    .full-cart .cart table tbody tr td.product-name {
      margin-left: 26% !important;
      margin-left: 26% !important;
      visibility: visible !important;
      font-weight: 600;
    }
  }

  .full-cart .cart table tbody tr td.product-price {
    margin-left: 22% !important;
  }

  @media (max-width: 1024px) {
    .full-cart .cart table tbody tr td.product-price {
      margin-left: 26% !important;
      visibility: visible !important;
      font-weight: 600;
    }
  }

  .product-name {
    display: flex !important;
  }

  .product-name a:first-child {
    margin-bottom: 4px !important;
  }

  .brand {
    display: block !important;
  }

  .old-product-price.muted {
    display: flex;
    justify-content: center;
  }

  #button_remove_items {
    padding-top: 16px;
  }

  .total-selling-price {
    display: none;
  }

  #container-shipping {
    margin-top: 16px;
  }

  #container-shipping .shipping.shipping.truck {
    width: auto !important;
  }

  .container-main {
    width: auto !important;
  }

  .cart-template {
    display: flex;
    flex-direction: column;
  }

  .cart-template-holder {
    order: 1;
  }

  .cart-personaliza-pedido {
    order: 2;
  }

  #samples-main-container {
    order: 3;
  }

  .checkBoxContent {
    order: 4;
  }

  .cart-more-options {
    order: 5;
  }

  .summary-template-holder {
    order: 6;
    margin-top: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cart-template {
    margin-top: 15px;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .item-quantity-change {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
  }

  .full-cart .item-quantity-change-increment {
    top: unset !important;
  }

  .full-cart .item-quantity-change {
    position: relative !important;
    bottom: unset !important;
    left: unset !important;
    justify-content: center !important;
  }
}

@media (min-width: 491px) and (max-width: 1024px) {
  .full-cart .cart table tbody tr td.product-name {
    margin-left: 2% !important;
  }

  .full-cart .cart table tbody tr td.product-price {
    margin-left: 2% !important;
  }
}

@media (min-width: 491px) and (max-width: 591px) {
  .product-item .quantity {
    margin-left: 20% !important;
  }
}

.cart-template{

    .cart-personaliza-pedido{
        order: 1;
    }

    .cart-more-options{
        order: 2;
    }

    .checkBoxContent {
        order: 3;
    }

    #samples-main-container{
        order: 4;
        margin-top: 16px;
    }

}


input#tyc {
    accent-color: black;
    width: 16px;
    height: 16px;
}

.tyc-title {
  letter-spacing: 1.3;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  margin: 10px 0;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.close-tyc {
  padding: 12px 0.5rem;
  opacity: 1;
  position: absolute;
  right: 10px;
  a {
    text-decoration: none;
    color: black;
    font-size: 0;
    display: block;
    &:hover,
    &:focus {
      text-decoration: none;
    }
    &::before {
      color: #000;
      content: "\f00d";
      vertical-align: super;
      font-family: "FontAwesome";
      font-size: 20px;
    }
  }
}

.tycModal {
  max-height: 500px;
  z-index: 100;

  .tyc-data-container {
    padding-top: 1.5rem !important;
    padding: 0 2rem;
    overflow-y: scroll;
    height: 350px;

     &::-webkit-scrollbar {
      width: 6px;
      background-color: transparent;
    }

    &::-webkit-scrollbar-track {
      background-color: transparent;
    }   

    &::-webkit-scrollbar-thumb {
      border-radius: 100px;
      border: 1px solid transparent;
      background-clip: content-box;
      background-color: #000;
    }
  }

  .tyc-data {
    margin-bottom: 0.5rem;

  }

  .tyc-title-container {
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding: 3px 0 10px 0;
    display: flex;
    align-items: center;
  }

  .tyc-details {
    color: #777;
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
  }

  .tyc-arrow {
    &::after {
      content: "\f107";
      font-family: "FontAwesome";
      font-size: 25px;
      position: absolute;
      right: 0;
      top: 5px;
      z-index: 1;
    }
  }

  .tyc-arrow.active {
    &::after {
      content: "\f106";
      font-family: "FontAwesome";
    }
  }

  .tyc-data {
    border-bottom: 1px solid #d2d2d2;
  }

  .tyc-modal-title {
    text-decoration: none;
    color: black;
    display: block;
    width: 100%;
    position: relative;
    z-index: 2;
    transition: all ease 0.3s;
    font-family: 'Montserrat';

  }
}
.cart-personaliza-pedido {
  width: 55.5%;
  border-radius: 8px;
  background: #ededed;
  margin-top: 15px;
  margin-bottom: 0;
  
  @media (max-width: 1024px) {
    width: 100%;
  }
}

.cart-personaliza-pedido h2 {
  color: #121212;
  font-family: "BebasNeue";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  margin-top: 0px;
  line-height: 35px;
  padding: 0px;
  margin: 0px;
  padding: 8px 0px 8px 16px;
}

@media (max-width: 1250px) {
  .cart-personaliza-pedido {
    width: 61.04%;
  }
}

@media (max-width: 1025px) {
  .cart-personaliza-pedido {
    width: 100% !important;
  }
}

.vtex-omnishipping-1-x-ask{

    .vtex-omnishipping-1-x-cta{
        display: flex;
        justify-content: center;
    }
    .btn-ask-for-geolocation-cta {
        display: flex;
        align-items: center;
        background-color: #121212;
        background: #121212;
        border-color: #121212;
    }

    .btn-ask-for-geolocation-cta:hover{
        background: #FFF;
        color: #121212;
        border-color: #121212;
        transition: ease all 0.3s;
    }

    .vtex-omnishipping-1-x-manualBtn {
        color: #121212;
    }

    .vtex-omnishipping-1-x-imageAsk{
        box-shadow: unset;
        background: unset;
    }

    .vtex-omnishipping-1-x-imageAsk svg{
        display: none;
    }
   
    .vtex-omnishipping-1-x-imageAsk {
        background: url('https://juleriaqueio.vteximg.com.br/arquivos/checkoutGeoLocation.png') no-repeat center;
        background-size: 36px; 
        width: 36px; 
        height: 36px;
        display: inline-block; 
    }

 
}


.shipping-container{
   .pickup-marker-blue path {
        filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    .vtex-omnishipping-1-x-infoIcon,
    .vtex-omnishipping-1-x-pickupReceiverIcon {
        filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    .vtex-omnishipping-1-x-alert{
        display: flex;
        align-items: center;
        border: #121212 solid 1px;
    }
}

.vtex-omnishipping-1-x-btn {
    color: #000 !important;
}

.vtex-pickup-points-modal-3-x-infoBar{
    .vtex-pickup-points-modal-3-x-modalDetailsBackLnk{
        color: #121212;
        font-size: 11px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-family: 'Montserrat';
    }

    .vtex-pickup-points-modal-3-x-backChevron{
        filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    [data-testid="goToNextPickupPoint"] svg{
        filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    [data-testid="goToPreviousPickupPoint"] svg{
        filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    .pkpmodal-details-confirm-btn{
        background-color: #121212;
        background: #121212;
        border-color: #121212;
        border-radius: 8px;
        font-size: 12px;
        text-transform: unset;
    }

    .pkpmodal-details-confirm-btn:hover{
        background: #FFF;
        color: #121212;
        border-color: #121212;
        transition: ease all 0.3s; 
    }

    .vtex-pickup-points-modal-3-x-productItem{
        border-radius: 8px;
    }

    .pkpmodal-pickup-point-best-marker-image path:first-child{
            filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    .pkpmodal-pickup-point-marker-image path{
            filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%) !important;
    }

    .vtex-pickup-points-modal-3-x-pickupPointAvailability{
        color: #121212;
    }

}



#orderform-title {
  display: none !important;
}

.orderform-template {
  transition: none !important;
  &.active {
    width: 100% !important;
    margin-top: 16px;
    margin-left: 7.53% !important;

    @media (max-width: 1024px) {
      display: flex;
      flex-direction: column !important;
    }

    @media (min-width: 1024px) {
      display: flex !important;
      flex-wrap: wrap !important;
    }

    .summary-totalizers {
      .accordion-group {
        background: #fff;
        margin: 0px !important;
      }
    }

    #email-suggestion-address {
      color: #121212;
    }

    .orderform-template-holder {
      display: flex;
      width: 55.49% !important;
      margin-right: 1.67% !important;
      font-family: "Montserrat";
      .accordion-group {
        border: solid 0px;
      }

      @media (max-width: 1024px) {
        width: 100% !important;
      }
    }

    .orderform-template-holder .row-fluid {
      display: flex;
      flex-direction: column;

      .payment-group {
        width: 20%;
        margin-right: 3%;

        @media (min-width: 1024px) {
          margin-top: 0 !important;
        }

        .payment-group-list-btn {
          display: flex;
          gap: 8px;
          flex-direction: column;
          box-sizing: border-box;
          a {
            color: #121212 !important;
          }
        }
        .payment-group-list-btn
          .payment-group-item#payment-group-creditCardPaymentGroup {
          order: 1;
        }
        .payment-group-list-btn
          .payment-group-item#payment-group-debitCardPaymentGroup {
          order: 2;
        }
        .payment-group-list-btn
          .payment-group-item#payment-group-MercadoPagoProPaymentGroup {
          order: 3;
        }
        .payment-group-list-btn .payment-group-item[data-name="Modo Payment"] {
          order: 4;
        }
        .payment-group-list-btn .payment-group-item[data-name="WH Google Pay"] {
          order: 5;
        }
      }
      .steps-view {
        width: 100%;
        padding: 0px;

        @media (max-width: 570px) {
          background-color: white;
        }
      }
    }

    .cart-template {
      width: 27.78% !important;
      display: flex !important;
      flex-direction: column;
      float: right;
      margin: 0px;
      padding: 0px;
      margin-left: 0px !important;
      text-shadow: unset !important;

      .quantity-price {
        font-weight: 600;
      }

      .price-details {
        display: none;
      }

      @media (max-width: 1024px) {
        width: 100% !important;
        margin-top: 1rem;
      }
    }

    .cart-fixed {
      border-radius: 8px;
      border: 1px solid #ededed;
      padding: 16px;
      display: flex;
      flex-direction: column;
      position: relative !important;
      max-height: 515px !important;
      box-sizing: border-box;
      width: 100%;
      [data-i18n="totalizers.summary"] {
        display: none !important;
      }
    }

    #newtitlecart {
      display: flex;
      box-sizing: border-box;
      width: 100%;

      .custom-resumen-compra .quantity_items_summary:nth-of-type(2) {
        display: none;
      }

      .custom-resumen-compra {
        display: flex;
        flex-direction: row;
        padding: 8px 16px;
        align-items: flex-start;
        align-self: stretch;
        background: #121212;
        color: #fff;
        border-radius: 8px;
        margin-bottom: 16px;
        box-sizing: border-box;
        width: 100%;

        span {
          font-family: "BebasNeue";
          font-size: 22px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px;
        }
      }
    }

    .porcentaje-reintegro-container {
      margin-top: 5%;
      border: 1px solid #121212;
      padding: 0.7rem;

      .porcentaje-reintegro {
        color: #121212;
      }

      .link-reintegro {
        color: #121212;
        text-decoration: underline;
      }
    }

    .summary-coupon {
      display: flex !important;
      padding: 0px;
      margin: 0px;

      [data-bind="fadeVisible: isUsingCoupon()"] {
        display: flex !important;
        flex-direction: row;
        width: 100%;
        gap: 8px;
        label {
          display: none !important;

          .vtex-omnishipping-1-x-SummaryItemGroup {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
          }

          .coupon-label {
            display: none !important;
          }
        }

        [data-bind="visible: !isCouponTyped()"] {
          display: flex !important;
          flex-direction: row;
          width: 100%;
          gap: 8px;
          .coupon-label {
            display: none !important;
          }
        }

        #cart-coupon {
          border: 1px solid #ededed;
          box-shadow: none;
          height: 35px;
          display: flex;
          align-items: center;
          height: 100%;
          height: 44px;
          box-sizing: border-box;
          width: 100%;
          border-radius: 8px;

          &:-webkit-autofill {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            box-shadow: 0 0 0px 1000px white inset !important;
            -webkit-text-fill-color: #000;
          }

          &:-webkit-autofill:focus {
            -webkit-box-shadow: 0 0 0px 1000px white inset !important;
            box-shadow: 0 0 0px 1000px white inset !important;
            -webkit-text-fill-color: #000;
          }
        }

        .coupon-form {
          width: 100%;
        }

        .coupon-fields {
          width: 100%;
        }

        #cart-coupon-add {
          font-size: 0px;
          background-color: #121212;
          background: #121212;
          border-color: #121212;
          border-radius: 8px;
          padding: 0px 24px;
          height: 44px;
          display: flex;
          align-items: center;
        }

        #cart-coupon-add:hover {
          background: #fff;
          color: #121212;
          border-color: #121212;
          transition: ease all 0.3s;
        }

        #cart-coupon-add::after {
          display: flex;
          align-items: center;
          color: #fff;
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: normal;
          content: "OK";
        }

        #cart-coupon-add:hover::after {
          color: #121212;
        }
        #cart-coupon-remove {
          font-size: 0;
        }

        #cart-coupon-remove::after {
          content: "Cancelar";
          font-size: 12px;
        }

        .coupon-fields .info .delete #cart-coupon-remove {
          color: #121212;
        }

        fieldset.coupon-fieldset .vcustom-showCustomMsgCoupon {
          border: 1px dashed #ffb100;
          padding: 1px;
          font-size: 11px;
          background: #fff6e0;
          border-radius: 4px;
        }
      }

      .mini-cart {
        .item:first-child {
          padding-top: 16px !important;
        }
      }
      &.shp-lean-option-active {
        .vtex-omnishipping-1-x-svg {
          filter: brightness(0) saturate(100%) invert(9%) sepia(0%)
            saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%);
        }
      }
    }
    .mini-cart {
      .item {
        border-top: 0px !important;
        padding-bottom: 16px !important;
      }
    }

    #quantity_items_summary {
      font-family: "Montserrat";
      font-size: 11px;
      padding: 0px 13px;
      margin-left: 8px;
      font-weight: bold;
    }

    .cart-fixed {
      display: flex;
      flex-direction: column;
      top: 0px !important;

      @media (max-width: 1024px) {
        margin-bottom: 1rem;
      }

      .vtex-omnishipping-1-x-svg {
        filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(324deg)
          brightness(96%) contrast(104%);
      }

      [data-i18n="totalizers.summary"] {
        display: flex;
        margin-bottom: 16px;
        line-height: 27px;
        align-items: center;
      }

      .summary-cart-template-holder {
        overflow: inherit !important;
        max-height: 201px !important;

        @media (max-width: 1024px) {
          overflow: scroll !important;
        }

        @media (min-width: 1024px) {
          min-height: 201px !important;
        }

        .cart {
          position: relative;
          z-index: 1;
          border: solid 0px !important;
          overflow-y: scroll;
          overflow-x: hidden;
          height: auto;
          .hproduct:first-child {
            margin-top: 6px !important;
          }

          .hproduct {
            margin: 0px;
            padding: 0px 0px 16px 0px !important;
            a {
              border-radius: 8px !important;
              border: 1px solid #ededed !important;
              padding: 2px !important;
              margin-right: 16px;
              height: auto;
            }

            img {
              width: 60px;
              height: 60px;
            }

            .product-name {
              font-family: "Montserrat";
              font-size: 11px;
              font-style: normal;
              font-weight: 500;
              line-height: 16px;
              color: #121212;
              margin-top: 8px;
              width: 100%;
              display: -webkit-box;
              -webkit-line-clamp: 1;
              -webkit-box-orient: vertical;
              overflow: hidden;
              mask-image: linear-gradient(
                to right,
                black 60%,
                transparent 100%
              );
              -webkit-mask-image: linear-gradient(
                to right,
                black 60%,
                transparent 100%
              );
            }

            .price {
              font-family: "Montserrat";
              font-size: 14px;
              font-style: normal;
              font-weight: 700;
              line-height: 20px;
              letter-spacing: 0.1px;
              color: #121212;
              margin-top: 8px;
            }
          }
        }

        .cart::-webkit-scrollbar {
          width: 3px;
        }

        .cart::-webkit-scrollbar-thumb {
          background-color: #121212 !important;
        }

        .cart::-webkit-scrollbar-track {
          background-color: #ededed;
        }
      }

      .accordion-heading {
        display: none !important;
      }
      .badge {
        font-size: 12px;
        font-weight: 400;
        font-family: "Montserrat";
        font-style: normal;
        border-radius: 100% !important;
        width: 18px;
        height: 18px;
        padding: 0px;
        border-radius: 20px;
        background: #121212;
        color: #fff;
        border: 0px !important;
        padding: 0px;
        margin-left: 50px;
        top: -6px;
      }

      #go-to-cart-button {
        display: none !important;
      }

      .summary-template-holder {
        display: flex;
        width: 100% !important;
        z-index: 3;
        margin: 0px;
        padding: 0px;
        border: solid 0px;
      }

      #payment-data-submit {
        background: #121212;
        padding: 12px 24px;
        line-height: 16px;

        @media (max-width: 1024px) {
          margin-bottom: 5%;
          margin-left: 5%;
          margin-right: 5%;
          margin-bottom: 0px;
        }

        .icon-lock {
          display: none !important;
        }
        [data-i18n="paymentData.confirm"] {
          font-size: 0px;
        }

        [data-i18n="paymentData.confirm"]:after {
          content: "Finalizar compra";
          color: #fff;
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 500;
        }
      }

      #payment-data-submit:hover {
        background: #fff;
        color: #121212;
        border-color: #121212;
        transition: ease all 0.3s;
      }

      #payment-data-submit:hover [data-i18n="paymentData.confirm"]:after {
        color: #121212;
      }

      #TyCcheck {
        margin-top: 16px;
        .uc-terms-label {
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 20.6px;
          color: #121212;
          display: flex;
          align-items: center;
          gap: 4px;
        }
        .form-checkbox-msg a {
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 20.6px;
          color: #121212;
          text-decoration: underline;
        }

        input[type="checkbox"] {
          accent-color: black;
          width: 16px;
          height: 16px;
          cursor: pointer;
        }
      }

      #newsletter-container {
        input[type="checkbox"] {
          accent-color: black;
          width: 16px;
          height: 16px;
          cursor: pointer;
        }
      }

      .newsletter {
        margin: 0px;
        .newsletter-text {
          margin-left: 5px;
        }
      }

      .payment-confirmation-wrap {
        display: flex !important;
      }

      .payment-submit-wrap {
        display: flex;
        width: 100%;
        margin-top: 16px;

        @media (max-width: 1024px) {
          margin-top: 0;
        }
      }
    }

    .totalizers-list-iva {
      border-top: 0px;
    }

    .summary-totalizers {
      margin: 0px;
      .info::after {
        color: #4e4e4e;
        font-family: "Montserrat";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.6px;
      }
      .monetary {
        color: #4e4e4e;
        font-family: "Montserrat";
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20.6px;
      }

      .srp-summary-result {
        .info {
          color: #121212;
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 20.6px;
        }
        .monetary {
          font-weight: bold;
        }
      }
      .totalizers-list-iva {
        .iva-text {
          color: #4e4e4e;
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 20.6px;
        }
        #iva-value {
          color: #4e4e4e;
          font-family: "Montserrat";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 20.6px;
        }
      }

      tfoot {
        tr {
          display: none;
        }

        .total-new-container {
          display: flex;
          justify-content: space-between;
        }

        .info {
          color: #121212;
          font-family: "Montserrat";
          font-size: 12px !important;
          font-style: normal;
          font-weight: bold;
          line-height: 20.6px;
          margin: 0px !important;
          padding: 0px !important;
        }

        .monetary {
          font-weight: bold;
          color: #121212;
        }
      }
    }

    @media (max-width: 1024px) {
      flex-direction: column;
      margin-left: 0px !important;
      width: 100% !important;
      padding: 0px 16px;
    }
  }

  #client-profile-data {
    width: 100%;
    .client-profile-data {
      border: solid 0px;
      padding: 0px;
      padding: 5px;
    }

    .accordion-inner {
      padding: 0px;
      margin: 16px 0 10px 0;
      background: #fff;
    }

    &.active {
      .icon-edit {
        display: none !important;
      }
    }

    .btn-submit-wrapper {
      @media (max-width: 1024px) {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      #go-to-payment {
        max-width: 150px;
        display: flex;
        justify-content: center;
        align-items: center;
      }
    }
  }

  .client-profile-email {
    .link-logout-container a {
      font-family: "Montserrat";
      font-style: normal;
      font-size: 12px;
      font-weight: 600;
      color: #000 !important;
    }
  }

  .accordion-heading {
    display: flex;
    padding: 8px 16px;
    background: #ededed;
    border-radius: 8px;
  }

  .accordion-toggle {
    font-family: "BebasNeue";
    font-size: 22px;
    color: #121212;
    align-items: center;
    line-height: 28px;
    padding: 0px !important;
    display: flex !important;
    line-height: 0px !important;
    align-items: center !important;
    width: 100%;
  }

  .accordion-toggle::after {
    display: flex;
    padding: 2px 8px;
    font-family: "Montserrat";
    font-size: 12px;
    color: #121212;
    background: #fff;
    border-radius: 12px;
    margin-left: 10px;
    height: 20px;
    align-items: center;
    font-weight: 500;
  }

  [data-i18n="clientProfileData.identification"] {
    display: flex;
    font-family: "BebasNeue";
    font-size: 22px;
    color: #121212;
    align-items: center;
    line-height: 28px;
  }

  [data-i18n="clientProfileData.identification"]::after {
    display: flex;
    padding: 2px 8px;
    font-family: "Montserrat";
    font-size: 12px;
    color: #121212;
    background: #fff;
    border-radius: 12px;
    margin-left: 10px;
    height: 20px;
    align-items: center;
    font-weight: 500;
  }

  [data-i18n="paymentData.payment"] {
    display: flex;
    font-family: "BebasNeue";
    font-size: 22px;
    color: #121212;
    align-items: center;
    line-height: 28px;
  }

  #shipping-data {
    width: 100%;
    margin: 0px;

    .vtex-pickup-points-modal-3-x-pickupViewOptionActive {
      background-color: #000;
      color: white;
      border: 1px solid #000;
    }

    .vtex-pickup-points-modal-3-x-pickupViewOptionInctive {
      border: 1px solid #000;
      color: #000;
    }

    .vtex-omnishipping-1-x-buttonEditAddress,
    .vtex-omnishipping-1-x-buttonCreateAddress,
    .vtex-omnishipping-1-x-backToAddressList {
      color: #000;
      font-family: "Montserrat";
      border: 1px dashed #000;
    }

    .vtex-omnishipping-1-x-backToAddressList {
      border: 1px dashed #000;
    }

    .vtex-omnishipping-1-x-addressItemOption {
      background-color: #fff;
      border: 1px solid #000;
    }

    .vtex-omnishipping-1-x-SummaryItemGroup {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
    }

    .vtex-omnishipping-1-x-shippingDataDev {
      border: solid 0px;
      background: #fff;
    }

    .vtex-omnishipping-1-x-deliveryOptionActive {
      border-radius: 8px;
      border: 1px solid #121212;
      background: #fff;
      box-shadow: 0 2px 20px 0 rgba(18, 18, 18, 0.1);
      padding: 0px;
      height: 16px;
    }

    .vtex-omnishipping-1-x-deliveryChannelsToggle {
      background: #fff !important;
      border: solid 0px !important;
      box-shadow: none !important;
    }

    .shp-method-option-text {
      color: #121212;
      text-align: center;
      font-family: "Montserrat";
      font-size: 0;
      font-style: normal;
      font-weight: 700;
    }

    #shipping-option-pickup-in-point {
      .shp-method-option-text {
        &::after {
          content: "Retirar";
          font-family: "Montserrat";
          font-size: 12px;
          font-weight: 700;
        }
      }
    }

    #shipping-option-delivery {
      .shp-method-option-text {
        &::after {
          content: "Envío";
          font-family: "Montserrat";
          font-size: 12px;
          font-weight: 700;
        }
      }

      .vtex-omnishipping-1-x-deliveryChannelsComplement {
        font-size: 0;
        &::after {
          content: "a domicilio";
          font-family: "Montserrat";
          font-size: 12px;
          font-weight: 400;
        }
      }
    }

    .vtex-omnishipping-1-x-deliveryChannelsComplement {
      color: #121212;
      text-align: center;
      leading-trim: both;
      text-edge: cap;
      font-family: "Montserrat";
      font-size: 11px;
      font-style: normal;
      font-weight: 400;
    }

    .shp-method-option-active {
      z-index: 3;
    }

    #shipping-option-delivery {
      &.vtex-omnishipping-1-x-deliveryOptionInactive {
        margin-right: -10px;
        padding: 0px;
        height: 16px;
      }
    }

    #shipping-option-pickup-in-point {
      &.vtex-omnishipping-1-x-deliveryOptionInactive {
        margin-left: -10px;
        padding: 0px;
        height: 16px;
      }
    }

    .vtex-omnishipping-1-x-leanShippingGroupList {
      border: 0px;
      label {
        border: 0px;
      }
    }

    .glide__bullet--active {
      background-color: #121212 !important;
    }

    .vtex-omnishipping-1-x-leanShippingOption {
      background-color: #fff !important;

      &.shp-lean-option-active {
        .vtex-omnishipping-1-x-svg {
          filter: brightness(0) saturate(100%) invert(9%) sepia(0%)
            saturate(7484%) hue-rotate(177deg) brightness(95%) contrast(104%);
        }
      }
    }

    .shp-option-text-label {
      font-family: "Montserrat";
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20.6px;
      color: #121212;
    }

    .shp-option-text-package {
      font-family: "Montserrat";
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      line-height: 20.6px;
      color: #b2b2b2;
    }

    .shp-option-text-price {
      font-family: "Montserrat";
      font-size: 12px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      color: #121212;
    }

    .vtex-omnishipping-1-x-svg {
      filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%)
        hue-rotate(177deg) brightness(95%) contrast(104%);
    }

    .shp-method-option-inactive {
      background: #fff;
      border: solid 0.1px #b2b2b2;
      border-radius: 8px;
      z-index: 1;
      opacity: 1;

      .shp-method-option-text {
        color: #b2b2b2;
      }

      .shp-method-option-complement {
        color: #b2b2b2;
      }
    }

    .vtex-omnishipping-1-x-deliveryChannelsWrapper {
      width: 432px;
    }

    .vtex-omnishipping-1-x-isLoading {
      display: flex;
      width: 432px;
      justify-content: center;
      align-items: center;
    }

    .shipping-container {
      .box-step {
        #postalCode-finished-loading {
          display: flex;
          justify-content: center;
        }
      }
    }

    .box-step:not(:has([id="postalCode-finished-loading"])) > div:first-child {
      display: flex;
      justify-content: center;
    }

    .vtex-omnishipping-1-x-SummaryItemGroup {
      justify-content: start !important;
    }

    .vtex-omnishipping-1-x-SummaryItemContent {
      width: 100%;
    }

    .vtex-omnishipping-1-x-SummaryItemInfo {
      display: flex;
      flex-direction: column-reverse;
    }

    .shp-summary-group-content
      .shp-summary-group-info
      .shp-summary-group-title {
      font-weight: bold;
    }

    .vtex-omnishipping-1-x-packageItems {
      display: grid;
      grid-template-columns: repeat(7, 1fr);
    }

    .vtex-omnishipping-1-x-top {
      border-radius: 8px;
      background: #ededed;
      height: 37px;
    }

    .vtex-omnishipping-1-x-packageItem {
      .vtex-omnishipping-1-x-package {
        border: 0px;
      }
    }
  }

  #payment-data {
    width: 100%;
    margin-left: 0px !important;
    .accordion-group {
      border: solid 0px;
    }
    .accordion-inner {
      width: 100%;
      padding: 0px;
      margin-top: 16px;

      @media (max-width: 1024px) {
        margin-top: 0 !important;
      }
    }
    .box-step-content {
      .row-fluid {
        display: flex;
        flex-direction: row;
        box-sizing: border-box;
      }
    }

    .form-step {
      margin-top: 16px;
      padding: 0 !important;
      border: none !important;
    }

    .payment-body {
      @media (max-width: 1024px) {
        padding: 16px;
        border: 1px solid #ededed;
        margin-top: 1rem;
        border-radius: 8px;
      }

      @media (min-width: 1024px) {
        margin-top: 10px;
        border: 1px solid #ededed;
        border-radius: 8px;
        padding: 16px;

        .accordion-inner {
          margin-top: 0 !important;
        }
      }
    }
  }

  .payment-discounts-code-copy {
    margin-bottom: 1rem;

    @media (min-width: 1024px) {
      display: grid;
      grid-template-columns: 40% 40% 20%;
      gap: 8px;
      max-width: 98%;

      .inputgift {
        height: 40px;
      }

      #btn-add-gift-card-omg {
        height: 40px;
        border-radius: 8px;
      }
    }

    @media (max-width: 1024px) {
      display: flex;
      flex-wrap: wrap;

      .inputgift {
        &:first-child {
          width: 100% !important;
        }

        width: 50%;
      }
    }

    .FormFieldLabel {
      display: none;
    }

    .inputgift {
      margin-bottom: 0.5rem;
    }

    #btn-add-gift-card-omg {
      font-family: "Montserrat";
      font-size: 13px;
      background-color: #fff;
      color: #000;
      text-shadow: none;
      background-image: none;
      border: 1px solid #ededed;
      box-shadow: none;
      border-radius: 8px;

      @media (max-width: 1024px) {
        width: 48%;
        height: 43px;
        margin-left: 2%;
      }
    }
  }

  .gift-card-container {
    width: 100%;
    display: flex;
    align-items: center;

    .gift-card-text {
      width: 78%;
      font-family: "Montserrat";
      font-size: 12px;
      margin: 0;
    }

    .gift-card-result {
      width: 20%;
      font-family: "Montserrat";
      font-size: 12px;
      margin: 0;
    }
  }

  .link-gift-card {
    padding: 0;
    border: 1px solid #ededed;
    border-radius: 8px;
    left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 40px;
    border-bottom: 1px solid #ededed;

    @media (max-width: 1024px) {
      margin: 0;
      left: 0 !important;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      margin-bottom: 1rem;
    }

    #show-gift-card-group {
      font-size: 0;
      display: flex;
      justify-content: center;
      align-items: center;

      &::after {
        content: "Utilizar GiftCard";
        font-size: 12px;
        font-weight: 500;
        color: #000;
      }
    }
  }

  .icon-user {
    display: none !important;
  }

  .icon-home {
    display: none !important;
  }

  .icon-credit-card {
    display: none !important;
  }

  .icon-edit::before {
    display: flex;
    content: "Editar";
    color: #121212;
    text-decoration: underline;
    font-weight: 500;
    align-items: center;
    font-family: "Montserrat";
    font-size: 12px;
  }

  .link-box-edit {
    box-shadow: none;
    top: 0px;
  }

  #edit-profile-data {
    top: 0px !important;
  }

  .client-document {
    @media (max-width: 1024px) {
      width: 100% !important;
    }
  }

  #client-document {
    @media (max-width: 1024px) {
      width: 100% !important;
    }
  }

  #client-first-name {
    @media (max-width: 1024px) {
      width: 100% !important;
    }
  }

  #client-last-name {
    @media (max-width: 1024px) {
      width: 100% !important;
    }
  }

  [data-bind="fadeVisible: emailSuggestionDomain, click: acceptSuggestion"] {
    @media (max-width: 1024px) {
      font-size: 10px;
    }
  }

  .form-step {
    padding: 16px;
    border: 1px solid #ededed !important;
    border-radius: 8px !important;
    color: #121212;

    .btn-submit-wrapper {
      text-align: left;
    }

    #go-to-shipping {
      align-items: center;
      display: flex;
      height: 40px;
      background: #121212;
      font-size: 12px;
      border-radius: 8px;
      content: "";
      font-size: 0px;

      @media (max-width: 1024px) {
        max-width: 100px !important;
      }
    }

    #go-to-shipping::after {
      content: "Ir al envío";
      font-family: "Montserrat";
      font-size: 12px;
      font-weight: 400;
    }

    #go-to-shipping:hover {
      background: #fff;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }

    #go-to-payment {
      align-items: center;
      display: flex;
      height: 40px;
      background: #121212;
      font-size: 12px;
      border-radius: 8px;
      content: "";
      font-size: 0px;
    }

    #go-to-payment::after {
      content: "Ir al pago";
      font-family: "Montserrat";
      font-size: 12px;
      font-weight: 400;
    }

    #go-to-payment:hover {
      background: #fff;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }

    .box-client-info-pf {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;

      input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        -webkit-text-fill-color: #000;
      }

      input:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px white inset;
        box-shadow: 0 0 0px 1000px white inset;
        -webkit-text-fill-color: #000;
      }

      [data-bind="template: {name: phoneTemplate(), afterRender: window.vtex.i18n.translateHtml }"] {
        display: none !important;
      }

      .phone-box {
        .links-other-phone {
          display: none;
        }
      }

      p {
        margin: 0px;
      }

      .help {
        &.error {
          width: 100% !important;
        }
      }
    }

    .client-notice {
      display: none;
    }

    .client-email {
      grid-column: 1 / -1;
    }

    input {
      display: flex;
      height: 40px;
      padding: 0 16px;
      align-items: center;
      gap: 16px;
      align-self: stretch;
      border-radius: 8px;
      border: 1px solid #ededed;
      box-shadow: none;
      box-sizing: border-box;
      width: 100%;

      &.success {
        &:not(.error) {
          background-image: url(https://juleriaque.vteximg.com.br/arquivos/checkout-check.png);
          background-repeat: no-repeat;
          background-position: right top;
          background-size: 15px 13px;
        }
      }

      &.focus-visible {
        border: 1px solid #121212;
      }

      &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: #000 !important;
      }

      &:-webkit-autofill:focus {
        -webkit-box-shadow: 0 0 0px 1000px white inset !important;
        box-shadow: 0 0 0px 1000px white inset !important;
        -webkit-text-fill-color: #000 !important;
      }
    }

    .client-phone-prefix {
      display: none;
    }

    label {
      display: none;
    }

    .btn-submit-wrapper {
      margin: 16px 0px 0px 0px;
    }
  }

  .client-phone {
    width: 100%;
  }

  .client-phone div {
    display: flex;
    width: 100%;
    .mask {
      display: flex;
      flex-direction: row;
      width: 100%;
      gap: 16px;
      #client-phone1 {
        width: 15%;
      }

      #client-phone3 {
        width: 85%;
      }
    }
  }

  .shipping-container {
    padding: 16px;
    border: 1px solid #ededed !important;
    border-radius: 8px !important;
    color: #121212;
    margin: 16px 0 10px 0;

    .vtex-omnishipping-1-x-submitPaymentButton {
      display: flex;
      justify-self: center;
      align-items: center;
    }

    .btn-go-to-payment {
      background: #121212;
      color: #fff;
      content: "";
      font-size: 0px;
      height: 40px;
      padding: 10px 20px;
    }

    #btn-go-to-payment:hover {
      background: #fff;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }

    .btn-go-to-payment::after {
      content: "Continuar al pago";
      font-family: "Montserrat";
      font-size: 12px;
      font-weight: 400;
      font-style: normal;
      font-weight: 400;
      line-height: 20.6px;
    }

    .vtex-omnishipping-1-x-btnDelivery {
      display: none;
    }

    .ship-checkboxNumberLabel {
      display: none;
    }

    #btn-go-to-payment:hover::after {
      color: #121212;
    }
  }

  .shp-summary-group-info {
    color: #121212;
  }

  .vtex-omnishipping-1-x-summaryChange {
    color: #121212;
    border: 1px dashed #121212;
  }

  .link-box-edit {
    background: unset;
    border: unset;
    opacity: 1;
  }

  .box-client-info-pj {
    display: none;
  }

  input {
    display: flex;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #ededed;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    box-shadow: none !important;
    height: 35px;
    display: flex;
    align-items: center;
    height: 100%;
    height: 44px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 8px;
    font-family: "Montserrat" !important;
    &.focus-visible {
      border: 1px solid #121212;
    }
  }

  .vtex-omnishipping-1-x-pointWrapper {
    font-size: 13px;
  }

  .vtex-omnishipping-1-x-PickupPointName {
    font-size: 13px;
  }

  .vtex-pickup-points-modal-3-x-modalHeader {
    background-color: #ededed;
    font-size: 22px;
    padding: 19px 10px 15px 15px;

    .vtex-pickup-points-modal-3-x-modalTitle {
      font-size: 0;
      display: flex;
      align-items: center;

      &::after {
        content: "ELEGÍ UN PUNTO DE RETIRO";
        font-weight: 400;
        color: #000;
        font-size: 22px;
        font-family: "BebasNeue";
      }
    }
  }

  .vtex-pickup-points-modal-3-x-pickupListTitle {
    font-family: "Montserrat" !important;
    font-size: 12px;
  }

  .vtex-pickup-points-modal-3-x-modalSearch {
    input {
      font-family: "Montserrat" !important;
      font-size: 12px;

      &::placeholder {
        font-family: "Montserrat";
        font-size: 13px;
      }
    }
  }

  .vtex-pickup-points-modal-3-x-askGeolocationBtn {
    display: flex;
    align-items: center;
  }

  .vtex-pickup-points-modal-3-x-showListButton {
    font-family: "Montserrat";
    font-size: 13px;
    border: 1px solid #000;
    color: #000;

    &:hover {
      color: #000;
      border: 1px solid #000;
    }
  }

  .vtex-pickup-points-modal-3-x-pickupPointName {
    font-family: "Montserrat";
    font-size: 12px;
  }

  .vtex-pickup-points-modal-3-x-pickupPointMarker {
    display: flex;
    justify-content: flex-end;
    flex-direction: column-reverse;
    align-items: center;
  }

  .pkpmodal-use-geolocation-icon {
    color: #000;
  }

  .vtex-pickup-points-modal-3-x-pickupPointMarker {
    &::after {
      content: "";
      display: block;

      background-image: url(https://juleriaque.vteximg.com.br/arquivos/icon-map.png);
      background-repeat: no-repeat;
      background-size: 30px;
      width: 30px;
      height: 30px;
    }

    .pkpmodal-pickup-point-best-marker-image,
    .pkpmodal-pickup-point-marker-image,
    .pkpmodal-pickup-point-search-marker-image {
      display: none;
    }
  }

  .vtex-pickup-points-modal-3-x-infoBar {
    .vtex-pickup-points-modal-3-x-infoBarContainer {
      border-radius: 8px;
    }
  }

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

    label {
      display: none !important;
    }

    .ship-street {
      width: 100%;
      margin-bottom: 1rem;
    }

    .ship-state {
      width: 48.5%;
      margin-top: 8px;

      @media (max-width: 1024px) {
        width: 100%;
      }
    }

    #ship-number {
      @media (max-width: 1024px) {
        margin-bottom: 10px;
      }
    }

    #ship-state,
    #ship-city {
      width: 100%;
      font-family: "Montserrat";
      height: 44px;
      border: 1px solid #ededed;
      color: #555;
      border-radius: 8px;

      &option {
        &:hover,
        &:active,
        &:focus {
          background-color: #121212 !important;
          color: white !important;
        }
      }

      &::-webkit-scrollbar {
        width: 4px;
        background-color: transparent;
      }

      &::-webkit-scrollbar-track {
        background-color: transparent;
      }

      &::-webkit-scrollbar-thumb {
        border-radius: 100px;
        border: 1px solid transparent;
        background-clip: content-box;
        background-color: #121212;
      }
    }

    .ship-state {
      margin-right: 10px;

      @media (max-width: 1024px) {
        margin-right: 0;
      }
    }

    .ship-city {
      margin-right: 0;
      width: 50%;
      margin-top: 8px;

      @media (max-width: 1024px) {
        width: 100%;
      }
    }

    .vtex-omnishipping-1-x-address {
      display: flex;
      flex-wrap: wrap;
      div {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
      }
      .ship-notApplicable {
        width: 50% !important;
        .ship-number {
          width: 100% !important;
        }
      }

      #ship-number,
      #ship-complement,
      #ship-receiverName,
      #ship-city,
      #ship-state,
      #ship-street {
        .focus-visible {
          border: 1px solid #121212;
        }

        &.success {
          &:not(.error) {
            background-image: url(https://juleriaque.vteximg.com.br/arquivos/checkout-check.png);
            background-repeat: no-repeat;
            background-position: right top;
            background-size: 15px 13px;
          }
        }
      }

      .ship-complement {
        width: 50% !important;
        #ship-complement {
          width: 100% !important;
        }

        @media (max-width: 1024px) {
          width: 100% !important;
        }
      }

      .ship-receiverName {
        width: 100% !important;
      }
    }

    #btn-go-to-payment {
      font-size: 0px;
      background-color: #121212;
      background: #121212;
      border-color: #121212;
      border-radius: 8px;
      padding: 0px 24px;
      height: 44px;
      display: flex;
      align-items: center;
    }

    #btn-go-to-payment:hover {
      background: #fff;
      color: #121212;
      border-color: #121212;
      transition: ease all 0.3s;
    }

    .address-summary {
      border: 0px;
      padding-left: 12px;
    }
  }

  #shipping-data {
    .ship-number {
      width: 48.5%;
      padding: 0px;

      @media (max-width: 1024px) {
        margin-right: 5px;
        width: 100% !important;
      }
    }

    #ship-complement {
      width: 49%;
    }

    #ship-receiverName {
      margin-top: 8px;
    }
  }

  .vtex-omnishipping-1-x-addressSummary {
    .vtex-omnishipping-1-x-linkEdit {
      font-weight: bold;
      cursor: pointer;
    }
  }

  .vtex-omnishipping-1-x-addressFormPart1 {
    display: flex;
    flex-direction: column;
    justify-content: center;

    .ship-addressQuery {
      width: 100%;
      #ship-addressQuery {
        width: 100%;
      }
    }
  }
  #ship-postalCode {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;

    &.success {
      &:not(.error) {
        background-image: url(https://juleriaque.vteximg.com.br/arquivos/checkout-check.png);
        background-repeat: no-repeat;
        background-position: right top;
        background-size: 15px 13px;
      }
    }
  }

  .ship-postalCode a {
    color: #121212 !important;
  }

  .vtex-omnishipping-1-x-leanShippingOptionRadio {
    display: none !important;
  }

  .address-summary {
    background: none !important;
  }

  .vtex-omnishipping-1-x-linkEdit {
    color: #121212 !important;
  }

  #change-pickup-button {
    border: solid #121212 1px !important;
    color: #121212 !important;
    font-family: "Montserrat";
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center;

    &::after {
      content: "Ver todos los puntos de retiro";
      color: #121212;
      font-size: 13px;
      font-family: "Montserrat";
    }
  }

  #details-pickup-button {
    color: #121212 !important;
    font-family: "Montserrat";
  }

  .vtex-omnishipping-1-x-SummaryItemGroup {
    align-items: center;
  }

  .shp-summary-group-title {
    text-transform: none !important;
  }

  .payment-group-item {
    display: flex;
    padding: 10px 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #ededed;
    opacity: 0.6;
    background: #fff;

    .payment-group-item-text {
      padding: 0px;
      background: none;
      width: 100%;
      padding: 0px 16px;
    }

    &.active {
      background: #ededed;
      margin-left: 5px;
    }
  }

  .payment-group-item-text {
    background: none;
  }

  .payment-group-item span {
    background: none !important;
    font-size: 11px;
  }

  #payment-group-Modo span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/modoCheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }

  [data-name="Modo Payment"] ::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/modoCheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }

  #payment-group-debitCardPaymentGroup .payment-group-item-text::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/tarjetaCheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }

  [data-name="Diners"] span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/tarjetaCheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }

  [data-name="MercadoPagoPro"] span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/mercadoLibrecheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }

  [data-name="WH Google Pay"] span::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/googlePayCheckout.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    vertical-align: middle;
  }
}

@media (max-width: 1024px) {
  .payment-group .payment-group-list-btn {
    display: grid !important;
  }
  .payment-group-item {
    height: 30px;
    border-radius: 8px;
    .payment-group-item-text {
      display: flex;
      align-items: center;
      line-height: 17.4px;
    }
  }
  .payment-group-list-btn .payment-group-item-text {
    padding: 0px 8px !important;
  }
  .payment-group {
    width: 100% !important;
  }

  .form-step {
    display: flex;
    flex-direction: column !important;
  }

  .payment-group-list-btn {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  #button_more {
    display: flex;
    align-items: center;
    padding: 0px 20px 0px 0px !important;
    padding: 0px !important;
    margin-right: 20px;
    text-decoration: none;
  }

  .payment-confirmation-wrap {
    position: fixed !important;
    z-index: 1000 !important;
    bottom: 0 !important;
    background-color: #fff !important;
  }

  .summary-totalizers .accordion-group {
    border: 0px !important;
  }

  .payment-confirmation-wrap .payment-submit-wrap {
    padding: 16px !important;

    @media (max-width: 1024px) {
      padding: 0 !important;
    }
  }

  .vtex-pickup-points-modal-3-x-pkpmodal {
    z-index: 2000 !important;
  }
}

      #client-profile-data{
            #btn-client-pre-email{
                background-color: #121212;
                background: #121212;
                border-color: #121212;
                border-radius: 8px;
                padding: 0px 24px;
                height: 44px;
                display: flex;
                align-items: center;
                }

                #btn-client-pre-email:hover{
                background: #FFF;
                color: #121212;
                border-color: #121212;
                transition: ease all 0.3s;
            }

            .client-pre-email{

            }

            .client-pre-email .emailInfo .icon-ok, .client-pre-email .emailInfo h3{
                color: #121212;
            }

            .client-pre-email .emailInfo ul{
                color: #121212;
            }

            .client-pre-email-h label{
                color: #121212;
            }
        }
.cart-template .cart-fixed {
    position: inherit !important
}

.cart-template {
    &.inactive{
        display: none !important;
    }
}

.container-main{
    width: auto !important;
}

.step, .cart, .totalizers{
    margin-bottom: 0px;
}
body #google-pay-container {
  background-color: #ededed;
}

body #app-container {
  input {
    box-sizing: border-box !important;
    height: 40px !important;
  }
  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 {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: transparent;
    background: #fff;
    height: 40px !important;
    box-shadow: unset !important;
    box-sizing: border-box !important;
  }

  background: #ededed;

  .CardForm {
    #creditCardpayment-card-1Number {
      width: 100%;
    }

    #creditCardpayment-card-1Name,
    #creditCardpayment-card-1Number,
    #creditCardpayment-card-1Code,
    #holder-document-1,
    #holder-document-0,
    #creditCardpayment-card-0Code,
    #creditCardpayment-card-0Name,
    #creditCardpayment-card-0Number,
    #creditCardpayment-card-1Month,
    #creditCardpayment-card-1Year,
    #creditCardpayment-card-0Year,
    #creditCardpayment-card-0Brand {
      border: 1px solid #ccc;
      font-size: 14px;
      &:focus {
        border: 1px solid #757575;
      }
    }
  }

  .CardForm {
    display: flex;
    flex-wrap: wrap;
    padding: 24px 24px 1rem 24px;

    > div {
      &:nth-child(2):not(.PaymentInstallments) {
        width: 100%;
      }

      &:nth-child(4):not(.payment-card-due-month) {
        @media (min-width: 400px) {
          width: 47%;
        }
      }
    }

    #creditCardpayment-card-1Brand {
      min-width: 100%;
    }

    #creditCardpayment-card-1Month,
    #creditCardpayment-card-1Year,
    #creditCardpayment-card-1Code {
      width: 100%;
    }

    .PaymentCardValue {
      display: flex;
      align-items: center;
    }

    .input-prepend {
      margin-top: 1rem;
      display: flex;
      align-items: center;

      .add-on {
        height: 30px;
        width: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .input-mini {
        border: 1px solid #ccc;
      }

      .error {
        position: relative !important;
      }

      #creditCardpayment-card-0Value,
      #creditCardpayment-card-1Value {
        border-radius: 0% 8px 8px 0%;
        margin-right: 5px;
      }
    }

    #holder-document-1 {
      width: 100%;
    }

    div:nth-child(1) {
      width: 100%;
    }

    div:nth-child(3):not(.PaymentInstallments) {
      width: 48%;
      margin-top: auto;
    }

    @media (max-width: 570px) {
      display: flex;
      flex-direction: column;

      div:nth-child(1) {
        width: 100%;
      }

      div:nth-child(3) {
        width: 100%;
        margin-top: auto;
      }
    }

    label {
      font-family: "Montserrat";
      font-size: 11px;
      font-style: normal;
      font-weight: 500 !important;
      line-height: 17.4px;
      color: #121212 !important;
    }

    .PaymentCardNumber {
      background: #ededed;
      margin-bottom: 16px;

      .Warning {
        width: 100%;
        background: transparent;
        border: solid 0px;
        .title {
          color: #121212;
          font-family: "Montserrat";
          font-size: 11px;
          font-style: normal;
          font-weight: 500;
          line-height: 17.4px;
        }
        .description {
          color: #121212;
          font-family: "Montserrat";
          font-size: 11px;
          font-style: normal;
          font-weight: 400;
          line-height: 17.4px;
        }

        .button-link {
          width: 100%;
          background: #121212;
          padding: 12px 24px;
          line-height: 16px;
          border-radius: 8px;
          color: #fff;
          font-family: "Montserrat";
          font-weight: 400;
          border: solid 1px;
        }
        .button-link:hover {
          background: #fff;
          color: #121212;
          border: solid 1px;
          border-color: #121212;
          transition: ease all 0.3s;
        }
      }
    }

    .PaymentCardNumber .FormFieldLabel::after {
      content: "*";
      color: #121212;
    }

    .FormFieldLabel {
      background: #ededed;
    }

    .PaymentCardDueDate {
      position: absolute;
      left: 0;
      top: unset;
      margin-left: 24px;

      @media (max-width: 570px) {
        margin-left: 0;
        position: relative;
        width: 100%;
        margin-top: 1rem;
      }
    }

    #app-container .CardForm > div {
      display: flex;
      width: 100%;

      #holder-document-1 {
        width: 100%;
      }

      &:first-child:not(.PaymentLabel) {
        @media (min-width: $desktop) {
          width: calc(50% - 8px);
        }
      }

      &:nth-child(3):not(.PaymentInstallments) {
        @media (min-width: $desktop) {
          width: 100%;
          display: flex;
          flex-direction: column;
          justify-content: flex-start;
        }
      }

      &:nth-child(5):not(.PaymentCardHolderDocument) {
        width: 75%;
      }
    }

    .PaymentCardCVV {
      background: #ededed;
      display: flex;
      flex-direction: column;
      margin-left: 70%;
      margin-top: 16px;
      position: relative;

      @media (max-width: 570px) {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 0;
      }

      .FormFieldLabel {
        width: 100% !important;
      }

      .help {
        bottom: -15px;
      }
    }

    .PaymentCardCVV .FormFieldLabel::after {
      content: "*";
      color: #121212;
    }

    .PaymentCardCVVHelp {
      display: none !important;
    }
  }

  .SecurityEnvironmentIcon {
    display: none !important;
  }

  .ChangeNumberOfPayments {
    padding: 0 24px 24px 24px;

    a {
      color: #121212;
    }
  }

  .vtex-omnishipping-1-x-pickupPointChange {
    color: #121212 !important;
  }

  .vtex-omnishipping-1-x-details {
    color: #121212 !important;
  }

  .pickup-marker-blue {
    filter: brightness(0) saturate(100%) invert(9%) sepia(0%) saturate(7484%)
      hue-rotate(177deg) brightness(95%) contrast(104%);
  }

  .PaymentCardFlags {
    display: none !important;
  }

  .DontKnowPostalCode a {
    display: none !important;
  }

  .input-xlarge {
    border-radius: 8px;
    border: 1px solid #ededed;
    background: #fff;
    height: 40px;
  }

  .PaymentCardHolderName {
    margin-bottom: 0px;

    @media (max-width: 1024px) {
      margin-top: 1rem;
    }
  }

  .PaymentCardHolderName .FormFieldLabel::after {
    content: "*";
    color: #121212;
  }

  .PaymentCardHolderName .input-medium {
    width: 100%;
  }

  .vtex-omnishipping-1-x-pickupPointChange {
    color: #121212;
    border: solid 1px;
  }

  .vtex-omnishipping-1-x-details {
    color: #121212;
  }

  .PaymentInstallments {
    width: 48%;
    margin-top: auto;
    margin-right: 4%;

    @media (max-width: 570px) {
      width: 100%;
      margin-right: 0;
    }

    #creditCardpayment-card-0Brand {
      display: flex;
      width: 100% !important;
      max-width: none !important;
      font-size: 11px !important;
      font-family: "Montserrat";
    }

    .select {
      margin-bottom: 0px !important;
    }
  }

  .PaymentInstallments::before {
    display: block;
    margin-bottom: 3px;
    content: "Cuotas disponibles*";
    color: #121212;
    font-family: "Montserrat";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.4px;
  }

  #creditCardpayment-card-0Number {
    width: 100% !important;
    height: 40px;
    padding: 0 16px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid #ededed;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 14px;

    &:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }

    &:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }
  }

  .btn-link:hover,
  .btn-link:focus {
    color: #121212 !important;
  }

  #creditCardpayment-card-0Code {
    width: 100% !important;
    display: flex;
    border-radius: 8px;
    border: 1px solid var(--Black-300---Gray-3, #ededed);
    background: var(--White-100, #fff);
    font-size: 14px;

    &:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }

    &:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }
  }

  #holder-document-0 {
    width: 100% !important;
    border-radius: 8px;

    &:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }

    &:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }
  }

  #creditCardpayment-card-0Name {
    width: 100%;
    height: 40px !important;
    box-sizing: border-box;

    &:-webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }

    &:-webkit-autofill:focus {
      -webkit-box-shadow: 0 0 0px 1000px white inset !important;
      box-shadow: 0 0 0px 1000px white inset !important;
      -webkit-text-fill-color: #000;
    }
  }

  .AddressToggle {
    accent-color: black;
  }

  .BillingAddress {
    width: 100%;
    margin-top: 5px;

    @media (max-width: 570px) {
      margin-top: 0;
    }
    input {
      height: 40px !important;
      width: 100% !important;
    }
  }

  .PostalCode {
    background: transparent;

    #payment-billing-address-postalCode-0 {
      width: 100%;
      max-width: unset;
      height: 40px !important;
    }
  }

  .PaymentCardHolderDocument {
    width: 100%;
  }

  .AddressForm {
    display: flex;
    flex-wrap: wrap;
  }

  #address-toggle-0,
  #address-toggle-1 {
    height: auto !important;
    width: auto !important;
  }

  .payment-billing-address-street {
    width: 100%;
    max-width: unset;
  }

  .payment-billing-address-number {
    width: 50%;
    input {
      width: 100%;
    }

    @media (max-width: 1024px) {
      margin-top: auto !important;
    }
  }

  .AddressField {
    position: relative;
    margin-top: 16px;
    margin-bottom: 0px;
    .help {
      position: absolute;
      bottom: -13px;
    }
  }

  .payment-billing-address-number {
    width: 48%;
    margin-right: 4%;
  }

  .payment-billing-address-complement {
    width: 48%;
  }

  .payment-billing-address-state {
    width: 48%;
    margin-right: 4%;
  }

  #payment-billing-address-state-0 {
    width: 100% !important;
    max-width: unset;
    font-size: 11px !important;
    font-family: "Montserrat";
  }

  .payment-billing-address-city {
    width: 48%;
  }

  #payment-billing-address-city-0 {
    width: 100% !important;
    font-size: 11px !important;
    font-family: "Montserrat";
  }

  .FormFieldLabel {
    color: #121212;
    font-family: "Montserrat";
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 17.4px;
  }

  .PaymentCardHolderDocument {
    background: #ededed;
    margin-top: 15px;

    @media (max-width: 1024px) {
      margin-top: 16px;
      margin-bottom: 0;
    }
  }

  .PaymentCardDueDate {
    display: flex;
    flex-direction: row;
    margin-left: 24px;
    width: 95%;
  }

  .PaymentCardDueDate {
    margin-top: 22px;
    width: 60%;
    label {
      display: none !important;
    }
  }

  .payment-card-due-month {
    background: transparent;
    border: 0px;
    width: 50%;
  }

  .payment-card-due-year {
    margin-top: auto;
    width: 50%;
    margin-left: 5%;
    background: transparent;
    border: 0px;
  }

  #creditCardpayment-card-0Month {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Black-300---Gray-3, #ededed);
    background: var(--White-100, #fff);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 1px solid #ccc;
    padding-right: 30px;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/CheckoutChevronBottom.svg");
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 14px;
    font-size: 11px !important;
    font-family: "Montserrat";
  }

  .payment-card-due-month:before {
    display: block;
    margin-bottom: 3px;
    content: "Fecha de Vencimiento*";
    color: #121212;
    font-family: "Montserrat";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 17.4px;
  }

  #creditCardpayment-card-0Year {
    display: flex;
    width: 100%;
    height: 40px;
    padding: 0 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 8px;
    border: 1px solid var(--Black-300---Gray-3, #ededed);
    background: var(--White-100, #fff);
    font-size: 11px !important;
    font-family: "Montserrat";
  }

  .payment-card-lash {
    display: none !important;
  }

  .help {
    &.error {
      width: 100%;
      font-size: 10px;
      height: 10px;
      background: transparent;
      color: #121212;
      position: absolute;
    }
  }
}

.gift-card-section.form-step.box-default {
  display: none !important;
}

.orderform-active
  .orderform-template-holder
  #payment-data
  .accordion-group.active
  .accordion-body
  .form-step
  .gift-card-section {
  display: none !important;
}

.orderform-active
  .orderform-template-holder
  #payment-data
  .accordion-group.active
  .accordion-body
  .form-step
  .gift-card-section
  .payment-discounts
  .gift-card-provider-default {
  display: none !important;
}

/* modals - lightbox */
.lightbox-links {
  flex: 1 0 100%;
}
.lightbox-links .lightbox-blocks {
  width: 100%;
  float: left;
  border-top: 0;
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  padding: 30px 0 60px;
  align-items: baseline;
  justify-content: space-between;
}
.lightbox-links .lightbox-blocks .block {
  width: 100%;
  flex: 0 0 30%;
  padding: 20px 0;
  border-right: 0;
  list-style: none;
  text-align: center;
}
.lightbox-links .lightbox-blocks .block a {
  text-align: left;
  text-decoration: none;
}
.lightbox-links .lightbox-blocks .block a .imgblock {
  float: left;
  width: 60px;
  text-align: center;
}
.lightbox-links .lightbox-blocks .block a .imgblock img {
  width: auto;
  height: 30px;
}
.lightbox-links .lightbox-blocks .block a .textblock {
  float: right;
  width: calc(100% - 80px);
}
.lightbox-links .lightbox-blocks .block a .textblock p {
  float: left;
  width: 100%;
  color: #000;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}
.lightbox-links .lightbox-blocks .block a .textblock .see-more {
  color: #bda388;
  text-decoration: none;
  font-size: 12px;
  font-weight: 300;
}
.lightbox-links .lightbox-blocks .block a .textblock .see-more:before {
  content: "\f105";
  font-family: "FontAwesome";
  margin-left: 5px;
}
.lightbox-links .lightbox-blocks .block.change {
  padding: 20px;
  border-left: solid 1px #cdced2;
  border-right: solid 1px #cdced2;
}
@media (max-width: 991px) {
  .lightbox-links .lightbox-blocks {
    padding: 0;
    width: 100%;
    margin: 45px 0 0 0;
    flex-direction: column;
    align-items: flex-start;
    border-top: solid 1px #cdced2;
  }
  .lightbox-links .lightbox-blocks .block {
    height: 50px;
    min-height: 0;
    padding: 13px;
    flex: 1 0 100%;
    box-sizing: border-box;
    border-bottom: solid 1px #cdced2;
  }
  .lightbox-links .lightbox-blocks .block a {
    display: flex;
    text-align: left;
    align-items: center;
  }
  .lightbox-links .lightbox-blocks .block a .imgblock {
    margin: 0 18px 0 0;
  }
  .lightbox-links .lightbox-blocks .block a .textblock p {
    margin: 0;
  }
  .lightbox-links .lightbox-blocks .block a .textblock .see-more {
    display: none;
  }
  .lightbox-links .lightbox-blocks .block.change {
    padding: 13px;
    border-left: none;
    border-right: none;
  }
}
.ligthbox-content-wrapper {
  max-height: 0;
}
.ligthbox-content-wrapper .lightbox-pop {
  transition: opacity 0.5s ease-in;
  background-color: #f5f5f5;
}
.ligthbox-content-wrapper .lightbox-pop:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  z-index: 1000;
  position: fixed;
  background-color: rgba(19, 22, 30, 0.9);
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content {
  top: 50%;
  left: 50%;
  width: 500px;
  padding: 30px;
  z-index: 1010;
  overflow: auto;
  height: 400px;
  position: fixed;
  font-size: 12px;
  max-height: 100%;
  border-radius: 15px;
  background-color: #f5f5f5;
  transform: translate(-50%, -50%);
  border-radius: 8px;

   &::-webkit-scrollbar {
    width: 6px;
    background-color: transparent;
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 1px solid transparent;
    background-clip: content-box;
    background-color: #000;
  }
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-close {
  top: 3px;
  right: 8px;
  width: 20px;
  height: 20px;
  text-indent: 0;
  font-size: 23px;
  cursor: pointer;
  text-align: center;
  position: absolute;
  font-weight: 300;
}
.ligthbox-content-wrapper
  .lightbox-pop
  .lightbox-content
  .lightbox-close:before {
  color: #000;
  content: "\f00d";
  vertical-align: super;
  font-family: "FontAwesome";
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .imgblock {
  float: left;
  width: 100%;
  text-align: center;
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .imgblock img {
  display: none;
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .imgblock h2 {
  float: left;
  text-align: center;
  width: 100%;
  letter-spacing: 1.3px;
  color: #000;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-text {
  float: left;
  width: 100%;
}
.ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-text p {
  float: left;
  width: 100%;
  color: #000;
  font-size: 11px;
  font-weight: 300;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 20px 0;
  text-transform: none;
}
.ligthbox-content-wrapper
  .lightbox-pop
  .lightbox-content
  .lightbox-text
  p
  span {
  float: left;
  width: 100%;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 5px;
}
@media (max-width: 991px) {
  .ligthbox-content-wrapper .lightbox-pop .lightbox-content {
    width: 100%;
    font-size: 14px;
    padding: 20px 10px;
    box-sizing: border-box;
  }
  .ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-close {
    top: 13px;
  }
  .ligthbox-content-wrapper .lightbox-pop .lightbox-content .imgblock {
    line-height: 20px;
  }
  .ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-text h3 {
    font-weight: 700;
  }
  .ligthbox-content-wrapper .lightbox-pop .lightbox-content .lightbox-text p {
    margin: 0 0 10px 0;
  }
}

/* boxes - desplegables */
#fancy-promoreintegro,
#fancy-term-conditions {
  width: 100% !important;
  overflow: auto;
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .fancy-content {
    float: left;
    width: 100%;
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy {
    float: left;
    width: 100%;
    font-family: 'Montserrat';
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy .titleblock {
    float: left;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: 'Montserrat';
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    margin: 0;
  }
}
@media (max-width: 991px) {
  #fancy-promoreintegro,
  #fancy-term-conditions {
    .contenido-fancy .titleblock {
      font-size: 10px;
      padding: 15px 0;
    }
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #ccc;
    padding: 0 15px;
    min-height: 72px;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  #fancy-promoreintegro,
  #fancy-term-conditions {
    .contenido-fancy section {
      padding: 0 15px;
    }
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
  }
}
@media (max-width: 991px) {
  #fancy-promoreintegro,
  #fancy-term-conditions {
    .contenido-fancy section .box-title {
      padding: 10px 0;
    }
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-title:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 25px;
    position: absolute;
    right: 0;
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-title img {
    width: 60px;
    height: auto;
    margin-right: 20px;
  }
}
@media (max-width: 991px) {
  #fancy-promoreintegro,
  #fancy-term-conditions {
    .contenido-fancy section .box-title img {
      width: 50px;
    }
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-title .jq-location {
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  #fancy-promoreintegro,
  #fancy-term-conditions {
    .contenido-fancy section .box-title .jq-location {
      font-size: 10px;
    }
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-title.active:after {
    content: "\f106";
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-content {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: none;
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-content.active {
    display: block;
  }
}
#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-content div {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    &.flex {
      display: flex;
      gap: 10px;
      justify-content: space-between;
    }
  }
}

#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-content div .jq-number-text b {
    font-size: 18px;
    font-weight: 500;
  }
}

.box-content .jq-number-text {
  font-size: 9px;
  font-weight: 400;
  text-transform: uppercase;
}

.box-content .jq-number-text b {
  font-size: 18px;
  font-weight: 500;
}

#fancy-promoreintegro,
#fancy-term-conditions {
  .contenido-fancy section .box-content div p {
    font-size: 9px;
    text-transform: uppercase;
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 20px;
  }
}

#fancy-promoreintegro
  .contenido-fancy
  section
  .box-content
  div
  p.jq-location-day {
  color: #777;
}

#fancy-term-conditions {
  .contenido-fancy section .box-content div p.jq-location-day {
    color: #777;
    text-transform: none;
    font-size: 11px;
  }
}

.benefit-title {
  font-weight: 400;
  font-size: 18px;
}


.fa-infra-cart{
    background-color: #000 !important;
}

.fa-infra-cart::after {
    content: ""; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://juleriaque.vteximg.com.br/arquivos/favicon-jule-helmet.jpg");
    background-size: cover; 
    background-repeat: no-repeat; 
    z-index: 1; 
}



/* ESTADO INICIAL */
.sb-b-infraCart.infraCartButtomClose .sb-mask {
  width: 42px;
  transition: width 0.3s ease-in-out;
}


.sb-b-infraCart.infraCartButtomClose .sb-label {
  left: -66px;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

/* ESTADO ABIERTO */
.sb-b-infraCart.infraCartButtomOpen .sb-mask {
  width: 275px !important;
  transition: width 0.3s ease-in-out;
}

.sb-b-infraCart.infraCartButtomOpen .sb-label {
  left: 42px !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: #000 !important;
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}