sdarbinyan/marketplaces
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(storefront): premium UX polish for static pages

Browse Source 
- 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>
This commit is contained in:
sdarbinyan
2026-07-23 12:07:14 +04:00
parent 99560202c3
commit d5603c229e
6 changed files with 566 additions and 300 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
src/app/pages/info/faq/en/faq-en.component.html
View File

@@ -5,27 +5,34 @@
<section class="legal-section"> <section class="legal-section">
<h2>General Questions</h2> <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> <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> </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> <p>Registration is easy: open our app within Telegram. Your profile will be created automatically as soon as you log in.</p>
</div> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Placing an Order</h2> <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> <p>
1️⃣ Find the product you like and add it to your cart.<br> 1️⃣ Find the product you like and add it to your cart.<br>
2️⃣ Open the cart and click "Place Order".<br> 2️⃣ Open the cart and click "Place Order".<br>
@@ -34,24 +41,30 @@
5️⃣ Review and accept the public offer agreement.<br> 5️⃣ Review and accept the public offer agreement.<br>
6️⃣ Complete the payment for your order. 6️⃣ Complete the payment for your order.
</p> </p>
</div> </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> <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> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Payment 💳</h2> <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> <p>We accept:</p>
<ul> <ul>
<li>Bank cards: Visa, MasterCard, MIR,</li> <li>Bank cards: Visa, MasterCard, MIR,</li>
@@ -59,15 +72,19 @@
<li>Electronic wallets: YooMoney, QIWI,</li> <li>Electronic wallets: YooMoney, QIWI,</li>
<li>Cash on delivery (if offered by the seller).</li> <li>Cash on delivery (if offered by the seller).</li>
</ul> </ul>
</div> </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> <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> </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> <p>Possible reasons for decline:</p>
<ul> <ul>
<li>Insufficient funds in the account,</li> <li>Insufficient funds in the account,</li>
@@ -76,19 +93,23 @@
<li>Technical issues.</li> <li>Technical issues.</li>
</ul> </ul>
<p>We recommend contacting your bank for details.</p> <p>We recommend contacting your bank for details.</p>
</div> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Delivery 🚚</h2> <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>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> <p><strong>Physical products:</strong> The seller works independently with leading delivery services:</p>
<ul> <ul>
@@ -99,16 +120,20 @@
<li>Yandex.Delivery.</li> <li>Yandex.Delivery.</li>
</ul> </ul>
<p>The delivery method for physical products is chosen based on the seller's preferences and destination.</p> <p>The delivery method for physical products is chosen based on the seller's preferences and destination.</p>
</div> </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>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> <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> </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>Digital products:</strong> Instant delivery to email (within a few minutes after payment).</p>
<p><strong>Physical products</strong> (estimated times):</p> <p><strong>Physical products</strong> (estimated times):</p>
<ul> <ul>
@@ -118,109 +143,141 @@
<li>DPD: 1–3 business days,</li> <li>DPD: 1–3 business days,</li>
<li>Yandex.Delivery: same day (if available in your city).</li> <li>Yandex.Delivery: same day (if available in your city).</li>
</ul> </ul>
</div> </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> <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> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Returns and Exchanges ✅</h2> <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> <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> </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> <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> </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> <p>
1. Notify the seller of your intention to return the product.<br> 1. Notify the seller of your intention to return the product.<br>
2. Return the product in its original packaging.<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). 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> </p>
</div> </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> <p>The buyer pays for return shipping of quality products. If a defect is found, the seller covers the costs.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Warranty 🔧</h2> <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> <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> </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> <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> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Security and Privacy 🔐</h2> <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> <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> </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> <p>Only your seller for order processing and delivery services. Data is not used by third parties for marketing without your permission.</p>
</div> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Information for Sellers 📋</h2> <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> <p>To join our sellers, contact our support service by email at <a href="mailto:the Contacts page">the Contacts page</a>.</p>
</div> </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> <p>The commission depends on the product type and sales volume. You can find out the exact terms during registration.</p>
</div> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Customer Support 💬</h2> <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> <p>
✉️ <strong>Email:</strong> <a href="mailto:the Contacts page">the Contacts page</a><br> ✉️ <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> 📞 <strong>Phone (Russia):</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -228,12 +285,15 @@
🏢 <strong>Office hours:</strong> 10:00–19:00 (MSK)<br> 🏢 <strong>Office hours:</strong> 10:00–19:00 (MSK)<br>
❄️ <strong>Technical support is available 24/7.</strong> ❄️ <strong>Technical support is available 24/7.</strong>
</p> </p>
</div> </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> <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> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">

66
src/app/pages/info/faq/faq.component.scss
View File

@@ -1,36 +1,62 @@
@use '../../../../styles/shared-legal.scss'; @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 { .faq-item {
margin-bottom: 2rem; margin-bottom: 1rem;
padding: 1.5rem; padding: 1.25rem 1.5rem;
background: var(--bg-primary); background: var(--bg-primary);
border-radius: var(--radius-md); border-radius: var(--radius-md);
box-shadow: var(--shadow-sm); 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); border-left: 4px solid var(--primary-color);
&:hover { &:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-md); box-shadow: var(--shadow-md);
} }
h3 { &[open] {
color: var(--primary-color); box-shadow: var(--shadow-md);
margin-top: 0;
font-size: var(--font-size-2xl, 1.25rem);
margin-bottom: 0.75rem;
} }
p { summary {
margin-bottom: 0.5rem; color: var(--primary-color);
font-size: var(--font-size-xl);
&:last-child { font-weight: var(--font-weight-semibold);
margin-bottom: 0; line-height: var(--line-height-tight);
cursor: pointer;
border-radius: var(--radius-sm);
&:focus-visible {
outline: 2px solid var(--primary-color);
outline-offset: 2px;
} }
} }
ul { &[open] summary {
margin-top: 0.5rem; margin-bottom: 0.75rem;
}
.faq-answer {
p {
margin-bottom: 0.5rem;
line-height: var(--line-height-relaxed);
&:last-child {
margin-bottom: 0;
}
}
ul {
margin-top: 0.5rem;
}
}
}
@media (prefers-reduced-motion: reduce) {
.faq-item {
transition: none;
} }
} }

