/** Shopify CDN: Minification failed

Line 616:8 Expected ":"

**/
/*// =============================================================================
// Ella Custom CSS - Customize The Style For Layout
// =============================================================================

// =============================================================================
//
// IMPORTANT DISCLAIMER
// Shopify is notifying shop owners about the need to convert scss files to css files.
// Please use only CSS to style the layout.
//
// =============================================================================*/


/* section 1 PDP */


/* Cambiar el color solo del precio tachado */
.productView-price .price-item.price-item--regular {
    color: #ff2828 !important; /* Ajusta el color a tu preferencia para el precio tachado */
  font-weight:500 !important;
}




/* Cambiar el color del precio con descuento */
.productView-price .price-item--sale {
    color:  /* Mantén este color si es el que prefieres */
}

.parent-container {
    width: 100%;
    margin-top: -13px;
}




.btn-whatsapp {
    display: inline-flex; /* Usamos flexbox */
    align-items: center; /* Centra los elementos verticalmente */
    justify-content: center; /* Asegura que el contenido esté centrado horizontalmente */
    padding: 10px 20px; /* Relleno alrededor del contenido */
    
}

.btn-whatsapp i.fa-brands.fa-whatsapp {
    font-size: 1.5em; /* Tamaño más grande del ícono */
    margin-left: 10px; /* Espacio entre el ícono y el texto */
}




.shipping-info-box {
    
    color: #08c871;
    font-size: 14px;
  font-weight: 600;
    padding: 3px;
    margin: 4px auto; /* Centra el div horizontalmente */
    text-align: center;
    border-radius: 5px;
    width: 80%; /* Ajusta el ancho al 60% de la pantalla */
}

.productView-action-2{
  margin-top: 0px;
}

  .four-blends .container {
    text-align: center;
    padding: 20px;
  }

  .blends-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 40px 0 0 0;
        row-gap: 35px;
  }

  .blend-item {
    width: 45%;
    display: flex;
    /* margin-bottom: 20px; */
    text-align: left;
  }
.four-blends .container h2 {
    font-size: 42px;
    max-width: 50%;
    line-height: 50px;
    margin: 0 auto;
}
.blend-item img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}
.blend_item_inner {
    margin: 0px 0 0px 15px;
}

  .blend-item h3 {
    font-size: 20px;
    color: #25d467;
    margin:0;
  }

  .blend-item p {
    font-size: 18px;
    color: #555;margin:0;
  }
  .four-blends .container {
    max-width: 850px !important;
}
.four-blends {
    padding: 40px 0;
}
/* Single review css */
.green-review-block {
    background-color: #f6f2f0;
  padding: 80px 0;
}
.green-review-row {
    max-width: 700px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.green-review-img {
    width: 21.43%;
}
.green-review-img-block {
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 100%;
}
.green-review-img-block img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.green-review-info {
    width: 78.57%;
    padding-left: 46px;
}
.green-review-info .green-review-rating {
    display: block;
    height: 28px;
    width: auto;
    margin-bottom: 24px;
}
.green-review-title {
    margin: 0 0 25px;
    font-size: 32px;
    display: block;
    line-height: 1.3 !important;
    font-weight: 600;    color: #3f7ab9;
}
.green-review-name {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.45;
    color: #2376b4;
  margin-bottom:0;
}
.green-review-post {
    display: block;
    font-size: 14px;
    letter-spacing: 0;
    color: #2376b4;
}

/* section 3 Product Description */
.green-ingredients-pros-sec.ingredients-pros-sec {
    padding: 80px 0 23x;
}
.ingredients-pros-sec .container {
    max-width: 1180px !important;
    padding-inline: 25px;
    margin-inline: auto;
    padding-top: 2rem;
}
.ingredients-pros-sec .box-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 70px;
}
.ingredients-pros-sec .box-wrapper .image {
    max-width: calc(50% - 20px);
  width:100%;
}
.product-default .productView {
    padding-bottom: 0;
}
.ingredients-pros-sec .box-wrapper .image img {
    
    object-fit: cover;
    object-position: center;
    display: table;
}

