@font-face {
    font-family: "Inter"; 
    src: url("../index/Inter.woff2") format("woff2"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "OpenSans"; 
    src: url("../index/OpenSans-Regular.woff2") format("woff2"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "SF"; 
    src: url("../index/SFProText-Regular.woff2") format("woff2"); 
    font-style: normal; 
    font-weight: normal; 
} 

/* .whatsapp-widget {
    font-family: "OpenSans";
    font-size: 14px;
    line-height: 1.2;
    width: 365px;
    height: 680px;
    display: flex;
    flex-direction: column;
} */

.whatsapp-widget {
    font-family: "Inter";
    /* font-family: "SF"; */
    font-size: 14px;
    line-height: 1.2;
    width: 365px;
    height: 675px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    pointer-events: none;
    user-select: none;
    text-align: initial;
}

.whatsapp-widget img {
    max-width: 100%;
    width: auto;
    height: auto;
}

.whatsapp-widget__header {
    background-color: #fff;
    padding: 1.8%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 0 0 1;
}

.whatsapp-widget__header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.whatsapp-widget__time {
    font-weight: 700;
    margin-left: 30px;
}

.whatsapp-widget__mobile-icons {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

img.wifi-icon {
    max-width: none;
    width: 18px;
    height: 14px;
    object-fit: cover;
}

img.antenna-icon {
    max-width: none;
    width: 20px;
    height: 14px;
}

img.battery-icon {
    max-width: none;
    width: 24px;
    height: 14px;
}

.whatsapp-widget__header-bottom {
    display: flex;
    align-items: center;
}

.whatsapp-widget__header-bottom .whatsapp-widget__mobile-icons {
    margin-left: auto;
    display: flex;
    height: 20px;
    gap: 0;
}

.whatsapp-widget__header-bottom .whatsapp-widget__mobile-icons img:not(:first-child) {
    margin-left: 20px;
}

.whatsapp-widget__btn {
    margin-right: 30px;
}

.whatsapp-widget__user {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-right: 30px;
}

.whatsapp-widget__user-ava {
    flex-shrink: 0;
    border-radius: 50%;
    width: 35px;
    height: 35px;
}

.whatsapp-widget__user-ava img {
    display: initial;
    max-width: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    border-radius: 50%;
    object-fit: cover;
}

.whatsapp-widget__user-name {
    font-size: 14px;
    font-weight: 600;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.whatsapp-widget__user-descr {
    color: rgb(166 166 166);
    font-size: 12px;
}


.whatsapp-widget__chat-block {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 5px 10px 10px 10px;
    background-color: #efeae2;
    background-image: url("../index/bg-sprite.webp");
    background-blend-mode: soft-light;
    flex: 1 1 0;
    overflow: hidden;
}

.chat-arrow {
    position: relative;
}

.chat-arrow::after {
    content: "";
    position: absolute;
    bottom: 40px;
    right: -1px;
    width: 46px;
    height: 35px;
    border: 1px solid #00000021;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.05);
    display: inline-block;
    background-color: #f4f4f4;
    background-image: url("../index/chat-arrow.svg");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.whatsapp-widget__left-col,
.whatsapp-widget__right-col {
    display: inline-flex;
    gap: 5px;
}

.whatsapp-widget__left-col {
    margin-right: auto;
}

.whatsapp-widget__right-col {
    margin-left: auto;
}

.whatsapp-widget__user-ava--chat {
    align-self: flex-end;
    width: 30px;
    height: 30px;
}

.whatsapp-widget .whatsapp-widget__message-name {
    margin: 0 0 2px;
   font: inherit;
   font-weight: 700;
}

.whatsapp-widget__message {
    margin-right: auto;
    max-width: 80%;
    padding: 5px;
    padding-left: 10px;
    /* padding-right: 45px; */
    background-color: #fff;
    position: relative;
    border-radius: 15px;
    position: relative;
    box-shadow: 0 1px 0.5px rgba(0, 0, 0, 0.05);
}

.whatsapp-widget__message img {
    max-width: 50%;
    display: block;
    margin: 5px 0;
}

.whatsapp-widget__message:last-child::before {
    content: "";
    width: 19px;
    height: 17px;
    display: inline-block;
    position: absolute;
    background: url("../index/white-tail.webp");
    background-repeat: no-repeat;
    background-size: contain;
    left: -9px;
    bottom: -2px;
}

.whatsapp-widget__message--answer {
    order: -1;
    margin-left: auto;
    margin-right: 0;
    background: #e8fed7;
    /* padding-right: 65px; */
}

.whatsapp-widget__message--answer:last-child::before {
    display: none;
}

.whatsapp-widget__message--answer:last-child::after {
    content: "";
    width: 19px;
    height: 17px;
    display: inline-block;
    position: absolute;
    background: url("../index/green-tail.webp");
    background-repeat: no-repeat;
    background-size: contain;
    right: -9px;
    bottom: -2px;
}

.whatsapp-widget__time-message {
    position: relative;
    right: 0;
    bottom: -5px;
    padding: 0 10px;
    padding-right: 5px;
    font-size: 11px;
    float: right;
    color: rgba(0, 0, 0, .45);
    font-weight: 400;
}

.whatsapp-widget__message--answer .whatsapp-widget__time-message::after {
    /* content: ""; */
    position: relative;
    display: inline-block;
    right: 0;
    width: 15px;
    height: 10px;
    background-image: url("../index/check.svg");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 5px;
}
.whatsapp-widget__footer {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: rgb(241, 241, 241);
    padding: 10px;
    flex: 0 0 1;
}

.whatsapp-widget__footer-input {
    background-color: #fff;
    border: 2px solid #e5e5e5;
    padding: 5px 10px;
    width: 100%;
    border-radius: 100px;

}

.whatsapp-widget__footer-icon {
    line-height: 1;
}

img.plus-icon {
    max-width: none;
    width: 30px;
    height: 30px;
    object-fit: cover;
}

.whatsapp-widget__footer-input {
    display: flex;
    justify-content: flex-end;
}

img.file-icon {
    max-width: none;
    width: 30px;
    height: 30px;
    margin: 0;
    object-fit: cover;
}

img.photo-icon {
    max-width: none;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

img.micro-icon {
    max-width: none;
    width: 30px;
    height: 30px;
    object-fit: contain;
}

img.left-arrow {
    max-width: none;
    width: 12px;
    height: 20px;
    object-fit: contain;
}

img.audio-msg__btn {
    width: 14px;
    height: 16px;
}

img.audio-msg__wafeform {
    width: 160px;
    height: 24px;
}

.audio-msg__ava {
    width: 35px;
    height: 35px;
    position: relative;
    margin-left: 5px;
}

.whatsapp-widget__audio .audio-msg__ava {
    margin-left: 10px;
}

.whatsapp-widget__left-col .audio-msg__ava::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 18px;
    background-image: url("../index/blue-mic.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -5px;
    bottom: 0;
}

.audio-msg__ava img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
}

.audio-msg {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 6px 0;
}

.audio-msg img {
    max-width: 100%;
    margin: 0;
}

.whatsapp-widget__audio-msg {
    max-width: 100%;
}

.audio-time {
    display: flex;
    justify-content: space-between;
    width: 160px;
    margin: 0 auto;
}

.whatsapp-widget__audio-msg .whatsapp-widget__time-message {
    position: static;
    float: none;
    padding: 0;
}

.whatsapp-widget__audio {
    padding-left: 0;
}

.whatsapp-widget__message--answer {
    padding-left: 10px;
}

.whatsapp-widget__audio .audio-time {
    bottom: -10px;
}

.whatsapp-widget__audio .audio-msg {
    gap: 0;
}


.audio-msg__wafeform-wrapper {
    position: relative;
}

.audio-time {
    position: absolute;
}

.whatsapp-widget__message--answer .whatsapp-widget__time-message--audio::after {
    display: none;
}

.whatsapp-widget__message--answer .audio-msg__ava {
    order: -1;
    margin-left: 0;
    margin-right: 5px;
}

.whatsapp-widget__audio .audio-msg__ava {
    margin-right: 0;
}


.whatsapp-widget__right-col .audio-msg__ava::before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 18px;
    background-image: url(../index/green-mic.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -5px;
    bottom: 0;
}

.whatsapp-widget__chat-block-audio {
    user-select: auto;
    pointer-events: all;
}

/* audio-player */

.audio-message {
    min-width: 160px;
    display: flex;
    align-items: center;
  }

  .play-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: none;
    cursor: pointer;
    padding: 0;
  }

  .play-btn svg {
    width: 100%;
    height: 100%;
    fill: #767877;
  }

  .waveform-container {
    display: flex;
    align-items: center;
    flex: 1;
    height: 30px;
    padding-left: 0px;
    position: relative;
    min-width: 160px;
  }

  .waveform {
    display: flex;
    align-items: center;
    gap: 2px;
    width: 100%;
  }

  .bar {
    width: 2px;
    background: #bbb;
    height: 10px;
    border-radius: 1px;
    transition: background 0.1s;
  }

  .bar.active {
    background: #52a6fe;
  }

 .whatsapp-widget__message--answer .bar.active {
    background: #5f6362;
  }

  .wave-progress-indicator {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    left: -2px;
    background: #52a6fe;
    border-radius: 50%;
    pointer-events: none;
    transition: left 0.03s linear;
  }

  .whatsapp-widget__message--answer .wave-progress-indicator {
    background: #5f6362;
  }

  .time {
    font-size: 11px;
    color: rgba(0, 0, 0, .45);
    white-space: nowrap;
    min-width: 35px;
  }

  audio {
    display: none;
  }

  @media(max-width: 395px) {
    .whatsapp-widget__btn {
        margin-right: 20px;
    }

    .whatsapp-widget__user {
        max-width: 60%;
        margin-right: 0;   
    }

    .whatsapp-widget__header-bottom .whatsapp-widget__mobile-icons {
        width: fit-content;
    }

    .whatsapp-widget__header-bottom .whatsapp-widget__mobile-icons img:not(:first-child) {
        margin-left: 10px;
    }
  }

  @media(max-width: 345px) {
      .whatsapp-widget__header-bottom .whatsapp-widget__mobile-icons {
          height: 15px;
      }
  }

/* audio-player end */

/* smiles */

.emoji-replaced {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
  }

  .e-smile  { background-image: url("../index/smiling-face.webp"); } /* 😊 */
    .e-sad    { background-image: url("../index/disappointed-face.webp"); } /* 😞 */
    .e-heart  { background-image: url("../index/sparkling-heart.webp"); } /* 💖 */
    .e-cry    { background-image: url("../index/crying-face.webp"); } /* 😢 */
    .e-pray   { background-image: url("../index/folded-hands.webp"); } /* 🙏 */
    .e-broken { background-image: url("../index/broken-heart.webp"); } /* 💔 */
    .e-loudly-crying-face { background-image: url("../index/crying-face-2.webp"); } /* 😭 */
    .e-kiss { background-image: url("../index/kiss.webp"); } /* 😘 */
    .e-red-heart { background-image: url("../index/red-heart.webp"); } /* ❤ */

/* smiles end */




    .info-box {
      background: #e8eff5;
      border-radius: 8px;
      padding: 24px 20px 10px 0;
      margin: 32px 30px;
    }
    
    .exp {
      background-color: #ececec;
      padding: 20px 20px;
      border-radius: 6px;
      margin: 0 30px 30px 30px;
    }
    
    .un-instruction__list {
      padding: 0 15px;
    }
    
    .un-instruction li:last-of-type,
    .un-instruction li {
      margin: 0 0 30px 0;
    }
    
    @media screen and (min-width: 906px) {
      .un-instruction__list {
        padding: 0 30px;
      }
    }
    
    @media screen and (max-width: 906px) {
      .info-box {
        margin: 32px 15px;
      }
    }
    
    .slider--inst {
      display: flex;
      align-items: center;
    }
    
    .widget__cite {
      display: inline-block;
      font-style: italic;
      padding: 5px 0 5px 20px;
      font-size: 16px;
      line-height: 24px;
      color: #666666;
      margin-bottom: 16px;
    }
    
    @media (max-width: 600px) {
      .img-container--mobile--inst>.post-image--inst {
        display: flex;
        align-items: center;
      }
      .slider--inst {
        min-height: 200px;
      }
    }
    
    .comment-name--quthor {
      color: #666666;
      margin-left: 15px;
      display: inline-block;
      font-weight: 300;
    }
    
    .comment-name--quthor::before {
      content: " ";
      display: inline-block;
      width: 3px;
      height: 3px;
      background: #666;
      border-radius: 50%;
      position: relative;
      top: -3px;
      left: -8px;
    }
    
    .comment-name--quthor::after {
      content: "";
      display: inline-block;
      background-image: url('./index/pin-solid.svg');
      width: 15px;
      height: 15px;
      background-repeat: repeat;
      background-size: contain;
      margin-left: 3px;
      position: relative;
      top: 2px;
    }
    
    .comment-actions--inst span {
      white-space: nowrap;
    }
    
    .comment-actions--inst {
      flex-wrap: wrap;
    }
    
    .comm-text {
      display: none;
    }
    
    @media (max-width: 768px) {
      .post-comments--inst {
        display: flex;
      }
      .comment--inst {
        display: none;
      }
      .comment--inst.celeba-comment {
        display: flex;
      }
      .scroll-comm .comment--inst {
        display: flex;
      }
      .scroll-comm .post-comments--inst {
        overflow-y: scroll;
        height: 150px;
      }
      .comm-text {
        display: block;
        text-align: center;
        margin: 5px 0;
        font-weight: bold;
      }
      .actions-container .post-date--inst {
        display: initial;
      }
    }
    
    .un-article__image,
    .un-article__image[data-zoomable] {
      background: #eeeeee;
    }


    .custom-dropdown-wrapper {
      position: relative;
      width: 100%;
    }
    
    .custom-dropdown-selected {
      padding-right: 32px !important;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;
      height: auto;
      box-sizing: border-box;
      font-size: 17px !important;
    }
    
    .custom-dropdown-arrow {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      font-size: 14px;
      color: #555;
      line-height: 1;
      height: 1em;
      display: flex;
      align-items: center;
    }
    
    .custom-dropdown-list {
      position: absolute;
      top: 100%;
      left: 0;
      right: 0;
      background: white;
      border-radius: 8px;
      border: 1px solid #ccc;
      margin-top: 4px;
      max-height: 160px;
      overflow-y: auto;
      display: none;
      z-index: 100;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
      padding: 0;
      list-style: none;
    }
    
    .custom-dropdown-list::-webkit-scrollbar {
      width: 4px;
    }
    
    .custom-dropdown-list::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #ddd;
    }
    
    .custom-dropdown-option {
      padding: 12px;
      cursor: pointer;
      transition: background 0.2s ease;
    }
    
    .custom-dropdown-option:hover {
      background: #f2f2f2;
    }
    
    .custom-dropdown-option {
      padding: 12px;
      cursor: pointer;
      transition: background 0.2s ease;
      color: #222222;
      font-size: 16px;
      font-weight: 400;
      font-family: inherit;
    }
    
    input.custom-dropdown-selected::placeholder {
      font-size: 14px !important;
    }
    
    @media(max-width: 1200px) {
      input.custom-dropdown-selected::placeholder {
        font-size: 13px !important;
      }
      .custom-dropdown-selected {
        font-size: 13px !important;
      }
    }
    
    @media(max-width: 991px) {
      input.custom-dropdown-selected::placeholder {
        font-size: 12px !important;
      }
      .custom-dropdown-selected {
        font-size: 12px !important;
      }
    }

    .popup-modal-overlay {
      --popup-surface-start: #f4f4f4;
      --popup-surface-end: #f8f8f8;
      --popup-text: #222222;
      --popup-text-muted: #666666;
      --popup-field: #e6e6e6;
      --popup-field-border: #cecece;
      --popup-soft: #dadada;
      --popup-accent-start: #edf937;
      --popup-accent-end: #95db03;
      --popup-brand-start: #ac97ff;
      --popup-brand-end: #947eee;
      position: fixed;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 36px;
      padding: 20px;
      background: rgba(34, 34, 34, 0.70);
      z-index: 9999;
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.3s ease, visibility 0.3s ease;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      color: var(--popup-text);
    }
    
    .popup-modal-overlay.is-visible {
      opacity: 1;
      visibility: visible;
    }
    
    .popup-modal__backdrop-blocker {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    
    .popup-modal {
      position: relative;
      z-index: 1;
      width: 100%;
      max-width: 580px;
      color: var(--popup-text);
    }
    
    .popup-modal__step {
      display: none;
    }
    
    .popup-modal__step.is-active {
      display: block;
    }
    
    .popup-modal__frame {
      position: relative;
    }
    
    .popup-modal__card {
      position: relative;
      z-index: 2;
      padding: 20px 8px 8px;
      border-radius: 24px;
      background: linear-gradient(226deg, var(--popup-surface-start) 0%, var(--popup-surface-end) 100%);
      box-shadow: 0 6px 24px rgba(68, 68, 68, 0.12);
    }
    
    .popup-modal__body {
      display: flex;
      flex-direction: column;
      gap: 20px;
    }
    
    .popup-modal__copy {
      padding: 0 12px;
    }
    
    .popup-modal__copy--stacked {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .popup-modal__title {
      margin: 0;
      font-size: 20px;
      line-height: 1.2;
      color: var(--popup-text);
    }
    
    .popup-modal__text {
      margin: 0;
      font-size: 16px;
      line-height: 1.2;
      color: var(--popup-text);
    }
    
    .popup-modal__close {
      position: absolute;
      top: 16px;
      right: 16px;
      width: 24px;
      height: 24px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
    }
    
    .popup-modal__close::before,
    .popup-modal__close::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 14px;
      height: 1.5px;
      border-radius: 999px;
      background: #555;
    }
    
    .popup-modal__close::before {
      transform: translate(-50%, -50%) rotate(45deg);
    }
    
    .popup-modal__close::after {
      transform: translate(-50%, -50%) rotate(-45deg);
    }
    
    .popup-modal__actions {
      display: flex;
      gap: 12px;
    }
    
    .popup-modal__actions--stacked {
      flex-direction: column;
      gap: 8px;
    }
    
    .popup-modal__button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 6px;
      width: 100%;
      min-height: 67px;
      padding: 18px;
      border: 0;
      border-radius: 16px;
      font-size: 16px;
      line-height: 1.2;
      font-weight: 600;
      font-family: inherit;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
    }
    
    .popup-modal__button:hover {
      transform: translateY(-1px);
    }
    
    .popup-modal__button:focus-visible,
    .popup-modal__close:focus-visible {
      outline: 2px solid rgba(144, 116, 255, 0.55);
      outline-offset: 2px;
    }
    
    .popup-modal__button--primary {
      flex: 1 1 auto;
      background: linear-gradient(90deg, var(--popup-accent-start) 0%, var(--popup-accent-end) 100%);
      color: var(--popup-text);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
    }
    
    .popup-modal__button--primary:hover {
      background: linear-gradient(90deg, #f2ff44 0%, #9eea02 100%);
      box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 8px 18px rgba(149, 219, 3, 0.18);
    }
    
    .popup-modal__button--primary:active {
      transform: translateY(0);
      box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.08);
    }
    
    #showFormButton::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='5.25' stroke='%23222222' stroke-width='1.5'/%3E%3Cpath d='M10 7V13' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M7 10H13' stroke='%23222222' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat;
    }
    
    .popup-modal__button--secondary {
      flex: 0 0 128px;
      background: var(--popup-soft);
      color: var(--popup-text-muted);
    }
    
    .popup-modal__button--secondary:hover {
      background: #e4e4e4;
      color: var(--popup-text);
      box-shadow: 0 8px 18px rgba(68, 68, 68, 0.08);
    }
    
    .popup-modal__button--secondary:active {
      transform: translateY(0);
      box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.08);
    }
    
    .popup-modal__button--reason {
      justify-content: flex-start;
      min-height: 67px;
      padding-right: 52px;
      background: #fff;
      color: var(--popup-text);
      text-align: left;
      box-shadow: inset 0 0 0 1px rgba(34, 34, 34, 0.03);
    }
    
    .popup-modal__button--reason:hover {
      transform: translateY(-1px);
      background: #fbfbfb;
      box-shadow: inset 0 0 0 1px rgba(144, 116, 255, 0.28), 0 8px 18px rgba(68, 68, 68, 0.08);
    }
    
    .popup-modal__button--reason:active {
      transform: translateY(0);
      box-shadow: inset 0 0 0 1px rgba(144, 116, 255, 0.35);
    }
    
    .popup-modal__button--reason::after {
      position: absolute;
      top: 50%;
      right: 18px;
      transform: translateY(-50%);
      font-size: 18px;
      line-height: 1;
    }
    
    .popup-modal__actions--stacked .popup-modal__button--reason:nth-child(1)::after {
      content: "\01F60C";
    }
    
    .popup-modal__actions--stacked .popup-modal__button--reason:nth-child(2)::after {
      content: "\023F3";
    }
    
    .popup-modal__actions--stacked .popup-modal__button--reason:nth-child(3)::after {
      content: "\01F648";
    }
    
    .popup-modal__actions--stacked .popup-modal__button--reason:nth-child(4)::after {
      content: "\01F914";
    }
    
    .popup-modal__actions--stacked .popup-modal__button--reason:nth-child(5)::after {
      content: "\01F622";
    }
    
    .popup-modal__form-shell {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .popup-modal__form {
      width: 100%;
    }
    
    .popup-modal__form:where(.field,
    .form-group,
    .input-group) {
      margin: 0;
    }
    
    .popup-modal__form:where(label,
    legend) {
      display: block;
      margin: 0 0 8px;
      font-size: 14px;
      line-height: 1.4;
      color: var(--popup-text-muted);
    }
    
    .popup-modal__form:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    select,
    textarea) {
      width: 100%;
      min-height: 60px;
      padding: 18px;
      box-sizing: border-box;
      border: 1px solid transparent;
      border-radius: 16px;
      background: var(--popup-field);
      color: var(--popup-text);
      font: 600 16px/1.2 inherit;
    }
    
    .popup-modal__form:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    select,
    textarea)::placeholder {
      color: rgba(34, 34, 34, 0.3);
    }
    
    .popup-modal__form:where(input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
    select,
    textarea):focus {
      outline: none;
      border-color: var(--popup-field-border);
      background: #fff;
    }
    
    .popup-modal__form:where(button:not(.iti-aio__selected-country),
    input[type="submit"],
    input[type="button"]),
    .popup-modal__form #popupCustomForm .aio-sdk-input-container input[type="submit"] {
      width: 100% !important;
      min-height: 67px !important;
      padding: 18px !important;
      border: 0;
      border-radius: 16px !important;
      background: linear-gradient(90deg, var(--popup-accent-start) 0%, var(--popup-accent-end) 100%) !important;
      color: var(--popup-text) !important;
      font: 600 16px/1.2 inherit !important;
      cursor: pointer;
      text-transform: unset !important;
      box-shadow: none !important;
      font-weight: 600 !important;
      font-size: 16px !important;
      font-family: inherit !important;
      margin: 0 !important;
    }
    
    .popup-modal__form .aio-sdk-form .aio-sdk-input-container {
      height: unset !important;
    }
    
    .popup-modal__form .aio-form .aio-sdk-input-container:last-child {
      margin: 0 !important;
    }
    
    .popup-modal__form:where(.iti,
    .iti--allow-dropdown) {
      width: 100%;
    }
    
    .popup-modal__thanks-state {
      display: block;
      position: relative;
      padding: 0 12px;
      text-align: center;
    }
    
    .popup-modal__thanks-badge {
      position: absolute;
      top: -70px;
      left: 50%;
      width: 56px;
      height: 56px;
      margin-left: -28px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 36px;
      line-height: 1;
    }
    
    .popup-modal__thanks-copy {
      display: flex;
      flex-direction: column;
      gap: 12px;
    }
    
    .popup-modal__thanks-copy .popup-modal__text {
      text-align: center;
    }
    
    .popup-modal__card--thank {
      padding-top: 40px;
      padding-bottom: 20px;
    }
    
    .popup-modal__brand-strip {
      position: relative;
      z-index: 1;
      margin-top: -36px;
      padding: 12px 8px 8px;
      height: 92px;
      box-sizing: border-box;
      border-bottom-left-radius: 24px;
      border-bottom-right-radius: 24px;
      background: linear-gradient(90deg, var(--popup-brand-start) 0%, var(--popup-brand-end) 100%);
      display: flex;
      align-items: flex-end;
    }
    
    .popup-modal__brand-pill {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      height: 40px;
      width: 100%;
      padding: 8px 16px;
      box-sizing: border-box;
      border-radius: 16px;
      background: linear-gradient(90deg, var(--popup-brand-end) 0%, var(--popup-brand-start) 100%);
      color: #fff;
    }
    
    .popup-modal__brand-icon {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      color: #fff;
    }
    
    .popup-modal__brand-icon svg {
      display: block;
      width: 16px;
      height: 16px;
    }
    
    .popup-modal__brand-name {
      font-size: 14px;
      line-height: 1.4;
      font-weight: 500;
      white-space: nowrap;
    }
    
    .popup-modal__legal {
      position: relative;
      z-index: 1;
      margin: 0;
      max-width: 580px;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      color: #fff;
    }
    
    @media (max-width: 480px) {
      .popup-modal-overlay {
        gap: 24px;
        padding: 16px;
      }
      .popup-modal {
        max-width: 100%;
      }
      .popup-modal__card {
        border-radius: 20px;
      }
      .popup-modal__brand-strip {
        height: 88px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
      }
      .popup-modal__title {
        font-size: 18px;
      }
      .popup-modal__text,
      .popup-modal__button {
        font-size: 15px;
      }
      .popup-modal__button--reason {
        min-height: 60px;
        padding: 16px 48px 16px 16px;
      }
      .popup-modal__thanks-badge {
        top: -62px;
        font-size: 32px;
      }
    }