Merge pull request #3 from pvlnes/burko_kabluko

Burko kabluko

services/burka_wed/index.html

@@ -33,7 +33,7 @@
     <div class="hero-content">
       <p class="hero-pre">Приглашаем вас на свадьбу</p>
       <h1 class="hero-names">Александр<span class="amp">&amp;</span>Юлия</h1>
-      <p class="hero-date">22 августа 2026</p>
+      <p class="hero-date">22 августа 2026 16:00</p>
       <div class="countdown" id="countdown">
         <div class="countdown-block">
           <span class="cd-num" id="cd-days">--</span>
@@ -116,7 +116,7 @@
   <section id="stats" class="section">
     <div class="container">
       <h2 class="section-title">8 лет отношений</h2>
-      <p class="section-sub">Но вам мы покажем последние 4 года переписки</p>
+      <p class="section-sub">Но вам мы покажем преимущественно последние 4 года переписки</p>
 
       <!-- Ключевые цифры -->
       <div class="stats-grid">
@@ -382,6 +382,16 @@
     <div class="container">
       <h2 class="section-title">Часто задаваемые вопросы</h2>
       <div class="faq-list">
+        <div class="faq-item">
+          <button class="faq-question" aria-expanded="false">
+            Когда начинается мероприятие?
+            <span class="faq-arrow">▾</span>
+          </button>
+          <div class="faq-answer">
+            <p>Велком секция (фуршет) начинается в <strong>16:00</strong>.</p>
+            <p>Основная секция (банкет) начинается в <strong>17:00</strong>.</p>
+          </div>
+        </div>
         <div class="faq-item">
           <button class="faq-question" aria-expanded="false">
             Какой дресс-код мероприятия?
@@ -418,7 +428,7 @@
             <span class="faq-arrow">▾</span>
           </button>
           <div class="faq-answer">
-            <p>Пожалуйста, заполните анкету гостя до <strong>1 августа 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
+            <p>Пожалуйста, заполните анкету гостя до <strong>20 июля 2026</strong>. Это поможет нам правильно рассадить гостей и подготовить меню.</p>
           </div>
         </div>
         <div class="faq-item">
@@ -430,6 +440,16 @@
             <p>Да, конечно. Мы будем рады любому подарку. Ведь единственный пункт в нашем вишлисте - это отлично проведенный праздник</p>
           </div>
         </div>
+        <div class="faq-item">
+          <button class="faq-question" aria-expanded="false">
+            Уместно ли дарить цветы?
+            <span class="faq-arrow">▾</span>
+          </button>
+          <div class="faq-answer">
+            <p>Мы бы попросили вас воздержаться от дарения цветов.</p>
+            <p>Потому что живем мы в небольшой квартире, и складывать такое потенциальное количество цветов нам банально будет некуда.</p>
+          </div>
+        </div>
       </div>
     </div>
   </section>

services/burka_wed/script.js

@@ -599,21 +599,38 @@ window.addEventListener('scroll', () => {
 
 
 // ---- FAQ: аккордеон ----
+function setFaqAnswerHeight(answer, open) {
+  if (open) {
+    answer.classList.add('open');
+    answer.style.maxHeight = answer.scrollHeight + 'px';
+  } else {
+    answer.classList.remove('open');
+    answer.style.maxHeight = '0px';
+  }
+}
+
 document.querySelectorAll('.faq-question').forEach(btn => {
   btn.addEventListener('click', () => {
     const expanded = btn.getAttribute('aria-expanded') === 'true';
     const answer   = btn.nextElementSibling;
 
-    // Закрыть все остальные
     document.querySelectorAll('.faq-question').forEach(b => {
       b.setAttribute('aria-expanded', 'false');
-      b.nextElementSibling.classList.remove('open');
+      setFaqAnswerHeight(b.nextElementSibling, false);
     });
 
-    // Переключить текущий
     if (!expanded) {
       btn.setAttribute('aria-expanded', 'true');
-      answer.classList.add('open');
+      setFaqAnswerHeight(answer, true);
+    }
+  });
+});
+
+window.addEventListener('resize', () => {
+  document.querySelectorAll('.faq-question[aria-expanded="true"]').forEach(btn => {
+    const answer = btn.nextElementSibling;
+    if (answer.classList.contains('open')) {
+      answer.style.maxHeight = answer.scrollHeight + 'px';
     }
   });
 });

services/burka_wed/style.css

@@ -975,7 +975,6 @@ ul { list-style: none; }
   transition: max-height 0.35s ease, padding 0.35s ease;
 }
 .faq-answer.open {
-  max-height: 300px;
   padding: 0 1.5rem 1.2rem;
 }
 .faq-answer p { color: var(--gray); line-height: 1.7; margin: 0 0 0.75rem; }