@media (max-width: 767px) {
    .ingredients-pros-sec .box-wrapper .image img {
        width: 86%;
        object-fit: cover;
        object-position: center;
        display: table;
      border-radius: 10px;
      margin: 0 auto;
      display: block;
    }
}


.green-ingredients-pros-sec .content, .green-ingredients-pros-sec .content h2, .green-ingredients-pros-sec .content p {
    text-align: center !important;
}
.ingredients-pros-sec .content {
    padding-top: 15px;
    max-width: 530px;
}
.ingredients-pros-sec .box-wrapper .content h2 {
    font-size: 42px;
      line-height: 1.1em;
  color:#000000;
    font-weight: 600 !important;
    max-width: 430px;
    letter-spacing: .03em;margin: 20px 0;
  margin-left: auto;
    margin-right: auto;
}
.ingredients-pros-sec .box-wrapper .content p {
    letter-spacing: 0;
    margin-bottom: 20px;
  color: #000000;
}
.reverse-column.box-wrapper {
    flex-flow: row-reverse;
}
.ingredients-pros-sec a.primary-btn.shop-btn {
    background: #ffde27;
    font-weight: 600;
    margin: 0 auto;
    padding: 0 40px;
    height: 70px;
    font-size: 21px;
    letter-spacing: 0;
    min-width: 202px;
    margin-inline: auto;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out 0s;
    text-transform: capitalize;
  border-radius: 10px;
  width:400px;
  color: #3f7ab9;
  
}


#second-call-to-action-btn {
  background: #ffde27;
    font-weight: 600;
    margin: 0 auto;
    padding: 0 40px;
  margin-top:20px;
    height: 70px;
    font-size: 21px;
    letter-spacing: 0;
    min-width: 202px;
    margin-inline: auto;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s ease-in-out 0s;
    text-transform: capitalize;
  border-radius: 10px;
  width:400px;
  color: #3f7ab9;
}



a.primary-btn.shop-btn:hover {
    color: #fff;
}

#second-call-to-action-btn:hover {
    color: #fff;
}


/* PDP other adjustments */
.template-product .productView-action .button {
    padding-top: 17px;
    padding-bottom: 17px;
  border-radius: 16px !important;
  
}
.productView-payment .shopify-payment-button [data-testid=ShopifyPay-button], .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded {
    padding-top: 18px !important;
    padding-bottom: 20px !important;
      min-height: 61px;
}
.template-product .productView-image .productView-img-container .media {
    width: 75%;
    margin: 0 auto;
}

div#shopify-section-template--23146809524508__comparison_table_pdp_X7YcjT {
    margin-bottom: 50px;
}

/* Section 4 */
td.check__icon {
    text-align: -webkit-center;
    background: #008F64;
    padding: 14px 50px !important;
  border-bottom: none !important;
}

td.cross__icon {
    text-align: -webkit-center !important;
  padding: 0 60px !important;
}
th.com_image {
  border-bottom: none !important;
    text-align: -webkit-center !important;
}
th.com_title1 {
    text-align: left !important;
}
th.com_image {
    background: #008F64;
  border-radius: 25px 25px 0 0;
  border-bottom: none !important;
    padding: 20px 70px !important;
}
h2.titleofsec4 {
    font-size: 40px;
    min-width: 380px;
    width: 300px;
    margin: auto 0 50px;
    text-align: center;
    line-height: 50px;
}

.container.titleofsec4titleofsec4 {
    text-align: -webkit-center;
}
th.com_title3 {
    font-weight: bolder;
    font-size: 24px;
}
.comparison-table tr:last-child td {
    border-radius: 0 0px 25px 25px;
  border-bottom: none;
}
.comparison-table tr:first-child td {
  border-top: none;
}
th.com_title1 {
    border-bottom: 0;
}
th.com_title3 {
    padding: 0 60px !important;
    font-size: 26px !important;
}
/* end */

/* Cart Drawer changes 15 sep 2024 (nitish - shopifyexperts4u@gmail.com) */

#halo-cart-sidebar .previewCartItem-qty .btn-quantity {
    width: 25px !important;
    height: 25px !important;
    border-right: 1px solid !important;
}

