diff --git a/templates/profile/invitation.html b/templates/profile/invitation.html
index 70f1656..90e89be 100644
--- a/templates/profile/invitation.html
+++ b/templates/profile/invitation.html
@@ -199,7 +199,7 @@
         </select>
         <label for="delivery_type" class="c_z3ybu floating-label">Способ доставки</label>
       </div>
-      <div class="c_aihm6 floating-group">
+      <div class="c_aihm6 floating-group" id="track-group">
         <input placeholder="..." type="text" id="track" name="track" class="c_xhd5k" required
           data-toast="Поле Трэк-номер должно быть заполнено">
         <label for="track" class="c_z3ybu floating-label">Трэк-номер</label>
@@ -224,7 +224,31 @@
             <span class="b_bvl0d">Получить выбранные</span>
           </button>
         </div>
-<script defer>
+<script>
+  function toggleTrackField() {
+  const deliveryType = document.getElementById('delivery_type');
+  const trackGroup   = document.getElementById('track-group');
+  const trackInput   = document.getElementById('track');
+
+  if (!deliveryType || !trackGroup || !trackInput) return;
+
+  if (deliveryType.value === 'Самостоятельно') {
+    trackGroup.style.display = 'none';
+    trackInput.removeAttribute('required');
+    trackInput.value = '';                    // clear value when hidden
+  } else {
+    trackGroup.style.display = '';
+    trackInput.setAttribute('required', '');
+  }
+}
+
+// Run on page load
+document.addEventListener('DOMContentLoaded', toggleTrackField);
+
+// Run every time the select changes
+document.getElementById('delivery_type')?.addEventListener('change', toggleTrackField);
+</script>
+<script>
   const query = window.location.href.split('?')[1] || '';
   let exhibition_id = null;
   if (query) {