fix(storefront): premium UX polish for static pages

- faq-{ru,en,hy}.component.html: convert each FAQ entry from an always-
  expanded <div>/<h3> block into a native <details class="faq-item">/
  <summary> disclosure, reusing the global expander-chevron pattern
  already defined in styles.scss (no bespoke accordion component built);
  answer body wrapped in .faq-answer for spacing
- faq.component.scss: restyle .faq-item for the details/summary shape
  (summary uses tokenized font-size/weight, focus-visible ring, [open]
  state gets a stronger shadow instead of the old always-on hover-lift);
  hardcoded `all 0.3s ease` replaced with --transition-normal on the
  specific properties that change; added a reduced-motion override
- shared-legal.scss: hardcoded `transition: all 0.3s ease` (4 call sites:
  info-card, features-list feature, contact-item/contact-link,
  contact-email) normalized to --transition-normal on transform/
  box-shadow/background; paragraphs and lists get max-width: 70ch so
  long-form legal/info text keeps a readable line length within the
  wider 900px .legal-container
- static-page.component.scss (CMS-driven static-page renderer): spacing
  converted to --space-* tokens; prose now capped at 70ch; added actual
  content styling (headings, lists, links, images, blockquote, table)
  for arbitrary CMS-authored HTML rendered via [innerHTML], since the
  previous rules only styled h2/h3 margins and left every other tag
  unstyled; line-height moved to --line-height-relaxed token

Build verified green via `npm run build`.

Out of scope / skipped:
- info/contacts has no contact form (plain link list) - no app-input/
  app-form-field polish applicable
- no breadcrumbs/anchor nav exist on any page in scope - nothing to
  align focus-visible on
- legal-page/info scss files (about, delivery, guarantee, company-
  details, payment-terms, privacy-policy, public-offer, return-policy)
  already used design tokens with no hex literals and had no accordion/
  form elements - left untouched
- shared-legal.scss's border-left accent on .legal-section/.info-box/
  .highlight and the fadeIn entrance animation durations left as-is;
  pre-existing sitewide pattern, not a new introduction, changing it is
  a redesign call outside this pass's scope

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/app/pages/info/faq/en/faq-en.component.html

@@ -5,27 +5,34 @@
     <section class="legal-section">
       <h2>General Questions</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What is Marketplace?</h3>
+        <summary>What is Marketplace?</summary>
+        <div class="faq-answer">
         <p>Marketplace is an online marketplace where independent sellers list their products and services. Our goal is to provide a convenient and secure shopping environment — we do not manufacture or sell products ourselves.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I register on the platform?</h3>
+        <summary>How do I register on the platform?</summary>
+        <div class="faq-answer">
         <p>Registration is easy: open our app within Telegram. Your profile will be created automatically as soon as you log in.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Is it safe to buy on the site?</h3>
+        <summary>Is it safe to buy on the site?</summary>
+        <div class="faq-answer">
         <p>Absolutely! All transactions are protected by modern encryption technologies (PCI DSS and 3D Secure). Your banking details are securely stored separately from our system.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Placing an Order</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I place an order?</h3>
+        <summary>How do I place an order?</summary>
+        <div class="faq-answer">
         <p>
           1️⃣ Find the product you like and add it to your cart.<br>
           2️⃣ Open the cart and click "Place Order".<br>
@@ -35,23 +42,29 @@
           6️⃣ Complete the payment for your order.
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Can I make changes to my order after purchase?</h3>
+        <summary>Can I make changes to my order after purchase?</summary>
+        <div class="faq-answer">
         <p>If the seller has not yet shipped the product, contact our support — we will help adjust the order. However, once the product has been shipped, changes are not possible.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I cancel an order?</h3>
+        <summary>How do I cancel an order?</summary>
+        <div class="faq-answer">
         <p>Contact us or the seller directly through order chats. As long as the package has not been shipped, cancellation is possible with a full refund.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Payment 💳</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What payment methods are available?</h3>
+        <summary>What payment methods are available?</summary>
+        <div class="faq-answer">
         <p>We accept:</p>
         <ul>
           <li>Bank cards: Visa, MasterCard, MIR,</li>
@@ -60,14 +73,18 @@
           <li>Cash on delivery (if offered by the seller).</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>When will funds be charged from my card?</h3>
+        <summary>When will funds be charged from my card?</summary>
+        <div class="faq-answer">
         <p>The transaction is processed instantly, but the funds are temporarily held until you receive the product. Once you confirm receipt, the funds are released to the seller.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Why might my payment be declined?</h3>
+        <summary>Why might my payment be declined?</summary>
+        <div class="faq-answer">
         <p>Possible reasons for decline:</p>
         <ul>
           <li>Insufficient funds in the account,</li>
@@ -77,18 +94,22 @@
         </ul>
         <p>We recommend contacting your bank for details.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Will I receive a payment receipt?</h3>
+        <summary>Will I receive a payment receipt?</summary>
+        <div class="faq-answer">
         <p>Yes, an electronic receipt will be sent to your specified email immediately after a successful payment in accordance with Federal Law No. 54-FZ.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Delivery 🚚</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Which delivery services are used?</h3>
+        <summary>Which delivery services are used?</summary>
+        <div class="faq-answer">
         <p><strong>Digital products:</strong> Marketplace automatically sends digital products (licenses, keys, certificates) to your email or personal account instantly after payment.</p>
         <p><strong>Physical products:</strong> The seller works independently with leading delivery services:</p>
         <ul>