#halo-cart-sidebar .previewCartItem-qty .quantity {
    padding: 1px 20px 1px 20px !important;
    height: 25px !important;
    border-radius: 5px !important;
    border: solid 0.1rem !important;
    background: #F3F3F3 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}

/* Para el primer caso */
#halo-cart-sidebar .previewCartItem-qty .btn-quantity.plus:after {
    top: 12px !important;
    left: 8px !important;
    width: 12px !important;
    border-top: 2px solid #000 !important; /* Línea por defecto */
}

/* Cambio de color en hover */
#halo-cart-sidebar .previewCartItem-qty .btn-quantity.plus:hover:after {
    border-top-color: #26d367 !important; /* Línea verde en hover */
    transition: border-top-color 0.2s ease; /* Transición suave en el hover */
}


/* Para el segundo caso */
#halo-cart-sidebar .previewCartItem-qty .btn-quantity:before {
    content: ''; /* Asegúrate de que el pseudo-elemento esté vacío */
    position: absolute;
    top: 12px !important;
    left: 8px !important;
    border-top: 2px solid #000 !important; /* Línea por defecto */
}

/* Cambio de color en hover */
#halo-cart-sidebar .previewCartItem-qty .btn-quantity:hover:before {
    border-top-color: #26d367 !important; /* Línea verde en hover */
    transition: border-top-color 0.2s ease; /* Transición suave en el hover */
}


#halo-cart-sidebar .previewCartItem-qty .btn-quantity.plus {
    right: 1px !important;
    left: auto !important;
    border-left: 1px solid !important;
    border-right: none !important;
}
#halo-cart-sidebar .previewCartItem-image img{
height: 70px !important;width: 70px !important;
}
#halo-cart-sidebar .previewCartItem-image:before {
  padding-bottom: 70px !important;
}
#halo-cart-sidebar .previewCartItem-change {
    display: ruby-text;
}

#halo-cart-sidebar cart-update-quantity.previewCartItem-qty {
    margin-top: 0px;
  z-index:9;
}
#halo-cart-sidebar .previewCartItem {
    padding-bottom: 0px !important;
}
#halo-cart-sidebar .previewCartItem-price {
    margin-left: 15px !important;
    vertical-align: text-top;
}
#halo-cart-sidebar .previewCartItem-remove {
    bottom: unset !important;
    top: 0 !important;
  padding-right: 0;
}
#halo-cart-sidebar a.previewCartItem-name.link-underline span.text {
    padding-right: 25px !important;
    display: block !important;
}
#halo-cart-sidebar .message {
    font-size: 14px !important;
  line-height: 1.3 !important;
  margin-top: 12px;
}
#halo-cart-sidebar li.previewCartTotals.cart-total-savings span {
    color: #26d367 !important;
  font-weight: bold !important;
}
#halo-cart-sidebar .before-discount-price {
    opacity: .7;
    font-weight: 100 !important;
}
#halo-cart-sidebar .cartTool-item.cart-tool-discount {
    width: 100%;
    padding: 10px 0;
}
/* icons payments */
ul.icons__payments_custom li {
    list-style: none;
    padding-left: 20px;
}

ul.icons__payments_custom {
    padding-left: 0;
    margin: 22px auto 22px;
    display: flex;
    text-align: center;
    width: 75%;
    justify-content: center;
      margin-bottom: 32px;
}


ul.icons__payments_custom li:nth-child(1) {
    padding-left: 0;
}
#halo-cart-sidebar button#cart-sidebar-checkout {
    margin-top: -39px;
  border-radius: 8px;
}
#halo-cart-sidebar li.previewCartTotals:nth-child(3) .previewCartTotals-label {
    font-size: 17px;
}
#halo-cart-sidebar li.previewCartTotals:nth-child(1) .previewCartTotals-label, #halo-cart-sidebar li.previewCartTotals:nth-child(1) .previewCartTotals-value {
    font-weight: bold !important;
}

