index.html

@@ -73,16 +73,50 @@ tr:hover{background:var(--gray-100)}
   </div>
 </section>
 
+<section id="sizes" class="section" style="background:var(--gray-100)">
+  <div class="container">
+    <h2 class="reveal">Размерная сетка</h2>
+    <div class="table-wrapper reveal">
+      <table>
+        <thead>
+          <tr>
+            <th>Размер</th>
+            <th>Обхват груди (см)</th>
+            <th>Обхват талии (см)</th>
+            <th>Обхват бёдер (см)</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr><td>XS (40)</td><td>76-80</td><td>58-62</td><td>84-88</td></tr>
+          <tr><td>S (42-44)</td><td>82-88</td><td>64-70</td><td>90-96</td></tr>
+          <tr><td>M (46-48)</td><td>90-96</td><td>72-78</td><td>98-104</td></tr>
+          <tr><td>L (50-52)</td><td>98-104</td><td>80-86</td><td>106-112</td></tr>
+          <tr><td>XL (54-56)</td><td>106-112</td><td>88-94</td><td>114-120</td></tr>
+          <tr><td>XXL (58-60)</td><td>114-120</td><td>96-102</td><td>122-128</td></tr>
+        </tbody>
+      </table>
+    </div>
+    <div class="card reveal" style="margin-top:24px">
+      <h3>📏 Как снять мерки</h3>
+      <ul>
+        <li><strong>Обхват груди:</strong> измеряется по самым выступающим точкам, лента должна проходить горизонтально</li>
+        <li><strong>Обхват талии:</strong> измеряется по самому узкому месту туловища</li>
+        <li><strong>Обхват бёдер:</strong> измеряется по самым выступающим точкам ягодиц</li>
+      </ul>
+    </div>
+  </div>
+</section>
+
 <section id="babies" class="section">
   <div class="container">
     <h2 class="reveal">👶 Для малышей</h2>
     <p class="reveal" style="text-align:center;max-width:700px;margin:0 auto 40px;font-size:18px">Мы вяжем тёплые вещи для недоношенных детей и передаём их в перинатальный центр Уральска</p>
     
-    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:40px">
-      <img src="WhatsApp%20Image%202026-08-18%20at%2011.58.18.jpeg" alt="Наш малыш" style="width:100%;height:300px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,0.1)">
-      <img src="https://loremflickr.com/300/300/premature,baby" alt="Недоношенный малыш" style="width:100%;height:300px;object-fit:cover;border-radius:12px">
-      <img src="https://loremflickr.com/300/300/newborn,tiny" alt="Крошечные ручки" style="width:100%;height:300px;object-fit:cover;border-radius:12px">
-      <img src="https://loremflickr.com/300/300/baby,incubator" alt="Малыш в кювезе" style="width:100%;height:300px;object-fit:cover;border-radius:12px">
+    <div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px">
+      <img src="https://loremflickr.com/300/300/premature,baby" alt="Недоношенный малыш" style="width:100%;height:200px;object-fit:cover;border-radius:12px">
+      <img src="https://loremflickr.com/300/300/newborn,tiny" alt="Крошечные ручки" style="width:100%;height:200px;object-fit:cover;border-radius:12px">
+      <img src="https://loremflickr.com/300/300/baby,incubator" alt="Малыш в кювезе" style="width:100%;height:200px;object-fit:cover;border-radius:12px">
+      <img src="https://loremflickr.com/300/300/infant,small" alt="Спящий малыш" style="width:100%;height:200px;object-fit:cover;border-radius:12px">
     </div>
     
     <div class="grid">