الگو:کانتینر 4تصویر/بخشنده: تفاوت میان نسخه‌ها

→ تفاوت با ویرایش قدیمی‌تر

دیداریویکی‌متن

@@ خط ۵۲: / خط ۵۲: @@
        background: var(--surface);
        color: var(--ink);
-       font-family:  Iransans; /* Assuming 'Iransans' is a locally available font or correctly linked */
+       font-family:  Iransans; /* فونت Iransans باید در پروژه تعریف شده باشد */
        line-height: 1.8;
      }
@@ خط ۶۲: / خط ۶۲: @@
      .donation-section {
-       padding: 42px 16px;
+       padding: 12px 16px;
      }
@@ خط ۹۳: / خط ۹۳: @@
      }
-    .section-heading h2 {
-      margin: 0;
-      color: var(--ink);
-      font-size: clamp(1.35rem, 4vw, 2rem);
-      font-weight: 800;
-      line-height: 1.45;
-      /* Ensure text does not break vertically */
-      white-space: normal;
-      word-break: keep-all; /* Prefer to keep words together */
-      overflow-wrap: normal; /* Allow standard breaking */
-      hyphens: none; /* No hyphenation */
-      writing-mode: horizontal-tb; /* Explicitly set horizontal writing mode */
-      text-orientation: mixed; /* Default orientation */
-    }
      .section-heading p {
        max-width: 780px;
-       margin: 8px 0 0;
+       margin: 1px 0 0;
        color: #52666b;
        font-size: 0.95rem;
@@ خط ۲۵۲: / خط ۲۳۹: @@
        color: rgba(255, 255, 255, 0.92);
        font-size: 0.86rem;
+      font-family:  Iransans;
        line-height: 1.85;
        -webkit-box-orient: vertical;
@@ خط ۳۰۴: / خط ۲۹۲: @@
      @media (min-width: 992px) {
        .donation-section {
-         padding-block: 64px;
+         padding-block: 1px;
        }
@@ خط ۳۸۶: / خط ۳۷۴: @@
      }
-    /* Mobile specific adjustments for text orientation and wrapping */
-    @media (max-width: 480px) {
-        .section-heading h2 {
-            font-size: 1.45rem; /* Slightly larger on very small screens */
-            line-height: 1.8;
-            white-space: normal;
-            word-break: break-word; /* Allow words to break if necessary */
-            overflow-wrap: break-word; /* Ensure wrapping */
-            writing-mode: horizontal-tb; /* Force horizontal */
-            text-orientation: mixed; /* Keep mixed for potential vertical context if any */
-            text-wrap: balance; /* Balance text across lines */
-        }
-    }
-    /* General override for headings to ensure no vertical text */
-    .section-heading,
-    .section-heading h2 {
-        width: 100%;
-        min-width: 0;
-        writing-mode: horizontal-tb !important;
-        text-orientation: mixed !important;
-    }
-    /* Ensuring h2 specifically behaves horizontally */
-    .section-heading h2 {
-        display: block; /* Ensure it's a block element */
-        white-space: normal;
-        word-break: break-word; /* Allow breaking for long words */
-        overflow-wrap: break-word; /* Standard property for wrapping */
-        writing-mode: horizontal-tb; /* Horizontal writing mode */
-        text-orientation: mixed; /* Can be mixed, but primarily horizontal */
-        text-wrap: balance; /* Text wrap for balance */
-    }
-    /* Adjustments for medium-sized screens if needed, ensure horizontal text */
-    @media (max-width: 768px) {
-        .section-heading h2 {
-            font-size: 1.45rem;
-            line-height: 1.8;
-            word-break: break-word; /* Break words if needed */
-            overflow-wrap: break-word;
-            writing-mode: horizontal-tb; /* Explicitly horizontal */
-            text-orientation: mixed;
-        }
-    }
    </style>
@@ خط ۴۴۰: / خط ۳۸۳: @@
      <section
        class="donation-section"
-       aria-labelledby="donation-services-title"
+       aria-labelledby="donation-services-title">
-    >
-       <div class="donation-container">
+<div class="donation-container">
-         <header class="section-heading">
+         <h2>مسیر آگاهانه‌ی فرزندآوری</h2>
-          <span class="section-heading__eyebrow">مسیر آگاهانه‌ی فرزندآوری</span>
-          <h2 id="donation-services-title">
-            همراه شما در مسیر اهدای تخمک، اهدای جنین و حمل جایگزین
-          </h2>
            <p>
@@ خط ۴۵۵: / خط ۳۹۳: @@
              آگاهی بیشتری دنبال کنید.
            </p>
-        </header>
          <div class="donation-grid">
@@ خط ۴۷۲: / خط ۴۰۹: @@
              <div class="donation-card__top">
                <span class="donation-card__badge">رحم اجاره ای</span>
-              <time datetime="2026-08-03">راهنمای تخصصی</time>
              </div>
              <div class="donation-card__content">
-               <h3>رحم اجاره ای؛ همراهی آگاهانه در مسیر ساختن خانواده</h3>
+               <h3></h3>
-               <p class="donation-card__excerpt">
+               <h3 class="donation-card__excerpt" style:"font-family: Iransans;">
-                 اطلاعاتی روشن درباره فرایند حمل جایگزین یا رحم اجاره‌ای،
+                 رحم اجاره ای؛ همراهی آگاهانه در مسیر ساختن خانواده
-                ملاحظات درمانی و اهمیت دریافت مشاوره از مراکز مجاز.
+<br>                حمایت و همراهی در مسیر حمل جایگزین و رحم اجاره‌ای
-               </p>
+               </h3>
              </div>
@@ خط ۵۰۴: / خط ۴۴۱: @@
                <div class="donation-card__top">
                  <span class="donation-card__badge">اهدای تخمک</span>
-                 <time datetime="2026-08-03">آموزشی</time>
                </div>
                <div class="donation-card__content">
-                 <h3>اهدای تخمک چیست و چه مراحلی دارد؟</h3>
+                 <h3></h3>
-                 <p class="donation-card__excerpt">
+                 <h3 class="donation-card__excerpt" style:"font-family: Iransans;">
-                   با اصول، فرایند و نکات مهم اهدای تخمک آشنا شوید.
+                   اهدای تخمک چیست و چه مراحلی دارد؟
-                 </p>
+                 </h3>
                </div>
@@ خط ۵۲۴: / خط ۴۶۱: @@
                <img
                  class="donation-card__image"
-                 src="https://dl.faraghaib.ir/m/109/109m08.jpg"
+                 src="https://dl.faraghaib.ir/m/109/109m05.png"
                  alt="اطلاعات لازم درباره اهدای جنین"
-                 width="auto" /* Changed from padding attribute */
+                 width="auto"
-                 height="auto" /* Changed from width attribute */
+                 height="auto"
                  loading="lazy"
                />
@@ خط ۵۳۳: / خط ۴۷۰: @@
                <div class="donation-card__top">
                  <span class="donation-card__badge">اهدای جنین</span>
-                 <time datetime="2026-08-03">راهنمای خانواده</time>
                </div>
                <div class="donation-card__content">
-                 <h3>اهدای جنین؛ تصمیمی آگاهانه برای امید به فرزندآوری</h3>
+                 <h3></h3>
                  <p class="donation-card__excerpt">
-                   پاسخ به پرسش‌های رایج درباره اهدای جنین و روند بررسی آن.
+                   اهدای جنین؛ تصمیمی آگاهانه برای امید به فرزندآوری
                  </p>
                </div>
@@ خط ۵۶۲: / خط ۴۹۹: @@
                <div class="donation-card__top">
                  <span class="donation-card__badge">مشاوره و آگاهی</span>
-                 <time datetime="2026-08-03">گروه اهدای مثبت بخشنده</time>
                </div>
                <div class="donation-card__content">
-                 <h3>پیش از هر تصمیم، آگاهانه و مسئولانه مشورت کنید</h3>
+                 <h3 style:"font-family: Iransans;"></h3>
                  <p class="donation-card__excerpt">
                    مسیرهای درمان ناباروری نیازمند بررسی شرایط فردی، پزشکی و