/* (search) version: 1.0.1 */



/* header & footer (1.0.1) */

 .nav-header,
 .home .ui-item__discount-box,
 .side-drawer__title {
    background: #FFFFFF;
    border-color: #FFFFFF;
}

 .nav-header__hamburger {
    background: #000 !important;
}

 .nav-list--horizontal > .nav-list__item > .nav-list__link {
    color: #000 !important;
}

/* Hover under elements in menu */
 .nav-list__item--more:after,
 .nav-list--horizontal > .nav-list__item:not(:last-child):not(:last-child):after {
    border-color: #000 !important;
}

/* Icons */
 .nav-header__logo,
 .home .ui-item__discount-box .ui-item__discount-text,
 .nav-header__nav-link .nav-header__nav-icon:before,
 .nav-icon-cart:before,
 .nav-cart .nav-icon-cart-quantity {
    color: #000 !important;
}

/* Separators in the header */
 .nav-header__separator,
 .nav-cart:before,
 .nav-header__nav-link:before {
    border-color: #000 !important;
    opacity: 0.1;
}

/* Hide QR Afip (todo: don't do it by style but by removing the element) */
 footer .nav-footer-disclaimer a[href="null"] {
    display: none;
}

/* New Classes for templates */
 .header--custom-background {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

 .header--custom-title {
    color: #FFFFFF !important;
}

 .header--custom-title-container {
    background-color: #000 !important;
}

 .icon--custom-color {
  fill: #FFFFFF !important;
}

 .discovery--custom-label-image-gradient {
  background: linear-gradient(to top, rgba(128,128,128,0.05), transparent)
}

 .header--custom-text {
    color: #000 !important;
}

 .header--custom-border {
    border-color: #000 !important;
}

 .header--custom-svg {
    fill: #000 !important;
}

 .header--custom-secondary-background {
    background-color: #a3a3a3 !important;
}

 .header--custom-secondary-text {
    color: #333 !important;
}

 .header--custom-text a {
  color: #000 !important;
}
 .header--custom-border.nav-list--horizontal>.nav-list__item:not(:last-child):not(:last-child):after {
  border-color: #000 !important;
}

/* Search box looks bad on white headers (white border - white background). We need to force gray. */

     .search-box-container {
    border: 1px solid #cccccc;
    }


 .header--custom-border:hover {
    border-color: #000 !important;
}

.header-gradient {
    background: linear-gradient(0deg, rgba(128,128,128,0.1) 0%, rgba(128,128,128,0.9) 100%);
}

.nav-fashion-header {
    background: #FFFFFF !important;
}

.shops__pills {
    display: none;
}

 .ui-search-result__content-wrapper .ui-pb,
 .ui-row-card__content .ui-pb,
 .ui-search-result__content .ui-pb {
    display: none;
}

 .ui-item__content .ui-item__shipping.ui-item__shipping-free {
    display: block !important
}

/* Home discount pill styles theme material */
 .home--material .ui-item__discount-box {
    height: 32px !important;
    min-width: auto ;
    padding: 0 16px !important;
    position: absolute;
    right: 16px;
    top: -12px;
}

/* Home discount pill styles theme material */
 .home--legend .ui-item__discount-box {
    .ui-item__discount-text,
    .ui-item__discount-text.ui-item__discount-text--secondary {
    padding: 0 !important;
    }
}

@media screen and (max-width: 768px) {
    .home--legend {
        .ui-item__discount-text.ui-item__discount-text--secondary {
            font-size: 12px !important;
        }

        .carousel-with-tabs-mobile__list .ui-item__discount-box,
        .carousel-mobile-list-element .ui-item__discount-box {
            display: flex;
            flex-direction: row;
            height: 24px !important;
            width: 100% !important;
        }

        .carousel-with-tabs-mobile__list .ui-item__discount-box.ui-item__discount-box--short-text,
        .carousel-mobile-list-element .ui-item__discount-box.ui-item__discount-box--short-text {
            width: 80px !important;
        }
    }

    .home.home--explorer {
        .ui-item__content.ui-item__content--with-original-price {
            padding-top: 20px !important;
        }
    }
}

.home.home--legend {
    .ui-item__shipping {
        align-self: center;
        order: 1;
        position: relative !important;
        top: inherit !important;
    }

    .ui-item__title {
     order: 3;
    }

    .ui-item__price-block {
     order: 2
    }
}

.home.home--explorer {
    .ui-item__shipping {
        order: 2;
    }

    .ui-item__content.ui-item__content--with-original-price {
        padding-top: 24px;
    }
}

.ui-search-rebates,
.ui-row-item__group--rebates,
.ui-row-rebates {
    display: none !important;
}









.mshops-search-polycard .poly-action-links.poly-component__action-links--buttons {
  width: 100%;
}

.mshops-search-polycard .poly-action-links.poly-component__action-links--buttons .poly-action-links__action--button {
  max-width: 264px;
}

.mshops-search-polycard .poly-action-links.poly-component__action-links--buttons .poly-action-links__action--button .andes-button {
  height: 32px;
}

.mshops-search-polycard .poly-action-links.poly-component__action-links--buttons .poly-action-links__action--button .andes-button__text {
  font-size: 14px;
}

.mshops-search-polycard.poly-card--grid-card .poly-action-links.poly-component__action-links--buttons {
  margin: auto 0 0;
}


svg #poly_full path {
  fill: rgb(0, 166, 80) !important;
}