@@ -100,15 +121,19 @@
         </ul>
         <p>The delivery method for physical products is chosen based on the seller's preferences and destination.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How much does delivery cost?</h3>
+        <summary>How much does delivery cost?</summary>
+        <div class="faq-answer">
         <p><strong>Digital products:</strong> Delivery is free — the product arrives to your email instantly.</p>
         <p><strong>Physical products:</strong> The price is determined by the seller and depends on the weight, dimensions, chosen method, and delivery region. The final cost is displayed at checkout.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What is the delivery time for my order?</h3>
+        <summary>What is the delivery time for my order?</summary>
+        <div class="faq-answer">
         <p><strong>Digital products:</strong> Instant delivery to email (within a few minutes after payment).</p>
         <p><strong>Physical products</strong> (estimated times):</p>
         <ul>
@@ -119,108 +144,140 @@
           <li>Yandex.Delivery: same day (if available in your city).</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I track my package?</h3>
+        <summary>How do I track my package?</summary>
+        <div class="faq-answer">
         <p>You will receive a tracking code via email and can view the order status in your personal account. You can track the package on the official website of the chosen courier service.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What should I do if the product arrived damaged? ⛑</h3>
+        <summary>What should I do if the product arrived damaged? ⛑</summary>
+        <div class="faq-answer">
         <p>Inspect the product in front of the courier. If defects are found, fill out a refusal of acceptance report and immediately notify the seller and support service.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Returns and Exchanges ✅</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Can I return a product?</h3>
+        <summary>Can I return a product?</summary>
+        <div class="faq-answer">
         <p>Yes, the law allows you to return a quality product within 7 days of receipt. Defective items are returned under special rules.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Which products cannot be returned?</h3>
+        <summary>Which products cannot be returned?</summary>
+        <div class="faq-answer">
         <p>Products listed in Russian Government Decree No. 2463 cannot be returned: medications, cosmetics, underwear, activated digital products, and custom orders. See details in the <a [routerLink]="'/return-policy' | langRoute">"Return Policy"</a> section.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I get a refund?</h3>
+        <summary>How do I get a refund?</summary>
+        <div class="faq-answer">
         <p>
           1. Notify the seller of your intention to return the product.<br>
           2. Return the product in its original packaging.<br>
           3. The seller will inspect the product and refund the amount using the same payment method (up to 30 days for the refund to process).
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Who pays for return shipping?</h3>
+        <summary>Who pays for return shipping?</summary>
+        <div class="faq-answer">
         <p>The buyer pays for return shipping of quality products. If a defect is found, the seller covers the costs.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Warranty 🔧</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Is there a warranty on products?</h3>
+        <summary>Is there a warranty on products?</summary>
+        <div class="faq-answer">
         <p>Most of our products come with an official manufacturer's warranty. The period ranges from 12 to 36 months and is indicated on each product page.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I use the warranty?</h3>
+        <summary>How do I use the warranty?</summary>
+        <div class="faq-answer">
         <p>Notify the seller of the defect, attaching photos of the damage and the warranty card. The seller will handle repair or replacement of the product.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What is not covered by warranty?</h3>
+        <summary>What is not covered by warranty?</summary>
+        <div class="faq-answer">
         <p>Mechanical damage, consequences of improper use, unauthorized repair, moisture exposure (if not protected), and natural wear — none of these are covered under warranty.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Security and Privacy 🔐</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do you protect my personal data?</h3>
+        <summary>How do you protect my personal data?</summary>
+        <div class="faq-answer">
         <p>We use modern SSL/TLS encryption methods, do not store card details, and comply with Federal Law No. 152-FZ on personal data protection. Details are available in our <a [routerLink]="'/privacy-policy' | langRoute">Privacy Policy</a>.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Who has access to my data?</h3>
+        <summary>Who has access to my data?</summary>
+        <div class="faq-answer">
         <p>Only your seller for order processing and delivery services. Data is not used by third parties for marketing without your permission.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I delete my account?</h3>
+        <summary>How do I delete my account?</summary>
+        <div class="faq-answer">
         <p>Send a request to our support service to delete your account. The account and personal information will be removed within one month.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Information for Sellers 📋</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I start selling on the platform?</h3>
+        <summary>How do I start selling on the platform?</summary>
+        <div class="faq-answer">
         <p>To join our sellers, contact our support service by email at <a href="mailto:the Contacts page">the Contacts page</a>.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>What is the platform's commission?</h3>
+        <summary>What is the platform's commission?</summary>
+        <div class="faq-answer">
         <p>The commission depends on the product type and sales volume. You can find out the exact terms during registration.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>When will I receive payment for a sale?</h3>
+        <summary>When will I receive payment for a sale?</summary>
+        <div class="faq-answer">
         <p>The seller receives funds after the customer confirms receipt of the product or two weeks after delivery if the customer has not reported any issues.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Customer Support 💬</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How do I contact support?</h3>
+        <summary>How do I contact support?</summary>
+        <div class="faq-answer">
         <p>
           ✉️ <strong>Email:</strong> <a href="mailto:the Contacts page">the Contacts page</a><br>
           📞 <strong>Phone (Russia):</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -229,11 +286,14 @@
           ❄️ <strong>Technical support is available 24/7.</strong>
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>How long does it take to get a response?</h3>
+        <summary>How long does it take to get a response?</summary>
+        <div class="faq-answer">
         <p>During business hours, you will receive a response within two hours. On holidays and weekends, delays of up to 24 hours are possible.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">

