/* (home) version: 1.0.1 */





    @import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Fjalla+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&family=Libre+Franklin:ital,wght@0,400;0,700;1,400;1,700&family=Lora:ital,wght@0,400;0,700;1,400;1,700&family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&family=Mulish:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@400;700&family=Source+Serif+Pro:ital,wght@0,400;0,700;1,400;1,700&family=Comfortaa:wght@400;700&family=Assistant:wght@400;700&family=Asap:wght@400;700&family=Cardo:wght@400;700&family=DM+Sans:wght@400;700&family=Libre+Baskerville:wght@400;700&family=Comfortaa:wght@400;700&family=Bitter:wght@400;700&family=EB+Garamond:wght@400;700&family=Manrope:wght@400;700&family=Quattrocento+Sans:wght@400;700&family=Taviraj:wght@400;700&family=Oswald:wght@400;700&family=Plus+Jakarta+Sans:wght@400;700&family=Raleway:wght@400;700&family=Roboto+Condensed:wght@400;700&family=Rubik:wght@400;600&family=Source+Sans+Pro:wght@400;700&display=swap');


    :root {
    --primaryColorVar: #f58433;
    --secondaryColorVar: #222221;
    --primaryTextColorVar: #000000;
    --DiscoveryRGBAVar: rgba(245,132,51,0.05);
    --luminanceByPrimaryColorVar: #feeee2;
    --secondaryTextColorVar: #333;
    --filterRGBAWithLowOpacityVar: rgba(245,132,51,0.1);
    --filterRGBAWithHighOpacityVar: rgba(245,132,51,0.9);
    --tertiaryColorVar: #ffb478;
    --primaryFontVar: 'Libre Franklin';
    --secondaryFontVar: 'Libre Franklin';
    --textColorByBackgroundVar: #000000;
    --textColorByPrimaryColorVar: #000000;
    --textColorBySecondaryColorVar: #ffffff;
    --textColorByTertiaryColorVar: #000000;
    --textColorByTertiaryColorOrDefaultVar: #000000;
    --textColorBySecondaryColorOrDefaultVar: #ffffff;
    --backgroundVar: #ffffff;
    --textSecondaryColorVar: #000000;
    --colorOrBlackByPrimaryColor: #000000;
    --colorOrBlackBySecondaryColor: #222221;
    --colorOrBlackByTertiaryColor: #000000;
    --colorTextVar: #000000;
    --informativeColorVar: #74A8ED;
    --redColorVar: 255;
    --greenColorVar: 180;
    --blueColorVar: 120;
    --colorDiscountLabelVar: #ffffff;
    --headerTransparencyBackground: rgba(245,132,51,0.0);
    --headerTextColorByBackground: #1A1A1A;
    --headerOpacityVar: 0.0;
    --dividerByHeaderBackground: #0000001A;
    --button-border-radius: 0;
    --button-neutral-hover-background-color: #FFFFFF;
    --button-neutral-hover-border: 1px solid #000000;
    --button-neutral-hover-color: #000000;
    --button-neutral-idle-background-color: #FFFFFF;
    --button-neutral-idle-border: 1px solid #000000;
    --button-neutral-idle-color: #000000;
    --button-neutral-outline: auto;
    --button-primary-hover-background-color: #f58433;
    --button-primary-idle-background-color: #f58433;
    --button-secondary-hover-background-color: transparent;
    --button-secondary-hover-color: #222221;
    --button-secondary-idle-background-color: transparent;
    --button-secondary-idle-border: 1px solid #d4d4d4;
    --button-secondary-outline: auto;
    --card-border: none;
    --card-border-radius: 4px;
    --card-box-shadow: none;
    --promotion-tag-background-color: #222221;
    --promotion-tag-border-color: #222221;
    --promotion-tag-desktop-border-radius: 0;
    --promotion-tag-desktop-font-size: 20px;
    --promotion-tag-desktop-height: 56px;
    --promotion-tag-desktop-margin: 0;
    --promotion-tag-font-weight: 700;
    --promotion-tag-mobile-border-radius: 0;
    --promotion-tag-mobile-font-size: 12px;
    --promotion-tag-mobile-height: 24px;
    --promotion-tag-mobile-margin: 0;
    --shipping-tag-background-color: #ffb478;
    --shipping-tag-border-radius: 0;
    --shipping-tag-desktop-font-size: 12px;
    --shipping-tag-desktop-height: 24px;
    --shipping-tag-mobile-font-size: 11px;
    --shipping-tag-mobile-height: 22px;
    
    }

     .nav-default-header__title .nav-default-header__shop-name .header--custom-title {
    color: var(--primaryTextColorVar) !important;
}

 .nav-default-header__bounds .nav-default-header__nav-icons .nav-icons-group {
    .cart-button svg path {
        stroke: var(--primaryTextColorVar) !important;
    }
    #cart-badge text {
        fill: var(--primaryTextColorVar) !important;
    }
}

 .nav-default-header__bounds .nav-default-header__nav-icons .nav-icons-group .cart-button svg path {
    stroke: var(--primaryTextColorVar) !important;
}


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


 .andes-button:not(.dragable-component__wrapper),
 .andes-input-stepper__wrapper {
  border-radius: 0 !important;
}