.mshops-search-polycard .poly-component__add-to-cart .andes-button .andes-button__content .andes-button__text {
  color: var(--colorOrBlackByPrimaryColor, #000) !important;
}


/* styles for show discounts pills */
  
  @media screen and (min-width: 768px) {
    .ui-search-layout--grid {
      .ui-search-result__content-wrapper .ui-pb,
      .ui-row-card__content .ui-pb,
      .ui-search-result__content .ui-pb {
        display: none;
      }

      .ui-search-result__shops-pills--absolute {
        display: block;

        .ui-search__discount--shops {               
          min-width: 96px;
          padding: 10px 20px;
          justify-content: center;
          background-color: #FFFFFF;
          border-radius: 24px;
          margin: 12px 16px;

          .ui-pb-label {
            color: #000;
            font-size: 16px !important;
          }
        }

        .ui-search__discount--shops.ui-search__discount--shops-pill-large {
          min-width: 192px;
          padding: 10px 12px;
        } 
      }

      .mshops-search-polycard__pill-offer--pill-large {
        font-weight: 600 !important;
        .poly-fs-s.poly-fw-bold {
          font-size: 16px !important;
          font-weight: 600 !important;
        }
      }
    }

    .ui-search-layout__stack {
      .ui-search-result__content-wrapper .ui-pb,
      .ui-row-card__content .ui-pb,
      .ui-search-result__content .ui-pb {
        display: block;

        .ui-search__discount--shops {               
          min-width: 96px;
          padding: 10px 20px;
          justify-content: center;
          background-color: #FFFFFF;
          border-radius: 24px;

          .ui-pb-label {
            font-size: 16px !important;
            color: #000;
          }
        }

        .ui-search__discount--shops.ui-search__discount--shops-pill-large {
          min-width: 192px;
          padding: 10px 12px;
        } 
      }

    }
      
    .ui-search-layout--stack {
      .mshops-search-polycard__pill-offer.poly-component__label {
        width: fit-content;
        font-weight: 600 !important;

        .poly-fs-s.poly-fw-bold {
          font-weight: 600 !important;
          font-size: 16px !important;
        }
      }
    }

    /* polycard pills grid and stack layout */
    .mshops-search-polycard__pill-offer.poly-component__label {
      background-color: #FFFFFF;
      border-radius: 24px;
      color: #000;
      font-size: 16px !important;
      line-height: 1;
      min-width: 96px;
      padding: 12px 12px;
      justify-content: center;
      white-space: pre;
    }

    .mshops-search-polycard__pill-offer--pill-large {
      min-width: 192px;
    }
  }

  @media screen and (max-width: 767px) {
    .ui-search-layout--gallery,
    .ui-search-layout--grid {
      .ui-search-result__content-wrapper .ui-pb,
      .ui-row-card__content .ui-pb,
      .ui-search-result__content .ui-pb {
        display: none;
      }
  
      .ui-search-result__shops-pills--absolute {
        display: block;

        .ui-search__discount--shops {          
          min-width: 72px;
          padding: 6px 10px;
          justify-content: center;
          font-size: 10px;
          background-color: #FFFFFF;
          border-radius: 24px;
          margin: 12px;
  
          .ui-pb-label {
            color: #000;
            font-size: 10px;
          }
        }
  
        .ui-search__discount--shops.ui-search__discount--shops-pill-large {
          min-width: 140px;
        }
      }
      
      .mshops-search-polycard__pill-offer--pill-large {
        font-weight: 600 !important;
        .poly-fs-xs.poly-fw-bold {
          font-weight: 600 !important;
          font-size: 10px !important;
        }
      }
    }
  
    .ui-search-row--stack {
      .ui-search-result__content-wrapper .ui-pb,
      .ui-row-card__content .ui-pb,
      .ui-search-result__content .ui-pb {
        display: block;

        .ui-search__discount--shops {          
          min-width: 72px;
          padding: 6px 10px;
          justify-content: center;
          font-size: 10px;
          background-color: #FFFFFF;
          border-radius: 24px;
  
          .ui-pb-label {
            color: #000;
            font-size: 10px;
          }
        }
  
        .ui-search__discount--shops.ui-search__discount--shops-pill-large {
          min-width: 140px;
        }
      }

      .mshops-search-polycard__pill-offer--pill-large {
        font-weight: 600 !important;
        .poly-fs-xs.poly-fw-bold {
          font-weight: 600 !important;
          font-size: 10px !important;
        }
      }
    }

    /* polycard pills grid and stack layout */
    .poly-card--mobile .mshops-search-polycard__pill-offer.poly-component__label {
      background-color: #FFFFFF;
      border-radius: 20px;
      color: #000;
      font-size: 10px !important;
      justify-content: center;
      line-height: 1;
      min-width: 72px;
      padding: 7px 10px;
      text-align: center;
      justify-content: center;
    }

    .poly-card--mobile .mshops-search-polycard__pill-offer--pill-large.poly-component__label {
      min-width: 128px;
      white-space: pre;
      font-weight: 600 !important;
      width: fit-content;

      .poly-fs-s.poly-fw-bold {
        font-weight: 600 !important;
        font-size: 10px !important;
      }
    }
  }