240
src/app/pages/info/faq/hy/faq-hy.component.html
View File

@@ -5,27 +5,34 @@
<section class="legal-section"> <section class="legal-section">
<h2>Ընդհանուր հարցեր</h2> <h2>Ընդհանուր հարցեր</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Ի՞նչ է Marketplace-ը։</h3> <summary>Ի՞նչ է Marketplace-ը։</summary>
<div class="faq-answer">
<p>Marketplace-ը առցանց հարթակ է, որտեղ անկախ վաճառողները տեղադրում են իրենց ապրանքներն ու ծառայությունները։ Մեր նպատակը հարմար և անվտանգ միջավայր ապահովելն է գնումների համար. մենք ինքներս ապրանք չենք արտադրում և չենք վաճառում։</p> <p>Marketplace-ը առցանց հարթակ է, որտեղ անկախ վաճառողները տեղադրում են իրենց ապրանքներն ու ծառայությունները։ Մեր նպատակը հարմար և անվտանգ միջավայր ապահովելն է գնումների համար. մենք ինքներս ապրանք չենք արտադրում և չենք վաճառում։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս գրանցվել հարթակում։</h3> <summary>Ինչպե՞ս գրանցվել հարթակում։</summary>
<div class="faq-answer">
<p>Գրանցվելը շատ հեշտ է. բացեք մեր հավելվածը Telegram-ում։ Մուտք գործելուց հետո ձեր պրոֆիլը կստեղծվի ավտոմատ կերպով։</p> <p>Գրանցվելը շատ հեշտ է. բացեք մեր հավելվածը Telegram-ում։ Մուտք գործելուց հետո ձեր պրոֆիլը կստեղծվի ավտոմատ կերպով։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Անվտանգ է արդյո՞ք գնում կատարել կայքում։</h3> <summary>Անվտանգ է արդյո՞ք գնում կատարել կայքում։</summary>
<div class="faq-answer">
<p>Այո։ Բոլոր գործարքները պաշտպանված են ժամանակակից գաղտնագրման տեխնոլոգիաներով (PCI DSS և 3D Secure)։ Ձեր բանկային տվյալները պահվում են անվտանգ և մեր համակարգից առանձնացված միջավայրում։</p> <p>Այո։ Բոլոր գործարքները պաշտպանված են ժամանակակից գաղտնագրման տեխնոլոգիաներով (PCI DSS և 3D Secure)։ Ձեր բանկային տվյալները պահվում են անվտանգ և մեր համակարգից առանձնացված միջավայրում։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Պատվերի ձևակերպում</h2> <h2>Պատվերի ձևակերպում</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս կատարել գնում։</h3> <summary>Ինչպե՞ս կատարել գնում։</summary>
<div class="faq-answer">
<p> <p>
1️⃣ Գտեք ձեզ դուր եկած ապրանքը և ավելացրեք այն զամբյուղում։<br> 1️⃣ Գտեք ձեզ դուր եկած ապրանքը և ավելացրեք այն զամբյուղում։<br>
2️⃣ Բացեք զամբյուղը և սեղմեք «Ձևակերպել պատվերը»։<br> 2️⃣ Բացեք զամբյուղը և սեղմեք «Ձևակերպել պատվերը»։<br>
@@ -34,24 +41,30 @@
5️⃣ Ծանոթացեք և հաստատեք հանրային օֆերտայի պայմանները։<br> 5️⃣ Ծանոթացեք և հաստատեք հանրային օֆերտայի պայմանները։<br>
6️⃣ Ավարտեք վճարումը։ 6️⃣ Ավարտեք վճարումը։
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Կարելի՞ է փոփոխություններ կատարել գնումից հետո։</h3> <summary>Կարելի՞ է փոփոխություններ կատարել գնումից հետո։</summary>
<div class="faq-answer">
<p>Եթե վաճառողը դեռ չի ուղարկել ապրանքը, գրեք աջակցության ծառայությանը, և մենք կօգնենք ճշտել պատվերը։ Սակայն ապրանքի ուղարկումից հետո փոփոխություններ կատարել այլևս հնարավոր չէ։</p> <p>Եթե վաճառողը դեռ չի ուղարկել ապրանքը, գրեք աջակցության ծառայությանը, և մենք կօգնենք ճշտել պատվերը։ Սակայն ապրանքի ուղարկումից հետո փոփոխություններ կատարել այլևս հնարավոր չէ։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս հրաժարվել պատվերից։</h3> <summary>Ինչպե՞ս հրաժարվել պատվերից։</summary>
<div class="faq-answer">
<p>Կապ հաստատեք մեզ հետ կամ անմիջապես վաճառողի հետ պատվերի չատի միջոցով։ Քանի դեռ ապրանքը չի ուղարկվել, պատվերից կարելի է հրաժարվել ամբողջ գումարի վերադարձով։</p> <p>Կապ հաստատեք մեզ հետ կամ անմիջապես վաճառողի հետ պատվերի չատի միջոցով։ Քանի դեռ ապրանքը չի ուղարկվել, պատվերից կարելի է հրաժարվել ամբողջ գումարի վերադարձով։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Վճարում 💳</h2> <h2>Վճարում 💳</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Ի՞նչ վճարման եղանակներ կան։</h3> <summary>Ի՞նչ վճարման եղանակներ կան։</summary>
<div class="faq-answer">
<p>Ընդունվում են`</p> <p>Ընդունվում են`</p>
<ul> <ul>
<li>Visa, MasterCard, МИР բանկային քարտեր,</li> <li>Visa, MasterCard, МИР բանկային քարտեր,</li>
@@ -59,15 +72,19 @@
<li>էլեկտրոնային դրամապանակներ` YooMoney, QIWI,</li> <li>էլեկտրոնային դրամապանակներ` YooMoney, QIWI,</li>
<li>կանխիկ վճարում ստացման պահին, եթե դա նախատեսված է վաճառողի կողմից։</li> <li>կանխիկ վճարում ստացման պահին, եթե դա նախատեսված է վաճառողի կողմից։</li>
</ul> </ul>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ե՞րբ է գումարը գանձվում քարտից։</h3> <summary>Ե՞րբ է գումարը գանձվում քարտից։</summary>
<div class="faq-answer">
<p>Գործարքը կատարվում է անմիջապես, սակայն գումարը ժամանակավորապես պահվում է մինչև ապրանքի ստացումը հաստատվի։ Ստացումը հաստատվելուց հետո գումարը փոխանցվում է վաճառողին։</p> <p>Գործարքը կատարվում է անմիջապես, սակայն գումարը ժամանակավորապես պահվում է մինչև ապրանքի ստացումը հաստատվի։ Ստացումը հաստատվելուց հետո գումարը փոխանցվում է վաճառողին։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչո՞ւ կարող է վճարումը մերժվել։</h3> <summary>Ինչո՞ւ կարող է վճարումը մերժվել։</summary>
<div class="faq-answer">
<p>Մերժման հնարավոր պատճառներն են`</p> <p>Մերժման հնարավոր պատճառներն են`</p>
<ul> <ul>
<li>հաշվում անբավարար միջոցներ,</li> <li>հաշվում անբավարար միջոցներ,</li>
@@ -76,19 +93,23 @@
<li>տեխնիկական խափանումներ։</li> <li>տեխնիկական խափանումներ։</li>
</ul> </ul>
<p>Խորհուրդ ենք տալիս մանրամասները ճշտելու համար դիմել ձեր բանկին։</p> <p>Խորհուրդ ենք տալիս մանրամասները ճշտելու համար դիմել ձեր բանկին։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Կստանա՞մ վճարման կտրոն։</h3> <summary>Կստանա՞մ վճարման կտրոն։</summary>
<div class="faq-answer">
<p>Այո, հաջող վճարումից անմիջապես հետո ձեր նշած էլեկտրոնային հասցեին կուղարկվի էլեկտրոնային կտրոն` համաձայն Դաշնային օրենք թիվ 54-ФЗ-ի պահանջների։</p> <p>Այո, հաջող վճարումից անմիջապես հետո ձեր նշած էլեկտրոնային հասցեին կուղարկվի էլեկտրոնային կտրոն` համաձայն Դաշնային օրենք թիվ 54-ФЗ-ի պահանջների։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Առաքում 🚚</h2> <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> Marketplace հարթակն ավտոմատ կերպով ուղարկում է թվային ապրանքները (լիցենզիաներ, բանալիներ, վկայագրեր) ձեր էլեկտրոնային հասցեին կամ անձնական հաշվին` վճարումը հաստատվելուց անմիջապես հետո։</p>
<p><strong>Նյութական ապրանքներ՝</strong> Վաճառողն ինքնուրույն աշխատում է առաքման ծառայությունների հետ, այդ թվում`</p> <p><strong>Նյութական ապրանքներ՝</strong> Վաճառողն ինքնուրույն աշխատում է առաքման ծառայությունների հետ, այդ թվում`</p>
<ul> <ul>
@@ -99,16 +120,20 @@
<li>Yandex.Доставка։</li> <li>Yandex.Доставка։</li>
</ul> </ul>
<p>Նյութական ապրանքների առաքման եղանակը ընտրվում է վաճառողի առաջարկների և առաքման ուղղության հիման վրա։</p> <p>Նյութական ապրանքների առաքման եղանակը ընտրվում է վաճառողի առաջարկների և առաքման ուղղության հիման վրա։</p>
</div> </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>
<p><strong>Նյութական ապրանքներ՝</strong> արժեքը որոշվում է վաճառողի կողմից և կախված է ապրանքի քաշից, չափերից, ընտրված առաքման եղանակից և տարածաշրջանից։ Վերջնական արժեքը ցուցադրվում է պատվերի ձևակերպման պահին։</p> <p><strong>Նյութական ապրանքներ՝</strong> արժեքը որոշվում է վաճառողի կողմից և կախված է ապրանքի քաշից, չափերից, ընտրված առաքման եղանակից և տարածաշրջանից։ Վերջնական արժեքը ցուցադրվում է պատվերի ձևակերպման պահին։</p>
</div> </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>
<p><strong>Նյութական ապրանքներ</strong> (մոտավոր ժամկետներ)՝</p> <p><strong>Նյութական ապրանքներ</strong> (մոտավոր ժամկետներ)՝</p>
<ul> <ul>
@@ -118,109 +143,141 @@
<li>DPD` 1-3 աշխատանքային օր,</li> <li>DPD` 1-3 աշխատանքային օր,</li>
<li>Yandex.Доставка` նույն օրը, եթե ծառայությունը հասանելի է ձեր քաղաքում։</li> <li>Yandex.Доставка` նույն օրը, եթե ծառայությունը հասանելի է ձեր քաղաքում։</li>
</ul> </ul>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս հետևել առաքմանը։</h3> <summary>Ինչպե՞ս հետևել առաքմանը։</summary>
<div class="faq-answer">
<p>Դուք էլեկտրոնային փոստով կստանաք հետևման կոդը և կկարողանաք պատվերի կարգավիճակը տեսնել անձնական հաշվում։ Առաքմանը կարելի է հետևել ընտրված ծառայության պաշտոնական կայքում։</p> <p>Դուք էլեկտրոնային փոստով կստանաք հետևման կոդը և կկարողանաք պատվերի կարգավիճակը տեսնել անձնական հաշվում։ Առաքմանը կարելի է հետևել ընտրված ծառայության պաշտոնական կայքում։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ի՞նչ անել, եթե ապրանքը վնասված է հասել։ ⛑</h3> <summary>Ի՞նչ անել, եթե ապրանքը վնասված է հասել։ ⛑</summary>
<div class="faq-answer">
<p>Ստուգեք ապրանքը սուրհանդակի ներկայությամբ։ Եթե հայտնաբերվեն թերություններ, կազմեք ընդունումից հրաժարվելու ակտ և անմիջապես տեղեկացրեք վաճառողին ու աջակցության ծառայությանը։</p> <p>Ստուգեք ապրանքը սուրհանդակի ներկայությամբ։ Եթե հայտնաբերվեն թերություններ, կազմեք ընդունումից հրաժարվելու ակտ և անմիջապես տեղեկացրեք վաճառողին ու աջակցության ծառայությանը։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Վերադարձ և փոխանակում ✅</h2> <h2>Վերադարձ և փոխանակում ✅</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Կարելի՞ է վերադարձնել ապրանքը։</h3> <summary>Կարելի՞ է վերադարձնել ապրանքը։</summary>
<div class="faq-answer">
<p>Այո, օրենքը թույլ է տալիս վերադարձնել պատշաճ որակի ապրանքը 7 օրվա ընթացքում։ Թերություն ունեցող ապրանքների վերադարձը կարգավորվում է առանձին կանոններով։</p> <p>Այո, օրենքը թույլ է տալիս վերադարձնել պատշաճ որակի ապրանքը 7 օրվա ընթացքում։ Թերություն ունեցող ապրանքների վերադարձը կարգավորվում է առանձին կանոններով։</p>
</div> </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> <p>ՌԴ Կառավարության թիվ 2463 որոշմամբ սահմանված ապրանքները վերադարձման ենթակա չեն. օրինակ` դեղամիջոցներ, կոսմետիկա, ներքնազգեստ, ակտիվացված թվային ապրանքներ և անհատական պատվերներ։ Մանրամասները տեսեք <a [routerLink]="'/return-policy' | langRoute">«Վերադարձի քաղաքականություն»</a> բաժնում։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս վերադարձնել գումարը։</h3> <summary>Ինչպե՞ս վերադարձնել գումարը։</summary>
<div class="faq-answer">
<p> <p>
1. Տեղեկացրեք վաճառողին ապրանքը վերադարձնելու մտադրության մասին։<br> 1. Տեղեկացրեք վաճառողին ապրանքը վերադարձնելու մտադրության մասին։<br>
2. Վերադարձրեք ապրանքը սկզբնական փաթեթավորմամբ։<br> 2. Վերադարձրեք ապրանքը սկզբնական փաթեթավորմամբ։<br>
3. Վաճառողը կստուգի ապրանքի վիճակը և գումարը կվերադարձնի նույն վճարման եղանակով (վերադարձը կարող է տևել մինչև 30 օր)։ 3. Վաճառողը կստուգի ապրանքի վիճակը և գումարը կվերադարձնի նույն վճարման եղանակով (վերադարձը կարող է տևել մինչև 30 օր)։
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ո՞վ է վճարում հետադարձ առաքման համար։</h3> <summary>Ո՞վ է վճարում հետադարձ առաքման համար։</summary>
<div class="faq-answer">
<p>Պատշաճ որակի ապրանքի հետադարձ առաքման ծախսերը կրում է գնորդը։ Եթե հայտնաբերվել է թերություն, ծախսերը կրում է վաճառողը։</p> <p>Պատշաճ որակի ապրանքի հետադարձ առաքման ծախսերը կրում է գնորդը։ Եթե հայտնաբերվել է թերություն, ծախսերը կրում է վաճառողը։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Երաշխիք 🔧</h2> <h2>Երաշխիք 🔧</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Կա՞ երաշխիք ապրանքների համար։</h3> <summary>Կա՞ երաշխիք ապրանքների համար։</summary>
<div class="faq-answer">
<p>Ապրանքների մեծ մասի համար գործում է արտադրողի պաշտոնական երաշխիք։ Ժամկետը սովորաբար 12-ից 36 ամիս է և նշված է յուրաքանչյուր ապրանքի էջում։</p> <p>Ապրանքների մեծ մասի համար գործում է արտադրողի պաշտոնական երաշխիք։ Ժամկետը սովորաբար 12-ից 36 ամիս է և նշված է յուրաքանչյուր ապրանքի էջում։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս օգտվել երաշխիքից։</h3> <summary>Ինչպե՞ս օգտվել երաշխիքից։</summary>
<div class="faq-answer">
<p>Տեղեկացրեք վաճառողին թերության մասին` կցելով լուսանկարներ և երաշխիքային կտրոնը։ Վաճառողը կկազմակերպի վերանորոգումը կամ ապրանքի փոխարինումը։</p> <p>Տեղեկացրեք վաճառողին թերության մասին` կցելով լուսանկարներ և երաշխիքային կտրոնը։ Վաճառողը կկազմակերպի վերանորոգումը կամ ապրանքի փոխարինումը։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ի՞նչը չի մտնում երաշխիքի տակ։</h3> <summary>Ի՞նչը չի մտնում երաշխիքի տակ։</summary>
<div class="faq-answer">
<p>Մեխանիկական վնասվածքները, ոչ պատշաճ շահագործման հետևանքները, ինքնուրույն վերանորոգումը, խոնավության ազդեցությունը (եթե պաշտպանություն նախատեսված չէ) և բնական մաշվածությունը երաշխիքային դեպք չեն համարվում։</p> <p>Մեխանիկական վնասվածքները, ոչ պատշաճ շահագործման հետևանքները, ինքնուրույն վերանորոգումը, խոնավության ազդեցությունը (եթե պաշտպանություն նախատեսված չէ) և բնական մաշվածությունը երաշխիքային դեպք չեն համարվում։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Անվտանգություն և գաղտնիություն 🔐</h2> <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> <p>Մենք օգտագործում ենք SSL/TLS գաղտնագրման ժամանակակից մեթոդներ, չենք պահում քարտերի տվյալները և գործում ենք անձնական տվյալների պաշտպանության վերաբերյալ թիվ 152-ФЗ դաշնային օրենքի պահանջներին համապատասխան։ Մանրամասները կարող եք կարդալ <a [routerLink]="'/privacy-policy' | langRoute">Գաղտնիության քաղաքականություն</a> բաժնում։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ու՞մ են տրամադրվում իմ տվյալները։</h3> <summary>Ու՞մ են տրամադրվում իմ տվյալները։</summary>
<div class="faq-answer">
<p>Տվյալները տրամադրվում են միայն ձեր վաճառողին և առաքման ծառայություններին` պատվերի մշակման և առաքման նպատակով։ Առանց ձեր թույլտվության դրանք չեն օգտագործվում երրորդ կողմերի կողմից մարքեթինգային նպատակներով։</p> <p>Տվյալները տրամադրվում են միայն ձեր վաճառողին և առաքման ծառայություններին` պատվերի մշակման և առաքման նպատակով։ Առանց ձեր թույլտվության դրանք չեն օգտագործվում երրորդ կողմերի կողմից մարքեթինգային նպատակներով։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս ջնջել իմ հաշիվը։</h3> <summary>Ինչպե՞ս ջնջել իմ հաշիվը։</summary>
<div class="faq-answer">
<p>Գրեք աջակցության ծառայությանը` հաշվի ջնջման հարցումով։ Հաշիվը և կից անձնական տվյալները կհեռացվեն մեկ ամսվա ընթացքում։</p> <p>Գրեք աջակցության ծառայությանը` հաշվի ջնջման հարցումով։ Հաշիվը և կից անձնական տվյալները կհեռացվեն մեկ ամսվա ընթացքում։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Տեղեկատվություն վաճառողների համար 📋</h2> <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> <p>Հարթակում վաճառք սկսելու համար դիմեք աջակցության ծառայությանը` <a href="mailto:the Contacts page">the Contacts page</a> հասցեով։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Որքա՞ն է հարթակի միջնորդավճարը։</h3> <summary>Որքա՞ն է հարթակի միջնորդավճարը։</summary>
<div class="faq-answer">
<p>Միջնորդավճարի չափը կախված է ապրանքի տեսակից և վաճառքի ծավալից։ Ճշգրիտ պայմանները կարող եք իմանալ գրանցվելուց հետո։</p> <p>Միջնորդավճարի չափը կախված է ապրանքի տեսակից և վաճառքի ծավալից։ Ճշգրիտ պայմանները կարող եք իմանալ գրանցվելուց հետո։</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Ե՞րբ կստանամ վաճառքի գումարը։</h3> <summary>Ե՞րբ կստանամ վաճառքի գումարը։</summary>
<div class="faq-answer">
<p>Վաճառողը ստանում է գումարը հաճախորդի կողմից ապրանքի ստացումը հաստատելուց հետո կամ առաքումից երկու շաբաթ անց, եթե հաճախորդը որևէ խնդիր չի նշել։</p> <p>Վաճառողը ստանում է գումարը հաճախորդի կողմից ապրանքի ստացումը հաստատելուց հետո կամ առաքումից երկու շաբաթ անց, եթե հաճախորդը որևէ խնդիր չի նշել։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Աջակցության ծառայություն 💬</h2> <h2>Աջակցության ծառայություն 💬</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Ինչպե՞ս կապվել աջակցության հետ։</h3> <summary>Ինչպե՞ս կապվել աջակցության հետ։</summary>
<div class="faq-answer">
<p> <p>
✉️ <strong>Էլ. հասցե՝</strong> <a href="mailto:the Contacts page">the Contacts page</a><br> ✉️ <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> 📞 <strong>Հեռախոս (Ռուսաստան)՝</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -228,12 +285,15 @@
🏢 <strong>Գրասենյակի աշխատանքային ժամերը՝</strong> 10:00-19:00 (ՄՍԿ)<br> 🏢 <strong>Գրասենյակի աշխատանքային ժամերը՝</strong> 10:00-19:00 (ՄՍԿ)<br>
❄️ <strong>Տեխնիկական աջակցությունը հասանելի է 24/7։</strong> ❄️ <strong>Տեխնիկական աջակցությունը հասանելի է 24/7։</strong>
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Որքա՞ն ժամանակում կստանամ պատասխան։</h3> <summary>Որքա՞ն ժամանակում կստանամ պատասխան։</summary>
<div class="faq-answer">
<p>Աշխատանքային օրերին պատասխանը սովորաբար գալիս է երկու ժամվա ընթացքում։ Տոներին և հանգստյան օրերին հնարավոր են մինչև մեկ օրվա ուշացումներ։</p> <p>Աշխատանքային օրերին պատասխանը սովորաբար գալիս է երկու ժամվա ընթացքում։ Տոներին և հանգստյան օրերին հնարավոր են մինչև մեկ օրվա ուշացումներ։</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">

240
src/app/pages/info/faq/ru/faq-ru.component.html
View File

@@ -5,27 +5,34 @@
<section class="legal-section"> <section class="legal-section">
<h2>Общие вопросы</h2> <h2>Общие вопросы</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Что такое Marketplace?</h3> <summary>Что такое Marketplace?</summary>
<div class="faq-answer">
<p>Marketplace — это онлайн-площадка, где независимые продавцы размещают свои товары и услуги. Наша задача — обеспечить удобную и безопасную среду для совершения покупок, мы сами не производим и не продаем товары.</p> <p>Marketplace — это онлайн-площадка, где независимые продавцы размещают свои товары и услуги. Наша задача — обеспечить удобную и безопасную среду для совершения покупок, мы сами не производим и не продаем товары.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как зарегистрироваться на платформе?</h3> <summary>Как зарегистрироваться на платформе?</summary>
<div class="faq-answer">
<p>Зарегистрироваться легко: откройте наше приложение внутри Telegram. Ваш профиль будет создан автоматически сразу же после входа.</p> <p>Зарегистрироваться легко: откройте наше приложение внутри Telegram. Ваш профиль будет создан автоматически сразу же после входа.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Безопасно ли покупать на сайте?</h3> <summary>Безопасно ли покупать на сайте?</summary>
<div class="faq-answer">
<p>Абсолютно да! Все транзакции защищены современными технологиями шифрования (PCI DSS и 3D Secure). Ваши банковские данные надежно хранятся отдельно от нашей системы.</p> <p>Абсолютно да! Все транзакции защищены современными технологиями шифрования (PCI DSS и 3D Secure). Ваши банковские данные надежно хранятся отдельно от нашей системы.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Оформление заказа</h2> <h2>Оформление заказа</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Как правильно оформить покупку?</h3> <summary>Как правильно оформить покупку?</summary>
<div class="faq-answer">
<p> <p>
1️⃣ Найдите понравившийся товар и добавьте его в корзину.<br> 1️⃣ Найдите понравившийся товар и добавьте его в корзину.<br>
2️⃣ Открыв корзину, кликните «Оформить заказ».<br> 2️⃣ Открыв корзину, кликните «Оформить заказ».<br>
@@ -34,24 +41,30 @@
5️⃣ Ознакомьтесь и подтвердите публичную оферту.<br> 5️⃣ Ознакомьтесь и подтвердите публичную оферту.<br>
6️⃣ Завершите оплату вашего заказа. 6️⃣ Завершите оплату вашего заказа.
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Можно ли внести изменения в заказ после завершения покупки?</h3> <summary>Можно ли внести изменения в заказ после завершения покупки?</summary>
<div class="faq-answer">
<p>Если продавец ещё не отправил товар, напишите нам в поддержку — мы поможем скорректировать заказ. Но после отправки товара изменение невозможно.</p> <p>Если продавец ещё не отправил товар, напишите нам в поддержку — мы поможем скорректировать заказ. Но после отправки товара изменение невозможно.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как отказаться от заказа?</h3> <summary>Как отказаться от заказа?</summary>
<div class="faq-answer">
<p>Свяжитесь с нами или непосредственно с продавцом через чаты заказов. Пока посылка не отправлена, отказ возможен с полным возвратом денег.</p> <p>Свяжитесь с нами или непосредственно с продавцом через чаты заказов. Пока посылка не отправлена, отказ возможен с полным возвратом денег.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Оплата 💳</h2> <h2>Оплата 💳</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Какие способы оплаты доступны?</h3> <summary>Какие способы оплаты доступны?</summary>
<div class="faq-answer">
<p>Принимаются:</p> <p>Принимаются:</p>
<ul> <ul>
<li>Банковские карты Visa, MasterCard, МИР,</li> <li>Банковские карты Visa, MasterCard, МИР,</li>
@@ -59,15 +72,19 @@
<li>Электронные кошельки ЮMoney, QIWI,</li> <li>Электронные кошельки ЮMoney, QIWI,</li>
<li>Наличные при получении (если предусмотрено продавцом).</li> <li>Наличные при получении (если предусмотрено продавцом).</li>
</ul> </ul>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Когда спишутся средства с моей карты?</h3> <summary>Когда спишутся средства с моей карты?</summary>
<div class="faq-answer">
<p>Операция проходит мгновенно, но деньги временно замораживаются до момента получения вами товара. Как только вы подтверждаете получение, средства отправляются продавцу.</p> <p>Операция проходит мгновенно, но деньги временно замораживаются до момента получения вами товара. Как только вы подтверждаете получение, средства отправляются продавцу.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Почему мой платёж мог быть отклонён?</h3> <summary>Почему мой платёж мог быть отклонён?</summary>
<div class="faq-answer">
<p>Возможные причины отказа:</p> <p>Возможные причины отказа:</p>
<ul> <ul>
<li>Недостаточно средств на счёте,</li> <li>Недостаточно средств на счёте,</li>
@@ -76,19 +93,23 @@
<li>Технические сбои.</li> <li>Технические сбои.</li>
</ul> </ul>
<p>Рекомендуем обратиться в банк для выяснения деталей.</p> <p>Рекомендуем обратиться в банк для выяснения деталей.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Получу ли я чек об оплате?</h3> <summary>Получу ли я чек об оплате?</summary>
<div class="faq-answer">
<p>Да, электронная квитанция придёт на указанный вами e-mail сразу после успешного платежа согласно закону № 54-ФЗ.</p> <p>Да, электронная квитанция придёт на указанный вами e-mail сразу после успешного платежа согласно закону № 54-ФЗ.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Доставка 🚚</h2> <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> Платформа Marketplace автоматически отправляет цифровые товары (лицензии, ключи, сертификаты) на вашу электронную почту или в личный кабинет мгновенно после оплаты.</p>
<p><strong>Материальные товары:</strong> Продавец самостоятельно работает с ведущими службами доставки:</p> <p><strong>Материальные товары:</strong> Продавец самостоятельно работает с ведущими службами доставки:</p>
<ul> <ul>
@@ -99,16 +120,20 @@
<li>Яндекс.Доставка.</li> <li>Яндекс.Доставка.</li>
</ul> </ul>
<p>Способ доставки материальных товаров выбирается исходя из предпочтений продавца и места назначения.</p> <p>Способ доставки материальных товаров выбирается исходя из предпочтений продавца и места назначения.</p>
</div> </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> Доставка бесплатная — товар придёт на email мгновенно.</p>
<p><strong>Материальные товары:</strong> Цена определяется продавцом и зависит от веса, габаритов товара, выбранного способа и региона доставки. Окончательная стоимость видна при оформлении заказа.</p> <p><strong>Материальные товары:</strong> Цена определяется продавцом и зависит от веса, габаритов товара, выбранного способа и региона доставки. Окончательная стоимость видна при оформлении заказа.</p>
</div> </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> Мгновенная доставка на email (в течение нескольких минут после оплаты).</p>
<p><strong>Материальные товары</strong> (примерные сроки):</p> <p><strong>Материальные товары</strong> (примерные сроки):</p>
<ul> <ul>
@@ -118,109 +143,141 @@
<li>DPD: 1–3 рабочих дня,</li> <li>DPD: 1–3 рабочих дня,</li>
<li>Яндекс.Доставка: в тот же день (при наличии возможности в вашем городе).</li> <li>Яндекс.Доставка: в тот же день (при наличии возможности в вашем городе).</li>
</ul> </ul>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как отслеживать мою посылку?</h3> <summary>Как отслеживать мою посылку?</summary>
<div class="faq-answer">
<p>Вы получите трек-код на свою электронную почту и сможете увидеть статус заказа в личном кабинете. Отслеживать посылку можно на официальном сайте выбранной курьерской службы.</p> <p>Вы получите трек-код на свою электронную почту и сможете увидеть статус заказа в личном кабинете. Отслеживать посылку можно на официальном сайте выбранной курьерской службы.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Что делать, если товар пришёл повреждённым? ⛑</h3> <summary>Что делать, если товар пришёл повреждённым? ⛑</summary>
<div class="faq-answer">
<p>Осмотрите товар прямо при курьере. Если обнаружились дефекты — оформляйте акт отказа от приёмки и незамедлительно сообщайте продавцу и службе поддержки.</p> <p>Осмотрите товар прямо при курьере. Если обнаружились дефекты — оформляйте акт отказа от приёмки и незамедлительно сообщайте продавцу и службе поддержки.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Возврат и обмен ✅</h2> <h2>Возврат и обмен ✅</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Можно ли вернуть товар?</h3> <summary>Можно ли вернуть товар?</summary>
<div class="faq-answer">
<p>Да, закон позволяет вернуть качественный товар в течение 7 дней после получения. Бракованные изделия возвращаются по особым правилам.</p> <p>Да, закон позволяет вернуть качественный товар в течение 7 дней после получения. Бракованные изделия возвращаются по особым правилам.</p>
</div> </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> <p>Нельзя вернуть товары, перечисленные в Постановлении Правительства РФ №2463: медикаменты, косметику, бельё, активированные цифровые продукты и индивидуальные заказы. Подробности смотрите в разделе <a [routerLink]="'/return-policy' | langRoute">«Политика возврата»</a>.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как вернуть деньги?</h3> <summary>Как вернуть деньги?</summary>
<div class="faq-answer">
<p> <p>
1. Сообщите продавцу о намерении вернуть товар.<br> 1. Сообщите продавцу о намерении вернуть товар.<br>
2. Верните товар в оригинальной упаковке.<br> 2. Верните товар в оригинальной упаковке.<br>
3. Продавец проверит состояние товара и вернёт средства таким же способом, каким была произведена покупка (до 30 дней ожидания возврата). 3. Продавец проверит состояние товара и вернёт средства таким же способом, каким была произведена покупка (до 30 дней ожидания возврата).
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Кто оплатит обратный путь?</h3> <summary>Кто оплатит обратный путь?</summary>
<div class="faq-answer">
<p>Покупатель оплачивает обратную доставку качественного товара. Если обнаружен брак — расходы несёт продавец.</p> <p>Покупатель оплачивает обратную доставку качественного товара. Если обнаружен брак — расходы несёт продавец.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Гарантия 🔧</h2> <h2>Гарантия 🔧</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Есть ли гарантия на товары?</h3> <summary>Есть ли гарантия на товары?</summary>
<div class="faq-answer">
<p>Большинство наших товаров имеют официальную гарантию производителя. Срок варьируется от 12 до 36 месяцев и указывается в карточке каждого продукта.</p> <p>Большинство наших товаров имеют официальную гарантию производителя. Срок варьируется от 12 до 36 месяцев и указывается в карточке каждого продукта.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как воспользоваться гарантией?</h3> <summary>Как воспользоваться гарантией?</summary>
<div class="faq-answer">
<p>Сообщите продавцу о неисправности, приложив фотографии дефектов и гарантийный талон. Продавец займётся ремонтом или заменой товара.</p> <p>Сообщите продавцу о неисправности, приложив фотографии дефектов и гарантийный талон. Продавец займётся ремонтом или заменой товара.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Что не покрыто гарантией?</h3> <summary>Что не покрыто гарантией?</summary>
<div class="faq-answer">
<p>Механические повреждения, последствия неправильной эксплуатации, самостоятельный ремонт, влияние влаги (если нет защиты), естественный износ — всё это не является страховым случаем.</p> <p>Механические повреждения, последствия неправильной эксплуатации, самостоятельный ремонт, влияние влаги (если нет защиты), естественный износ — всё это не является страховым случаем.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Безопасность и конфиденциальность 🔐</h2> <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> <p>Используем современные методы шифрования SSL/TLS, не храним реквизиты карт, выполняем требования закона №152-ФЗ о защите персональной информации. Подробности — в <a [routerLink]="'/privacy-policy' | langRoute">Политике конфиденциальности</a>.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Кому предоставляются мои данные?</h3> <summary>Кому предоставляются мои данные?</summary>
<div class="faq-answer">
<p>Только вашему продавцу для обработки заказа и службам доставки. Данные не используются третьими лицами для маркетинга без вашего разрешения.</p> <p>Только вашему продавцу для обработки заказа и службам доставки. Данные не используются третьими лицами для маркетинга без вашего разрешения.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Как удалить свой аккаунт?</h3> <summary>Как удалить свой аккаунт?</summary>
<div class="faq-answer">
<p>Напишите нам в службу поддержки запрос на удаление учётной записи. Аккаунт будет ликвидирован вместе с личной информацией в течение месяца.</p> <p>Напишите нам в службу поддержки запрос на удаление учётной записи. Аккаунт будет ликвидирован вместе с личной информацией в течение месяца.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Информация для продавцов 📋</h2> <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> <p>Чтобы присоединиться к нашим продавцам, обратитесь в службу поддержки по электронной почте <a href="mailto:the Contacts page">the Contacts page</a>.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Какова комиссия площадки?</h3> <summary>Какова комиссия площадки?</summary>
<div class="faq-answer">
<p>Комиссия зависит от типа товара и объёма продаж. Узнать точные условия можно при регистрации.</p> <p>Комиссия зависит от типа товара и объёма продаж. Узнать точные условия можно при регистрации.</p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Когда поступят деньги за продажу?</h3> <summary>Когда поступят деньги за продажу?</summary>
<div class="faq-answer">
<p>Продавец получает средства после подтверждения клиентом получения товара либо спустя две недели с момента доставки, если клиент не указал проблем с покупкой.</p> <p>Продавец получает средства после подтверждения клиентом получения товара либо спустя две недели с момента доставки, если клиент не указал проблем с покупкой.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">
<h2>Служба поддержки 💬</h2> <h2>Служба поддержки 💬</h2>
<div class="faq-item"> <details class="faq-item">
<h3>Как связаться с поддержкой?</h3> <summary>Как связаться с поддержкой?</summary>
<div class="faq-answer">
<p> <p>
✉️ <strong>Email:</strong> <a href="mailto:the Contacts page">the Contacts page</a><br> ✉️ <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> 📞 <strong>Телефон (Россия):</strong> <a href="tel:+79264593157">+7 (926) 459-31-57</a><br>
@@ -228,12 +285,15 @@
🏢 <strong>Время работы офиса:</strong> 10:00—19:00 (МСК)<br> 🏢 <strong>Время работы офиса:</strong> 10:00—19:00 (МСК)<br>
❄️ <strong>Техподдержка доступна круглосуточно.</strong> ❄️ <strong>Техподдержка доступна круглосуточно.</strong>
</p> </p>
</div> </div>
</details>
<div class="faq-item"> <details class="faq-item">
<h3>Сколько ждать ответа?</h3> <summary>Сколько ждать ответа?</summary>
<div class="faq-answer">
<p>Во время рабочего дня ответ поступает в течение двух часов. В праздники и выходные возможны задержки до суток.</p> <p>Во время рабочего дня ответ поступает в течение двух часов. В праздники и выходные возможны задержки до суток.</p>
</div> </div>
</details>
</section> </section>
<section class="legal-section"> <section class="legal-section">

70
src/app/pages/static-page/static-page.component.scss
View File

@@ -1,16 +1,19 @@
.static-page { .static-page {
min-height: 45vh; min-height: 45vh;
padding-block: var(--space-lg);
} }
.static-page__state { .static-page__state {
padding: 2rem 0; padding: var(--space-xl) 0;
display: grid; display: grid;
gap: 0.75rem; gap: var(--space-sm);
max-width: 70ch;
} }
.static-page__content { .static-page__content {
display: grid; display: grid;
gap: 1rem; gap: var(--space-md);
max-width: 70ch;
h1 { h1 {
color: var(--text-primary, #1e3c38); 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 { .static-page__html {
color: var(--text-primary, #1e3c38); 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; 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;
}
} }

10
src/styles/shared-legal.scss
View File

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