.tovar-info-application_fields-block-item label {
  display: flex !important;
}
.hint-wrap {
  position: relative;
  align-items: center;
}

/* Сам тултип — скрыт по умолчанию */
.hover-hint {
  position: absolute;
  top: calc(100% + 8px);   /* ниже кнопки */
  left: 0;                 /* выравнивание по левому краю кнопки */
  background: #F14E46;     /* красный как в маке */
  color: #fff;
  padding: 12px 16px;
  border-radius: 4px;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  width: 254px;
  height: 24px;

  opacity: 0;
  transform: translateY(4px);
  pointer-events: none;    /* чтобы клик шёл по кнопке */
  transition: opacity .15s ease, transform .15s ease;
  z-index: 50;
}

.hint-text {
  font-family: Montserrat;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 200 !important;
  line-height: 20px !important;
}
/* Хвостик */
.hover-hint::before {
  content: "";
  position: absolute;
  top: -7px;
  left: var(--notch-left, 17px);

  width: 14.187px;
  height: 8.25px;
  pointer-events: none;
  z-index: 1;

  /* сам треугольник из макета */
  background: no-repeat 50% 50% / 100% 100%
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='9' viewBox='0 0 15 9' fill='none'%3E%3Cpath d='M7.09326 0L0 8.25H14.1865L7.09326 0Z' fill='%23F14E46'/%3E%3C/svg%3E");
}

/* Показ на ховер/фокус */
.hint-wrap:hover:not(.additional-btn-disabled) .hover-hint,
.hint-wrap:focus-within:not(.additional-btn-disabled) .hover-hint {
  opacity: 1;
  transform: translateY(0);
}


.application_btn-add-yellow{
  border-radius: 8px;
  border: 2px solid var(--Stroke-yellow, #FFE400);
  background-color: var(--Surface-000, #FFF);

  transition:
    background-color .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.application_btn-add-yellow:hover{
  background-color: var(--Stroke-yellow, #FFE400);
  border-color: var(--Stroke-yellow, #FFE400);
}
.tovar-info-application_btn-text-yellow{
  margin-left: 10px;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 120% */
}
.tovar-info-application_btn-plus-icon-yellow{
  margin-left: 10px;
}
@media (max-width: 475px) {
  .bg-popup .form-popup.w-1190 .form-wrapper-calculate-section {
    height: 120%;
  }
  .tovar-info-application_addodns-content-list-item-container {
    display: contents;
  }
  .tovar-info-notification {
    margin-left: auto;
    order: 1;
  }
  .up_main_search form label{
    margin: 0;
  }
}

.tovar-info-circulation-exceeded {
  color: red;
}
