.dir--rtl .hdt-breadcrumb .hdt-breadcrumb-item svg{
  transform: rotate(180deg);
}

.clx-variant-style-1{
  & ~ .hdt-product-form__input{
    .hdt-product-form__label{
      display: none;
    }
    input[type=radio]:checked + .hdt-product-form_value{
      border-color: rgb(var(--hdt-btn-border-color)) !important; 
    }
  }
  .hdt-product-form__label{
    display: none;
  }
  .hdt-product-form__values{
    &:has(.clx-variant-item-custom-true){
      gap: 1rem;
      .hdt-product-form_value.clx-variant-item-custom-true{
        border: 1px solid rgb(var(--hdt-btn-border-color)/1);
        border-width: 1px 1px 1px 1px;
        background-color: transparent;
        border-radius: 6px;
        color: rgb(var(--hdt-btn-color));
      }
      input[type=radio]:checked + .hdt-product-form_value.clx-variant-item-custom-true{
        border-color: rgb(var(--hdt-btn-border-color)) !important; 
        background-color: rgba(var(--hdt-btn-bg));
        color: rgb(var(--hdt-btn-color));
      }
    }
  }
}

.hdt-custom-menu-mobile{
  .hdt-dialog-drawer__header{
    position: relative !important;
    padding: 0 20px;
    .hdt-dialog-btn__close{
      background-color: #000;
      color: #fff;
      .dir--rtl &{
        right: clamp(300px,calc(100vw - 50px),340px);
        left: unset;
      }
    }
  }
  .hdt-dialog-drawer__inner{
    /* padding: 0; */
    padding-bottom: 3rem;
    overflow-y: auto;
    .hdt-menu-item{
      .hdt-menu-link{
        padding: 10px 16px;
        border-bottom: 1px solid #F5F1EA;
        font-size: var(--text-base);
        letter-spacing: 0px;
        min-height: 50px;
        .hdt-menu-label{
          background-color: var(--color-label);
          color: #fff;
          font-size: 13px;
          padding: 2px 8px;
          border-radius: 6px;
          line-height: 20px;
          transition: opacity .3s ease-in-out;
          opacity: 1;
          box-shadow: 1px 1px 3px #0000004d;
        }
        .hdt-menu-link-text{
          .hdt-block{
            display: flex;
            align-items: center;
            gap: 10px;
          }
        }
        
        .hdt-btn-open-sub{
          width: 20px;
        }
        &[aria-expanded="true"]{
          background-color: #F5F1EA;
        }
        [aria-expanded="true"]{
          background-color: rgb(var(--color-background2));
        }
      }
      &.hdt-menu-item-text{
        border-bottom: 1px solid rgb(var(--color-line-border));
        .hdt-text-wrap{
          padding: 1rem 0;
        }
      }
      hdt-richlist{
        display: block;
        button{
          padding: 5px 20px;
          border-bottom: 1px solid rgb(var(--color-line-border));
          font-size: var(--text-base);
          letter-spacing: 0px;
          min-height: 50px;
          width: 100%;
          text-align: start;
        }
      }
    }
  }
}