main {
  background-color: white !important;
}


     .body {
      font-family: var(--secondaryFontVar) !important;
    }

     .shops__background--primary-color {
      background-color: var(--primaryColorVar) !important;
    }

     .shops__background--secondary-color {
      background-color: var(--secondaryColorVar) !important;
    }

     .shops__background--tertiary-color {
      background-color: var(--tertiaryColorVar) !important;
    }

     .shops--primary-font {
      font-family:  var(--primaryFontVar) !important;
    }

     .shops--secondary-font {
      font-family: var(--secondaryFontVar) !important;
    }

     .nav-header,
     .side-drawer__title {
        background: var(--primaryColorVar);
        border-color: var(--primaryColorVar);
    }


     .nav-header__hamburger {
        background: var(--primaryTextColorVar) !important;
    }

     .nav-list--horizontal > .nav-list__item > .nav-list__link {
        color: var(--primaryTextColorVar) !important;
    }

     .nav-list__item--more:after,
     .nav-list--horizontal > .nav-list__item:not(:last-child):not(:last-child):after {
        border-color: var(--textColorByPrimaryColorVar) !important;
    }

     .nav-header__logo,
     .nav-header__nav-link .nav-header__nav-icon:before,
     .nav-icon-cart:before,
     .nav-cart .nav-icon-cart-quantity {
        color: var(--textColorByPrimaryColorVar) !important;
    }
     .nav-header__separator,
     .nav-cart:before,
     .nav-header__nav-link:before {
        border-color: var(--textColorByPrimaryColorVar) !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: var(--primaryColorVar) !important;
        border-color: var(--primaryColorVar) !important;
    }

     .header--custom-title {
        color: var(--primaryColorVar) !important;
    }

     .header--custom-title-container {
            background-color: var(--textColorByPrimaryColorVar) !important;
            color: var(--primaryColorVar)
    }


     .icon--custom-color {
      fill: var(--primaryColorVar) !important;
    }

     .discovery--custom-label-image-gradient {
      background: linear-gradient(to top, var(--DiscoveryRGBAVar), transparent)
    }

     .header--custom-text {
        color: var(--primaryTextColorVar) !important;
    }

     .header--custom-text::placeholder {
        color: var(--primaryTextColorVar) !important;
    }

     .nav-default-search-form.header--custom-border .search-button svg path {
        fill: var(--primaryTextColorVar) !important;
    }

     .header--custom-svg {
        fill: var(--primaryTextColorVar) !important;
    }

     .header--custom-border {
        border-color: var(--textColorByPrimaryColorVar) !important;
    }

     .explorer-footer-contact .nav-bounds.nav-bounds--contact {
        font-family: var(--secondaryFontVar) !important;
    }


     .header--custom-secondary-background {
        background-color: var(--luminanceByPrimaryColorVar) !important;
    }

     .header--custom-secondary-text,  .flash-component__link {
        color: var(--secondaryTextColorVar) !important;
    }

     .header--custom-secondary-text svg.ths--custom-logo {
        fill: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }


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

     .ui-ms-newsletter-content__pretitle {
        font-family: var(--secondaryFontVar) !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: var(--textColorByPrimaryColorVar) !important;
    }

     .ui-button--primary,  .andes-button--loud {
        background-color: var(--primaryColorVar) !important;
        color: var(--textColorByPrimaryColorVar) !important;
    }

     .ui-button--primary,
     .andes-button--loud .andes-button__content {
        font-family: var(--primaryFontVar) !important;
    }

    .andes-form-control .andes-form-control__control .andes-form-control__field::placeholder {
        font-family: var(--secondaryFontVar) !important;
    }

     button.andes-button.andes-button--quiet,
     a.andes-button.andes-button--quiet {
        background-color: var(--backgroundVar) !important;
        border: 2px solid var(--colorOrBlackByPrimaryColor) !important;
    }

     .carousel__container .andes-button--loud .andes-button__content {
        font-family: var(--secondaryFontVar) !important;
    }

     .item__shipping-info__label,  .summary__price-epigraph--green, .item__discount-rate,  .ui-search-color--LIGHT_GREEN,  .ui-search-price__discount{
        color: var(--colorOrBlackBySecondaryColor) !important;
        fill: var(--colorOrBlackBySecondaryColor) !important;
    }

      span.andes-money-amount__discount {
        color: var(--colorOrBlackBySecondaryColor) !important;
        fill: var(--colorOrBlackBySecondaryColor) !important;
    }

     .ui-search-item__group__element {
        color: var(--colorTextVar) !important;
    }

     .item__shipping-info__label
    {
    color: var(--tertiaryColorVar) !important;
    }


    /*Links*/
     .ui-pdp-container__row--payment-methods .ui-pdp-action-modal__link{
        color: var(--informativeColorVar) !important;
    }

     .item__description .item__change_variation{
        color: var(--informativeColorVar) !important;
    }

     form[data-action=remove-from-cart] .u-link
    {
        color: var(--informativeColorVar) !important;
    }

     .item__action-menu .item__action-menu-link:nth-child(1)
    {
    color: var(--informativeColorVar) !important;
    }

     .andes-tab:not(.andes-tab--selected)
    {
        color: var(--colorOrBlackByPrimaryColor) !important;
        font-family: var(--secondaryFontVar) !important;
    }

     .ui-ms-tab-with-items__view-more-action--desktop .andes-button__content,
     .ui-ms-tab-with-items__view-more-action--mobile .andes-button__content,
     .products-carousel-action__label
    {
        display: inline-block;
        text-transform: lowercase;
    }

     .ui-ms-tab-with-items__view-more-action--desktop .andes-button__content::first-letter,
     .ui-ms-tab-with-items__view-more-action--mobile .andes-button__content::first-letter,
     .products-carousel-action__label::first-letter
    {
        text-transform: uppercase;
    }

     .ui-ms-tab-with-items__view-more-action--desktop:hover,
     .ui-ms-tab-with-items__view-more-action--mobile:hover
    {
        color: var(--informativeColorVar) !important;
    }

    div.home:not(.home--explorer)  .andes-tab.andes-tab--selected .andes-tab__link
    {
        color: var(--colorOrBlackByPrimaryColor) !important;
    }

     .andes-tab.andes-tab--selected .andes-tab__link::after
    {
        background-color: var(--colorOrBlackByPrimaryColor) !important;
    }

     .andes-button__content {
        font-family: var(--secondaryFontVar);
    }

     .explorer-footer-info__brand,
     #footer-container .header--custom-text {
        font-family: var(--secondaryFontVar) !important;
    }

     .andes-tab.andes-tab--selected .andes-tab__link::after
    {
        background-color: var(--colorOrBlackByPrimaryColor) !important;
    }

     .andes-button__content {
        font-family: var(--secondaryFontVar);
    }

     .explorer-footer-info__brand,
     #footer-container .header--custom-text {
        font-family: var(--secondaryFontVar) !important;
    }

    /* Discount */
     .cart__list .item__discount-rate {
        color: var(--secondaryColorVar) !important;
    }

     .ui-item__discount-box{
        background: var(--secondaryColorVar) !important;
        border-color: var(--secondaryColorVar) !important;
        color: var(--textColorBySecondaryColorVar) !important;
    }

     .ui-item__discount-box .nav-header__logo {
        color: var(--textColorBySecondaryColorOrDefaultVar) !important;
    }

    /* Precios */
     .price-tag-fraction:not(.price-tag__disabled), .price-tag-symbol {
        color: var(--colorTextVar) !important;
    }

     .price-tag-cents {
        color: var(--colorTextVar) !important;
    }

     .ui-item__material-price-block .price-tag__disabled span {
        color: var(--colorTextVar) !important
    }

     .ui-item__shipping-free svg,
     .ui-item__shipping-free span
    {
        color: var(--tertiaryColorVar) !important;
        fill: var(--tertiaryColorVar) !important;
    }

     .ui-search-item__title{
        color: var(--colorTextVar) !important;
    }

     .ui-pdp-price__original-value{
        color: var(--colorTextVar) !important;
    }

     .ui-item__discount-text{
        color: var(--textColorBySecondaryColorVar) !important;
    }

     .ui-item__price-block .ui-item__discount-price .price-tag-symbol,
     .ui-item__price-block .ui-item__discount-price .price-tag-fraction
    {
        color: #000000 !important;
    }

     .ui-item__title {
        color: var(--colorTextVar) !important;
    }


    /*Calcular color de texto en botones*/
     .andes-button--loud .andes-button__content {
        color: var(--primaryTextColorVar) !important;
    }

     .andes-button--loud:disabled .andes-button__content {
        color: var(--primaryTextColorVar) !important;
        opacity: 0.4;
    }

     .andes-button--quiet .andes-button__content{
        color: var(--colorOrBlackByPrimaryColor) !important;
    }

     .andes-button--quiet:disabled .andes-button__content {
        color: var(--primaryTextColorVar) !important;
        opacity: 0.4;
    }

    /*Estilo para loader del botón comprar ahora*/
     .shops-pdp-container .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--loud .andes-progress-indicator-circular__svg,
     .shops-pdp-container--top .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--loud .andes-progress-indicator-circular__svg {
        stroke: var(--primaryTextColorVar) !important;
    }

    /*Estilo para loader del botón agregar al carrito*/
     .shops-pdp-container .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--quiet .andes-progress-indicator-circular__svg,
     .shops-pdp-container--top .ui-pdp-container__row--main-actions .ui-pdp-actions__container--featured .andes-button--quiet .andes-progress-indicator-circular__svg {
        stroke: var(--colorOrBlackByPrimaryColor) !important;
    }

     .nav-default-header{
        font-family: var(--secondaryFontVar) !important;
    }

     .ui-item__wrapper {
        font-family: var(--secondaryFontVar) !important;
    }

     .nav-fashion-header__logo{
         font-family: var(--secondaryFontVar) !important;
    }

     .item-description {
        font-family: var(--secondaryFontVar) !important;
    }

     .card-with-image-price__text-content{
        font-family: var(--secondaryFontVar) !important;
    }


     .carousel__item__2, .carousel__item,   .banner-text__title, .banner-text__link{
        font-family: var(--secondaryFontVar) !important;
    }

     #section-info .site-shopping-info .container .info-slide{
        font-family: var(--secondaryFontVar) !important;
    }

     .legend-footer-contact{

        font-family: var(--secondaryFontVar) !important;
    }

     .ui-search-layout__item{
        font-family: var(--secondaryFontVar) !important;
    }

     .ui-search-filter-dl, .ui-search-item__title,   .ui-search-item__group__element--shipping,  .ui-search-item__group--price{
        font-family: var(--secondaryFontVar) !important;
    }

     .ui-search-filter-container .ui-search-button-link .ui-search-filter-name,  .ui-search-filter-container .ui-search-button-link .ui-search-filter-results-qty {
        font-family: var(--secondaryFontVar) !important;
    }

     .header--custom-text {
        font-family: var(--secondaryFontVar) !important;
    }

     body h1,
     body h2,
     body h3,
     body h4,
     body h5 {
      font-family: var(--primaryFontVar) !important;
    }

     main[role=main] {
      font-family: var(--secondaryFontVar) !important;
    }

     .payment-data .payment-data-subtitle a,  .section-header a,  .andes-breadcrumb__link,  .ui-pdp-action-modal__link,
     .ui-pdp-share .andes-tooltip__trigger .andes-button .andes-button__content,
     .ui-pdp-family--REGULAR a, .ui-pdp-collapsable__action {
      color: var(--informativeColorVar) !important;
    }

     .header--custom-secondary-background {
        background: var(--tertiaryColorVar) !important;
        color: var(--textColorByTertiaryColorVar) !important;
    }

     .header--custom-secondary-text,   .flash-component__link, .header-wrapper .flash-component a {
        color: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }

     .header-wrapper .flash-component a,   .header-wrapper .flash-component h3 {
        font-family: var(--secondaryFontVar) !important;
    }

     .dragable-component__wrapper {
        background: #3483fa !important;
    }

    


     .font-primary-text {
        font-family: var(--primaryFontVar) !important;
    }

     .font-secondary-text {
        font-family: var(--secondaryFontVar) !important;
    }

     .template-suscription-main-container {
        background: #fff !important;
    }

     .template-suscription-main-container .template-suscription-container {
        background: rgba(var(--redColorVar), var(--greenColorVar), var(--blueColorVar) ,0.1) !important;
    }

    .template-suscription-container-legend {
        background: rgba(var(--redColorVar), var(--greenColorVar), var(--blueColorVar) ,0.1) !important;
    }

     .template-suscription-container__text {
        color: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }

     .home--material .template-suscription-main-container .template-suscription-container {
        background: #fff !important;
    }

     .template-suscription-main-container .template-suscription-container__button {
        background: var(--tertiaryColorVar) !important;
   }

     .template-suscription-main-container .template-suscription-container-success {
        border-top: solid 1px var(--tertiaryColorVar) !important;
   }

    .template-suscription-container__title,
    .template-suscription-container__description,
    .template-suscription-container__legal-text {
   color: #000000 !important;
   }

    .home--material .template-suscription-container__title,
    .home--material .template-suscription-container__description,
    .home--material .template-suscription-container__legal-text
    .home--material .template-suscription-container__legal-text .template-suscription-container__legal-text-link {
      color: rgba(0, 0, 0, 0.55) !important;
   }

   .header-wrapper--with-transparency header {
     background-color: var(--headerTransparencyBackground) !important;
   }

     .title,  price-and-image__title,  .section-header,  .tabs-list__item {
    font-family: var(--primaryFontVar) !important;
    }









     .highlighted-specs-title{
        color: var(--textColorByBackgroundVar) !important;
        font-family: var(--primaryFontVar) !important;
    }

     .flash-component .flash-component__text {
        color: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }

     .ui-pdp-description__title {
        color: var(--textColorByBackgroundVar) !important;
        font-family: var(--primaryFontVar) !important;
    }

     .ui-recommendations__header__title {
        color: var(--textColorByBackgroundVar) !important;
        font-family: var(--primaryFontVar) !important;
    }

     .payment-data-title {
        color: var(--textColorByBackgroundVar) !important;
        font-family: var(--primaryFontVar) !important;
    }

     body h1,
     body h2,
     body h3,
     body h4,
     body h5 {
        font-family: var(--primaryFontVar) !important;
    }

     .column-discovery__title,  .label-image__text,  .section-text___title  {
        font-family: var(--primaryFontVar) !important;
    }

     .editable-wrapper .editable-button{
        background: #3483fa !important;
        color: #fff !important;
    }

     .editable-wrapper .editable-button .andes-button__text{
        color: #fff !important;
    }

     .section-text__row-buttons-actions__btn-action-user--default {
        background: var(--primaryColorVar) !important;
        border-color: var(--primaryColorVar) !important;
        color: var(--primaryTextColorVar) !important;
    }

     .section-text__row-buttons-actions__btn-action-user--default span {
        color: var(--primaryTextColorVar) !important;
    }

     .hub__boxed-width .content .banner-text__content .banner-text__title {
        font-family: var(--primaryFontVar) !important;
    }

     .hub__boxed-width .content .banner-text__content .banner-text__link:not(:empty) {
        font-family: var(--secondaryFontVar) !important;
    }

     .home:not(.home--custom-html) .ui-item__content .ui-item__shipping-free span {
        color: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }

     .home:not(.home--custom-html) .ui-item__content .ui-item__shipping {
        background-color: var(--tertiaryColorVar) !important;
    }

     .home:not(.home--custom-html) .ui-item__content .ui-item__shipping-icon path {
        fill: var(--textColorByTertiaryColorOrDefaultVar) !important;
    }

     .ui-item__discount-box .ui-item__discount-text {
        color: var(--textColorBySecondaryColorVar) !important;
    }

     .ui-item__title {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

     .ui-item__shipping .ui-item__shipping-label {
        font-size: 12px;
    }

     .carousel-with-tabs-mobile__list .ui-item__discount-box.ui-item__discount-box--short-text {
        margin: 8px !important;
    }

    .ui-item__wrapper.items-per-row-2__wrapper.material__wrapper .ui-item__content {
        border-top: none !important;
    }

     button.andes-button--quiet .andes-button__content {
        color: var(--colorOrBlackByPrimaryColor) !important;
        font-family: var(--secondaryFontVar) !important;
    }

     home.home--legend span.ui-item__discount-text {
    color: var(--colorDiscountLabelVar) !important;
}


 .home.home--legend .ui-item__shipping.ui-item__shipping-free {
    background: var(--tertiaryColorVar) !important;
    margin-top: 8px;
    position: relative !important;
    top: 0 !important;
}

 .home.home--legend span.ui-item__discount-text,
 .home.home--explorer span.ui-item__discount-text {
    color: var(--textColorBySecondaryColorVar) !important;
}

 .home.home--legend .ui-item__shipping.ui-item__shipping-free .ui-item__shipping-label,
 .home.home--explorer .ui-item__shipping.ui-item__shipping-free .ui-item__shipping-label {
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

 .home.home--legend .section-text__row-buttons-actions__btn-action-user--quiet,
 .home.home--explorer .section-text__row-buttons-actions__btn-action-user--quiet {
    border-color: var(--primaryColorVar) !important;
    color: #000 !important;
}

 main#root-app .ui-search-layout--stack .ui-search-result .ui-search-item__shipping--free {
    background: var(--tertiaryColorVar) !important;
    color: var(--textColorByTertiaryColorOrDefaultVar) !important;
}

 .section-text__row-buttons-actions__btn-action-user--quiet span {
    color: var(--colorOrBlackByPrimaryColor) !important;
}

 .carousel-with-tabs-mobile .carousel-with-tabs-mobile__list .ui-item__wrapper .ui-item .ui-item__discount-box {
    margin: 0 !important;
}

 .ui-item__content .ui-item__shipping {
    border-radius: 0 !important;
    display: block !important;
    margin: auto;
    width: auto !important;
}

 .ui-item__discount-box {
    gap: 2px;
}

@media screen and (max-width: 768px) {
     .ui-item__discount-text {
        padding: 0 !important;
    }

     .recommendations .ui-item__discount-box {
        display: flex;
        flex-direction: row !important;
        height: 24px !important;
        width: 164px !important;
    }

     .recommendations .ui-item__discount-box.ui-item__discount-box--short-text {
        width: 80px !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;
}

 .ui-item__content {
    flex-direction: column !important;
}

 .home.home--legend .ui-item__content:before {
    order: 1
}

 .ui-item__title {
    order: -1
}

/* FIXME: Remove when delete layout-templates styles */
.home.home--legend {
    .ui-item__content .ui-item__title {
        font-weight: 400;
    }

    .ui-item__installments {
        color: #000 !important;
    }
    
    .carousel-with-tabs-mobile .carousel-with-tabs-mobile__list .ui-item__content.ui-item__content--with-original-price,
    .carousel-with-tabs-mobile .carousel-with-tabs-mobile__list .ui-item__content,
    .carousel-mobile-list .ui-item__content.ui-item__content--with-original-price {
        padding-top: inherit;
    }
}

/* FIXME: Remove when delete layout-templates styles */
.home.home--legend .ui-item__wrapper .ui-item__discount-box {
    border-radius: 0;
    flex-direction: column;
    height: 45px;
    left: 0;
    margin: 0 !important;
    padding: 0;
    right: inherit;
    top: 0;
    width: 105px;

    .ui-item__discount-text.ui-item__discount-text--secondary {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        padding: 0;
    }
    .ui-item__discount-text {
        padding: 0;
    }
}




/* legend  home*/