#halo-cart-sidebar .halo-sidebar-close svg {
    width: 42px;
    height: 42px;
}
#halo-cart-sidebar .halo-sidebar-close {
        right: 12px;
        top: 12px;
}
#halo-cart-sidebar .halo-sidebar-header .title {
    font-size: 23px;
}
#halo-cart-sidebar .wrapper-cartCount {
    margin-top: -6px;
}
#halo-cart-sidebar .progress.progress-free {
    margin-bottom: 0;
}
#halo-cart-sidebar .previewCartItem-price .discounts__discount, .cart-discounts .discounts__discount {
    font-size: 12px;
  padding-top: 0;
  margin-top: -6px !important;
}


   #halo-cart-sidebar .previewCartInfo {
        padding-bottom: 46px !important;
     border-top: 1px solid #c3c3c3;
    padding-top: 16px;

     position: relative; /* Para que ::before se ancle aquí */
    }

@media only screen and (max-width: 767px) {
 #halo-cart-sidebar .previewCartInfo {
        
     border-top: 1px solid white;
    

     position: relative; /* Para que ::before se ancle aquí */
    }

}


@media only screen and (max-width: 767px) {
#halo-cart-sidebar .previewCartInfo::before {
  content: "";
  position: absolute;
  /* Ponemos el pseudo-elemento 12px por encima de la línea */
  top: -15px;
  left: 0;
  width: 100%;
  height: 15px;

  /*
    Explicación del gradiente:
    - "to bottom" significa que el color1 está arriba y color2 abajo.
    - color1: rgba(0,0,0,0) (transparente arriba)
    - color2: rgba(0,0,0,0.2) (oscuro abajo)
    Así, en la parte de abajo (coincidiendo con la línea) es oscuro,
    y al subir 12px se vuelve transparente.
  */
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0),
    rgba(0,0,0,0.07)
  );

  pointer-events: none;
  z-index: 10;
}
}


button.previewCartItem-remove img {
    transition: transform 0.15s ease-in-out, filter 0.15s ease-in-out; /* Transición suave */
}

button.previewCartItem-remove img:hover {
    transform: scale(1.2); /* Aumenta el tamaño del ícono */
    filter: brightness(0) saturate(100%) invert(33%) sepia(100%) saturate(600%) hue-rotate(-50deg); /* Filtro para rojo puro */
}



#halo-cart-sidebar .previewCartItem-content{margin-bottom:4px;}
#halo-cart-sidebar .previewCartItem-price {
     position: absolute;
    right: 0;
    top:55px !important;
    text-align: right;
    width: 49%;
    

}
#halo-cart-sidebar .previewCartItem-price .previewCartItem-saving-price {
    display:block !important;
  margin-top: -8px;
}

ul.icons__payments_custom li img {
    width: 100%;
  margin-bottom: 20px;

}

@media (max-width: 768px) { /* Ajusta el ancho según sea necesario */
  ul.icons__payments_custom li img {
    width: 100%;
    margin-bottom: 5px;
  }
}







.slick-counter {
  display: inline-flex;         /* Para alinear elementos en línea y usar Flexbox */
  align-items: center;          /* Centra verticalmente flechas y números */
  justify-content: center;      /* Centra horizontalmente (opcional si quieres que ocupe todo el espacio) */
  background: #fff;             /* Cambia a #000 si quieres fondo negro */
  color: #000;                  /* Texto negro */
  padding: 6px 12px;            /* Ajusta según tu diseño */
  border-radius: 4px;           /* Opcional, para esquinas redondeadas */
}

/* Clase para las flechas estilizadas */
.slick-counter .arrow {
  font-size: 17px;    /* Aumenta o reduce para agrandar o encoger flechas */
  font-weight: normal;
  line-height: 1;     /* Evita saltos verticales */
  margin: 0 4px;      /* Espacio lateral entre flechas y números */
  cursor: pointer;    /* Para indicar que se puede hacer clic, si lo deseas */
}





.texto-debajo-boton {
  font-size: 14px;
  color: #595959;          /* Negro */
  font-weight: 500;  /* Grosor normal */
  margin-top: 8px;      /* Espacio opcional entre el botón y el texto */
}

