Исправлены HTML теги в сервисах и восстановлена кликабельность кнопок на странице деталей сервиса

smartsoltech/web/templates/web/service_detail.html

@@ -47,7 +47,7 @@
                         <span class="badge bg-primary-modern">{{ service.category.name }}</span>
                     </div>
                     <h1 class="display-5 fw-bold mb-4">{{ service.name }}</h1>
-                    <p class="lead text-muted mb-4">{{ service.description }}</p>
+                    <p class="lead text-muted mb-4">{{ service.description|striptags }}</p>
                     
                     <!-- Service Features -->
                     <div class="mb-4">
@@ -252,7 +252,7 @@
                             <h5 class="mb-3 text-dark">{{ project.name }}</h5>
                             
                             {% if project.short_description %}
-                            <p class="text-muted mb-3">{{ project.short_description|truncatewords:15 }}</p>
+                            <p class="text-muted mb-3">{{ project.short_description|striptags|truncatewords:15 }}</p>
                             {% else %}
                             <p class="text-muted mb-3">{{ project.description|striptags|truncatewords:15 }}</p>
                             {% endif %}
@@ -689,5 +689,102 @@ document.addEventListener('DOMContentLoaded', function() {
         font-size: 1rem;
     }
 }
+
+/* Исправление кликабельности кнопок */
+.service-info {
+    position: relative;
+    z-index: 100;
+}
+
+.service-info .btn,
+.service-info .d-flex {
+    position: relative;
+    z-index: 101;
+    pointer-events: auto;
+}
+
+.btn:hover {
+    pointer-events: auto !important;
+    cursor: pointer !important;
+}
+
+/* Убираем возможные перекрывающие псевдоэлементы */
+*::before,
+*::after {
+    pointer-events: none;
+}
+
+/* Обеспечиваем кликабельность всех интерактивных элементов */
+button,
+a,
+input,
+select,
+textarea {
+    pointer-events: auto !important;
+    position: relative;
+    z-index: 10;
+}
 </style>
+
+<!-- Service Request Modal -->
+<div class="modal fade" id="serviceModal" tabindex="-1" aria-labelledby="serviceModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title" id="serviceModalLabel">Заказать услугу</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body">
+                <form id="serviceRequestForm">
+                    {% csrf_token %}
+                    <input type="hidden" id="serviceId" name="service_id">
+                    
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label for="clientName" class="form-label">Имя *</label>
+                            <input type="text" class="form-control" id="clientName" name="name" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label for="clientEmail" class="form-label">Email *</label>
+                            <input type="email" class="form-control" id="clientEmail" name="email" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label for="clientPhone" class="form-label">Телефон</label>
+                            <input type="tel" class="form-control" id="clientPhone" name="phone">
+                        </div>
+                        <div class="col-md-6">
+                            <label for="clientCompany" class="form-label">Компания</label>
+                            <input type="text" class="form-control" id="clientCompany" name="company">
+                        </div>
+                        <div class="col-12">
+                            <label for="projectDescription" class="form-label">Описание проекта</label>
+                            <textarea class="form-control" id="projectDescription" name="description" rows="4" 
+                                      placeholder="Расскажите подробнее о вашем проекте..."></textarea>
+                        </div>
+                    </div>
+                </form>
+                
+                <!-- Success Section -->
+                <div id="successSection" style="display: none;" class="text-center py-4">
+                    <div class="success-checkmark">
+                        <div class="check-icon">
+                            <span class="icon-line line-tip"></span>
+                            <span class="icon-line line-long"></span>
+                            <div class="icon-circle"></div>
+                            <div class="icon-fix"></div>
+                        </div>
+                    </div>
+                    <h4 class="text-success mt-3">Заявка отправлена!</h4>
+                    <p class="text-muted">Мы свяжемся с вами в ближайшее время</p>
+                </div>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Отмена</button>
+                <button type="submit" form="serviceRequestForm" class="btn btn-primary">
+                    <i class="fas fa-paper-plane me-2"></i>Отправить заявку
+                </button>
+            </div>
+        </div>
+    </div>
+</div>
 {% endblock %}