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

.budi-sell__hero {
   background: linear-gradient(0deg, #020044 0%, #020044 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-hero-proof {
   position: relative;
   z-index: 20;
   margin-top: -42px;
   margin-bottom: 12px;
}

.budi-sell-hero-proof__bar {
   border: 1px solid #ECEAF0;
   border-radius: 14px;
   background: #FFF;
   box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   width: calc(100% - 80px);
   max-width: 1120px;
   margin-inline: auto;
}

.budi-sell-hero-proof__item {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 16px 24px;
}

.budi-sell-hero-proof__item:not(:last-child) {
   border-right: 1px solid #ECEAF0;
}

.budi-sell-hero-proof__icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: #F7F3FF;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.budi-sell-hero-proof__icon img {
   width: 20px;
   height: 20px;
   filter: brightness(0);
}

.budi-sell-hero-proof__text {
   display: flex;
   flex-direction: column;
   line-height: 1.2;
}

.budi-sell-hero-proof__text strong {
   color: #1D1C1F;
   font-size: 26px;
   font-weight: 700;
}

.budi-sell-hero-proof__title-with-icon {
   display: inline-flex;
   align-items: center;
   gap: 8px;
}

.budi-sell-hero-proof__title-icon {
   width: 20px;
   height: 20px;
}

.budi-sell-hero-proof__text small {
   color: #6D6C70;
   font-size: 14px;
   margin-top: 3px;
}

.budi-sell-hero-proof__google .budi-google-rating {
   padding: 0;
   margin-top: 4px;
}

.budi-sell-hero-proof__google .budi-google-rating__icon {
   width: 22px;
}

.budi-sell-hero-proof__google .budi-google-rating__title {
   font-size: 11px;
   color: #6D6C70;
   margin-bottom: 2px;
}

.budi-sell-hero-proof__google .budi-google-rating__text {
   font-size: 13px;
}

.budi-sell-hero-proof__google .budi-google-rating__star img {
   width: 11px;
}

.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__form-subtitle {
   color: #6D6C70;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.4;
   margin: 6px 0 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__category-label {
   display: block;
   margin-bottom: 8px;
}

.budi-sell__category-buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   justify-content: stretch;
}

.budi-sell__category-buttons > .budi-sell__category-button {
   flex: 1 1 auto;
   justify-content: center;
   text-align: center;
}

.budi-sell__category-button {
   border: 1px solid #DDDCDF;
   border-radius: 999px;
   background: #FFF;
   color: #29282A;
   font-size: 14px;
   font-weight: 700;
   line-height: 1.2;
   padding: 10px 14px;
   display: inline-flex;
   align-items: center;
   gap: 8px;
}

.budi-sell__category-button:hover {
   border-color: var(--primary);
}

.budi-sell__category-button.is-selected {
   border-color: #a50358;
   background: #cc056f;
   color: #FFF;
   box-shadow: 0 10px 20px rgba(204, 5, 111, 0.28);
}

.budi-sell__category-button-icon {
   width: 16px;
   height: 16px;
   flex-shrink: 0;
   filter: brightness(0);
}

.budi-sell__category-button.is-selected .budi-sell__category-button-icon {
   filter: brightness(0) invert(1);
}

.budi-sell__category-error {
   min-height: 22px;
   margin-top: 8px;
   font-size: 14px;
}


.budi-sell__progressive-section {
   transform-origin: top center;
}

.budi-sell__progressive-section.is-locked {
   display: none;
}

.budi-sell__progressive-section.is-unlocked {
   display: block;
}

.budi-sell__progressive-section.is-just-unlocked {
   animation: budiSellProgressiveUnlock 380ms ease-out;
}

@keyframes budiSellProgressiveUnlock {
   0% {
      opacity: 0;
      transform: translateY(8px) scale(0.99);
   }
   100% {
      opacity: 1;
      transform: translateY(0) scale(1);
   }
}

.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-error {
   min-height: 22px;
   margin-bottom: 12px;
   font-size: 14px;
}

.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;
   text-align: center;
}

.budi-sell__btn button,
.budi-sell__btn .budi-theme-btn {
   width: 100%;
   max-width: 400px;
   display: inline-flex;
   justify-content: center;
   padding: 16px 32px;
   font-size: 18px;
}

.budi-sell__cta-support {
   margin-top: 32px;
}

.budi-sell__privacy-note {
   margin-top: 16px;
   opacity: 0.7;
   font-size: 12px;
}

.budi-sell__cta-meta {
   margin: 0 0 8px;
   color: #6D6C70;
   font-size: 14px;
   line-height: 1.4;
}

.budi-sell__cta-meta a {
   color: var(--primary);
}

.budi-sell__cta-meta--bold {
   color: #29282A;
   font-weight: 700;
}

.budi-sell__trust-bar {
   margin-top: 16px;
   display: grid;
   grid-template-columns: 1fr;
   gap: 8px;
}

.budi-sell__trust-bar span {
   border: 1px solid #F1E4EA;
   border-radius: 8px;
   background: #FFF9FC;
   padding: 10px 12px;
   color: #29282A;
   font-size: 14px;
   font-weight: 700;
   display: flex;
   align-items: center;
   gap: 8px;
}

.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__am-custom {
   padding: 0;
}

.budi-sell__am-custom-title {
   color: #29282A;
   font-size: 20px;
   font-weight: 600;
   margin: 0 0 0.25rem 0;
}

.budi-sell__am-custom-text {
   background-color: var(--pink-100, #F9F6F9);
   color: #29282A;
   font-size: 16px;
   font-weight: 400;
   line-height: 150%;
}

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

.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-hero-proof {
      margin-top: -26px;
      margin-bottom: 8px;
   }

   .budi-sell-hero-proof__bar {
      grid-template-columns: 1fr;
      width: calc(100% - 20px);
   }

   .budi-sell-hero-proof__item {
      padding: 14px 16px;
   }

   .budi-sell-hero-proof__item:not(:last-child) {
      border-right: none;
      border-bottom: 1px solid #ECEAF0;
   }

   .budi-sell-hero-proof__text strong {
      font-size: 18px;
   }

   .budi-sell-hero-proof__text small {
      font-size: 13px;
   }

   .budi-sell-hero-proof__google .budi-google-rating__title {
      font-size: 10px;
   }

   .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;
  }
}