.texto-debajo-boton2 {
  font-size: 14px;
  color: #595959;          /* Negro */
  font-weight: 500;  /* Grosor normal */
  margin-top: 8px;      /* Espacio opcional entre el botón y el texto */
}



  /* Estilos por defecto para escritorio (ya existentes) */
  .payment-info2 {
    font-size: 16px;
    color: #6b6b6b;
    font-weight: 500;
    margin-top: 5px;
    text-align:center;
  }

  /* Sobrescribir estilos solo en mobile */
  @media only screen and (max-width: 767px) {
    .payment-info2 {
      font-size: 14px;    /* Tamaño para mobile */
      color: #6b6b6b;     /* Color para mobile */
      font-weight: 500;   /* Grosor para mobile */
      margin-top: 0px;    /* Ajusta el espacio según necesites */
      text-align:center;
    }
  }




.clientes-section {
  text-align: center;
  margin: 40px 0;
}

.clientes-section h2 {
  font-size: 40px;
  font-weight: bold;
  margin-top: 69px !important;
  margin-bottom: 39px;
  color: #000000;
}

.clientes-logos {
  display: flex;
  justify-content: center;
  gap: 15px; /* Espacio entre los logos */
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

.clientes-logos img {
  max-width: 120px; /* Ajusta el tamaño */
  height: auto;
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}

.clientes-logos img:hover {
  filter: grayscale(0%);
}



@media (max-width: 768px) {
  .clientes-section {
  text-align: center;
  margin: 40px 0;
  margin-left: 20px;
    margin-right: 20px;
}

.clientes-section h2 {
  font-size: 26px;
  font-weight: bold;
  margin-top: 52px !important;
  margin-bottom: 39px;
  color: #000000;
}

.clientes-logos {
  display: flex;
  justify-content: center;
  gap: 15px; /* Espacio entre los logos */
  flex-wrap: wrap;
  max-width: 1100px;
  margin: 0 auto;
}

.clientes-logos img {
  max-width: 100px; /* Ajusta el tamaño */
  height: auto;
  filter: grayscale(100%);
  transition: filter 0.3s ease-in-out;
}

.clientes-logos img:hover {
  filter: grayscale(0%);
}
}




/*************************************************** @media queries *************************************************/
@media(max-width:767px){
.four-blends .container h2 {font-size: 32px; max-width: 100%;}
.blend-item {width: 100%;}
 .green-review-row { max-width: 270px;} 
.green-review-img {
        width: 55.6%;
        margin: 0 auto 28px;
    }
  .green-review-info {
        padding-left: 0;
        width: 100%;
        text-align: center;
    }
      .green-review-info .green-review-rating {
        height: 28px;
        margin: 0 auto 20px;
    }
      .green-review-title {
        margin: 0 0 15px;
        font-size: 24px;
    }



  .green-review-name {
        font-size: 18px;
    }
  /* section 3 */
  .ingredients-pros-sec .container {
        padding: 55px 20px 0px;
    }
      .ingredients-pros-sec .box-wrapper .image {
        margin-bottom: 0px;
        order: 4;
        max-width: 100% !important;
    }
  .ingredients-pros-sec .box-wrapper{margin-bottom: 0;}
      .green-ingredients-pros-sec.ingredients-pros-sec .box-wrapper {
        flex-direction: column-reverse !important;
        gap:0;
    }
      .ingredients-pros-sec .inner .box-wrapper:first-child {
        margin-bottom: 0;
    }
      .green-ingredients-pros-sec .inner {
        display: flex;
        flex-direction: column;
    }
.ingredients-pros-sec .box-wrapper .content {
        display: flex;
        flex-wrap: wrap;
    }
   .ingredients-pros-sec { margin: 0 0 19px !important;order: 1;
        flex: 1 1 100%;
        font-size: 28px;
        line-height: 1;
        width: 100%;
        text-align: center !important;
        max-width: 100%;
      }
     .ingredients-pros-sec .box-wrapper .content>p {
        order: 2;
        flex: 1 1 100%;
       margin:0;
        font-size: 17px;
       line-height: 1.5;
        margin: 0 7px 55px;
    }
  th.com_image {
    width: 70px;
}
/* PDP slider main image */
    .template-product .productView-nav .slick-prev {
        right: unset;
        top: 50%;
      height: 50px;
        width: 60px;
    }
     .template-product .productView-nav .slick-next {
        top: 50%;
       height: 50px;
        width: 60px;
    }
  .productView-payment .shopify-payment-button [data-testid=ShopifyPay-button], .productView-payment .shopify-payment-button .shopify-payment-button__button--unbranded {
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    min-height: 53px;
}
  .ingredients-pros-sec a.primary-btn.shop-btn{
    font-size: 17px;width: max-content;
  }

  #second-call-to-action-btn {
  font-size: 17px;width: max-content;
}


/* section comparison */
  .comparison-table td {
    font-size: 13px !important;
    line-height: 15px;
    padding: 5px 0px 5px 0px!important;
}
  .comparison-table {
        min-width: 92% !important;
        max-width: 92% !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding: 0 10px !important;
    }
  th.com_image {
    padding: 5px 8px !important;
  }
  th.com_title3 {
    font-weight: bolder;
    font-size: 18px !important;
    line-height: 18px;
    padding-right: 0 !important;
    padding-left: 2px !important;
}
  h2.titleofsec4 {
    font-size: 32px;
    min-width: 100%;
    width: 100%;
    line-height: 30px;
    margin-top: 39px;
}

.comparison-table td img {
    width: 20px !important;
    height: 20px !important;
}
.ingredients-pros-sec .box-wrapper .content h2{font-size:22px;}
.green-ingredients-pros-sec.ingredients-pros-sec {
    padding-top: 0;        padding-bottom: 0x;
}
      .template-product .productView-nav .slick-arrow svg {
        width: 40px !important;
        height: 40px !important;
    }

  /* sidebar cart drawer */
  #halo-cart-sidebar {max-width: calc(100vw - 0px) !important;}
  #halo-cart-sidebar a.previewCartItem-name.link-underline span.text {padding-right: 44px !important;}
  #halo-cart-sidebar .previewCartItem-image {width: 52px;top: 0px !important;}
  #halo-cart-sidebar .previewCartItem-content {
    width: calc(100% - 0px);
}
  ul.icons__payments_custom {
    /* margin: 25px auto 25px 0px; */
}
  #halo-cart-sidebar button#cart-sidebar-checkout {
    padding: 20px 15px !important;
}
  #halo-cart-sidebar .previewCartTotals .previewCartTotals-value {
    width: calc(100% - 140px);
    font-size: 18px !important;
}
  #halo-cart-sidebar .previewCartTotals .previewCartTotals-label {
    width: 140px;
}
#halo-cart-sidebar li.previewCartTotals.cart-total-savings span {
  font-weight: bold !important;
}
  ul.icons__payments_custom {
    margin-bottom: 22px;
}
  
}




