.budi-checkbox-label {
   color: var(--neutral-black);
}

.budi-sell__hero {
   background: linear-gradient(0deg, #020041 0%, #020041 100%), #F4F3EF;
}

.budi-sell__hero .budi-sell__banner-content {
   max-width: 795px;
}

.budi-sell__hero-img {
   width: 31%;
}

.budi-sell__hero-img img{
    max-width: 100%;
}

.budi-sell__form {
   border-radius: 8px;
   border: 1px solid #DDDCDF;
   background: #FFF;
}

.budi-sell__top-title h5 {
   margin-bottom: 8px;
}

.budi-sell__top-title p {
   color: #6D6C70;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin: 0;
}

.budi-sell__form-title h6 {
   color: #29282A;
   font-size: 20px;
   font-weight: 700;
   line-height: 120%;
   margin-bottom: 0;
}

.budi-sell__top-title label {
   color: #28282A;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 8px;
}

.budi-sell__single-input label {
   color: #28282A;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 8px;
}

.budi-sell__single-input input {
   border-radius: 4.8px;
   border: 1px solid #DDDCDF;
   background: #FDFDFD;
   width: 100%;
   padding-inline: 16px;
   height: 42px;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
}

.budi-sell__single-input {
   margin-bottom: 24px;
}

.budi-sell__single-input textarea {
   border-radius: 4px;
   border: 1px solid #DDDCDF;
   background: #FDFDFD;
   width: 100%;
   height: 86px;
   padding: 6px 12px;
   color: #6D6C70;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
}

.budi-sell__upload {
   margin-top: -8px;
   padding-bottom: 16px;
   border-radius: 4px;
   border: 1px dashed #DDDCDF;
   background: #FDFDFD;
   padding: 24px 12px;
   text-align: center;
   margin-bottom: 16px;
}

.budi-sell__upload-img {
   margin-bottom: 24px;
}

.budi-sell__upload-img img {
   max-width: 100%;
   height: auto;
   /* Safari SVG fix */
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
}

.budi-sell__upload-info p {
   color: #28282A;
   text-align: center;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin-bottom: 8px;
}

.budi-sell__upload-info p:last-child {
   color: #6D6C70;
   text-align: center;
   font-family: "Helvetica Neue";
   font-size: 12px;
   font-style: normal;
   font-weight: 400;
   line-height: 18px;
   margin: 0;
}

.budi-sell__upload-info {
   margin-bottom: 24px;
}

.budi-sell__upload-btn .budi-theme-btn {
   border-radius: 8px;
   border: 1px solid  #F6EEF2 !important;
   background: #F6EEF2 !important;
   color: var(--primary);
   cursor: pointer;
}


.form-check {
   margin-bottom: 16px;
}

.form-check label {
   color: var(--Body-Text-Body-Color, #28282A);
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
}

.budi-checkbox input:checked ~ .budi-checkbox__icon .budi-svg-icon {
   filter: brightness(0) invert(1);
}

input::placeholder {
   color: var(--neutral-600);
}

.budi-sell__single-input span {
   color: #6D6C70;
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
}

.budi-sell__input-wrap {
   display: flex;
   gap: 16px;
   margin-bottom: 24px;
}

.budi-sell__input-wrap > .budi-sell__single-input {
   flex: 1;
   margin-bottom: 0;
}

.budi-sell__input {
   width: 100%;
}

.budi-sell__input input {
   border-radius: 4.8px;
   border: 1px solid #DDDCDF;
   background: #FDFDFD;
   width: 100%;
   padding-inline: 16px;
   height: 42px;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
}

.budi-sell__btn {
   margin-top: 40px;
}

.budi-sell__btn a {
   width: 100%;
   display: flex;
   justify-content: center;
}

.budi-sell__toggle-btn img {
   transform: rotate(180deg);
   display: none;
}

.budi-sell__right {
   border-radius: 8px;
   background: #F9F6F9;
   padding: 24px;
   margin-bottom: 24px;
}

.budi-sell__ri-title {
   margin-bottom: 24px;
}

.budi-sell__ri-title h3 {
   color: #28282A;
   font-size: 24px;
   font-weight: 400;
   line-height: 120%;
   margin: 0;
   background: transparent;
   padding: 0;
}

.budi-sell__ri-single-info {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 16px;
   gap: 18px;
}

.budi-sell__ri-info-text h5 {
   color: #29282A;
   font-size: 16px;
   font-weight: 700;
   line-height: 150%;
   margin: 0;
}

.budi-sell__ri-info-text p {
   color: #29282A;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin: 0;
}

.budi-sell__ri-info {
   margin-bottom: 32px;
}

.budi-sell__review {
   border-radius: 8px;
   background: #FFF;
   padding: 24px;
   margin-bottom: 32px;
}

.budi-sell__review-box {
   background: #FFF;
   margin-bottom: 32px;
   border-radius: 8px;
}

.budi-sell__review-box .budi-content-block {
   border: none !important;
}

.budi-sell__review-list {
   margin-bottom: 24px;
}

.budi-sell__review-list h5 {
   color: #29282A;
   font-size: 16px;
   font-weight: 700;
   line-height: 150%;
   margin-bottom: 24px;
}

.budi-sell__review-list ul li {
   margin-bottom: 16px;
   color: #29282A;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}

.budi-sell__review-list li span {
   font-weight: 700;
}

.budi-sell__review-list li:last-child {
   margin: 0;
}

.budi-sell__review-user {
   margin-bottom: 16px;
   display: flex;
   align-items: center;
   gap: 8px;
}

.budi-sell__review-user-text h3 {
   color: #28282A;
   font-size: 16px;
   font-weight: 700;
   line-height: 150%;
   margin: 0;
}

.budi-sell__review-user-text p {
   color: #6D6C70;
   font-size: 14px;
   font-weight: 400;
   line-height: 150%;
   margin: 0;
}

.budi-sell__review-text {
   margin-bottom: 16px;
}

.budi-sell__review-text p {
   color: #29282A;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
   margin: 0;
}

.budi-sell__star {
  display: flex;
  align-items: center;
  width: 100%;
}

.budi-sell__star a img {
   width: 20px;
}

.budi-sell__ri-last-check {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
}

.budi-sell__ri-last-check span {
   border-radius: 8px;
   background: var(--Neutral-White, #FFF);
   color: var(--Neutral-Black, #29282A);
   font-family: "Helvetica Neue";
   font-size: 14px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
   height: 48px;
   width: 32%;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
}

.budi-sell__ri-info-img {
   background: #FFF;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.budi-sell__ri-info-img img {
   max-width: 25px;
}

@media (max-width: 768px) {
   .budi-sell__input-wrap {
      flex-direction: column;
      gap: 0;
   }
   
   .budi-sell__input-wrap > .budi-sell__single-input {
      margin-bottom: 24px;
   }
   
   .budi-sell__hero-img {
      width: 100%;
      margin-top: 2rem;
   }
   
   .budi-sell__ri-last-check {
      flex-direction: column;
      gap: 12px;
   }
   
   .budi-sell__ri-last-check span {
      width: 100%;
   }
}


.budi-sell__upload {
  transition: all 0.3s ease;
}

.budi-sell__upload.drag-over {
  background-color: var(--blue-100);
  border: 2px dashed var(--primary);
  border-radius: 8px;
}

.budi-file-thumbnails {
  display: flex;
  gap: 16px;
  margin-bottom: 16px;
  overflow-x: auto;
  padding-bottom: 8px;
  scrollbar-width: thin;
  scrollbar-color: var(--primary) var(--neutral-300);
}

.budi-file-thumbnails::-webkit-scrollbar {
  height: 8px;
}

.budi-file-thumbnails::-webkit-scrollbar-track {
  background: var(--neutral-300);
  border-radius: 4px;
}

.budi-file-thumbnails::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}

.budi-file-thumbnails::-webkit-scrollbar-thumb:hover {
  background: #ec3195;
}

.budi-file-thumbnail {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--neutral-400);
  border-radius: 8px;
  overflow: hidden;
  transition: all 0.3s ease;
  flex-shrink: 0;
  width: 120px;
}

.budi-file-thumbnail:hover {
  border-color: var(--primary);
  box-shadow: 0 2px 8px rgba(204, 5, 111, 0.1);
}

.budi-file-thumbnail__preview-container {
  position: relative;
  aspect-ratio: 1;
  background: var(--neutral-200);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.budi-file-thumbnail__preview {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.budi-file-thumbnail__preview.loaded {
  opacity: 1;
}

.budi-file-thumbnail__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--neutral-800);
  font-size: 24px;
}

.budi-file-thumbnail__icon .budi-svg-icon {
  width: 32px;
  height: 32px;
}

.budi-file-thumbnail__remove {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 20px;
  height: 20px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.3s ease;
  padding: 0;
}

.budi-file-thumbnail__remove:hover {
  transform: scale(1.1);
}

.budi-file-thumbnail:hover .budi-file-thumbnail__remove {
  opacity: 1;
}

.budi-file-thumbnail__remove .budi-svg-icon {
  width: 20px;
  height: 20px;
}

.budi-file-thumbnail__info {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 48px;
}

.budi-file-thumbnail__name {
  font-size: 12px;
  font-weight: 500;
  color: var(--neutral-black);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.budi-file-thumbnail__size {
  font-size: 11px;
  color: var(--neutral-800);
  font-weight: 400;
}

.budi-file-summary {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: var(--secondary);
  border-radius: 8px;
  border: 1px solid var(--theme-border);
}

.budi-file-summary__text {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--neutral-black);
}

.budi-file-summary__text .budi-svg-icon {
  width: 16px;
  height: 16px;
  color: var(--primary);
}

@media (max-width: 768px) {
  .budi-file-thumbnails {
    gap: 12px;
  }
  
  .budi-file-thumbnail {
    width: 100px;
  }
  
  .budi-file-thumbnail__info {
    padding: 6px;
    min-height: 42px;
  }
  
  .budi-file-thumbnail__name {
    font-size: 11px;
  }
  
  .budi-file-thumbnail__size {
    font-size: 10px;
  }
}