src/app/pages/info/faq/faq.component.scss

@@ -1,28 +1,47 @@
 @use '../../../../styles/shared-legal.scss';
 
+// Each FAQ entry is a native <details>/<summary> disclosure so long answer
+// lists collapse to scannable questions; the expander chevron and its
+// rotation come from the global details>summary rule in styles.scss.
 .faq-item {
-  margin-bottom: 2rem;
+  margin-bottom: 1rem;
-  padding: 1.5rem;
+  padding: 1.25rem 1.5rem;
   background: var(--bg-primary);
   border-radius: var(--radius-md);
   box-shadow: var(--shadow-sm);
-  transition: all 0.3s ease;
+  transition: box-shadow var(--transition-normal), border-color var(--transition-normal);
   border-left: 4px solid var(--primary-color);
 
   &:hover {
-    transform: translateY(-2px);
     box-shadow: var(--shadow-md);
   }
 
-  h3 {
+  &[open] {
+    box-shadow: var(--shadow-md);
+  }
+
+  summary {
     color: var(--primary-color);
-    margin-top: 0;
+    font-size: var(--font-size-xl);
-    font-size: var(--font-size-2xl, 1.25rem);
+    font-weight: var(--font-weight-semibold);
+    line-height: var(--line-height-tight);
+    cursor: pointer;
+    border-radius: var(--radius-sm);
+
+    &:focus-visible {
+      outline: 2px solid var(--primary-color);
+      outline-offset: 2px;
+    }
+  }
+
+  &[open] summary {
     margin-bottom: 0.75rem;
   }
 
+  .faq-answer {
     p {
       margin-bottom: 0.5rem;
+      line-height: var(--line-height-relaxed);
 
       &:last-child {
         margin-bottom: 0;
@@ -33,4 +52,11 @@
       margin-top: 0.5rem;
     }
   }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .faq-item {
+    transition: none;
+  }
+}
 

src/app/pages/info/faq/hy/faq-hy.component.html

@@ -5,27 +5,34 @@
     <section class="legal-section">
       <h2>Ընդհանուր հարցեր</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչ է Marketplace-ը։</h3>
+        <summary>Ի՞նչ է Marketplace-ը։</summary>
+        <div class="faq-answer">
         <p>Marketplace-ը առցանց հարթակ է, որտեղ անկախ վաճառողները տեղադրում են իրենց ապրանքներն ու ծառայությունները։ Մեր նպատակը հարմար և անվտանգ միջավայր ապահովելն է գնումների համար. մենք ինքներս ապրանք չենք արտադրում և չենք վաճառում։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս գրանցվել հարթակում։</h3>
+        <summary>Ինչպե՞ս գրանցվել հարթակում։</summary>
+        <div class="faq-answer">
         <p>Գրանցվելը շատ հեշտ է. բացեք մեր հավելվածը Telegram-ում։ Մուտք գործելուց հետո ձեր պրոֆիլը կստեղծվի ավտոմատ կերպով։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Անվտանգ է արդյո՞ք գնում կատարել կայքում։</h3>
+        <summary>Անվտանգ է արդյո՞ք գնում կատարել կայքում։</summary>
+        <div class="faq-answer">
         <p>Այո։ Բոլոր գործարքները պաշտպանված են ժամանակակից գաղտնագրման տեխնոլոգիաներով (PCI DSS և 3D Secure)։ Ձեր բանկային տվյալները պահվում են անվտանգ և մեր համակարգից առանձնացված միջավայրում։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Պատվերի ձևակերպում</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս կատարել գնում։</h3>
+        <summary>Ինչպե՞ս կատարել գնում։</summary>
+        <div class="faq-answer">
         <p>
           1️⃣ Գտեք ձեզ դուր եկած ապրանքը և ավելացրեք այն զամբյուղում։<br>
           2️⃣ Բացեք զամբյուղը և սեղմեք «Ձևակերպել պատվերը»։<br>
@@ -35,23 +42,29 @@
           6️⃣ Ավարտեք վճարումը։
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Կարելի՞ է փոփոխություններ կատարել գնումից հետո։</h3>
+        <summary>Կարելի՞ է փոփոխություններ կատարել գնումից հետո։</summary>
+        <div class="faq-answer">
         <p>Եթե վաճառողը դեռ չի ուղարկել ապրանքը, գրեք աջակցության ծառայությանը, և մենք կօգնենք ճշտել պատվերը։ Սակայն ապրանքի ուղարկումից հետո փոփոխություններ կատարել այլևս հնարավոր չէ։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս հրաժարվել պատվերից։</h3>
+        <summary>Ինչպե՞ս հրաժարվել պատվերից։</summary>
+        <div class="faq-answer">
         <p>Կապ հաստատեք մեզ հետ կամ անմիջապես վաճառողի հետ պատվերի չատի միջոցով։ Քանի դեռ ապրանքը չի ուղարկվել, պատվերից կարելի է հրաժարվել ամբողջ գումարի վերադարձով։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Վճարում 💳</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչ վճարման եղանակներ կան։</h3>
+        <summary>Ի՞նչ վճարման եղանակներ կան։</summary>
+        <div class="faq-answer">
         <p>Ընդունվում են`</p>
         <ul>
           <li>Visa, MasterCard, МИР բանկային քարտեր,</li>
@@ -60,14 +73,18 @@
           <li>կանխիկ վճարում ստացման պահին, եթե դա նախատեսված է վաճառողի կողմից։</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ե՞րբ է գումարը գանձվում քարտից։</h3>
+        <summary>Ե՞րբ է գումարը գանձվում քարտից։</summary>
+        <div class="faq-answer">
         <p>Գործարքը կատարվում է անմիջապես, սակայն գումարը ժամանակավորապես պահվում է մինչև ապրանքի ստացումը հաստատվի։ Ստացումը հաստատվելուց հետո գումարը փոխանցվում է վաճառողին։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչո՞ւ կարող է վճարումը մերժվել։</h3>
+        <summary>Ինչո՞ւ կարող է վճարումը մերժվել։</summary>
+        <div class="faq-answer">
         <p>Մերժման հնարավոր պատճառներն են`</p>
         <ul>
           <li>հաշվում անբավարար միջոցներ,</li>
@@ -77,18 +94,22 @@
         </ul>
         <p>Խորհուրդ ենք տալիս մանրամասները ճշտելու համար դիմել ձեր բանկին։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Կստանա՞մ վճարման կտրոն։</h3>
+        <summary>Կստանա՞մ վճարման կտրոն։</summary>
+        <div class="faq-answer">
         <p>Այո, հաջող վճարումից անմիջապես հետո ձեր նշած էլեկտրոնային հասցեին կուղարկվի էլեկտրոնային կտրոն` համաձայն Դաշնային օրենք թիվ 54-ФЗ-ի պահանջների։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Առաքում 🚚</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչ առաքման ծառայություններ են օգտագործվում։</h3>
+        <summary>Ի՞նչ առաքման ծառայություններ են օգտագործվում։</summary>
+        <div class="faq-answer">
         <p><strong>Թվային ապրանքներ՝</strong> Marketplace հարթակն ավտոմատ կերպով ուղարկում է թվային ապրանքները (լիցենզիաներ, բանալիներ, վկայագրեր) ձեր էլեկտրոնային հասցեին կամ անձնական հաշվին` վճարումը հաստատվելուց անմիջապես հետո։</p>
         <p><strong>Նյութական ապրանքներ՝</strong> Վաճառողն ինքնուրույն աշխատում է առաքման ծառայությունների հետ, այդ թվում`</p>
         <ul>
@@ -100,15 +121,19 @@
         </ul>
         <p>Նյութական ապրանքների առաքման եղանակը ընտրվում է վաճառողի առաջարկների և առաքման ուղղության հիման վրա։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Որքա՞ն արժե առաքումը։</h3>
+        <summary>Որքա՞ն արժե առաքումը։</summary>
+        <div class="faq-answer">
         <p><strong>Թվային ապրանքներ՝</strong> առաքումն անվճար է, և ապրանքը հասնում է էլեկտրոնային հասցեին գրեթե անմիջապես։</p>
         <p><strong>Նյութական ապրանքներ՝</strong> արժեքը որոշվում է վաճառողի կողմից և կախված է ապրանքի քաշից, չափերից, ընտրված առաքման եղանակից և տարածաշրջանից։ Վերջնական արժեքը ցուցադրվում է պատվերի ձևակերպման պահին։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Որքա՞ն ժամանակ է տևում առաքումը։</h3>
+        <summary>Որքա՞ն ժամանակ է տևում առաքումը։</summary>
+        <div class="faq-answer">
         <p><strong>Թվային ապրանքներ՝</strong> ակնթարթային առաքում էլեկտրոնային հասցեին (վճարումից հետո մի քանի րոպեի ընթացքում)։</p>
         <p><strong>Նյութական ապրանքներ</strong> (մոտավոր ժամկետներ)՝</p>
         <ul>
@@ -119,108 +144,140 @@
           <li>Yandex.Доставка` նույն օրը, եթե ծառայությունը հասանելի է ձեր քաղաքում։</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս հետևել առաքմանը։</h3>
+        <summary>Ինչպե՞ս հետևել առաքմանը։</summary>
+        <div class="faq-answer">
         <p>Դուք էլեկտրոնային փոստով կստանաք հետևման կոդը և կկարողանաք պատվերի կարգավիճակը տեսնել անձնական հաշվում։ Առաքմանը կարելի է հետևել ընտրված ծառայության պաշտոնական կայքում։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչ անել, եթե ապրանքը վնասված է հասել։ ⛑</h3>
+        <summary>Ի՞նչ անել, եթե ապրանքը վնասված է հասել։ ⛑</summary>
+        <div class="faq-answer">
         <p>Ստուգեք ապրանքը սուրհանդակի ներկայությամբ։ Եթե հայտնաբերվեն թերություններ, կազմեք ընդունումից հրաժարվելու ակտ և անմիջապես տեղեկացրեք վաճառողին ու աջակցության ծառայությանը։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Վերադարձ և փոխանակում ✅</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Կարելի՞ է վերադարձնել ապրանքը։</h3>
+        <summary>Կարելի՞ է վերադարձնել ապրանքը։</summary>
+        <div class="faq-answer">
         <p>Այո, օրենքը թույլ է տալիս վերադարձնել պատշաճ որակի ապրանքը 7 օրվա ընթացքում։ Թերություն ունեցող ապրանքների վերադարձը կարգավորվում է առանձին կանոններով։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչ ապրանքներ հնարավոր չէ վերադարձնել։</h3>
+        <summary>Ի՞նչ ապրանքներ հնարավոր չէ վերադարձնել։</summary>
+        <div class="faq-answer">
         <p>ՌԴ Կառավարության թիվ 2463 որոշմամբ սահմանված ապրանքները վերադարձման ենթակա չեն. օրինակ` դեղամիջոցներ, կոսմետիկա, ներքնազգեստ, ակտիվացված թվային ապրանքներ և անհատական պատվերներ։ Մանրամասները տեսեք <a [routerLink]="'/return-policy' | langRoute">«Վերադարձի քաղաքականություն»</a> բաժնում։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս վերադարձնել գումարը։</h3>
+        <summary>Ինչպե՞ս վերադարձնել գումարը։</summary>
+        <div class="faq-answer">
         <p>
           1. Տեղեկացրեք վաճառողին ապրանքը վերադարձնելու մտադրության մասին։<br>
           2. Վերադարձրեք ապրանքը սկզբնական փաթեթավորմամբ։<br>
           3. Վաճառողը կստուգի ապրանքի վիճակը և գումարը կվերադարձնի նույն վճարման եղանակով (վերադարձը կարող է տևել մինչև 30 օր)։
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ո՞վ է վճարում հետադարձ առաքման համար։</h3>
+        <summary>Ո՞վ է վճարում հետադարձ առաքման համար։</summary>
+        <div class="faq-answer">
         <p>Պատշաճ որակի ապրանքի հետադարձ առաքման ծախսերը կրում է գնորդը։ Եթե հայտնաբերվել է թերություն, ծախսերը կրում է վաճառողը։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Երաշխիք 🔧</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Կա՞ երաշխիք ապրանքների համար։</h3>
+        <summary>Կա՞ երաշխիք ապրանքների համար։</summary>
+        <div class="faq-answer">
         <p>Ապրանքների մեծ մասի համար գործում է արտադրողի պաշտոնական երաշխիք։ Ժամկետը սովորաբար 12-ից 36 ամիս է և նշված է յուրաքանչյուր ապրանքի էջում։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս օգտվել երաշխիքից։</h3>
+        <summary>Ինչպե՞ս օգտվել երաշխիքից։</summary>
+        <div class="faq-answer">
         <p>Տեղեկացրեք վաճառողին թերության մասին` կցելով լուսանկարներ և երաշխիքային կտրոնը։ Վաճառողը կկազմակերպի վերանորոգումը կամ ապրանքի փոխարինումը։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ի՞նչը չի մտնում երաշխիքի տակ։</h3>
+        <summary>Ի՞նչը չի մտնում երաշխիքի տակ։</summary>
+        <div class="faq-answer">
         <p>Մեխանիկական վնասվածքները, ոչ պատշաճ շահագործման հետևանքները, ինքնուրույն վերանորոգումը, խոնավության ազդեցությունը (եթե պաշտպանություն նախատեսված չէ) և բնական մաշվածությունը երաշխիքային դեպք չեն համարվում։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Անվտանգություն և գաղտնիություն 🔐</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս եք պաշտպանում իմ անձնական տվյալները։</h3>
+        <summary>Ինչպե՞ս եք պաշտպանում իմ անձնական տվյալները։</summary>
+        <div class="faq-answer">
         <p>Մենք օգտագործում ենք SSL/TLS գաղտնագրման ժամանակակից մեթոդներ, չենք պահում քարտերի տվյալները և գործում ենք անձնական տվյալների պաշտպանության վերաբերյալ թիվ 152-ФЗ դաշնային օրենքի պահանջներին համապատասխան։ Մանրամասները կարող եք կարդալ <a [routerLink]="'/privacy-policy' | langRoute">Գաղտնիության քաղաքականություն</a> բաժնում։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ու՞մ են տրամադրվում իմ տվյալները։</h3>
+        <summary>Ու՞մ են տրամադրվում իմ տվյալները։</summary>
+        <div class="faq-answer">
         <p>Տվյալները տրամադրվում են միայն ձեր վաճառողին և առաքման ծառայություններին` պատվերի մշակման և առաքման նպատակով։ Առանց ձեր թույլտվության դրանք չեն օգտագործվում երրորդ կողմերի կողմից մարքեթինգային նպատակներով։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս ջնջել իմ հաշիվը։</h3>
+        <summary>Ինչպե՞ս ջնջել իմ հաշիվը։</summary>
+        <div class="faq-answer">
         <p>Գրեք աջակցության ծառայությանը` հաշվի ջնջման հարցումով։ Հաշիվը և կից անձնական տվյալները կհեռացվեն մեկ ամսվա ընթացքում։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Տեղեկատվություն վաճառողների համար 📋</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս սկսել վաճառել հարթակում։</h3>
+        <summary>Ինչպե՞ս սկսել վաճառել հարթակում։</summary>
+        <div class="faq-answer">
         <p>Հարթակում վաճառք սկսելու համար դիմեք աջակցության ծառայությանը` <a href="mailto:the Contacts page">the Contacts page</a> հասցեով։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Որքա՞ն է հարթակի միջնորդավճարը։</h3>
+        <summary>Որքա՞ն է հարթակի միջնորդավճարը։</summary>
+        <div class="faq-answer">
         <p>Միջնորդավճարի չափը կախված է ապրանքի տեսակից և վաճառքի ծավալից։ Ճշգրիտ պայմանները կարող եք իմանալ գրանցվելուց հետո։</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ե՞րբ կստանամ վաճառքի գումարը։</h3>
+        <summary>Ե՞րբ կստանամ վաճառքի գումարը։</summary>
+        <div class="faq-answer">
         <p>Վաճառողը ստանում է գումարը հաճախորդի կողմից ապրանքի ստացումը հաստատելուց հետո կամ առաքումից երկու շաբաթ անց, եթե հաճախորդը որևէ խնդիր չի նշել։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Աջակցության ծառայություն 💬</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Ինչպե՞ս կապվել աջակցության հետ։</h3>
+        <summary>Ինչպե՞ս կապվել աջակցության հետ։</summary>
+        <div class="faq-answer">
         <p>
           ✉️ <strong>Էլ. հասցե՝</strong> <a href="mailto:the Contacts page">the Contacts page</a><br>
           📞 <strong>Հեռախոս (Ռուսաստան)՝</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -229,11 +286,14 @@
           ❄️ <strong>Տեխնիկական աջակցությունը հասանելի է 24/7։</strong>
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Որքա՞ն ժամանակում կստանամ պատասխան։</h3>
+        <summary>Որքա՞ն ժամանակում կստանամ պատասխան։</summary>
+        <div class="faq-answer">
         <p>Աշխատանքային օրերին պատասխանը սովորաբար գալիս է երկու ժամվա ընթացքում։ Տոներին և հանգստյան օրերին հնարավոր են մինչև մեկ օրվա ուշացումներ։</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">

src/app/pages/info/faq/ru/faq-ru.component.html

@@ -5,27 +5,34 @@
     <section class="legal-section">
       <h2>Общие вопросы</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Что такое Marketplace?</h3>
+        <summary>Что такое Marketplace?</summary>
+        <div class="faq-answer">
         <p>Marketplace — это онлайн-площадка, где независимые продавцы размещают свои товары и услуги. Наша задача — обеспечить удобную и безопасную среду для совершения покупок, мы сами не производим и не продаем товары.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как зарегистрироваться на платформе?</h3>
+        <summary>Как зарегистрироваться на платформе?</summary>
+        <div class="faq-answer">
         <p>Зарегистрироваться легко: откройте наше приложение внутри Telegram. Ваш профиль будет создан автоматически сразу же после входа.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Безопасно ли покупать на сайте?</h3>
+        <summary>Безопасно ли покупать на сайте?</summary>
+        <div class="faq-answer">
         <p>Абсолютно да! Все транзакции защищены современными технологиями шифрования (PCI DSS и 3D Secure). Ваши банковские данные надежно хранятся отдельно от нашей системы.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Оформление заказа</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как правильно оформить покупку?</h3>
+        <summary>Как правильно оформить покупку?</summary>
+        <div class="faq-answer">
         <p>
           1️⃣ Найдите понравившийся товар и добавьте его в корзину.<br>
           2️⃣ Открыв корзину, кликните «Оформить заказ».<br>
@@ -35,23 +42,29 @@
           6️⃣ Завершите оплату вашего заказа.
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Можно ли внести изменения в заказ после завершения покупки?</h3>
+        <summary>Можно ли внести изменения в заказ после завершения покупки?</summary>
+        <div class="faq-answer">
         <p>Если продавец ещё не отправил товар, напишите нам в поддержку — мы поможем скорректировать заказ. Но после отправки товара изменение невозможно.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как отказаться от заказа?</h3>
+        <summary>Как отказаться от заказа?</summary>
+        <div class="faq-answer">
         <p>Свяжитесь с нами или непосредственно с продавцом через чаты заказов. Пока посылка не отправлена, отказ возможен с полным возвратом денег.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Оплата 💳</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Какие способы оплаты доступны?</h3>
+        <summary>Какие способы оплаты доступны?</summary>
+        <div class="faq-answer">
         <p>Принимаются:</p>
         <ul>
           <li>Банковские карты Visa, MasterCard, МИР,</li>
@@ -60,14 +73,18 @@
           <li>Наличные при получении (если предусмотрено продавцом).</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Когда спишутся средства с моей карты?</h3>
+        <summary>Когда спишутся средства с моей карты?</summary>
+        <div class="faq-answer">
         <p>Операция проходит мгновенно, но деньги временно замораживаются до момента получения вами товара. Как только вы подтверждаете получение, средства отправляются продавцу.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Почему мой платёж мог быть отклонён?</h3>
+        <summary>Почему мой платёж мог быть отклонён?</summary>
+        <div class="faq-answer">
         <p>Возможные причины отказа:</p>
         <ul>
           <li>Недостаточно средств на счёте,</li>
@@ -77,18 +94,22 @@
         </ul>
         <p>Рекомендуем обратиться в банк для выяснения деталей.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Получу ли я чек об оплате?</h3>
+        <summary>Получу ли я чек об оплате?</summary>
+        <div class="faq-answer">
         <p>Да, электронная квитанция придёт на указанный вами e-mail сразу после успешного платежа согласно закону № 54-ФЗ.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Доставка 🚚</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Через какие службы осуществляется доставка?</h3>
+        <summary>Через какие службы осуществляется доставка?</summary>
+        <div class="faq-answer">
         <p><strong>Цифровые товары:</strong> Платформа Marketplace автоматически отправляет цифровые товары (лицензии, ключи, сертификаты) на вашу электронную почту или в личный кабинет мгновенно после оплаты.</p>
         <p><strong>Материальные товары:</strong> Продавец самостоятельно работает с ведущими службами доставки:</p>
         <ul>
@@ -100,15 +121,19 @@
         </ul>
         <p>Способ доставки материальных товаров выбирается исходя из предпочтений продавца и места назначения.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Сколько стоит доставка моего заказа?</h3>
+        <summary>Сколько стоит доставка моего заказа?</summary>
+        <div class="faq-answer">
         <p><strong>Цифровые товары:</strong> Доставка бесплатная — товар придёт на email мгновенно.</p>
         <p><strong>Материальные товары:</strong> Цена определяется продавцом и зависит от веса, габаритов товара, выбранного способа и региона доставки. Окончательная стоимость видна при оформлении заказа.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Какой срок доставки моего заказа?</h3>
+        <summary>Какой срок доставки моего заказа?</summary>
+        <div class="faq-answer">
         <p><strong>Цифровые товары:</strong> Мгновенная доставка на email (в течение нескольких минут после оплаты).</p>
         <p><strong>Материальные товары</strong> (примерные сроки):</p>
         <ul>
@@ -119,108 +144,140 @@
           <li>Яндекс.Доставка: в тот же день (при наличии возможности в вашем городе).</li>
         </ul>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как отслеживать мою посылку?</h3>
+        <summary>Как отслеживать мою посылку?</summary>
+        <div class="faq-answer">
         <p>Вы получите трек-код на свою электронную почту и сможете увидеть статус заказа в личном кабинете. Отслеживать посылку можно на официальном сайте выбранной курьерской службы.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Что делать, если товар пришёл повреждённым? ⛑</h3>
+        <summary>Что делать, если товар пришёл повреждённым? ⛑</summary>
+        <div class="faq-answer">
         <p>Осмотрите товар прямо при курьере. Если обнаружились дефекты — оформляйте акт отказа от приёмки и незамедлительно сообщайте продавцу и службе поддержки.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Возврат и обмен ✅</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Можно ли вернуть товар?</h3>
+        <summary>Можно ли вернуть товар?</summary>
+        <div class="faq-answer">
         <p>Да, закон позволяет вернуть качественный товар в течение 7 дней после получения. Бракованные изделия возвращаются по особым правилам.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Какие товары вернуть нельзя?</h3>
+        <summary>Какие товары вернуть нельзя?</summary>
+        <div class="faq-answer">
         <p>Нельзя вернуть товары, перечисленные в Постановлении Правительства РФ №2463: медикаменты, косметику, бельё, активированные цифровые продукты и индивидуальные заказы. Подробности смотрите в разделе <a [routerLink]="'/return-policy' | langRoute">«Политика возврата»</a>.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как вернуть деньги?</h3>
+        <summary>Как вернуть деньги?</summary>
+        <div class="faq-answer">
         <p>
           1. Сообщите продавцу о намерении вернуть товар.<br>
           2. Верните товар в оригинальной упаковке.<br>
           3. Продавец проверит состояние товара и вернёт средства таким же способом, каким была произведена покупка (до 30 дней ожидания возврата).
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Кто оплатит обратный путь?</h3>
+        <summary>Кто оплатит обратный путь?</summary>
+        <div class="faq-answer">
         <p>Покупатель оплачивает обратную доставку качественного товара. Если обнаружен брак — расходы несёт продавец.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Гарантия 🔧</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Есть ли гарантия на товары?</h3>
+        <summary>Есть ли гарантия на товары?</summary>
+        <div class="faq-answer">
         <p>Большинство наших товаров имеют официальную гарантию производителя. Срок варьируется от 12 до 36 месяцев и указывается в карточке каждого продукта.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как воспользоваться гарантией?</h3>
+        <summary>Как воспользоваться гарантией?</summary>
+        <div class="faq-answer">
         <p>Сообщите продавцу о неисправности, приложив фотографии дефектов и гарантийный талон. Продавец займётся ремонтом или заменой товара.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Что не покрыто гарантией?</h3>
+        <summary>Что не покрыто гарантией?</summary>
+        <div class="faq-answer">
         <p>Механические повреждения, последствия неправильной эксплуатации, самостоятельный ремонт, влияние влаги (если нет защиты), естественный износ — всё это не является страховым случаем.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Безопасность и конфиденциальность 🔐</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как вы защищаете мои личные данные?</h3>
+        <summary>Как вы защищаете мои личные данные?</summary>
+        <div class="faq-answer">
         <p>Используем современные методы шифрования SSL/TLS, не храним реквизиты карт, выполняем требования закона №152-ФЗ о защите персональной информации. Подробности — в <a [routerLink]="'/privacy-policy' | langRoute">Политике конфиденциальности</a>.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Кому предоставляются мои данные?</h3>
+        <summary>Кому предоставляются мои данные?</summary>
+        <div class="faq-answer">
         <p>Только вашему продавцу для обработки заказа и службам доставки. Данные не используются третьими лицами для маркетинга без вашего разрешения.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как удалить свой аккаунт?</h3>
+        <summary>Как удалить свой аккаунт?</summary>
+        <div class="faq-answer">
         <p>Напишите нам в службу поддержки запрос на удаление учётной записи. Аккаунт будет ликвидирован вместе с личной информацией в течение месяца.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Информация для продавцов 📋</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как начать продавать на площадке?</h3>
+        <summary>Как начать продавать на площадке?</summary>
+        <div class="faq-answer">
         <p>Чтобы присоединиться к нашим продавцам, обратитесь в службу поддержки по электронной почте <a href="mailto:the Contacts page">the Contacts page</a>.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Какова комиссия площадки?</h3>
+        <summary>Какова комиссия площадки?</summary>
+        <div class="faq-answer">
         <p>Комиссия зависит от типа товара и объёма продаж. Узнать точные условия можно при регистрации.</p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Когда поступят деньги за продажу?</h3>
+        <summary>Когда поступят деньги за продажу?</summary>
+        <div class="faq-answer">
         <p>Продавец получает средства после подтверждения клиентом получения товара либо спустя две недели с момента доставки, если клиент не указал проблем с покупкой.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">
       <h2>Служба поддержки 💬</h2>
       
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Как связаться с поддержкой?</h3>
+        <summary>Как связаться с поддержкой?</summary>
+        <div class="faq-answer">
         <p>
           ✉️ <strong>Email:</strong> <a href="mailto:the Contacts page">the Contacts page</a><br>
           📞 <strong>Телефон (Россия):</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -229,11 +286,14 @@
           ❄️ <strong>Техподдержка доступна круглосуточно.</strong>
         </p>
         </div>
+      </details>
     
-      <div class="faq-item">
+      <details class="faq-item">
-        <h3>Сколько ждать ответа?</h3>
+        <summary>Сколько ждать ответа?</summary>
+        <div class="faq-answer">
         <p>Во время рабочего дня ответ поступает в течение двух часов. В праздники и выходные возможны задержки до суток.</p>
         </div>
+      </details>
     </section>
     
     <section class="legal-section">

src/app/pages/static-page/static-page.component.scss

@@ -1,16 +1,19 @@
 .static-page {
   min-height: 45vh;
+  padding-block: var(--space-lg);
 }
 
 .static-page__state {
-  padding: 2rem 0;
+  padding: var(--space-xl) 0;
   display: grid;
-  gap: 0.75rem;
+  gap: var(--space-sm);
+  max-width: 70ch;
 }
 
 .static-page__content {
   display: grid;
-  gap: 1rem;
+  gap: var(--space-md);
+  max-width: 70ch;
 
   h1 {
     color: var(--text-primary, #1e3c38);
@@ -18,12 +21,67 @@
   }
 }
 
+// Prose styling for arbitrary CMS-authored HTML rendered via [innerHTML].
+// Keeps a readable line length and consistent rhythm regardless of what
+// tags the page editor produced, without touching the sanitized markup.
 .static-page__html {
   color: var(--text-primary, #1e3c38);
-  line-height: 1.6;
+  line-height: var(--line-height-relaxed);
 
-  h2,
+  > * + * {
-  h3 {
+    margin-top: var(--space-md);
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    margin-top: var(--space-lg);
+    margin-bottom: var(--space-sm);
+  }
+
+  h2, h3 {
     margin-top: 1.25rem;
   }
+
+  p, ul, ol {
+    margin: 0;
+  }
+
+  ul, ol {
+    padding-left: var(--space-lg);
+  }
+
+  li + li {
+    margin-top: var(--space-xs);
+  }
+
+  a {
+    color: var(--primary-color);
+
+    &:hover {
+      text-decoration-thickness: 2px;
+    }
+  }
+
+  img {
+    max-width: 100%;
+    height: auto;
+    border-radius: var(--radius-md);
+  }
+
+  blockquote {
+    margin: 0;
+    padding: var(--space-sm) var(--space-md);
+    border-left: 3px solid var(--border-color);
+    color: var(--text-secondary);
+  }
+
+  table {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  th, td {
+    padding: var(--space-sm);
+    border: 1px solid var(--border-color);
+    text-align: left;
+  }
 }

src/styles/shared-legal.scss

@@ -64,6 +64,7 @@
     }
 
     p {
+      max-width: 70ch;
       line-height: 1.8;
       color: var(--text-secondary);
       margin-bottom: 1rem;
@@ -71,6 +72,7 @@
     }
 
     ul, ol {
+      max-width: 70ch;
       line-height: 1.8;
       color: var(--text-secondary);
       margin-bottom: 1.5rem;
@@ -243,7 +245,7 @@
     border-radius: var(--radius-lg);
     padding: 2rem;
     box-shadow: var(--shadow-sm);
-    transition: all 0.3s ease;
+    transition: transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);
     
     &:hover {
       box-shadow: var(--shadow-md);
@@ -322,7 +324,7 @@
     text-align: center;
     font-weight: 500;
     color: var(--text-primary);
-    transition: all 0.3s ease;
+    transition: transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);
     
     &:hover {
       background: var(--primary-color);
@@ -384,7 +386,7 @@
     border-radius: var(--radius-md);
     text-decoration: none;
     display: block;
-    transition: all 0.3s ease;
+    transition: transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);
     
     &:hover {
       background: var(--primary-color);
@@ -455,7 +457,7 @@
   border-radius: var(--radius-md);
   text-decoration: none;
   font-weight: 600;
-  transition: all 0.3s ease;
+  transition: transform var(--transition-normal), box-shadow var(--transition-normal), background var(--transition-normal);
   margin-top: 0.5rem;
   
   &:hover {