@media only screen and (min-width: 768px) and (max-width: 1199px)  {
.comparison-table {
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100%;
    padding: 0px 20px !important;
}

  th.com_image {
    padding: 20px 30px !important;
}
  
}


@media(min-width: 1025px){
  /* .template-product .productView-images-wrapper {
    border: 5px solid #008000;
} */
  .template-product .productView-thumbnail-wrapper .productView-for {
    padding: 0 96px;
}
  .productView-thumbnail-wrapper .slick-prev {
    left: 86px !important;
    background: #fff !important;
}
  .productView-thumbnail-wrapper .slick-next {
    right: 96px !important;
    background: #fff !important;
}

#halo-cart-sidebar .previewCartItem-price {width:100% !important;}
 #halo-cart-sidebar .previewCartTotals .previewCartTotals-value {width:calc(100% - 140px) ;}
 #halo-cart-sidebar .previewCartTotals .previewCartTotals-label {width:140px !important;}

  
}


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #halo-cart-sidebar .previewCartItem-price {
    
    width:100% !important;
  
  }
  
 #halo-cart-sidebar .previewCartTotals .previewCartTotals-value {
   
   width: calc(100% - 187px) !important;
 }

  
 #halo-cart-sidebar .previewCartTotals .previewCartTotals-label {
   
   width:187px !important ;
 
 }
  
} 


@media (max-width: 767px) {
  .four-blends, 
  .green-review-block {
    display: none !important;
  }

  @media only screen and (max-width: 767px) {
  .footer__content-top {
    padding-bottom: 3px !important;
  }
}

}


