Update spoller.html

spoller.html

@@ -153,90 +153,7 @@
 
 
 
-<style>
-  /* Стили остаются точно такими же, их можно не дублировать */
-  .spoiler-wrapper {
-    margin: 20px 0;
-    position: relative;
-  }
-  
-  .spoiler-divider {
-    height: 1px;
-    background-color: #ddd;
-    margin: 10px 0;
-  }
-  
-  .spoiler2-button {  /* Изменено spoiler1 на spoiler2 */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    padding: 12px 16px;
-    background-color: #f5f5f5;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 16px;
-    text-transform: uppercase;
-    letter-spacing: 0.5px;
-    transition: background-color 0.3s;
-    margin: 10px 0;
-    gap: 8px;
-  }
-  
-  .spoiler2-button:hover {  /* Изменено spoiler1 на spoiler2 */
-    background-color: #e0e0e0;
-  }
-  
-  .spoiler2-content {  /* Изменено spoiler1 на spoiler2 */
-    padding: 16px;
-    border: 1px solid #ddd;
-    border-top: none;
-    border-radius: 0 0 4px 4px;
-    display: none;
-    margin-top: -4px;
-  }
-  
-  .arrow {
-    flex-shrink: 0;
-    transition: transform 0.3s;
-  }
-  
-  /* Десктопная версия */
-  @media (min-width: 768px) {
-    .spoiler-desktop {
-      display: block;
-    }
-    .spoiler-mobile {
-      display: none;
-    }
-    .spoiler2-content {  /* Изменено spoiler1 на spoiler2 */
-      margin-left: 0;
-    }
-  }
-  
-  /* Мобильная версия */
-  @media (max-width: 767px) {
-    .spoiler-desktop {
-      display: none;
-    }
-    .spoiler-mobile {
-      display: flex;
-      flex-direction: column;
-    }
-    .spoiler-mobile .spoiler2-content {  /* Изменено spoiler1 на spoiler2 */
-      order: 2;
-      border-top: 1px solid #ddd;
-      border-radius: 0 0 4px 4px;
-      margin-top: -4px;
-    }
-    .spoiler-mobile .spoiler2-button {  /* Изменено spoiler1 на spoiler2 */
-      order: 1;
-      border-radius: 4px 4px 0 0;
-      margin-bottom: 0;
-    }
-  }
-</style>
+
 
 <div class="spoiler-divider"></div>