/* 🟢 Estilo de la barra de anuncio fija */
.top-announcement-bar {
  background-color: #FB6237;
  color: #ffffff;
  text-align: center;
  padding: 5px 10px;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 1;
}

.top-announcement-bar.hide {
  top: -60px; /* Se ajusta en función de la altura de la barra */
  opacity: 0;
}

/* Asegura que el contenido no se tape (ajusta según tu header) */
body {
  padding-top: 39px;
}

@media (max-width: 768px) {
  .top-announcement-bar {
    padding: 3px 12px;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
    line-height: 19px;
    
  }
}

.product-card-layout-02 .product-item .wrapper-title-vendor.card-title-ellipsis:has(.card-title-ellipsis){
  margin-bottom: -14px;
}


/* 1) Solo los enlaces de Cuenta y Carro */
.header__icon.header__icon--account,
.header__icon.header__icon--cart {
  display: inline-flex !important;    /* convierte en fila flex */
  align-items: center !important;     /* centra verticalmente */
  font-size: 1rem !important;         /* restablece tamaño de texto */
}

/* 2) Separa el texto del SVG */
.header__icon--account .customer-links,
.header__icon--cart .customer-links {
  margin-left: 0.4em !important;      /* espacio entre icono y texto */
  line-height: 1 !important;          /* evita saltos en varias líneas */
}

/* separa el bloque de “Atendemos 24/7…” de los íconos */
.header-single-line__item--text.header__iconItem.header__group {
  margin-right: 1.5em !important;
}

.header-nav-vertical-menu{
  height: 53px;
}

/* =======================================================
   🔹 PV Feature Badges — versión final con márgenes ajustados
   ======================================================= */

.pv-feature-badges {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 12px 22px;
  background: #f6f7f8;
  border: 1px solid #e9ecef;
  border-radius: 14px;
  margin-bottom: 15px; /* 🔹 margen para desktop */
}

.pv-badge {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 1 1 0;
  min-width: 0;
}

.pv-icon,
.pv-emoji {
  width: 22px;
  height: 22px;
  display: inline-block;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  font-size: 20px;
}

.pv-text {
  color: #111;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* mantiene 1 línea por defecto */
}

.pv-badge:first-child .pv-text {
  max-width: 240px; /* equilibrio entre el primer y segundo bloque */
}

.pv-divider {
  align-self: stretch;
  width: 1px;
  background: #D0D5DD;
  flex: 0 0 1px;
  opacity: 1;
}

/* ---------- Responsive móvil (fix del alto del divider) ---------- */
@media (max-width: 480px) {
  .pv-feature-badges {
    align-items: stretch;          /* 🔹 permite que el divider ocupe todo el alto */
    gap: 16px;
    padding: 10px 18px;
    margin-bottom: 14px;           /* 🔹 margen inferior en móvil */
  }

  .pv-badge {
    align-items: center;           /* mantiene centrado el ícono y texto */
  }

  .pv-icon,
  .pv-emoji {
    width: 18px;
    height: 18px;
    font-size: 18px;
  }

  .pv-text {
    white-space: normal;           /* permite salto de línea */
    overflow: visible;
    text-overflow: clip;
    line-height: 1.25;
    font-size: 13px;
  }

  .pv-badge:first-child .pv-text {
    max-width: 170px;
  }

  .pv-divider {
    align-self: stretch;           /* 🔹 asegura alto completo */
    height: auto;
  }
}

/* ---------- Desktop: texto largo visible sin tocar mobile ---------- */
@media (min-width: 769px) {
  .pv-feature-badges {
    padding: 14px 26px; /* más aire lateral */
    gap: 20px;
  }

  .pv-text {
    white-space: normal;            /* permite salto */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;          /* máx. 2 líneas */
    line-height: 1.3;
  }

  .pv-badge:first-child .pv-text {
    max-width: 260px;
  }

  .pv-divider {
    align-self: stretch; /* línea de alto completo */
  }
}

/* ---------- Ajuste extra para pantallas muy pequeñas ---------- */
@media (max-width: 360px) {
  .pv-feature-badges {
    gap: 10px;
    padding: 8px 10px;
  }

  .pv-text {
    font-size: 12.5px;
  }
}