Merge remote-tracking branch 'origin' into back-office-integration

style fixes
bo integration
2026-02-28 16:13:14 +04:00 · 2026-02-20 10:58:06 +04:00 · 2026-02-20 10:44:03 +04:00
60 changed files with 2288 additions and 813 deletions
--- a/angular.json
+++ b/angular.json
@@ -175,6 +175,26 @@
        },
        "extract-i18n": {
          "builder": "@angular/build:extract-i18n"
+        },
+        "test": {
+          "builder": "@angular/build:karma",
+          "options": {
+            "polyfills": [
+              "zone.js",
+              "zone.js/testing"
+            ],
+            "tsConfig": "tsconfig.spec.json",
+            "inlineStyleLanguage": "scss",
+            "assets": [
+              {
+                "glob": "**/*",
+                "input": "public"
+              }
+            ],
+            "styles": [
+              "src/styles.scss"
+            ]
+          }
        }
      }
    }
--- a/nginx.conf
+++ b/nginx.conf
@@ -36,9 +36,6 @@ server {
    add_header X-Frame-Options "SAMEORIGIN" always;
    add_header X-Content-Type-Options "nosniff" always;
    add_header X-XSS-Protection "1; mode=block" always;
-    add_header Referrer-Policy "strict-origin-when-cross-origin" always;
-    add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;
-    add_header Content-Security-Policy "default-src 'self'; script-src 'self' 'unsafe-inline' 'unsafe-eval' https://telegram.org; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; img-src 'self' data: https:; connect-src 'self' https:; frame-src https://telegram.org;" always;
    
    # Brotli compression (if available)
    # brotli on;
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,11 +8,15 @@
      "name": "dexarmarket",
      "version": "0.0.0",
      "dependencies": {
+        "@angular/animations": "^21.1.5",
+        "@angular/cdk": "^21.1.5",
        "@angular/common": "^21.0.6",
        "@angular/compiler": "^21.0.6",
        "@angular/core": "^21.0.6",
        "@angular/forms": "^21.0.6",
+        "@angular/material": "^21.1.5",
        "@angular/platform-browser": "^21.0.6",
+        "@angular/platform-browser-dynamic": "^21.1.5",
        "@angular/router": "^21.0.6",
        "@angular/service-worker": "^21.0.6",
        "primeicons": "^7.0.0",
@@ -324,6 +328,21 @@
        "yarn": ">= 1.13.0"
      }
    },
+    "node_modules/@angular/animations": {
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-21.1.5.tgz",
+      "integrity": "sha512-gsqHX8lCYV8cgVtHs0iLwrX8SVlmcjUF44l/xCc/jBC/TeKWRl2e6Jqrn1Wcd0NDlGiNsm+mYNyqMyy5/I7kjw==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/core": "21.1.5"
+      }
+    },
    "node_modules/@angular/build": {
      "version": "21.1.0",
      "resolved": "https://registry.npmjs.org/@angular/build/-/build-21.1.0.tgz",
@@ -472,6 +491,22 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/@angular/cdk": {
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-21.1.5.tgz",
+      "integrity": "sha512-AlQPgqe3LLwXCyrDwYSX3m/WKnl2ppCMW7Gb+7bJpIcpMdWYEpSOSQF318jXGYIysKg43YbdJ1tWhJWY/cbn3w==",
+      "license": "MIT",
+      "dependencies": {
+        "parse5": "^8.0.0",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
    "node_modules/@angular/cli": {
      "version": "21.1.0",
      "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-21.1.0.tgz",
@@ -613,6 +648,23 @@
        "rxjs": "^6.5.3 || ^7.4.0"
      }
    },
+    "node_modules/@angular/material": {
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/material/-/material-21.1.5.tgz",
+      "integrity": "sha512-D6JvFulPvIKhPJ52prMV7DxwYMzcUpHar11ZcMb7r9WQzUfCS3FDPXfMAce5n3h+3kFccfmmGpnyBwqTlLPSig==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "@angular/cdk": "21.1.5",
+        "@angular/common": "^21.0.0 || ^22.0.0",
+        "@angular/core": "^21.0.0 || ^22.0.0",
+        "@angular/forms": "^21.0.0 || ^22.0.0",
+        "@angular/platform-browser": "^21.0.0 || ^22.0.0",
+        "rxjs": "^6.5.3 || ^7.4.0"
+      }
+    },
    "node_modules/@angular/platform-browser": {
      "version": "21.0.6",
      "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-21.0.6.tgz",
@@ -635,6 +687,24 @@
        }
      }
    },
+    "node_modules/@angular/platform-browser-dynamic": {
+      "version": "21.1.5",
+      "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-21.1.5.tgz",
+      "integrity": "sha512-Pd8nPbJSIONnze1WS9wLBAtaFw4TYIH+ZGjKHS9G1E9l09tDWtHWyB7dY82Sc//Nc8iR4V7dcsbUmFjOJHThww==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.3.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
+      },
+      "peerDependencies": {
+        "@angular/common": "21.1.5",
+        "@angular/compiler": "21.1.5",
+        "@angular/core": "21.1.5",
+        "@angular/platform-browser": "21.1.5"
+      }
+    },
    "node_modules/@angular/router": {
      "version": "21.0.6",
      "resolved": "https://registry.npmjs.org/@angular/router/-/router-21.0.6.tgz",
@@ -7687,7 +7757,6 @@
      "version": "8.0.0",
      "resolved": "https://registry.npmjs.org/parse5/-/parse5-8.0.0.tgz",
      "integrity": "sha512-9m4m5GSgXjL4AjumKzq1Fgfp3Z8rsvjRNbnkVwfu2ImRqE5D0LnY2QfDen18FSY9C573YU5XxSapdHZTZ2WolA==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "entities": "^6.0.0"
@@ -7741,7 +7810,6 @@
      "version": "6.0.1",
      "resolved": "https://registry.npmjs.org/entities/-/entities-6.0.1.tgz",
      "integrity": "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==",
-      "dev": true,
      "license": "BSD-2-Clause",
      "engines": {
        "node": ">=0.12"
--- a/package.json
+++ b/package.json
@@ -16,11 +16,15 @@
  },
  "private": true,
  "dependencies": {
+    "@angular/animations": "^21.1.5",
+    "@angular/cdk": "^21.1.5",
    "@angular/common": "^21.0.6",
    "@angular/compiler": "^21.0.6",
    "@angular/core": "^21.0.6",
    "@angular/forms": "^21.0.6",
+    "@angular/material": "^21.1.5",
    "@angular/platform-browser": "^21.0.6",
+    "@angular/platform-browser-dynamic": "^21.1.5",
    "@angular/router": "^21.0.6",
    "@angular/service-worker": "^21.0.6",
    "primeicons": "^7.0.0",
--- a/public/icons/icon-192x192.png
+++ b/public/icons/icon-192x192.png
--- a/public/icons/icon-512x512.png
+++ b/public/icons/icon-512x512.png
--- a/public/manifest.novo.webmanifest
+++ b/public/manifest.novo.webmanifest
@@ -1,4 +1,5 @@
 {
+  "$schema": "./node_modules/@angular/service-worker/config/schema.json",
  "name": "Novo Market - Интернет-магазин",
  "short_name": "Novo",
  "description": "Novo Market - ваш онлайн магазин качественных товаров с доставкой",
@@ -11,10 +12,34 @@
  "categories": ["shopping", "lifestyle"],
  "icons": [
    {
-      "src": "assets/images/novo-favicon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
-      "purpose": "any"
+      "src": "icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "maskable any"
    },
    {
      "src": "icons/icon-192x192.png",
@@ -22,6 +47,12 @@
      "type": "image/png",
      "purpose": "maskable any"
    },
+    {
+      "src": "icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
    {
      "src": "icons/icon-512x512.png",
      "sizes": "512x512",
--- a/public/manifest.webmanifest
+++ b/public/manifest.webmanifest
@@ -11,10 +11,34 @@
  "categories": ["shopping", "marketplace"],
  "icons": [
    {
-      "src": "assets/images/dexar-favicon.svg",
-      "sizes": "any",
-      "type": "image/svg+xml",
-      "purpose": "any"
+      "src": "icons/icon-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-128x128.png",
+      "sizes": "128x128",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
+    {
+      "src": "icons/icon-152x152.png",
+      "sizes": "152x152",
+      "type": "image/png",
+      "purpose": "maskable any"
    },
    {
      "src": "icons/icon-192x192.png",
@@ -22,6 +46,12 @@
      "type": "image/png",
      "purpose": "maskable any"
    },
+    {
+      "src": "icons/icon-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png",
+      "purpose": "maskable any"
+    },
    {
      "src": "icons/icon-512x512.png",
      "sizes": "512x512",
--- a/src/app/app.html
+++ b/src/app/app.html
@@ -12,10 +12,10 @@
  </div>
 } @else {
  <app-header></app-header>
-  <main class="main-content">
  @if (!isHomePage()) {
    <app-back-button />
  }
+  <main class="main-content">
    <router-outlet></router-outlet>
  </main>
  <app-footer></app-footer>
--- a/src/app/app.spec.ts
+++ b/src/app/app.spec.ts
@@ -0,0 +1,18 @@
+import { TestBed } from '@angular/core/testing';
+import { App } from './app';
+import { provideRouter } from '@angular/router';
+
+describe('App', () => {
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [App],
+      providers: [provideRouter([])]
+    }).compileComponents();
+  });
+
+  it('should create the app', () => {
+    const fixture = TestBed.createComponent(App);
+    const app = fixture.componentInstance;
+    expect(app).toBeTruthy();
+  });
+});
--- a/src/app/components/back-button/back-button.component.ts
+++ b/src/app/components/back-button/back-button.component.ts
@@ -17,16 +17,14 @@ import { TranslateService } from '../../i18n/translate.service';
  `,
  styles: [`
    .dexar-back-btn {
-      position: sticky;
-      top: 72px;
+      position: fixed;
+      top: 76px;
      left: 20px;
      z-index: 100;
      background: none;
      border: none;
      cursor: pointer;
-      padding: 8px 4px;
-      margin-bottom: -40px;
-      width: fit-content;
+      padding: 4px;
      transition: transform 0.2s ease;
      
      svg path {
@@ -49,7 +47,7 @@ import { TranslateService } from '../../i18n/translate.service';

    @media (max-width: 768px) {
      .dexar-back-btn {
-        top: 64px;
+        top: 68px;
        left: 12px;
        
        svg {
--- a/src/app/components/header/header.component.html
+++ b/src/app/components/header/header.component.html
@@ -29,8 +29,8 @@
      <div class="novo-right">
        <app-language-selector />
        
-        <a [routerLink]="'/cart' | langRoute" routerLinkActive="novo-cart-active" class="novo-cart" (click)="closeMenu()" [attr.aria-label]="'header.cart' | translate">
-          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
+        <a [routerLink]="'/cart' | langRoute" routerLinkActive="novo-cart-active" class="novo-cart" (click)="closeMenu()">
+          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
            <circle cx="9" cy="21" r="1"></circle>
            <circle cx="20" cy="21" r="1"></circle>
            <path d="M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6"></path>
@@ -40,7 +40,7 @@
          }
        </a>
        
-        <button class="menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen" [attr.aria-label]="menuOpen ? 'Close menu' : 'Open menu'" [attr.aria-expanded]="menuOpen">
+        <button class="menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen">
          <span></span>
          <span></span>
          <span></span>
@@ -112,7 +112,7 @@
        </div>

        <!-- Mobile Menu Toggle -->
-        <button class="dexar-menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen" [attr.aria-label]="menuOpen ? 'Close menu' : 'Open menu'" [attr.aria-expanded]="menuOpen">
+        <button class="dexar-menu-toggle" (click)="toggleMenu()" [class.active]="menuOpen">
          <span></span>
          <span></span>
          <span></span>
--- a/src/app/components/items-carousel/items-carousel.component.html
+++ b/src/app/components/items-carousel/items-carousel.component.html
@@ -22,6 +22,13 @@
                            @if (product.discount > 0) {
                                <span class="discount-badge">-{{ product.discount }}%</span>
                            }
+                            @if (product.badges && product.badges.length > 0) {
+                                <div class="item-badges-overlay">
+                                    @for (badge of product.badges; track badge) {
+                                        <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+                                    }
+                                </div>
+                            }
                        </div>
                        
                        <div class="item-details">
--- a/src/app/components/items-carousel/items-carousel.component.ts
+++ b/src/app/components/items-carousel/items-carousel.component.ts
@@ -7,7 +7,7 @@ import { TagModule } from 'primeng/tag';
 import { ApiService, CartService } from '../../services';
 import { Item } from '../../models';
 import { environment } from '../../../environments/environment';
-import { getDiscountedPrice, getMainImage } from '../../utils/item.utils';
+import { getDiscountedPrice, getMainImage, getBadgeClass } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';

@@ -98,6 +98,7 @@ export class ItemsCarouselComponent implements OnInit {

    readonly getItemImage = getMainImage;
    readonly getDiscountedPrice = getDiscountedPrice;
+    readonly getBadgeClass = getBadgeClass;

    addToCart(event: Event, item: Item): void {
        event.preventDefault();
--- a/src/app/components/language-selector/language-selector.component.html
+++ b/src/app/components/language-selector/language-selector.component.html
@@ -1,5 +1,5 @@
-<div class="language-selector" role="listbox">
-  <button class="language-button" (click)="toggleDropdown()" (keydown)="onKeyDown($event)" aria-haspopup="listbox" [attr.aria-expanded]="dropdownOpen">
+<div class="language-selector">
+  <button class="language-button" (click)="toggleDropdown()">
    <img [src]="languageService.getCurrentLanguage()?.flagSvg" 
         [alt]="languageService.getCurrentLanguage()?.name" 
         class="language-flag">
@@ -13,8 +13,6 @@
    @for (lang of languageService.languages; track lang.code) {
      <button 
        class="language-option" 
-        role="option"
-        [attr.aria-selected]="languageService.currentLanguage() === lang.code"
        [class.active]="languageService.currentLanguage() === lang.code"
        [class.disabled]="!lang.enabled"
        [disabled]="!lang.enabled"
--- a/src/app/components/language-selector/language-selector.component.ts
+++ b/src/app/components/language-selector/language-selector.component.ts
@@ -31,15 +31,6 @@ export class LanguageSelectorComponent {
    this.dropdownOpen = false;
  }

-  onKeyDown(event: KeyboardEvent): void {
-    if (event.key === 'Escape') {
-      this.dropdownOpen = false;
-    } else if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      this.toggleDropdown();
-    }
-  }
-
  @HostListener('document:click', ['$event'])
  onClickOutside(event: Event): void {
    if (!this.elementRef.nativeElement.contains(event.target)) {
--- a/src/app/config/constants.ts
+++ b/src/app/config/constants.ts
@@ -1,19 +0,0 @@
-// Payment polling
-export const PAYMENT_POLL_INTERVAL_MS = 5000;
-export const PAYMENT_MAX_CHECKS = 36;
-export const PAYMENT_TIMEOUT_CLOSE_MS = 3000;
-export const PAYMENT_ERROR_CLOSE_MS = 4000;
-export const LINK_COPIED_DURATION_MS = 2000;
-
-// Infinite scroll
-export const SCROLL_THRESHOLD_PX = 1200;
-export const SCROLL_DEBOUNCE_MS = 100;
-export const ITEMS_PER_PAGE = 20;
-
-// Search
-export const SEARCH_DEBOUNCE_MS = 300;
-export const SEARCH_MIN_LENGTH = 3;
-
-// Cache
-export const CACHE_DURATION_MS = 5 * 60 * 1000;
-export const CATEGORY_CACHE_DURATION_MS = 2 * 60 * 1000;
--- a/src/app/i18n/en.ts
+++ b/src/app/i18n/en.ts
@@ -148,6 +148,7 @@ export const en: Translations = {
    mediumStock: 'Running low',
    addToCart: 'Add to cart',
    description: 'Description',
+    specifications: 'Specifications',
    reviews: 'Reviews',
    yourReview: 'Your review',
    leaveReview: 'Leave a review',
--- a/src/app/i18n/hy.ts
+++ b/src/app/i18n/hy.ts
@@ -2,187 +2,188 @@ import { Translations } from './translations';

 export const hy: Translations = {
  header: {
-    home: 'Գլխավոր',
-    search: 'Որոնում',
-    about: 'Մեր մասին',
-    contacts: 'Կապ',
-    searchPlaceholder: 'Որոնել...',
-    catalog: 'Կատալոգ',
+    home: '╘│╒м╒н╒б╒╛╒╕╓А',
+    search: '╒И╓А╒╕╒╢╒╕╓В╒┤',
+    about: '╒Д╒е╓А ╒┤╒б╒╜╒л╒╢',
+    contacts: '╘┐╒б╒║',
+    searchPlaceholder: '╒И╓А╒╕╒╢╒е╒м...',
+    catalog: '╘┐╒б╒┐╒б╒м╒╕╒г',
  },
  footer: {
-    description: 'Ժամանակակից մարքեթփլեյս հարմար գնումների համար',
-    company: 'Ընկերություն',
-    aboutUs: 'Մեր մասին',
-    contacts: 'Կապ',
-    requisites: 'Վավերապայմաններ',
-    support: 'Աջակցություն',
-    faq: 'ՀՏՀ',
-    delivery: 'Առաքում',
-    guarantee: 'Երաշխիք',
-    legal: 'Իրավական տեղեկատվություն',
-    offer: 'Օֆերտա',
-    privacy: 'Գաղտնիություն',
-    returns: 'Վերադարձ',
-    info: 'Տեղեկատվություն',
-    aboutCompany: 'Ընկերության մասին',
-    documents: 'Փաստաթղթեր',
-    paymentRules: 'Վճարման կանոններ',
-    returnPolicy: 'Վերադարձի քաղաքականություն',
-    publicOffer: 'Հանրային օֆերտա',
-    help: 'Օգնություն',
-    payment: 'Վճարում',
-    allRightsReserved: 'Բոլոր իրավունքները պաշտպանված են։',
+    description: '╘║╒б╒┤╒б╒╢╒б╒п╒б╒п╒л╓Б ╒┤╒б╓А╓Д╒е╒й╓Г╒м╒е╒╡╒╜ ╒░╒б╓А╒┤╒б╓А ╒г╒╢╒╕╓В╒┤╒╢╒е╓А╒л ╒░╒б╒┤╒б╓А',
+    company: '╘╕╒╢╒п╒е╓А╒╕╓В╒й╒╡╒╕╓В╒╢',
+    aboutUs: '╒Д╒е╓А ╒┤╒б╒╜╒л╒╢',
+    contacts: '╘┐╒б╒║',
+    requisites: '╒О╒б╒╛╒е╓А╒б╒║╒б╒╡╒┤╒б╒╢╒╢╒е╓А',
+    support: '╘▒╒╗╒б╒п╓Б╒╕╓В╒й╒╡╒╕╓В╒╢',
+    faq: '╒А╒П╒А',
+    delivery: '╘▒╒╝╒б╓Д╒╕╓В╒┤',
+    guarantee: '╘╡╓А╒б╒╖╒н╒л╓Д',
+    legal: '╘╗╓А╒б╒╛╒б╒п╒б╒╢ ╒┐╒е╒▓╒е╒п╒б╒┐╒╛╒╕╓В╒й╒╡╒╕╓В╒╢',
+    offer: '╒Х╓Ж╒е╓А╒┐╒б',
+    privacy: '╘│╒б╒▓╒┐╒╢╒л╒╕╓В╒й╒╡╒╕╓В╒╢',
+    returns: '╒О╒е╓А╒б╒д╒б╓А╒▒',
+    info: '╒П╒е╒▓╒е╒п╒б╒┐╒╛╒╕╓В╒й╒╡╒╕╓В╒╢',
+    aboutCompany: '╘╕╒╢╒п╒е╓А╒╕╓В╒й╒╡╒б╒╢ ╒┤╒б╒╜╒л╒╢',
+    documents: '╒У╒б╒╜╒┐╒б╒й╒▓╒й╒е╓А',
+    paymentRules: '╒О╒│╒б╓А╒┤╒б╒╢ ╒п╒б╒╢╒╕╒╢╒╢╒е╓А',
+    returnPolicy: '╒О╒е╓А╒б╒д╒б╓А╒▒╒л ╓Д╒б╒▓╒б╓Д╒б╒п╒б╒╢╒╕╓В╒й╒╡╒╕╓В╒╢',
+    publicOffer: '╒А╒б╒╢╓А╒б╒╡╒л╒╢ ╓Е╓Ж╒е╓А╒┐╒б',
+    help: '╒Х╒г╒╢╒╕╓В╒й╒╡╒╕╓В╒╢',
+    payment: '╒О╒│╒б╓А╒╕╓В╒┤',
+    allRightsReserved: '╘▓╒╕╒м╒╕╓А ╒л╓А╒б╒╛╒╕╓В╒╢╓Д╒╢╒е╓А╒и ╒║╒б╒╖╒┐╒║╒б╒╢╒╛╒б╒о ╒е╒╢╓Й',
  },
  home: {
-    welcomeTo: 'Բարի գալուստ {{brand}}',
-    subtitle: 'Գտեք ամեն ինչ մեկ վայրում',
-    startSearch: 'Սկսել որոնումը',
-    loading: 'Կատեգորիաները բեռնվում են...',
-    errorTitle: 'Ինչ-որ բան սխալ է գնացել',
-    retry: 'Փորձել կրկին',
-    categoriesTitle: 'Ապրանքների կատեգորիաներ',
-    categoriesSubtitle: 'Ընտրեք հետաքրքրող կատեգորիան',
-    categoriesEmpty: 'Կատեգորիաները շուտով կհայտնվեն',
-    categoriesEmptyDesc: 'Մենք աշխատում ենք կատալոգի համալրման վրա',
-    dexarHeroTitle: 'Այստեղ դու կգտնես ամեն ինչ',
-    dexarHeroSubtitle: 'Հազարավոր ապրանքներ մեկ վայրում',
-    dexarHeroTagline: 'պարզ և հարմար',
-    goToCatalog: 'Անցնել կատալոգ',
-    findProduct: 'Գտնել ապրանք',
-    loadingDexar: 'Կատեգորիաները բեռնվում են...',
-    catalogTitle: 'Ապրանքների կատալոգ',
-    emptyCategoriesDexar: 'Կատեգորիաները դեռ չկան',
-    categoriesSoonDexar: 'Շուտով այստեղ կհայտնվեն ապրանքների կատեգորիաներ',
-    itemsCount: '{{count}} ապրանք',
+    welcomeTo: '╘▓╒б╓А╒л ╒г╒б╒м╒╕╓В╒╜╒┐ {{brand}}',
+    subtitle: '╘│╒┐╒е╓Д ╒б╒┤╒е╒╢ ╒л╒╢╒╣ ╒┤╒е╒п ╒╛╒б╒╡╓А╒╕╓В╒┤',
+    startSearch: '╒Н╒п╒╜╒е╒м ╒╕╓А╒╕╒╢╒╕╓В╒┤╒и',
+    loading: '╘┐╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒е╒╢...',
+    errorTitle: '╘╗╒╢╒╣-╒╕╓А ╒в╒б╒╢ ╒╜╒н╒б╒м ╒з ╒г╒╢╒б╓Б╒е╒м',
+    retry: '╒У╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢',
+    categoriesTitle: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒л ╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А',
+    categoriesSubtitle: '╘╕╒╢╒┐╓А╒е╓Д ╒░╒е╒┐╒б╓Д╓А╓Д╓А╒╕╒▓ ╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢',
+    categoriesEmpty: '╘┐╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А╒и ╒╖╒╕╓В╒┐╒╕╒╛ ╒п╒░╒б╒╡╒┐╒╢╒╛╒е╒╢',
+    categoriesEmptyDesc: '╒Д╒е╒╢╓Д ╒б╒╖╒н╒б╒┐╒╕╓В╒┤ ╒е╒╢╓Д ╒п╒б╒┐╒б╒м╒╕╒г╒л ╒░╒б╒┤╒б╒м╓А╒┤╒б╒╢ ╒╛╓А╒б',
+    dexarHeroTitle: '╘▒╒╡╒╜╒┐╒е╒▓ ╒д╒╕╓В ╒п╒г╒┐╒╢╒е╒╜ ╒б╒┤╒е╒╢ ╒л╒╢╒╣',
+    dexarHeroSubtitle: '╒А╒б╒ж╒б╓А╒б╒╛╒╕╓А ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А ╒┤╒е╒п ╒╛╒б╒╡╓А╒╕╓В╒┤',
+    dexarHeroTagline: '╒║╒б╓А╒ж ╓З ╒░╒б╓А╒┤╒б╓А',
+    goToCatalog: '╘▒╒╢╓Б╒╢╒е╒м ╒п╒б╒┐╒б╒м╒╕╒г',
+    findProduct: '╘│╒┐╒╢╒е╒м ╒б╒║╓А╒б╒╢╓Д',
+    loadingDexar: '╘┐╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒е╒╢...',
+    catalogTitle: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒л ╒п╒б╒┐╒б╒м╒╕╒г',
+    emptyCategoriesDexar: '╘┐╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А╒и ╒д╒е╒╝ ╒╣╒п╒б╒╢',
+    categoriesSoonDexar: '╒З╒╕╓В╒┐╒╕╒╛ ╒б╒╡╒╜╒┐╒е╒▓ ╒п╒░╒б╒╡╒┐╒╢╒╛╒е╒╢ ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А╒л ╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А',
+    itemsCount: '{{count}} ╒б╒║╓А╒б╒╢╓Д',
  },
  cart: {
-    title: 'Զամբյուղ',
-    clear: 'Մաքրել',
-    empty: 'Զամբյուղը դատարկ է',
-    emptyDesc: 'Ավելացրեք ապրանքներ գնումները սկսելու համար',
-    goShopping: 'Անցնել գնումների',
-    total: 'Ընդամենը',
-    items: 'Ապրանքներ',
-    deliveryLabel: 'Առաքում',
-    toPay: 'Վճարման ենթակա',
-    agreeWith: 'Ես համաձայն եմ',
-    publicOffer: 'հանրային օֆերտային',
-    returnPolicy: 'վերադարձի քաղաքականությանը',
-    guaranteeTerms: 'երաշխիքային պայմաններին',
-    privacyPolicy: 'գաղտնիության քաղաքականությանը',
-    and: 'և',
-    checkout: 'Ձևակերպել պատվեր',
-    close: 'Փակել',
-    creatingPayment: 'Վճարումը ստեղծվում է...',
-    waitFewSeconds: 'Սպասեք մի քանի վայրկյան',
-    scanQr: 'Սկանավորեք QR կոդը վճարման համար',
-    amountToPay: 'Վճարման գումարը՝',
-    waitingPayment: 'Սպասում ենք վճարմանը...',
-    copied: '✓ Պատճենված է',
-    copyLink: 'Պատճենել հղումը',
-    openNewTab: 'Բացել նոր ներդիրում',
-    paymentSuccess: 'Շնորհավորում ենք։ Վճարումը հաջողությամբ կատարվել է։',
-    paymentSuccessDesc: 'Մուտքագրեք ձեր կոնտակտային տվյալները, և մենք կուղարկենք գնումը մի քանի րոպեի ընթացքում',
-    sending: 'Ուղարկվում է...',
-    send: 'Ուղարկել',
-    paymentTimeout: 'Սպասման ժամանակը սպառվել է',
-    paymentTimeoutDesc: 'Մենք չենք ստացել վճարման հաստատում 3 րոպեի ընթացքում։',
-    autoClose: 'Պատուհանը կփակվի ավտոմատ...',
-    confirmClear: 'Համոզվա՞ծ եք, որ ցանկանում եք մաքրել զամբյուղը։',
-    acceptTerms: 'Խնդրում ենք ընդունել օֆերտայի, վերադարձի և երաշխիքի պայմանները պատվերը հաստատելու համար։',
-    copyError: 'Պատճենման սխալ՝',
-    emailSuccess: 'Email-ը հաջողությամբ ուղարկվել է։ Ստուգեք ձեր փոստը։',
-    emailError: 'Email ուղարկելու ժամանակ տեղի ունեցավ սխալ։ Խնդրում ենք փորձել կրկին։',
-    phoneRequired: 'Հեռախոսահամարը պարտադիր է',
-    phoneMoreDigits: 'Մուտքագրեք ևս {{count}} թիվ',
-    phoneTooMany: 'Չափազանց շատ թվեր',
-    emailRequired: 'Email-ը պարտադիր է',
-    emailTooShort: 'Email-ը չափազանց կարճ է (նվազագույնը 5 նիշ)',
-    emailTooLong: 'Email-ը չափազանց երկար է (առավելագույնը 100 նիշ)',
-    emailNeedsAt: 'Email-ը պետք է պարունակի @ նշանը',
-    emailNeedsDomain: 'Email-ը պետք է պարունակի դոմեն (.com, .ru և այլն)',
-    emailInvalid: 'Email-ի ձևաչափը սխալ է',
+    title: '╘╢╒б╒┤╒в╒╡╒╕╓В╒▓',
+    clear: '╒Д╒б╓Д╓А╒е╒м',
+    empty: '╘╢╒б╒┤╒в╒╡╒╕╓В╒▓╒и ╒д╒б╒┐╒б╓А╒п ╒з',
+    emptyDesc: '╘▒╒╛╒е╒м╒б╓Б╓А╒е╓Д ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А ╒г╒╢╒╕╓В╒┤╒╢╒е╓А╒и ╒╜╒п╒╜╒е╒м╒╕╓В ╒░╒б╒┤╒б╓А',
+    goShopping: '╘▒╒╢╓Б╒╢╒е╒м ╒г╒╢╒╕╓В╒┤╒╢╒е╓А╒л',
+    total: '╘╕╒╢╒д╒б╒┤╒е╒╢╒и',
+    items: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А',
+    deliveryLabel: '╘▒╒╝╒б╓Д╒╕╓В╒┤',
+    toPay: '╒О╒│╒б╓А╒┤╒б╒╢ ╒е╒╢╒й╒б╒п╒б',
+    agreeWith: '╘╡╒╜ ╒░╒б╒┤╒б╒▒╒б╒╡╒╢ ╒е╒┤',
+    publicOffer: '╒░╒б╒╢╓А╒б╒╡╒л╒╢ ╓Е╓Ж╒е╓А╒┐╒б╒╡╒л╒╢',
+    returnPolicy: '╒╛╒е╓А╒б╒д╒б╓А╒▒╒л ╓Д╒б╒▓╒б╓Д╒б╒п╒б╒╢╒╕╓В╒й╒╡╒б╒╢╒и',
+    guaranteeTerms: '╒е╓А╒б╒╖╒н╒л╓Д╒б╒╡╒л╒╢ ╒║╒б╒╡╒┤╒б╒╢╒╢╒е╓А╒л╒╢',
+    privacyPolicy: '╒г╒б╒▓╒┐╒╢╒л╒╕╓В╒й╒╡╒б╒╢ ╓Д╒б╒▓╒б╓Д╒б╒п╒б╒╢╒╕╓В╒й╒╡╒б╒╢╒и',
+    and: '╓З',
+    checkout: '╒Б╓З╒б╒п╒е╓А╒║╒е╒м ╒║╒б╒┐╒╛╒е╓А',
+    close: '╒У╒б╒п╒е╒м',
+    creatingPayment: '╒О╒│╒б╓А╒╕╓В╒┤╒и ╒╜╒┐╒е╒▓╒о╒╛╒╕╓В╒┤ ╒з...',
+    waitFewSeconds: '╒Н╒║╒б╒╜╒е╓Д ╒┤╒л ╓Д╒б╒╢╒л ╒╛╒б╒╡╓А╒п╒╡╒б╒╢',
+    scanQr: '╒Н╒п╒б╒╢╒б╒╛╒╕╓А╒е╓Д QR ╒п╒╕╒д╒и ╒╛╒│╒б╓А╒┤╒б╒╢ ╒░╒б╒┤╒б╓А',
+    amountToPay: '╒О╒│╒б╓А╒┤╒б╒╢ ╒г╒╕╓В╒┤╒б╓А╒и╒Э',
+    waitingPayment: '╒Н╒║╒б╒╜╒╕╓В╒┤ ╒е╒╢╓Д ╒╛╒│╒б╓А╒┤╒б╒╢╒и...',
+    copied: 'тЬУ ╒К╒б╒┐╒│╒е╒╢╒╛╒б╒о ╒з',
+    copyLink: '╒К╒б╒┐╒│╒е╒╢╒е╒м ╒░╒▓╒╕╓В╒┤╒и',
+    openNewTab: '╘▓╒б╓Б╒е╒м ╒╢╒╕╓А ╒╢╒е╓А╒д╒л╓А╒╕╓В╒┤',
+    paymentSuccess: '╒З╒╢╒╕╓А╒░╒б╒╛╒╕╓А╒╕╓В╒┤ ╒е╒╢╓Д╓Й ╒О╒│╒б╓А╒╕╓В╒┤╒и ╒░╒б╒╗╒╕╒▓╒╕╓В╒й╒╡╒б╒┤╒в ╒п╒б╒┐╒б╓А╒╛╒е╒м ╒з╓Й',
+    paymentSuccessDesc: '╒Д╒╕╓В╒┐╓Д╒б╒г╓А╒е╓Д ╒▒╒е╓А ╒п╒╕╒╢╒┐╒б╒п╒┐╒б╒╡╒л╒╢ ╒┐╒╛╒╡╒б╒м╒╢╒е╓А╒и, ╓З ╒┤╒е╒╢╓Д ╒п╒╕╓В╒▓╒б╓А╒п╒е╒╢╓Д ╒г╒╢╒╕╓В╒┤╒и ╒┤╒л ╓Д╒б╒╢╒л ╓А╒╕╒║╒е╒л ╒и╒╢╒й╒б╓Б╓Д╒╕╓В╒┤',
+    sending: '╒И╓В╒▓╒б╓А╒п╒╛╒╕╓В╒┤ ╒з...',
+    send: '╒И╓В╒▓╒б╓А╒п╒е╒м',
+    paymentTimeout: '╒Н╒║╒б╒╜╒┤╒б╒╢ ╒к╒б╒┤╒б╒╢╒б╒п╒и ╒╜╒║╒б╒╝╒╛╒е╒м ╒з',
+    paymentTimeoutDesc: '╒Д╒е╒╢╓Д ╒╣╒е╒╢╓Д ╒╜╒┐╒б╓Б╒е╒м ╒╛╒│╒б╓А╒┤╒б╒╢ ╒░╒б╒╜╒┐╒б╒┐╒╕╓В╒┤ 3 ╓А╒╕╒║╒е╒л ╒и╒╢╒й╒б╓Б╓Д╒╕╓В╒┤╓Й',
+    autoClose: '╒К╒б╒┐╒╕╓В╒░╒б╒╢╒и ╒п╓Г╒б╒п╒╛╒л ╒б╒╛╒┐╒╕╒┤╒б╒┐...',
+    confirmClear: '╒А╒б╒┤╒╕╒ж╒╛╒б╒Ю╒о ╒е╓Д, ╒╕╓А ╓Б╒б╒╢╒п╒б╒╢╒╕╓В╒┤ ╒е╓Д ╒┤╒б╓Д╓А╒е╒м ╒ж╒б╒┤╒в╒╡╒╕╓В╒▓╒и╓Й',
+    acceptTerms: '╘╜╒╢╒д╓А╒╕╓В╒┤ ╒е╒╢╓Д ╒и╒╢╒д╒╕╓В╒╢╒е╒м ╓Е╓Ж╒е╓А╒┐╒б╒╡╒л, ╒╛╒е╓А╒б╒д╒б╓А╒▒╒л ╓З ╒е╓А╒б╒╖╒н╒л╓Д╒л ╒║╒б╒╡╒┤╒б╒╢╒╢╒е╓А╒и ╒║╒б╒┐╒╛╒е╓А╒и ╒░╒б╒╜╒┐╒б╒┐╒е╒м╒╕╓В ╒░╒б╒┤╒б╓А╓Й',
+    copyError: '╒К╒б╒┐╒│╒е╒╢╒┤╒б╒╢ ╒╜╒н╒б╒м╒Э',
+    emailSuccess: 'Email-╒и ╒░╒б╒╗╒╕╒▓╒╕╓В╒й╒╡╒б╒┤╒в ╒╕╓В╒▓╒б╓А╒п╒╛╒е╒м ╒з╓Й ╒Н╒┐╒╕╓В╒г╒е╓Д ╒▒╒е╓А ╓Г╒╕╒╜╒┐╒и╓Й',
+    emailError: 'Email ╒╕╓В╒▓╒б╓А╒п╒е╒м╒╕╓В ╒к╒б╒┤╒б╒╢╒б╒п ╒┐╒е╒▓╒л ╒╕╓В╒╢╒е╓Б╒б╒╛ ╒╜╒н╒б╒м╓Й ╘╜╒╢╒д╓А╒╕╓В╒┤ ╒е╒╢╓Д ╓Г╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢╓Й',
+    phoneRequired: '╒А╒е╒╝╒б╒н╒╕╒╜╒б╒░╒б╒┤╒б╓А╒и ╒║╒б╓А╒┐╒б╒д╒л╓А ╒з',
+    phoneMoreDigits: '╒Д╒╕╓В╒┐╓Д╒б╒г╓А╒е╓Д ╓З╒╜ {{count}} ╒й╒л╒╛',
+    phoneTooMany: '╒Й╒б╓Г╒б╒ж╒б╒╢╓Б ╒╖╒б╒┐ ╒й╒╛╒е╓А',
+    emailRequired: 'Email-╒и ╒║╒б╓А╒┐╒б╒д╒л╓А ╒з',
+    emailTooShort: 'Email-╒и ╒╣╒б╓Г╒б╒ж╒б╒╢╓Б ╒п╒б╓А╒│ ╒з (╒╢╒╛╒б╒ж╒б╒г╒╕╓В╒╡╒╢╒и 5 ╒╢╒л╒╖)',
+    emailTooLong: 'Email-╒и ╒╣╒б╓Г╒б╒ж╒б╒╢╓Б ╒е╓А╒п╒б╓А ╒з (╒б╒╝╒б╒╛╒е╒м╒б╒г╒╕╓В╒╡╒╢╒и 100 ╒╢╒л╒╖)',
+    emailNeedsAt: 'Email-╒и ╒║╒е╒┐╓Д ╒з ╒║╒б╓А╒╕╓В╒╢╒б╒п╒л @ ╒╢╒╖╒б╒╢╒и',
+    emailNeedsDomain: 'Email-╒и ╒║╒е╒┐╓Д ╒з ╒║╒б╓А╒╕╓В╒╢╒б╒п╒л ╒д╒╕╒┤╒е╒╢ (.com, .ru ╓З ╒б╒╡╒м╒╢)',
+    emailInvalid: 'Email-╒л ╒▒╓З╒б╒╣╒б╓Г╒и ╒╜╒н╒б╒м ╒з',
  },
  search: {
-    title: 'Ապրանքների որոնում',
-    placeholder: 'Մուտքագրեք ապրանքի անունը...',
-    resultsCount: 'Գտնված ապրանքներ՝',
-    searching: 'Որոնում...',
-    retry: 'Փորձել կրկին',
-    noResults: 'Ոչինչ չի գտնվել',
-    noResultsFor: '"{{query}}" հարցման համար ապրանքներ չեն գտնվել',
-    noResultsHint: 'Փորձեք փոխել հարցումը կամ օգտագործել այլ բանալի բառեր',
-    addToCart: 'Ավելացնել զամբյուղ',
-    loadingMore: 'Բեռնվում է...',
-    allLoaded: 'Բոլոր արդյունքները բեռնված են',
-    emptyState: 'Մուտքագրեք հարցում ապրանքներ որոնելու համար',
-    of: 'ից',
+    title: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒л ╒╕╓А╒╕╒╢╒╕╓В╒┤',
+    placeholder: '╒Д╒╕╓В╒┐╓Д╒б╒г╓А╒е╓Д ╒б╒║╓А╒б╒╢╓Д╒л ╒б╒╢╒╕╓В╒╢╒и...',
+    resultsCount: '╘│╒┐╒╢╒╛╒б╒о ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А╒Э',
+    searching: '╒И╓А╒╕╒╢╒╕╓В╒┤...',
+    retry: '╒У╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢',
+    noResults: '╒И╒╣╒л╒╢╒╣ ╒╣╒л ╒г╒┐╒╢╒╛╒е╒м',
+    noResultsFor: '"{{query}}" ╒░╒б╓А╓Б╒┤╒б╒╢ ╒░╒б╒┤╒б╓А ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А ╒╣╒е╒╢ ╒г╒┐╒╢╒╛╒е╒м',
+    noResultsHint: '╒У╒╕╓А╒▒╒е╓Д ╓Г╒╕╒н╒е╒м ╒░╒б╓А╓Б╒╕╓В╒┤╒и ╒п╒б╒┤ ╓Е╒г╒┐╒б╒г╒╕╓А╒о╒е╒м ╒б╒╡╒м ╒в╒б╒╢╒б╒м╒л ╒в╒б╒╝╒е╓А',
+    addToCart: '╘▒╒╛╒е╒м╒б╓Б╒╢╒е╒м ╒ж╒б╒┤╒в╒╡╒╕╓В╒▓',
+    loadingMore: '╘▓╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒з...',
+    allLoaded: '╘▓╒╕╒м╒╕╓А ╒б╓А╒д╒╡╒╕╓В╒╢╓Д╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒б╒о ╒е╒╢',
+    emptyState: '╒Д╒╕╓В╒┐╓Д╒б╒г╓А╒е╓Д ╒░╒б╓А╓Б╒╕╓В╒┤ ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А ╒╕╓А╒╕╒╢╒е╒м╒╕╓В ╒░╒б╒┤╒б╓А',
+    of: '╒л╓Б',
  },
  category: {
-    retry: 'Փորձել կրկին',
-    addToCart: 'Ավելացնել զամբյուղ',
-    loadingMore: 'Բեռնվում է...',
-    allLoaded: 'Բոլոր ապրանքները բեռնված են',
-    emptyTitle: 'Ուպս։ Այստեղ դեռ դատարկ է',
-    emptyDesc: 'Այս կատեգորիայում դեռ ապրանքներ չկան, բայց շուտով կհայտնվեն',
-    goHome: 'Գլխավոր էջ',
-    loading: 'Ապրանքները բեռնվում են...',
+    retry: '╒У╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢',
+    addToCart: '╘▒╒╛╒е╒м╒б╓Б╒╢╒е╒м ╒ж╒б╒┤╒в╒╡╒╕╓В╒▓',
+    loadingMore: '╘▓╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒з...',
+    allLoaded: '╘▓╒╕╒м╒╕╓А ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒б╒о ╒е╒╢',
+    emptyTitle: '╒И╓В╒║╒╜╓Й ╘▒╒╡╒╜╒┐╒е╒▓ ╒д╒е╒╝ ╒д╒б╒┐╒б╓А╒п ╒з',
+    emptyDesc: '╘▒╒╡╒╜ ╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╡╒╕╓В╒┤ ╒д╒е╒╝ ╒б╒║╓А╒б╒╢╓Д╒╢╒е╓А ╒╣╒п╒б╒╢, ╒в╒б╒╡╓Б ╒╖╒╕╓В╒┐╒╕╒╛ ╒п╒░╒б╒╡╒┐╒╢╒╛╒е╒╢',
+    goHome: '╘│╒м╒н╒б╒╛╒╕╓А ╒з╒╗',
+    loading: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒е╒╢...',
  },
  subcategories: {
-    loading: 'Ենթակատեգորիաները բեռնվում են...',
-    retry: 'Փորձել կրկին',
-    emptyTitle: 'Ուպս։ Ենթակատեգորիաներ դեռ չկան',
-    emptyDesc: 'Այս բաժնում դեռ ենթակատեգորիաներ չկան, բայց շուտով կհայտնվեն',
-    goHome: 'Գլխավոր էջ',
+    loading: '╘╡╒╢╒й╒б╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒е╒╢...',
+    retry: '╒У╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢',
+    emptyTitle: '╒И╓В╒║╒╜╓Й ╘╡╒╢╒й╒б╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А ╒д╒е╒╝ ╒╣╒п╒б╒╢',
+    emptyDesc: '╘▒╒╡╒╜ ╒в╒б╒к╒╢╒╕╓В╒┤ ╒д╒е╒╝ ╒е╒╢╒й╒б╒п╒б╒┐╒е╒г╒╕╓А╒л╒б╒╢╒е╓А ╒╣╒п╒б╒╢, ╒в╒б╒╡╓Б ╒╖╒╕╓В╒┐╒╕╒╛ ╒п╒░╒б╒╡╒┐╒╢╒╛╒е╒╢',
+    goHome: '╘│╒м╒н╒б╒╛╒╕╓А ╒з╒╗',
  },
  itemDetail: {
-    loading: 'Բեռնվում է...',
-    loadingDexar: 'Ապրանքը բեռնվում է...',
-    back: 'Վերադառնալ',
-    backHome: 'Վերադառնալ գլխավոր էջ',
-    noImage: 'Պատկեր չկա',
-    stock: 'Առկայություն՝',
-    inStock: 'Առկա է',
-    lowStock: 'Մնացել է քիչ',
-    lastItems: 'Վերջին հատերը',
-    mediumStock: 'Վերջանում է',
-    addToCart: 'Ավելացնել զամբյուղ',
-    description: 'Նկարագրություն',
-    reviews: 'Կարծիքներ',
-    yourReview: 'Ձեր կարծիքը',
-    leaveReview: 'Թողնել կարծիք',
-    rating: 'Գնահատական՝',
-    reviewPlaceholder: 'Կիսվեք ձեր տպավորություններով ապրանքի մասին...',
-    reviewPlaceholderDexar: 'Կիսվեք ձեր տպավորություններով...',
-    anonymous: 'Անանուն',
-    submitting: 'Ուղարկվում է...',
-    submit: 'Ուղարկել',
-    reviewSuccess: 'Շնորհակալություն ձեր կարծիքի համար։',
-    reviewError: 'Ուղարկման սխալ։ Փորձեք ավելի ուշ։',
-    defaultUser: 'Օգտատեր',
-    defaultUserDexar: 'Անանուն',
-    noReviews: 'Դեռ կարծիքներ չկան։ Դարձեք առաջինը։',
-    qna: 'Հարցեր և պատասխաններ',
-    photo: 'Լուսանկար',
-    reviewsCount: 'կարծիք',
-    today: 'Այսօր',
-    yesterday: 'Երեկ',
-    daysAgo: 'օր առաջ',
-    weeksAgo: 'շաբաթ առաջ',
+    loading: '╘▓╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒з...',
+    loadingDexar: '╘▒╒║╓А╒б╒╢╓Д╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒з...',
+    back: '╒О╒е╓А╒б╒д╒б╒╝╒╢╒б╒м',
+    backHome: '╒О╒е╓А╒б╒д╒б╒╝╒╢╒б╒м ╒г╒м╒н╒б╒╛╒╕╓А ╒з╒╗',
+    noImage: '╒К╒б╒┐╒п╒е╓А ╒╣╒п╒б',
+    stock: '╘▒╒╝╒п╒б╒╡╒╕╓В╒й╒╡╒╕╓В╒╢╒Э',
+    inStock: '╘▒╒╝╒п╒б ╒з',
+    lowStock: '╒Д╒╢╒б╓Б╒е╒м ╒з ╓Д╒л╒╣',
+    lastItems: '╒О╒е╓А╒╗╒л╒╢ ╒░╒б╒┐╒е╓А╒и',
+    mediumStock: '╒О╒е╓А╒╗╒б╒╢╒╕╓В╒┤ ╒з',
+    addToCart: '╘▒╒╛╒е╒м╒б╓Б╒╢╒е╒м ╒ж╒б╒┤╒в╒╡╒╕╓В╒▓',
+    description: '╒Ж╒п╒б╓А╒б╒г╓А╒╕╓В╒й╒╡╒╕╓В╒╢',
+    specifications: 'u{0532}u{0576}u{0578}u{0582}u{0569}u{0561}u{0563}u{0580}u{0565}u{0580}',
+    reviews: '╘┐╒б╓А╒о╒л╓Д╒╢╒е╓А',
+    yourReview: '╒Б╒е╓А ╒п╒б╓А╒о╒л╓Д╒и',
+    leaveReview: '╘╣╒╕╒▓╒╢╒е╒м ╒п╒б╓А╒о╒л╓Д',
+    rating: '╘│╒╢╒б╒░╒б╒┐╒б╒п╒б╒╢╒Э',
+    reviewPlaceholder: '╘┐╒л╒╜╒╛╒е╓Д ╒▒╒е╓А ╒┐╒║╒б╒╛╒╕╓А╒╕╓В╒й╒╡╒╕╓В╒╢╒╢╒е╓А╒╕╒╛ ╒б╒║╓А╒б╒╢╓Д╒л ╒┤╒б╒╜╒л╒╢...',
+    reviewPlaceholderDexar: '╘┐╒л╒╜╒╛╒е╓Д ╒▒╒е╓А ╒┐╒║╒б╒╛╒╕╓А╒╕╓В╒й╒╡╒╕╓В╒╢╒╢╒е╓А╒╕╒╛...',
+    anonymous: '╘▒╒╢╒б╒╢╒╕╓В╒╢',
+    submitting: '╒И╓В╒▓╒б╓А╒п╒╛╒╕╓В╒┤ ╒з...',
+    submit: '╒И╓В╒▓╒б╓А╒п╒е╒м',
+    reviewSuccess: '╒З╒╢╒╕╓А╒░╒б╒п╒б╒м╒╕╓В╒й╒╡╒╕╓В╒╢ ╒▒╒е╓А ╒п╒б╓А╒о╒л╓Д╒л ╒░╒б╒┤╒б╓А╓Й',
+    reviewError: '╒И╓В╒▓╒б╓А╒п╒┤╒б╒╢ ╒╜╒н╒б╒м╓Й ╒У╒╕╓А╒▒╒е╓Д ╒б╒╛╒е╒м╒л ╒╕╓В╒╖╓Й',
+    defaultUser: '╒Х╒г╒┐╒б╒┐╒е╓А',
+    defaultUserDexar: '╘▒╒╢╒б╒╢╒╕╓В╒╢',
+    noReviews: '╘┤╒е╒╝ ╒п╒б╓А╒о╒л╓Д╒╢╒е╓А ╒╣╒п╒б╒╢╓Й ╘┤╒б╓А╒▒╒е╓Д ╒б╒╝╒б╒╗╒л╒╢╒и╓Й',
+    qna: '╒А╒б╓А╓Б╒е╓А ╓З ╒║╒б╒┐╒б╒╜╒н╒б╒╢╒╢╒е╓А',
+    photo: '╘╝╒╕╓В╒╜╒б╒╢╒п╒б╓А',
+    reviewsCount: '╒п╒б╓А╒о╒л╓Д',
+    today: '╘▒╒╡╒╜╓Е╓А',
+    yesterday: '╘╡╓А╒е╒п',
+    daysAgo: '╓Е╓А ╒б╒╝╒б╒╗',
+    weeksAgo: '╒╖╒б╒в╒б╒й ╒б╒╝╒б╒╗',
  },
  app: {
-    connecting: 'Միացում սերվերին...',
-    serverUnavailable: 'Սերվերը հասանելի չէ',
-    serverError: 'Չհաջողվեց միանալ սերվերին։ Ստուգեք ինտերնետ կապը։',
-    retryConnection: 'Կրկնել փորձը',
-    pageTitle: 'Ապրանքների և ծառայությունների մարքեթփլեյս',
+    connecting: '╒Д╒л╒б╓Б╒╕╓В╒┤ ╒╜╒е╓А╒╛╒е╓А╒л╒╢...',
+    serverUnavailable: '╒Н╒е╓А╒╛╒е╓А╒и ╒░╒б╒╜╒б╒╢╒е╒м╒л ╒╣╒з',
+    serverError: '╒Й╒░╒б╒╗╒╕╒▓╒╛╒е╓Б ╒┤╒л╒б╒╢╒б╒м ╒╜╒е╓А╒╛╒е╓А╒л╒╢╓Й ╒Н╒┐╒╕╓В╒г╒е╓Д ╒л╒╢╒┐╒е╓А╒╢╒е╒┐ ╒п╒б╒║╒и╓Й',
+    retryConnection: '╘┐╓А╒п╒╢╒е╒м ╓Г╒╕╓А╒▒╒и',
+    pageTitle: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒л ╓З ╒о╒б╒╝╒б╒╡╒╕╓В╒й╒╡╒╕╓В╒╢╒╢╒е╓А╒л ╒┤╒б╓А╓Д╒е╒й╓Г╒м╒е╒╡╒╜',
  },
  carousel: {
-    loading: 'Ապրանքները բեռնվում են...',
-    addToCart: 'Ավելացնել զամբյուղ',
+    loading: '╘▒╒║╓А╒б╒╢╓Д╒╢╒е╓А╒и ╒в╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒е╒╢...',
+    addToCart: '╘▒╒╛╒е╒м╒б╓Б╒╢╒е╒м ╒ж╒б╒┤╒в╒╡╒╕╓В╒▓',
  },
  common: {
-    retry: 'Փորձել կրկին',
-    loading: 'Բեռնվում է...',
+    retry: '╒У╒╕╓А╒▒╒е╒м ╒п╓А╒п╒л╒╢',
+    loading: '╘▓╒е╒╝╒╢╒╛╒╕╓В╒┤ ╒з...',
  },
 };
--- a/src/app/i18n/ru.ts
+++ b/src/app/i18n/ru.ts
@@ -148,6 +148,7 @@ export const ru: Translations = {
    mediumStock: 'Заканчивается',
    addToCart: 'Добавить в корзину',
    description: 'Описание',
+    specifications: 'Характеристики',
    reviews: 'Отзывы',
    yourReview: 'Ваш отзыв',
    leaveReview: 'Оставить отзыв',
--- a/src/app/i18n/translations.ts
+++ b/src/app/i18n/translations.ts
@@ -146,6 +146,7 @@ export interface Translations {
    mediumStock: string;
    addToCart: string;
    description: string;
+    specifications: string;
    reviews: string;
    yourReview: string;
    leaveReview: string;
--- a/src/app/interceptors/cache.interceptor.ts
+++ b/src/app/interceptors/cache.interceptor.ts
@@ -2,9 +2,8 @@ import { HttpInterceptorFn, HttpResponse } from '@angular/common/http';
 import { of } from 'rxjs';
 import { tap } from 'rxjs/operators';

-import { CACHE_DURATION_MS, CATEGORY_CACHE_DURATION_MS } from '../config/constants';
-
 const cache = new Map<string, { response: HttpResponse<unknown>, timestamp: number }>();
+const CACHE_DURATION = 5 * 60 * 1000; // 5 минут

 export const cacheInterceptor: HttpInterceptorFn = (req, next) => {
  // Кэшируем только GET запросы
@@ -12,16 +11,12 @@ export const cacheInterceptor: HttpInterceptorFn = (req, next) => {
    return next(req);
  }

-  // Кэшируем списки категорий, товары категорий и отдельные товары
-  const isCategoryList = /\/category$/.test(req.url);
-  const isCategoryItems = /\/category\/\d+/.test(req.url);
-  const isItem = /\/item\/\d+/.test(req.url);
-  if (!isCategoryList && !isCategoryItems && !isItem) {
+  // Кэшируем только запросы списка категорий (не товары категорий)
+  const shouldCache = req.url.match(/\/category$/) !== null;
+  if (!shouldCache) {
    return next(req);
  }

-  const ttl = isCategoryList ? CACHE_DURATION_MS : CATEGORY_CACHE_DURATION_MS;
-
  // Cleanup expired entries before checking
  cleanupExpiredCache();

@@ -30,7 +25,7 @@ export const cacheInterceptor: HttpInterceptorFn = (req, next) => {
  // Проверяем наличие и актуальность кэша
  if (cachedResponse) {
    const age = Date.now() - cachedResponse.timestamp;
-    if (age < ttl) {
+    if (age < CACHE_DURATION) {
      return of(cachedResponse.response.clone());
    } else {
      cache.delete(req.url);
@@ -58,7 +53,7 @@ export function clearCache(): void {
 function cleanupExpiredCache(): void {
  const now = Date.now();
  for (const [url, data] of cache.entries()) {
-    if (now - data.timestamp >= CACHE_DURATION_MS) {
+    if (now - data.timestamp >= CACHE_DURATION) {
      cache.delete(url);
    }
  }
--- a/src/app/interceptors/mock-data.interceptor.ts
+++ b/src/app/interceptors/mock-data.interceptor.ts
@@ -0,0 +1,765 @@
+import { HttpInterceptorFn, HttpResponse } from '@angular/common/http';
+import { of, delay } from 'rxjs';
+import { environment } from '../../environments/environment';
+
+// ─── Mock Categories (backOffice format: string IDs, img, subcategories, visible) ───
+
+const MOCK_CATEGORIES = [
+  {
+    id: 'electronics',
+    categoryID: 1,
+    name: 'Электроника',
+    parentID: 0,
+    visible: true,
+    priority: 1,
+    img: 'https://images.unsplash.com/photo-1498049794561-7780e7231661?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1498049794561-7780e7231661?w=400&h=300&fit=crop',
+    projectId: 'dexar',
+    itemCount: 15,
+    subcategories: [
+      {
+        id: 'smartphones',
+        name: 'Смартфоны',
+        visible: true,
+        priority: 1,
+        img: 'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=400&h=300&fit=crop',
+        categoryId: 'electronics',
+        parentId: 'electronics',
+        itemCount: 8,
+        hasItems: true,
+        subcategories: []
+      },
+      {
+        id: 'laptops',
+        name: 'Ноутбуки',
+        visible: true,
+        priority: 2,
+        img: 'https://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=400&h=300&fit=crop',
+        categoryId: 'electronics',
+        parentId: 'electronics',
+        itemCount: 6,
+        hasItems: true,
+        subcategories: []
+      }
+    ]
+  },
+  {
+    id: 'clothing',
+    categoryID: 2,
+    name: 'Одежда',
+    parentID: 0,
+    visible: true,
+    priority: 2,
+    img: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=400&h=300&fit=crop',
+    projectId: 'dexar',
+    itemCount: 25,
+    subcategories: [
+      {
+        id: 'mens',
+        name: 'Мужская',
+        visible: true,
+        priority: 1,
+        img: 'https://images.unsplash.com/photo-1490578474895-699cd4e2cf59?w=400&h=300&fit=crop',
+        categoryId: 'clothing',
+        parentId: 'clothing',
+        itemCount: 12,
+        hasItems: true,
+        subcategories: []
+      },
+      {
+        id: 'womens',
+        name: 'Женская',
+        visible: true,
+        priority: 2,
+        img: 'https://images.unsplash.com/photo-1487222477894-8943e31ef7b2?w=400&h=300&fit=crop',
+        categoryId: 'clothing',
+        parentId: 'clothing',
+        itemCount: 13,
+        hasItems: true,
+        subcategories: []
+      }
+    ]
+  },
+  {
+    id: 'home',
+    categoryID: 3,
+    name: 'Дом и сад',
+    parentID: 0,
+    visible: true,
+    priority: 3,
+    img: 'https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=400&h=300&fit=crop',
+    projectId: 'dexar',
+    itemCount: 8,
+    subcategories: []
+  },
+  // Subcategories as flat entries (for the legacy flat category list)
+  {
+    id: 'smartphones',
+    categoryID: 11,
+    name: 'Смартфоны',
+    parentID: 1,
+    visible: true,
+    priority: 1,
+    img: 'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1511707171634-5f897ff02aa9?w=400&h=300&fit=crop',
+    itemCount: 8
+  },
+  {
+    id: 'laptops',
+    categoryID: 12,
+    name: 'Ноутбуки',
+    parentID: 1,
+    visible: true,
+    priority: 2,
+    img: 'https://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=400&h=300&fit=crop',
+    itemCount: 6
+  },
+  {
+    id: 'mens',
+    categoryID: 21,
+    name: 'Мужская одежда',
+    parentID: 2,
+    visible: true,
+    priority: 1,
+    img: 'https://images.unsplash.com/photo-1490578474895-699cd4e2cf59?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1490578474895-699cd4e2cf59?w=400&h=300&fit=crop',
+    itemCount: 12
+  },
+  {
+    id: 'womens',
+    categoryID: 22,
+    name: 'Женская одежда',
+    parentID: 2,
+    visible: true,
+    priority: 2,
+    img: 'https://images.unsplash.com/photo-1487222477894-8943e31ef7b2?w=400&h=300&fit=crop',
+    icon: 'https://images.unsplash.com/photo-1487222477894-8943e31ef7b2?w=400&h=300&fit=crop',
+    itemCount: 13
+  }
+];
+
+// ─── Mock Items (backOffice format with ALL fields) ───
+
+const MOCK_ITEMS: any[] = [
+  {
+    id: 'iphone15',
+    itemID: 101,
+    name: 'iPhone 15 Pro Max',
+    visible: true,
+    priority: 1,
+    quantity: 50,
+    price: 149990,
+    discount: 0,
+    currency: 'RUB',
+    rating: 4.8,
+    remainings: 'high',
+    categoryID: 11,
+    imgs: [
+      'https://images.unsplash.com/photo-1695048133142-1a20484d2569?w=600&h=400&fit=crop',
+      'https://images.unsplash.com/photo-1592750475338-74b7b21085ab?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1695048133142-1a20484d2569?w=600&h=400&fit=crop' },
+      { url: 'https://images.unsplash.com/photo-1592750475338-74b7b21085ab?w=600&h=400&fit=crop' }
+    ],
+    tags: ['new', 'featured', 'apple'],
+    badges: ['new', 'bestseller'],
+    simpleDescription: 'Новейший iPhone с титановым корпусом и чипом A17 Pro',
+    description: [
+      { key: 'Цвет', value: 'Натуральный титан' },
+      { key: 'Память', value: '256 ГБ' },
+      { key: 'Дисплей', value: '6.7" Super Retina XDR' },
+      { key: 'Процессор', value: 'A17 Pro' },
+      { key: 'Камера', value: '48 Мп основная' },
+      { key: 'Аккумулятор', value: '4441 мАч' }
+    ],
+    descriptionFields: [
+      { key: 'Цвет', value: 'Натуральный титан' },
+      { key: 'Память', value: '256 ГБ' },
+      { key: 'Дисплей', value: '6.7" Super Retina XDR' },
+      { key: 'Процессор', value: 'A17 Pro' },
+      { key: 'Камера', value: '48 Мп основная' },
+      { key: 'Аккумулятор', value: '4441 мАч' }
+    ],
+    subcategoryId: 'smartphones',
+    translations: {
+      en: {
+        name: 'iPhone 15 Pro Max',
+        simpleDescription: 'Latest iPhone with titanium body and A17 Pro chip',
+        description: [
+          { key: 'Color', value: 'Natural Titanium' },
+          { key: 'Storage', value: '256GB' },
+          { key: 'Display', value: '6.7" Super Retina XDR' },
+          { key: 'Chip', value: 'A17 Pro' },
+          { key: 'Camera', value: '48MP main' },
+          { key: 'Battery', value: '4441 mAh' }
+        ]
+      }
+    },
+    comments: [
+      { id: 'c1', text: 'Отличный телефон! Камера просто огонь 🔥', author: 'Иван Петров', stars: 5, createdAt: '2025-12-15T10:30:00Z' },
+      { id: 'c2', text: 'Батарея держит весь день, очень доволен.', author: 'Мария Козлова', stars: 4, createdAt: '2026-01-05T14:20:00Z' }
+    ],
+    callbacks: [
+      { rating: 5, content: 'Отличный телефон! Камера просто огонь 🔥', userID: 'Иван Петров', timestamp: '2025-12-15T10:30:00Z' },
+      { rating: 4, content: 'Батарея держит весь день, очень доволен.', userID: 'Мария Козлова', timestamp: '2026-01-05T14:20:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'samsung-s24',
+    itemID: 102,
+    name: 'Samsung Galaxy S24 Ultra',
+    visible: true,
+    priority: 2,
+    quantity: 35,
+    price: 129990,
+    discount: 10,
+    currency: 'RUB',
+    rating: 4.6,
+    remainings: 'high',
+    categoryID: 11,
+    imgs: [
+      'https://images.unsplash.com/photo-1610945415295-d9bbf067e59c?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1610945415295-d9bbf067e59c?w=600&h=400&fit=crop' }
+    ],
+    tags: ['new', 'android', 'samsung'],
+    badges: ['new', 'sale'],
+    simpleDescription: 'Премиальный флагман Samsung с S Pen',
+    description: [
+      { key: 'Цвет', value: 'Титановый серый' },
+      { key: 'Память', value: '512 ГБ' },
+      { key: 'ОЗУ', value: '12 ГБ' },
+      { key: 'Дисплей', value: '6.8" Dynamic AMOLED 2X' }
+    ],
+    descriptionFields: [
+      { key: 'Цвет', value: 'Титановый серый' },
+      { key: 'Память', value: '512 ГБ' },
+      { key: 'ОЗУ', value: '12 ГБ' },
+      { key: 'Дисплей', value: '6.8" Dynamic AMOLED 2X' }
+    ],
+    subcategoryId: 'smartphones',
+    translations: {
+      en: {
+        name: 'Samsung Galaxy S24 Ultra',
+        simpleDescription: 'Premium Samsung flagship with S Pen',
+        description: [
+          { key: 'Color', value: 'Titanium Gray' },
+          { key: 'Storage', value: '512GB' },
+          { key: 'RAM', value: '12GB' },
+          { key: 'Display', value: '6.8" Dynamic AMOLED 2X' }
+        ]
+      }
+    },
+    comments: [
+      { id: 'c3', text: 'S Pen — топ, использую каждый день.', author: 'Алексей', stars: 5, createdAt: '2026-01-20T08:10:00Z' }
+    ],
+    callbacks: [
+      { rating: 5, content: 'S Pen — топ, использую каждый день.', userID: 'Алексей', timestamp: '2026-01-20T08:10:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'pixel-8',
+    itemID: 103,
+    name: 'Google Pixel 8 Pro',
+    visible: true,
+    priority: 3,
+    quantity: 20,
+    price: 89990,
+    discount: 15,
+    currency: 'RUB',
+    rating: 4.5,
+    remainings: 'medium',
+    categoryID: 11,
+    imgs: [
+      'https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1598327105666-5b89351aff97?w=600&h=400&fit=crop' }
+    ],
+    tags: ['sale', 'android', 'ai', 'google'],
+    badges: ['sale', 'hot'],
+    simpleDescription: 'Лучший смартфон для ИИ-фотографии',
+    description: [
+      { key: 'Цвет', value: 'Bay Blue' },
+      { key: 'Память', value: '256 ГБ' },
+      { key: 'Процессор', value: 'Tensor G3' }
+    ],
+    descriptionFields: [
+      { key: 'Цвет', value: 'Bay Blue' },
+      { key: 'Память', value: '256 ГБ' },
+      { key: 'Процессор', value: 'Tensor G3' }
+    ],
+    subcategoryId: 'smartphones',
+    translations: {},
+    comments: [],
+    callbacks: [],
+    questions: [
+      { question: 'Поддерживает eSIM?', answer: 'Да, поддерживает dual eSIM.', upvotes: 12, downvotes: 0 }
+    ]
+  },
+  {
+    id: 'macbook-pro',
+    itemID: 104,
+    name: 'MacBook Pro 16" M3 Max',
+    visible: true,
+    priority: 1,
+    quantity: 15,
+    price: 299990,
+    discount: 0,
+    currency: 'RUB',
+    rating: 4.9,
+    remainings: 'low',
+    categoryID: 12,
+    imgs: [
+      'https://images.unsplash.com/photo-1517336714731-489689fd1ca8?w=600&h=400&fit=crop',
+      'https://images.unsplash.com/photo-1541807084-5c52b6b3adef?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1517336714731-489689fd1ca8?w=600&h=400&fit=crop' },
+      { url: 'https://images.unsplash.com/photo-1541807084-5c52b6b3adef?w=600&h=400&fit=crop' }
+    ],
+    tags: ['featured', 'professional', 'apple'],
+    badges: ['exclusive', 'limited'],
+    simpleDescription: 'Мощный ноутбук для профессионалов',
+    description: [
+      { key: 'Процессор', value: 'Apple M3 Max' },
+      { key: 'ОЗУ', value: '36 ГБ' },
+      { key: 'Память', value: '1 ТБ SSD' },
+      { key: 'Дисплей', value: '16.2" Liquid Retina XDR' },
+      { key: 'Батарея', value: 'До 22 ч' }
+    ],
+    descriptionFields: [
+      { key: 'Процессор', value: 'Apple M3 Max' },
+      { key: 'ОЗУ', value: '36 ГБ' },
+      { key: 'Память', value: '1 ТБ SSD' },
+      { key: 'Дисплей', value: '16.2" Liquid Retina XDR' },
+      { key: 'Батарея', value: 'До 22 ч' }
+    ],
+    subcategoryId: 'laptops',
+    translations: {
+      en: {
+        name: 'MacBook Pro 16" M3 Max',
+        simpleDescription: 'Powerful laptop for professionals',
+        description: [
+          { key: 'Chip', value: 'Apple M3 Max' },
+          { key: 'RAM', value: '36GB' },
+          { key: 'Storage', value: '1TB SSD' },
+          { key: 'Display', value: '16.2" Liquid Retina XDR' },
+          { key: 'Battery', value: 'Up to 22h' }
+        ]
+      }
+    },
+    comments: [
+      { id: 'c4', text: 'Невероятная производительность. Рендер в 3 раза быстрее.', author: 'Дизайнер Про', stars: 5, createdAt: '2025-11-15T12:00:00Z' },
+      { id: 'c5', text: 'Стоит каждого рубля. Экран — сказка.', author: 'Видеоредактор', stars: 5, createdAt: '2026-02-01T09:00:00Z' }
+    ],
+    callbacks: [
+      { rating: 5, content: 'Невероятная производительность. Рендер в 3 раза быстрее.', userID: 'Дизайнер Про', timestamp: '2025-11-15T12:00:00Z' },
+      { rating: 5, content: 'Стоит каждого рубля. Экран — сказка.', userID: 'Видеоредактор', timestamp: '2026-02-01T09:00:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'dell-xps',
+    itemID: 105,
+    name: 'Dell XPS 15',
+    visible: true,
+    priority: 2,
+    quantity: 3,
+    price: 179990,
+    discount: 5,
+    currency: 'RUB',
+    rating: 4.3,
+    remainings: 'low',
+    categoryID: 12,
+    imgs: [
+      'https://images.unsplash.com/photo-1593642702749-b7d2a804c22e?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1593642702749-b7d2a804c22e?w=600&h=400&fit=crop' }
+    ],
+    tags: ['windows', 'professional'],
+    badges: ['limited'],
+    simpleDescription: 'Тонкий и мощный Windows ноутбук',
+    description: [
+      { key: 'Процессор', value: 'Intel Core i9-13900H' },
+      { key: 'ОЗУ', value: '32 ГБ' },
+      { key: 'Дисплей', value: '15.6" OLED 3.5K' }
+    ],
+    descriptionFields: [
+      { key: 'Процессор', value: 'Intel Core i9-13900H' },
+      { key: 'ОЗУ', value: '32 ГБ' },
+      { key: 'Дисплей', value: '15.6" OLED 3.5K' }
+    ],
+    subcategoryId: 'laptops',
+    translations: {},
+    comments: [],
+    callbacks: [],
+    questions: []
+  },
+  {
+    id: 'jacket-leather',
+    itemID: 201,
+    name: 'Кожаная куртка Premium',
+    visible: true,
+    priority: 1,
+    quantity: 8,
+    price: 34990,
+    discount: 20,
+    currency: 'RUB',
+    rating: 4.7,
+    remainings: 'medium',
+    categoryID: 21,
+    imgs: [
+      'https://images.unsplash.com/photo-1551028719-00167b16eac5?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1551028719-00167b16eac5?w=600&h=400&fit=crop' }
+    ],
+    tags: ['leather', 'premium', 'winter'],
+    badges: ['sale', 'bestseller'],
+    simpleDescription: 'Стильная мужская кожаная куртка из натуральной кожи',
+    description: [
+      { key: 'Материал', value: 'Натуральная кожа' },
+      { key: 'Размеры', value: 'S, M, L, XL, XXL' },
+      { key: 'Цвет', value: 'Чёрный' },
+      { key: 'Подкладка', value: 'Полиэстер 100%' }
+    ],
+    descriptionFields: [
+      { key: 'Материал', value: 'Натуральная кожа' },
+      { key: 'Размеры', value: 'S, M, L, XL, XXL' },
+      { key: 'Цвет', value: 'Чёрный' },
+      { key: 'Подкладка', value: 'Полиэстер 100%' }
+    ],
+    subcategoryId: 'mens',
+    translations: {
+      en: {
+        name: 'Premium Leather Jacket',
+        simpleDescription: 'Stylish men\'s genuine leather jacket',
+        description: [
+          { key: 'Material', value: 'Genuine Leather' },
+          { key: 'Sizes', value: 'S, M, L, XL, XXL' },
+          { key: 'Color', value: 'Black' },
+          { key: 'Lining', value: '100% Polyester' }
+        ]
+      }
+    },
+    comments: [
+      { id: 'c6', text: 'Качество кожи отличное, сидит идеально.', author: 'Антон', stars: 5, createdAt: '2026-01-10T16:30:00Z' }
+    ],
+    callbacks: [
+      { rating: 5, content: 'Качество кожи отличное, сидит идеально.', userID: 'Антон', timestamp: '2026-01-10T16:30:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'dress-silk',
+    itemID: 202,
+    name: 'Шёлковое платье Elegance',
+    visible: true,
+    priority: 1,
+    quantity: 12,
+    price: 18990,
+    discount: 0,
+    currency: 'RUB',
+    rating: 4.9,
+    remainings: 'high',
+    categoryID: 22,
+    imgs: [
+      'https://images.unsplash.com/photo-1595777457583-95e059d581b8?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1595777457583-95e059d581b8?w=600&h=400&fit=crop' }
+    ],
+    tags: ['silk', 'elegant', 'new'],
+    badges: ['new', 'featured'],
+    simpleDescription: 'Элегантное шёлковое платье для особых случаев',
+    description: [
+      { key: 'Материал', value: '100% Шёлк' },
+      { key: 'Размеры', value: 'XS, S, M, L' },
+      { key: 'Цвет', value: 'Бордовый' },
+      { key: 'Длина', value: 'Миди' }
+    ],
+    descriptionFields: [
+      { key: 'Материал', value: '100% Шёлк' },
+      { key: 'Размеры', value: 'XS, S, M, L' },
+      { key: 'Цвет', value: 'Бордовый' },
+      { key: 'Длина', value: 'Миди' }
+    ],
+    subcategoryId: 'womens',
+    translations: {},
+    comments: [
+      { id: 'c7', text: 'Восхитительное платье! Ткань потрясающая.', author: 'Елена', stars: 5, createdAt: '2026-02-14T20:00:00Z' },
+      { id: 'c8', text: 'Идеально на вечер. Рекомендую!', author: 'Наталья', stars: 5, createdAt: '2026-02-10T11:00:00Z' }
+    ],
+    callbacks: [
+      { rating: 5, content: 'Восхитительное платье! Ткань потрясающая.', userID: 'Елена', timestamp: '2026-02-14T20:00:00Z' },
+      { rating: 5, content: 'Идеально на вечер. Рекомендую!', userID: 'Наталья', timestamp: '2026-02-10T11:00:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'hoodie-basic',
+    itemID: 203,
+    name: 'Худи Oversize Basic',
+    visible: true,
+    priority: 3,
+    quantity: 45,
+    price: 5990,
+    discount: 0,
+    currency: 'RUB',
+    rating: 4.2,
+    remainings: 'high',
+    categoryID: 21,
+    imgs: [
+      'https://images.unsplash.com/photo-1556821840-3a63f95609a7?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1556821840-3a63f95609a7?w=600&h=400&fit=crop' }
+    ],
+    tags: ['casual', 'basic'],
+    badges: [],
+    simpleDescription: 'Удобное худи свободного кроя на каждый день',
+    description: [
+      { key: 'Материал', value: 'Хлопок 80%, Полиэстер 20%' },
+      { key: 'Размеры', value: 'S, M, L, XL' },
+      { key: 'Цвет', value: 'Серый меланж' }
+    ],
+    descriptionFields: [
+      { key: 'Материал', value: 'Хлопок 80%, Полиэстер 20%' },
+      { key: 'Размеры', value: 'S, M, L, XL' },
+      { key: 'Цвет', value: 'Серый меланж' }
+    ],
+    subcategoryId: 'mens',
+    translations: {},
+    comments: [],
+    callbacks: [],
+    questions: []
+  },
+  {
+    id: 'sneakers-run',
+    itemID: 204,
+    name: 'Кроссовки AirPulse Run',
+    visible: true,
+    priority: 2,
+    quantity: 0,
+    price: 12990,
+    discount: 30,
+    currency: 'RUB',
+    rating: 4.4,
+    remainings: 'out',
+    categoryID: 21,
+    imgs: [
+      'https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1542291026-7eec264c27ff?w=600&h=400&fit=crop' }
+    ],
+    tags: ['sport', 'running'],
+    badges: ['sale', 'hot'],
+    simpleDescription: 'Лёгкие беговые кроссовки с пенной амортизацией',
+    description: [
+      { key: 'Верх', value: 'Текстильная сетка' },
+      { key: 'Подошва', value: 'Пена EVA' },
+      { key: 'Вес', value: '260 г' }
+    ],
+    descriptionFields: [
+      { key: 'Верх', value: 'Текстильная сетка' },
+      { key: 'Подошва', value: 'Пена EVA' },
+      { key: 'Вес', value: '260 г' }
+    ],
+    subcategoryId: 'mens',
+    translations: {},
+    comments: [
+      { id: 'c9', text: 'Нет в наличии уже месяц... Верните!', author: 'Бегун42', stars: 3, createdAt: '2026-02-05T07:00:00Z' }
+    ],
+    callbacks: [
+      { rating: 3, content: 'Нет в наличии уже месяц... Верните!', userID: 'Бегун42', timestamp: '2026-02-05T07:00:00Z' }
+    ],
+    questions: []
+  },
+  {
+    id: 'lamp-smart',
+    itemID: 301,
+    name: 'Умная лампа Homelight Pro',
+    visible: true,
+    priority: 1,
+    quantity: 100,
+    price: 3990,
+    discount: 0,
+    currency: 'RUB',
+    rating: 4.1,
+    remainings: 'high',
+    categoryID: 3,
+    imgs: [
+      'https://images.unsplash.com/photo-1507473885765-e6ed057ab6fe?w=600&h=400&fit=crop'
+    ],
+    photos: [
+      { url: 'https://images.unsplash.com/photo-1507473885765-e6ed057ab6fe?w=600&h=400&fit=crop' }
+    ],
+    tags: ['smart-home', 'lighting'],
+    badges: ['featured'],
+    simpleDescription: 'Wi-Fi лампа с управлением через приложение и голосом',
+    description: [
+      { key: 'Яркость', value: '1100 лм' },
+      { key: 'Цветовая t°', value: '2700K–6500K' },
+      { key: 'Совместимость', value: 'Алиса, Google Home, Alexa' }
+    ],
+    descriptionFields: [
+      { key: 'Яркость', value: '1100 лм' },
+      { key: 'Цветовая t°', value: '2700K–6500K' },
+      { key: 'Совместимость', value: 'Алиса, Google Home, Alexa' }
+    ],
+    subcategoryId: 'home',
+    translations: {},
+    comments: [],
+    callbacks: [],
+    questions: []
+  }
+];
+
+// ─── Helper ───
+
+function getAllVisibleItems(): any[] {
+  return MOCK_ITEMS.filter(i => i.visible !== false);
+}
+
+function getItemsByCategoryId(categoryID: number): any[] {
+  return getAllVisibleItems().filter(i => i.categoryID === categoryID);
+}
+
+function respond<T>(body: T, delayMs = 150) {
+  return of(new HttpResponse({ status: 200, body })).pipe(delay(delayMs));
+}
+
+// ─── The Interceptor ───
+
+export const mockDataInterceptor: HttpInterceptorFn = (req, next) => {
+  if (!(environment as any).useMockData) {
+    return next(req);
+  }
+
+  const url = req.url;
+
+  // ── GET /ping
+  if (url.endsWith('/ping') && req.method === 'GET') {
+    return respond({ message: 'pong (mock)' });
+  }
+
+  // ── GET /category (all categories flat list)
+  if (url.endsWith('/category') && req.method === 'GET') {
+    return respond(MOCK_CATEGORIES);
+  }
+
+  // ── GET /category/:id (items for a category)
+  const catItemsMatch = url.match(/\/category\/(\d+)$/);
+  if (catItemsMatch && req.method === 'GET') {
+    const catId = parseInt(catItemsMatch[1], 10);
+    const items = getItemsByCategoryId(catId);
+    return respond(items);
+  }
+
+  // ── GET /item/:id
+  const itemMatch = url.match(/\/item\/(\d+)$/);
+  if (itemMatch && req.method === 'GET') {
+    const itemId = parseInt(itemMatch[1], 10);
+    const item = MOCK_ITEMS.find(i => i.itemID === itemId);
+    if (item) {
+      return respond(item);
+    }
+    return of(new HttpResponse({ status: 404, body: { error: 'Item not found' } })).pipe(delay(100));
+  }
+
+  // ── GET /searchitems?search=...
+  if (url.includes('/searchitems') && req.method === 'GET') {
+    const search = req.params.get('search')?.toLowerCase() || '';
+    const items = getAllVisibleItems().filter(i =>
+      i.name.toLowerCase().includes(search) ||
+      i.simpleDescription?.toLowerCase().includes(search) ||
+      i.tags?.some((t: string) => t.toLowerCase().includes(search))
+    );
+    return respond({
+      items,
+      total: items.length,
+      count: items.length,
+      skip: 0
+    });
+  }
+
+  // ── GET /randomitems
+  if (url.includes('/randomitems') && req.method === 'GET') {
+    const count = parseInt(req.params.get('count') || '5', 10);
+    const shuffled = [...getAllVisibleItems()].sort(() => Math.random() - 0.5);
+    return respond(shuffled.slice(0, count));
+  }
+
+  // ── GET /cart (return empty)
+  if (url.endsWith('/cart') && req.method === 'GET') {
+    return respond([]);
+  }
+
+  // ── POST /cart (add to cart / create payment)
+  if (url.endsWith('/cart') && req.method === 'POST') {
+    const body = req.body as any;
+    if (body?.amount) {
+      // Payment mock
+      return respond({
+        qrId: 'mock-qr-' + Date.now(),
+        qrStatus: 'CREATED',
+        qrExpirationDate: new Date(Date.now() + 180000).toISOString(),
+        payload: 'https://example.com/pay/mock',
+        qrUrl: 'https://api.qrserver.com/v1/create-qr-code/?size=300x300&data=mock-payment'
+      }, 300);
+    }
+    return respond({ message: 'Added (mock)' });
+  }
+
+  // ── PATCH /cart
+  if (url.endsWith('/cart') && req.method === 'PATCH') {
+    return respond({ message: 'Updated (mock)' });
+  }
+
+  // ── DELETE /cart
+  if (url.endsWith('/cart') && req.method === 'DELETE') {
+    return respond({ message: 'Removed (mock)' });
+  }
+
+  // ── POST /comment
+  if (url.endsWith('/comment') && req.method === 'POST') {
+    return respond({ message: 'Review submitted (mock)' }, 200);
+  }
+
+  // ── POST /purchase-email
+  if (url.endsWith('/purchase-email') && req.method === 'POST') {
+    return respond({ message: 'Email sent (mock)' }, 200);
+  }
+
+  // ── GET /qr/payment/:id (always return success for testing)
+  if (url.includes('/qr/payment/') && req.method === 'GET') {
+    return respond({
+      paymentStatus: 'SUCCESS',
+      code: 'SUCCESS',
+      amount: 0,
+      currency: 'RUB',
+      qrId: 'mock',
+      transactionId: 999,
+      transactionDate: new Date().toISOString(),
+      additionalInfo: '',
+      paymentPurpose: '',
+      createDate: new Date().toISOString(),
+      order: 'mock-order',
+      qrExpirationDate: new Date().toISOString(),
+      phoneNumber: ''
+    }, 500);
+  }
+
+  // Fallback — pass through
+  return next(req);
+};
--- a/src/app/models/category.model.ts
+++ b/src/app/models/category.model.ts
@@ -6,4 +6,28 @@ export interface Category {
  wideBanner?: string;
  itemCount?: number;
  priority?: number;
+
+  // BackOffice API fields
+  id?: string;
+  visible?: boolean;
+  img?: string;
+  projectId?: string;
+  subcategories?: Subcategory[];
+}
+
+export interface Subcategory {
+  id: string;
+  name: string;
+  visible?: boolean;
+  priority?: number;
+  img?: string;
+  categoryId: string;
+  parentId: string;
+  itemCount?: number;
+  hasItems?: boolean;
+  subcategories?: Subcategory[];
+}
+
+export interface CategoryTranslation {
+  name?: string;
 }
--- a/src/app/models/index.ts
+++ b/src/app/models/index.ts
@@ -1,2 +1,3 @@
 export * from './category.model';
 export * from './item.model';
+
--- a/src/app/models/item.model.ts
+++ b/src/app/models/item.model.ts
@@ -5,6 +5,25 @@ export interface Photo {
  type?: string;
 }

+export interface DescriptionField {
+  key: string;
+  value: string;
+}
+
+export interface Comment {
+  id?: string;
+  text: string;
+  author?: string;
+  stars?: number;
+  createdAt?: string;
+}
+
+export interface ItemTranslation {
+  name?: string;
+  simpleDescription?: string;
+  description?: DescriptionField[];
+}
+
 export interface Review {
  rating?: number;
  content?: string;
@@ -37,6 +56,20 @@ export interface Item {
  callbacks: Review[] | null;
  questions: Question[] | null;
  partnerID?: string;
+  quantity?: number;
+
+  // BackOffice API fields
+  id?: string;
+  visible?: boolean;
+  priority?: number;
+  imgs?: string[];
+  tags?: string[];
+  badges?: string[];
+  simpleDescription?: string;
+  descriptionFields?: DescriptionField[];
+  subcategoryId?: string;
+  translations?: Record<string, ItemTranslation>;
+  comments?: Comment[];
 }

 export interface CartItem extends Item {
--- a/src/app/pages/cart/cart.component.html
+++ b/src/app/pages/cart/cart.component.html
@@ -44,7 +44,15 @@
                  </button>
                </div>
                
-                <p class="item-description">{{ item.description.substring(0, 100) }}...</p>
+                <p class="item-description">{{ item.simpleDescription || item?.description?.substring?.(0, 100) || '' }}...</p>
+
+                @if (item.badges && item.badges.length > 0) {
+                  <div class="cart-item-badges">
+                    @for (badge of item.badges; track badge) {
+                      <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+                    }
+                  </div>
+                }

                <div class="item-footer">
                  <div class="item-pricing">
--- a/src/app/pages/cart/cart.component.ts
+++ b/src/app/pages/cart/cart.component.ts
@@ -8,11 +8,10 @@ import { interval, Subscription } from 'rxjs';
 import { switchMap, take } from 'rxjs/operators';
 import { EmptyCartIconComponent } from '../../components/empty-cart-icon/empty-cart-icon.component';
 import { environment } from '../../../environments/environment';
-import { getDiscountedPrice, getMainImage, trackByItemId } from '../../utils/item.utils';
+import { getDiscountedPrice, getMainImage, trackByItemId, getBadgeClass } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { TranslateService } from '../../i18n/translate.service';
-import { PAYMENT_POLL_INTERVAL_MS, PAYMENT_MAX_CHECKS, PAYMENT_TIMEOUT_CLOSE_MS, PAYMENT_ERROR_CLOSE_MS, LINK_COPIED_DURATION_MS } from '../../config/constants';

@Component({
  selector: 'app-cart',
@@ -51,7 +50,7 @@ export class CartComponent implements OnDestroy {
  emailSubmitting = signal<boolean>(false);
  paidItems: CartItem[] = [];
  
-  maxChecks = PAYMENT_MAX_CHECKS;
+  maxChecks = 36; // 36 checks * 5 seconds = 180 seconds (3 minutes)
  private pollingSubscription?: Subscription;
  private closeTimeout?: ReturnType<typeof setTimeout>;

@@ -129,6 +128,7 @@ export class CartComponent implements OnDestroy {
  readonly getMainImage = getMainImage;
  readonly trackByItemId = trackByItemId;
  readonly getDiscountedPrice = getDiscountedPrice;
+  readonly getBadgeClass = getBadgeClass;

  checkout(): void {
    if (!this.termsAccepted) {
@@ -168,7 +168,7 @@ export class CartComponent implements OnDestroy {

    const paymentData = {
      amount: this.totalPrice(),
-      currency: this.items()[0]?.currency || 'RUB',
+      currency: 'RUB',
      siteuserID: userId,
      siteorderID: orderId,
      redirectUrl: '',
@@ -194,17 +194,15 @@ export class CartComponent implements OnDestroy {
      error: (err) => {
        console.error('Error creating payment:', err);
        this.paymentStatus.set('timeout');
-        if (this.closeTimeout) clearTimeout(this.closeTimeout);
        this.closeTimeout = setTimeout(() => {
          this.closePaymentPopup();
-        }, PAYMENT_ERROR_CLOSE_MS);
+        }, 4000);
      }
    });
  }

  startPolling(): void {
-    this.stopPolling();
-    this.pollingSubscription = interval(PAYMENT_POLL_INTERVAL_MS)
+    this.pollingSubscription = interval(5000) // every 5 seconds
      .pipe(
        take(this.maxChecks), // maximum 36 checks (3 minutes)
        switchMap(() => {
@@ -228,19 +226,17 @@ export class CartComponent implements OnDestroy {
          if (this.paymentStatus() === 'waiting') {
            this.paymentStatus.set('timeout');
            // Close popup after showing timeout message
-            if (this.closeTimeout) clearTimeout(this.closeTimeout);
            this.closeTimeout = setTimeout(() => {
              this.closePaymentPopup();
-            }, PAYMENT_TIMEOUT_CLOSE_MS);
+            }, 3000);
          }
        },
        error: (err) => {
          console.error('Error checking payment status:', err);
          // Continue checking even on error until time runs out
-          if (this.closeTimeout) clearTimeout(this.closeTimeout);
          this.closeTimeout = setTimeout(() => {
            this.closePaymentPopup();
-          }, PAYMENT_TIMEOUT_CLOSE_MS);
+          }, 3000);
        }
      });
  }
@@ -256,7 +252,7 @@ export class CartComponent implements OnDestroy {
    if (url) {
      navigator.clipboard.writeText(url).then(() => {
        this.linkCopied.set(true);
-        setTimeout(() => this.linkCopied.set(false), LINK_COPIED_DURATION_MS);
+        setTimeout(() => this.linkCopied.set(false), 2000);
      }).catch(err => {
        console.error(this.i18n.t('cart.copyError'), err);
      });
--- a/src/app/pages/category/category.component.html
+++ b/src/app/pages/category/category.component.html
@@ -9,13 +9,20 @@
  @if (!error()) {
    <div class="items-grid">
      @for (item of items(); track trackByItemId($index, item)) {
-        <div class="item-card" (mouseenter)="onItemHover(item.itemID)">
+        <div class="item-card">
          <a [routerLink]="['/item', item.itemID] | langRoute" class="item-link">
            <div class="item-image">
-              <img [src]="getMainImage(item)" [alt]="item.name" loading="lazy" decoding="async" />
+              <img [src]="getMainImage(item)" [alt]="item.name" loading="lazy" decoding="async" width="300" height="300" />
              @if (item.discount > 0) {
                <div class="discount-badge">-{{ item.discount }}%</div>
              }
+              @if (item.badges && item.badges.length > 0) {
+                <div class="item-badges-overlay">
+                  @for (badge of item.badges; track badge) {
+                    <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+                  }
+                </div>
+              }
            </div>
            
            <div class="item-details">
@@ -45,29 +52,19 @@
            </div>
          </a>
          
-          <button class="add-to-cart-btn" (click)="addToCart(item.itemID, $event)" [attr.aria-label]="('category.addToCart' | translate) + ': ' + item.name">
+          <button class="add-to-cart-btn" (click)="addToCart(item.itemID, $event)">
            {{ 'category.addToCart' | translate }}
          </button>
        </div>
      }
+    </div>

    @if (loading() && items().length > 0) {
-        @for (i of skeletonSlots; track i) {
-          <div class="item-card skeleton-card">
-            <div class="item-link">
-              <div class="item-image skeleton-image"></div>
-              <div class="item-details">
-                <div class="skeleton-line skeleton-title"></div>
-                <div class="skeleton-line skeleton-rating"></div>
-                <div class="skeleton-line skeleton-price"></div>
-                <div class="skeleton-line skeleton-stock"></div>
-              </div>
-            </div>
-            <div class="skeleton-btn"></div>
+      <div class="loading-more">
+        <div class="spinner"></div>
+        <p>{{ 'category.loadingMore' | translate }}</p>
      </div>
    }
-      }
-    </div>

    @if (!hasMore() && items().length > 0) {
      <div class="no-more">
--- a/src/app/pages/category/category.component.scss
+++ b/src/app/pages/category/category.component.scss
@@ -95,7 +95,7 @@

 .items-grid {
  display: grid;
-  grid-template-columns: repeat(4, minmax(0, 1fr));
+  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  margin-bottom: 40px;
  width: 100%;
@@ -103,10 +103,8 @@

 .item-card {
  width: 100%;
-  min-width: 0;
  display: flex;
  flex-direction: column;
-  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  &:hover {
@@ -141,7 +139,7 @@
  display: flex;
  align-items: center;
  justify-content: center;
-  background: #f0f0f0;
+  background: #f5f5f5;

  img {
    width: 100%;
@@ -149,7 +147,7 @@
    object-fit: contain;
    background: white;
    padding: 12px;
-    transition: transform 0.3s ease, opacity 0.3s ease;
+    transition: transform 0.3s ease;
  }

  &:hover img {
@@ -194,7 +192,6 @@
  margin: 0;
  line-height: 1.3;
  display: -webkit-box;
-  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
@@ -290,6 +287,11 @@
  }
 }

+.loading-more {
+  text-align: center;
+  padding: 40px 20px;
+}
+
 .spinner {
  width: 40px;
  height: 40px;
@@ -310,77 +312,24 @@
  padding: 40px 20px;
 }

-// Skeleton loading cards
-.skeleton-card {
-  pointer-events: none;
-
-  .skeleton-image {
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-  }
-
-  .skeleton-line {
-    border-radius: 6px;
-    background: linear-gradient(90deg, #e8e8e8 25%, #d8d8d8 50%, #e8e8e8 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-  }
-
-  .skeleton-title {
-    height: 16px;
-    width: 80%;
-  }
-
-  .skeleton-rating {
-    height: 12px;
-    width: 50%;
-  }
-
-  .skeleton-price {
-    height: 18px;
-    width: 40%;
-    margin-top: auto;
-  }
-
-  .skeleton-stock {
-    height: 6px;
-    width: 60px;
-  }
-
-  .skeleton-btn {
-    height: 42px;
-    background: linear-gradient(90deg, #5a8a85 25%, #497671 50%, #5a8a85 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-    border-radius: 0 0 13px 13px;
-    margin-top: -1px;
-  }
-}
-
-@keyframes shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
 // Responsive
@media (max-width: 1200px) {
  .items-grid {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
 }

@media (max-width: 992px) {
  .items-grid {
-    grid-template-columns: repeat(3, minmax(0, 1fr));
+    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
 }

@media (max-width: 768px) {
  .items-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

@@ -404,7 +353,7 @@
  }

  .items-grid {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
+    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }

--- a/src/app/pages/category/category.component.ts
+++ b/src/app/pages/category/category.component.ts
@@ -2,13 +2,11 @@ import { Component, OnInit, OnDestroy, signal, HostListener, ChangeDetectionStra
 import { DecimalPipe } from '@angular/common';
 import { ActivatedRoute, RouterLink } from '@angular/router';
 import { ApiService, CartService } from '../../services';
-import { PrefetchService } from '../../services/prefetch.service';
 import { Item } from '../../models';
 import { Subscription } from 'rxjs';
-import { getDiscountedPrice, getMainImage, trackByItemId } from '../../utils/item.utils';
+import { getDiscountedPrice, getMainImage, trackByItemId, getBadgeClass } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
-import { SCROLL_THRESHOLD_PX, SCROLL_DEBOUNCE_MS, ITEMS_PER_PAGE } from '../../config/constants';

@Component({
  selector: 'app-category',
@@ -25,7 +23,7 @@ export class CategoryComponent implements OnInit, OnDestroy {
  hasMore = signal(true);
  
  private skip = 0;
-  private readonly count = ITEMS_PER_PAGE;
+  private readonly count = 20;
  private isLoadingMore = false;
  private routeSubscription?: Subscription;
  private scrollTimeout?: ReturnType<typeof setTimeout>;
@@ -33,8 +31,7 @@ export class CategoryComponent implements OnInit, OnDestroy {
  constructor(
    private route: ActivatedRoute,
    private apiService: ApiService,
-    private cartService: CartService,
-    private prefetchService: PrefetchService
+    private cartService: CartService
  ) {}

  ngOnInit(): void {
@@ -93,12 +90,12 @@ export class CategoryComponent implements OnInit, OnDestroy {
    
    this.scrollTimeout = setTimeout(() => {
      const scrollPosition = window.innerHeight + window.scrollY;
-      const bottomPosition = document.documentElement.scrollHeight - SCROLL_THRESHOLD_PX;
+      const bottomPosition = document.documentElement.scrollHeight - 500;

      if (scrollPosition >= bottomPosition && !this.loading() && this.hasMore() && !this.isLoadingMore) {
        this.loadItems();
      }
-    }, SCROLL_DEBOUNCE_MS);
+    }, 100);
  }

  addToCart(itemID: number, event: Event): void {
@@ -107,12 +104,8 @@ export class CategoryComponent implements OnInit, OnDestroy {
    this.cartService.addItem(itemID);
  }

-  onItemHover(itemID: number): void {
-    this.prefetchService.prefetchItem(itemID);
-  }
-
-  readonly skeletonSlots = Array.from({ length: 8 });
  readonly getDiscountedPrice = getDiscountedPrice;
  readonly getMainImage = getMainImage;
  readonly trackByItemId = trackByItemId;
+  readonly getBadgeClass = getBadgeClass;
 }
--- a/src/app/pages/home/home.component.html
+++ b/src/app/pages/home/home.component.html
@@ -19,23 +19,10 @@
    <app-items-carousel />

    @if (loading()) {
-      <section class="novo-categories">
-        <div class="novo-section-header">
-          <div class="skeleton-line" style="height: 32px; width: 200px; margin: 0 auto 12px;"></div>
-          <div class="skeleton-line" style="height: 18px; width: 300px; margin: 0 auto;"></div>
+      <div class="novo-loading">
+        <div class="novo-spinner"></div>
+        <p>{{ 'home.loading' | translate }}</p>
      </div>
-        <div class="novo-categories-grid">
-          @for (i of skeletonSlots; track i) {
-            <div class="novo-category-card skeleton-card">
-              <div class="novo-category-image skeleton-image"></div>
-              <div class="novo-category-info">
-                <div class="skeleton-line" style="height: 18px; width: 70%;"></div>
-                <div class="skeleton-line" style="height: 18px; width: 20px;"></div>
-              </div>
-            </div>
-          }
-        </div>
-      </section>
    }

    @if (error()) {
@@ -114,20 +101,10 @@
    <app-items-carousel />

    @if (loading()) {
-      <section class="dexar-categories">
-        <div class="skeleton-line" style="height: 36px; width: 220px; margin-bottom: 40px;"></div>
-        <div class="dexar-categories-grid">
-          @for (i of skeletonSlots; track i) {
-            <div class="dexar-category-card skeleton-card">
-              <div class="dexar-category-image skeleton-image"></div>
-              <div class="dexar-category-info">
-                <div class="skeleton-line" style="height: 16px; width: 75%;"></div>
-                <div class="skeleton-line" style="height: 12px; width: 40%; margin-top: 4px;"></div>
+      <div class="dexar-loading">
+        <div class="dexar-spinner"></div>
+        <p>{{ 'home.loadingDexar' | translate }}</p>
      </div>
-            </div>
-          }
-        </div>
-      </section>
    }

    @if (error()) {
--- a/src/app/pages/home/home.component.scss
+++ b/src/app/pages/home/home.component.scss
@@ -896,26 +896,3 @@
    transform: translateY(-2px);
  }
 }
-
-// Skeleton loading cards
-.skeleton-card {
-  pointer-events: none;
-}
-
-.skeleton-image {
-  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-  background-size: 200% 100%;
-  animation: shimmer 1.5s infinite;
-}
-
-.skeleton-line {
-  border-radius: 6px;
-  background: linear-gradient(90deg, #e8e8e8 25%, #d8d8d8 50%, #e8e8e8 75%);
-  background-size: 200% 100%;
-  animation: shimmer 1.5s infinite;
-}
-
-@keyframes shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -1,4 +1,4 @@
-import { Component, OnInit, OnDestroy, signal, computed, ChangeDetectionStrategy } from '@angular/core';
+import { Component, OnInit, signal, computed, ChangeDetectionStrategy } from '@angular/core';
 import { Router, RouterLink } from '@angular/router';
 import { ApiService, LanguageService } from '../../services';
 import { Category } from '../../models';
@@ -14,14 +14,13 @@ import { TranslatePipe } from '../../i18n/translate.pipe';
  styleUrls: ['./home.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush
 })
-export class HomeComponent implements OnInit, OnDestroy {
+export class HomeComponent implements OnInit {
  brandName = environment.brandFullName;
  isnovo = environment.theme === 'novo';
  categories = signal<Category[]>([]);
  wideCategories = signal<Set<number>>(new Set());
  loading = signal(true);
  error = signal<string | null>(null);
-  readonly skeletonSlots = Array.from({ length: 6 });
  
  // Memoized computed values for performance
  topLevelCategories = computed(() => {
@@ -57,14 +56,6 @@ export class HomeComponent implements OnInit, OnDestroy {
    this.loadCategories();
  }

-  ngOnDestroy(): void {
-    this.pendingImages.forEach(img => {
-      img.onload = null;
-      img.onerror = null;
-    });
-    this.pendingImages.clear();
-  }
-
  loadCategories(): void {
    this.loading.set(true);
    this.apiService.getCategories().subscribe({
@@ -93,17 +84,13 @@ export class HomeComponent implements OnInit, OnDestroy {
    return this.wideCategories().has(categoryID);
  }

-  private pendingImages = new Set<HTMLImageElement>();
-
  private detectWideImages(categories: Category[]): void {
    const topLevel = categories.filter(c => c.parentID === 0);
    topLevel.forEach(cat => {
      if (!cat.wideBanner) return;

      const img = new Image();
-      this.pendingImages.add(img);
      img.onload = () => {
-        this.pendingImages.delete(img);
        const ratio = img.naturalWidth / img.naturalHeight;
        if (ratio > 2) {
          this.wideCategories.update(set => {
@@ -113,7 +100,6 @@ export class HomeComponent implements OnInit, OnDestroy {
          });
        }
      };
-      img.onerror = () => this.pendingImages.delete(img);
      img.src = cat.wideBanner;
    });
  }
--- a/src/app/pages/info/about/en/about-en.component.html
+++ b/src/app/pages/info/about/en/about-en.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>About the company LLC «INT FIN LOGISTIC»</h1>
    
@@ -65,7 +65,7 @@
      <p><strong>Director:</strong> Оганнисян Ашот Рафикович</p>
      <p><strong>Legal address:</strong><br>АРМЕНИЯ, 2301, КОТАЙКСКАЯ ОБЛАСТЬ, РАЗДАН, ХАЧАТРЯНА ул, 31, 4</p>
      <p><strong>Office in Armenia:</strong><br>0033, Ереван, улица Братьев Орбели, 47</p>
-      
+      <p><strong>Office in Russia:</strong><br>121059, Москва, наб. Тараса Шевченко, 3к2</p>
      <p><strong>Key details:</strong><br>ИНН (RF): 9909697628<br>ИНН (Armenia): 03033502<br>КПП: 770287001<br>ОГРН: 85.110.1408711</p>
      <p><strong>Banking details:</strong><br>Bank: АО "Райффайзенбанк"<br>Settlement account: 40807810500000002376<br>Correspondent account: 30101810200000000700<br>БИК: 044525700</p>
      <p><strong>Contact information:</strong><br>Phone (Russia): +7 (926) 459-31-57<br>Phone (Armenia): +374 94 86 18 16<br>Email: info&#64;dexarmarket.ru<br>Website: www.dexarmarket.ru</p>
--- a/src/app/pages/info/about/hy/about-hy.component.html
+++ b/src/app/pages/info/about/hy/about-hy.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>«ИНТ ФИН ЛОГИСТИК» ՍՊԸ ընկերության մասին</h1>
    
@@ -65,6 +65,7 @@
      <p><strong>Տնօրեն՝</strong> Оганнисян Ашот Рафикович</p>
      <p><strong>Իրավաբանական հասցե՝</strong><br>АРМЕНИЯ, 2301, КОТАЙКСКАЯ ОБЛАСТЬ, РАЗДАН, ХАЧАТРЯНА ул, 31, 4</p>
      <p><strong>Գրասենյակ Հայաստանում՝</strong><br>0033, Երևան, Եղբայրներ Օրբելի փողոց, 47</p>
+      <p><strong>Գրասենյակ Ռուսաստանում՝</strong><br>121059, Москва, наб. Тараса Шевченко, 3к2</p>
      <p><strong>Հիմնական վավերապայմանները՝</strong><br>ՀՍՀ (ՌՄ)՝ 9909697628<br>ՀՍՀ (Հայաստան)՝ 03033502<br>ԿՊՊ՝ 770287001<br>ՕԳՌՆ՝ 85.110.1408711</p>
      <p><strong>Բանկային վավերապայմանները՝</strong><br>Բանկ՝ АО "Райффайзенбанк"<br>Հաշվարկային հաշիվ՝ 40807810500000002376<br>Թղթակցային հաշիվ՝ 30101810200000000700<br>ԲԻԿ՝ 044525700</p>
      <p><strong>Կապի տեղեկատվություն՝</strong><br>Հեռախոս (Ռուսաստան)՝ +7 (926) 459-31-57<br>Հեռախոս (Հայաստան)՝ +374 94 86 18 16<br>Էլ. փոստ՝ info&#64;dexarmarket.ru<br>Կայք՝ www.dexarmarket.ru</p>
--- a/src/app/pages/info/about/ru/about-ru.component.html
+++ b/src/app/pages/info/about/ru/about-ru.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>О компании ООО «ИНТ ФИН ЛОГИСТИК»</h1>
    
@@ -65,7 +65,7 @@
      <p><strong>Директор:</strong> Оганнисян Ашот Рафикович</p>
      <p><strong>Юридический адрес:</strong><br>АРМЕНИЯ, 2301, КОТАЙКСКАЯ ОБЛАСТЬ, РАЗДАН, ХАЧАТРЯНА ул, 31, 4</p>
      <p><strong>Офис в Армении:</strong><br>0033, Ереван, улица Братьев Орбели, 47</p>
-      
+      <p><strong>Офис в России:</strong><br>121059, Москва, наб. Тараса Шевченко, 3к2</p>
      <p><strong>Основные реквизиты:</strong><br>ИНН (РФ): 9909697628<br>ИНН (Армения): 03033502<br>КПП: 770287001<br>ОГРН: 85.110.1408711</p>
      <p><strong>Банковские реквизиты:</strong><br>Банк: АО "Райффайзенбанк"<br>Расчетный счет: 40807810500000002376<br>Корр. счет: 30101810200000000700<br>БИК: 044525700</p>
      <p><strong>Контактная информация:</strong><br>Телефон (Россия): +7 (926) 459-31-57<br>Телефон (Армения): +374 94 86 18 16<br>Email: info&#64;dexarmarket.ru<br>Сайт: www.dexarmarket.ru</p>
--- a/src/app/pages/info/contacts/en/contacts-en.component.html
+++ b/src/app/pages/info/contacts/en/contacts-en.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>Contacts</h1>

@@ -35,7 +35,7 @@
    <section class="legal-section">
      <h2>Office Addresses</h2>
      <p><strong>Office in Armenia:</strong> 0033, Yerevan, Orbeli Brothers Street, 47</p>
-      
+      <p><strong>Office in Russia:</strong> 121059, Moscow, Taras Shevchenko Embankment, 3/2</p>
    </section>

    <section class="legal-section">
--- a/src/app/pages/info/contacts/hy/contacts-hy.component.html
+++ b/src/app/pages/info/contacts/hy/contacts-hy.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>Կապ</h1>

@@ -35,6 +35,7 @@
    <section class="legal-section">
      <h2>Գրասենյակների հասցեներ</h2>
      <p><strong>Գրասենյակ Հայաստանում՝</strong> 0033, Երևան, Եղբայրներ Օրբելի փողոց, 47</p>
+      <p><strong>Գրասենյակ Ռուսաստանում՝</strong> 121059, Մոսկվա, Տարաս Շևչենկոի փողոց, 3կ2</p>
    </section>

    <section class="legal-section">
--- a/src/app/pages/info/contacts/ru/contacts-ru.component.html
+++ b/src/app/pages/info/contacts/ru/contacts-ru.component.html
@@ -1,4 +1,4 @@
-<div class="legal-page">
+<div class="legal-page">
  <div class="legal-container">
    <h1>Контакты</h1>

@@ -35,7 +35,7 @@
    <section class="legal-section">
      <h2>Адреса офисов</h2>
      <p><strong>Офис в Армении:</strong> 0033, Ереван, улица Братьев Орбели, 47</p>
-      
+      <p><strong>Офис в России:</strong> 121059, Москва, наб. Тараса Шевченко, 3к2</p>
    </section>

    <section class="legal-section">
--- a/src/app/pages/item-detail/item-detail.component.html
+++ b/src/app/pages/item-detail/item-detail.component.html
@@ -15,22 +15,21 @@
      </div>
    }

-    @if (item(); as item) {
-      @if (!loading()) {
+    @if (item() && !loading()) {
      <div class="novo-item-content">
        <div class="novo-gallery">
-          @if (item.photos && item.photos.length > 0) {
+          @if (item()?.photos && item()!.photos!.length > 0) {
            <div class="novo-main-photo">
-              @if (item.photos[selectedPhotoIndex()]?.video) {
-                <video [src]="item.photos[selectedPhotoIndex()].url" controls></video>
+              @if (item()!.photos![selectedPhotoIndex()]?.video) {
+                <video [src]="item()!.photos![selectedPhotoIndex()].url" controls></video>
              } @else {
-                <img [src]="item.photos[selectedPhotoIndex()].url" [alt]="item.name" />
+                <img [src]="item()!.photos![selectedPhotoIndex()].url" [alt]="item()!.name" />
              }
            </div>
            
-            @if (item.photos.length > 1) {
+            @if (item()!.photos!.length > 1) {
              <div class="novo-thumbnails">
-                @for (photo of item.photos; track $index) {
+                @for (photo of item()!.photos!; track $index) {
                  <div 
                    class="novo-thumb" 
                    [class.active]="selectedPhotoIndex() === $index"
@@ -56,32 +55,51 @@
        </div>

        <div class="novo-info">
-          <h1 class="novo-title">{{ item.name }}</h1>
+          <h1 class="novo-title">{{ getItemName() }}</h1>
+
+          @if (item()!.badges && item()!.badges!.length > 0) {
+            <div class="novo-badges">
+              @for (badge of item()!.badges!; track badge) {
+                <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+              }
+            </div>
+          }
+
+          @if (item()!.tags && item()!.tags!.length > 0) {
+            <div class="novo-tags">
+              @for (tag of item()!.tags!; track tag) {
+                <span class="item-tag">#{{ tag }}</span>
+              }
+            </div>
+          }
          
          <div class="novo-rating">
-            <span class="stars">{{ getRatingStars(item.rating) }}</span>
-            <span class="value">{{ item.rating }}</span>
-            <span class="reviews">({{ item.callbacks?.length || 0 }})</span>
+            <span class="stars">{{ getRatingStars(item()!.rating) }}</span>
+            <span class="value">{{ item()!.rating }}</span>
+            <span class="reviews">({{ item()!.callbacks?.length || 0 }})</span>
          </div>

          <div class="novo-price-block">
-            @if (item.discount > 0) {
+            @if (item()!.discount > 0) {
              <div class="price-row">
-                <span class="old-price">{{ item.price }} {{ item.currency }}</span>
-                <span class="discount-badge">-{{ item.discount }}%</span>
+                <span class="old-price">{{ item()!.price }} {{ item()!.currency }}</span>
+                <span class="discount-badge">-{{ item()!.discount }}%</span>
              </div>
-              <div class="current-price">{{ getDiscountedPrice() | number:'1.2-2' }} {{ item.currency }}</div>
+              <div class="current-price">{{ getDiscountedPrice() | number:'1.2-2' }} {{ item()!.currency }}</div>
            } @else {
-              <div class="current-price">{{ item.price }} {{ item.currency }}</div>
+              <div class="current-price">{{ item()!.price }} {{ item()!.currency }}</div>
            }
          </div>

          <div class="novo-stock">
            <span class="stock-label">{{ 'itemDetail.stock' | translate }}</span>
-            <div class="stock-indicator" [class.high]="item.remainings === 'high'" [class.medium]="item.remainings === 'medium'" [class.low]="item.remainings === 'low'">
+            <div class="stock-indicator" [class]="getStockClass()">
              <span class="dot"></span>
-              {{ item.remainings === 'high' ? ('itemDetail.inStock' | translate) : item.remainings === 'medium' ? ('itemDetail.mediumStock' | translate) : ('itemDetail.lowStock' | translate) }}
+              {{ getStockLabel() }}
            </div>
+            @if (item()!.quantity != null) {
+              <span class="stock-qty">({{ item()!.quantity }} шт.)</span>
+            }
          </div>

          <button class="novo-add-cart" (click)="addToCart()">
@@ -94,14 +112,32 @@
          </button>

          <div class="novo-description">
+            @if (getSimpleDescription()) {
+              <p class="novo-simple-desc">{{ getSimpleDescription() }}</p>
+            }
+
+            @if (hasDescriptionFields()) {
+              <h3>{{ 'itemDetail.specifications' | translate }}</h3>
+              <table class="novo-specs-table">
+                <tbody>
+                  @for (field of getTranslatedDescriptionFields(); track field.key) {
+                    <tr>
+                      <td class="spec-key">{{ field.key }}</td>
+                      <td class="spec-value">{{ field.value }}</td>
+                    </tr>
+                  }
+                </tbody>
+              </table>
+            } @else {
              <h3>{{ 'itemDetail.description' | translate }}</h3>
-            <div [innerHTML]="getSafeHtml(item.description)"></div>
+              <div [innerHTML]="getSafeHtml(item()!.description)"></div>
+            }
          </div>
        </div>
      </div>

      <div class="novo-reviews">
-        <h2>{{ 'itemDetail.reviews' | translate }} ({{ item.callbacks?.length || 0 }})</h2>
+        <h2>{{ 'itemDetail.reviews' | translate }} ({{ item()!.callbacks?.length || 0 }})</h2>
        
        <!-- novo Review Form -->
        <div class="novo-review-form">
@@ -170,8 +206,8 @@
        </div>

        <div class="novo-reviews-list">
-          @if (item.callbacks && item.callbacks.length > 0) {
-            @for (review of item.callbacks; track $index) {
+          @if (item()!.callbacks && item()!.callbacks!.length > 0) {
+            @for (review of item()!.callbacks!; track review.userID) {
              <div class="novo-review-card">
                <div class="review-header">
                  <div class="reviewer-info">
@@ -191,7 +227,6 @@
        </div>
      </div>
    }
-    }
  </div>
 } @else {
 <!-- DEXAR VERSION - Redesigned 2026 -->
@@ -210,14 +245,13 @@
    </div>
  }

-  @if (item(); as item) {
-    @if (!loading()) {
+  @if (item() && !loading()) {
    <div class="dx-item-content">
      <!-- Gallery: thumbnails left + main photo -->
      <div class="dx-gallery">
-        @if (item.photos && item.photos.length > 0) {
+        @if (item()?.photos && item()!.photos!.length > 0) {
          <div class="dx-thumbnails">
-            @for (photo of item.photos; track $index) {
+            @for (photo of item()!.photos!; track $index) {
              <div 
                class="dx-thumb" 
                [class.active]="selectedPhotoIndex() === $index"
@@ -231,11 +265,11 @@
          </div>
        }
        <div class="dx-main-photo">
-          @if (item.photos && item.photos.length > 0) {
-            @if (item.photos[selectedPhotoIndex()]?.video) {
-              <video [src]="item.photos[selectedPhotoIndex()].url" controls></video>
+          @if (item()?.photos && item()!.photos!.length > 0) {
+            @if (item()!.photos![selectedPhotoIndex()]?.video) {
+              <video [src]="item()!.photos![selectedPhotoIndex()].url" controls></video>
            } @else {
-              <img [src]="item.photos[selectedPhotoIndex()].url" [alt]="item.name" fetchpriority="high" decoding="async" />
+              <img [src]="item()!.photos![selectedPhotoIndex()].url" [alt]="item()!.name" fetchpriority="high" decoding="async" />
            }
          } @else {
            <div class="dx-no-image">
@@ -252,41 +286,57 @@

      <!-- Item Info -->
      <div class="dx-info">
-        <h1 class="dx-title">{{ item.name }}</h1>
+        <h1 class="dx-title">{{ getItemName() }}</h1>
+
+        @if (item()!.badges && item()!.badges!.length > 0) {
+          <div class="dx-badges">
+            @for (badge of item()!.badges!; track badge) {
+              <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+            }
+          </div>
+        }
+
+        @if (item()!.tags && item()!.tags!.length > 0) {
+          <div class="dx-tags">
+            @for (tag of item()!.tags!; track tag) {
+              <span class="item-tag">#{{ tag }}</span>
+            }
+          </div>
+        }
        
        <div class="dx-rating">
          <div class="dx-stars">
            @for (star of [1, 2, 3, 4, 5]; track star) {
-              <svg width="18" height="18" viewBox="0 0 24 24" [attr.fill]="star <= item.rating ? '#497671' : 'none'" [attr.stroke]="star <= item.rating ? '#497671' : '#a1b4b5'" stroke-width="2">
+              <svg width="18" height="18" viewBox="0 0 24 24" [attr.fill]="star <= item()!.rating ? '#497671' : 'none'" [attr.stroke]="star <= item()!.rating ? '#497671' : '#a1b4b5'" stroke-width="2">
                <polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/>
              </svg>
            }
          </div>
-          <span class="dx-rating-value">{{ item.rating }}</span>
-          <span class="dx-rating-count">({{ item.callbacks?.length || 0 }} {{ 'itemDetail.reviewsCount' | translate }})</span>
+          <span class="dx-rating-value">{{ item()!.rating }}</span>
+          <span class="dx-rating-count">({{ item()!.callbacks?.length || 0 }} {{ 'itemDetail.reviewsCount' | translate }})</span>
        </div>

        <div class="dx-price-block">
-          @if (item.discount > 0) {
+          @if (item()!.discount > 0) {
            <div class="dx-price-row">
-              <span class="dx-old-price">{{ item.price }} {{ item.currency }}</span>
-              <span class="dx-discount-tag">-{{ item.discount }}%</span>
+              <span class="dx-old-price">{{ item()!.price }} {{ item()!.currency }}</span>
+              <span class="dx-discount-tag">-{{ item()!.discount }}%</span>
            </div>
          }
          <div class="dx-current-price">
-            {{ item.discount > 0 ? (getDiscountedPrice() | number:'1.2-2') : item.price }} {{ item.currency }}
+            {{ item()!.discount > 0 ? (getDiscountedPrice() | number:'1.2-2') : item()!.price }} {{ item()!.currency }}
          </div>
        </div>

        <div class="dx-stock">
          <span class="dx-stock-label">{{ 'itemDetail.stock' | translate }}</span>
-          <span class="dx-stock-status" 
-                [class.high]="item.remainings === 'high'" 
-                [class.medium]="item.remainings === 'medium'" 
-                [class.low]="item.remainings === 'low'">
+          <span class="dx-stock-status" [class]="getStockClass()">
            <span class="dx-stock-dot"></span>
-            {{ item.remainings === 'high' ? ('itemDetail.inStock' | translate) : item.remainings === 'medium' ? ('itemDetail.mediumStock' | translate) : ('itemDetail.lastItems' | translate) }}
+            {{ getStockLabel() }}
          </span>
+          @if (item()!.quantity != null) {
+            <span class="dx-stock-qty">({{ item()!.quantity }} шт.)</span>
+          }
        </div>

        <button class="dx-add-cart" (click)="addToCart()">
@@ -299,15 +349,33 @@
        </button>

        <div class="dx-description">
+          @if (getSimpleDescription()) {
+            <p class="dx-simple-desc">{{ getSimpleDescription() }}</p>
+          }
+
+          @if (hasDescriptionFields()) {
+            <h2>{{ 'itemDetail.specifications' | translate }}</h2>
+            <table class="dx-specs-table">
+              <tbody>
+                @for (field of getTranslatedDescriptionFields(); track field.key) {
+                  <tr>
+                    <td class="spec-key">{{ field.key }}</td>
+                    <td class="spec-value">{{ field.value }}</td>
+                  </tr>
+                }
+              </tbody>
+            </table>
+          } @else {
            <h2>{{ 'itemDetail.description' | translate }}</h2>
-          <div class="dx-description-text" [innerHTML]="getSafeHtml(item.description)"></div>
+            <div class="dx-description-text" [innerHTML]="getSafeHtml(item()!.description)"></div>
+          }
        </div>
      </div>
    </div>

    <!-- Reviews Section -->
    <div class="dx-reviews-section">
-      <h2>{{ 'itemDetail.reviews' | translate }} ({{ item.callbacks?.length || 0 }})</h2>
+      <h2>{{ 'itemDetail.reviews' | translate }} ({{ item()!.callbacks?.length || 0 }})</h2>
      
      <div class="dx-review-form">
        <h3>{{ 'itemDetail.leaveReview' | translate }}</h3>
@@ -368,8 +436,8 @@
      </div>

      <div class="dx-reviews-list">
-        @if (item.callbacks && item.callbacks.length > 0) {
-          @for (callback of item.callbacks; track $index) {
+        @if (item()?.callbacks && item()!.callbacks!.length > 0) {
+          @for (callback of item()!.callbacks; track $index) {
            <div class="dx-review-card">
              <div class="dx-review-header">
                <div class="dx-reviewer">
@@ -400,11 +468,11 @@
    </div>

    <!-- Q&A Section -->
-    @if (item.questions && item.questions.length > 0) {
+    @if (item()!.questions && item()!.questions!.length > 0) {
      <div class="dx-qa-section">
-        <h2>{{ 'itemDetail.qna' | translate }} ({{ item.questions.length }})</h2>
+        <h2>{{ 'itemDetail.qna' | translate }} ({{ item()!.questions!.length }})</h2>
        <div class="dx-qa-list">
-          @for (question of item.questions; track $index) {
+          @for (question of item()!.questions!; track $index) {
            <div class="dx-qa-card">
              <div class="dx-question">
                <span class="dx-qa-label q">В</span>
@@ -430,6 +498,5 @@
      </div>
    }
  }
-  }
 </div>
 }
--- a/src/app/pages/item-detail/item-detail.component.scss
+++ b/src/app/pages/item-detail/item-detail.component.scss
@@ -1,6 +1,4 @@
-@use 'sass:color';
-
-// ========== DEXAR ITEM DETAIL - Redesigned 2026 ==========
+// ========== DEXAR ITEM DETAIL - Redesigned 2026 ==========
 $dx-font: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 $dx-dark: #1e3c38;
 $dx-primary: #497671;
@@ -52,7 +50,7 @@ $dx-card-bg: #f5f3f9;
  transition: all 0.2s;

  &:hover {
-    background: color.adjust($dx-primary, $lightness: -8%);
+    background: darken($dx-primary, 8%);
    transform: translateY(-1px);
  }
 }
@@ -283,7 +281,7 @@ $dx-card-bg: #f5f3f9;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.15);

  &:hover {
-    background: color.adjust($dx-primary, $lightness: -8%);
+    background: darken($dx-primary, 8%);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(73, 118, 113, 0.3);
  }
@@ -436,7 +434,7 @@ $dx-card-bg: #f5f3f9;
  justify-content: center;

  &:hover:not(:disabled) {
-    background: color.adjust($dx-primary, $lightness: -8%);
+    background: darken($dx-primary, 8%);
    transform: translateY(-1px);
  }

@@ -644,22 +642,70 @@ $dx-card-bg: #f5f3f9;
  }
 }

-// Responsive
+// ========== DEXAR RESPONSIVE ==========
+
+// Large desktop — constrain gallery height
+@media (min-width: 1201px) {
+  .dx-main-photo {
+    max-height: 560px;
+  }
+}
+
+// Tablet landscape / small desktop
+@media (max-width: 1200px) {
+  .dx-item-content {
+    gap: 32px;
+  }
+
+  .dx-title {
+    font-size: 1.5rem;
+  }
+}
+
+// Tablet portrait
@media (max-width: 992px) {
  .dx-item-content {
    grid-template-columns: 1fr;
    gap: 32px;
  }
+
+  .dx-gallery {
+    max-width: 600px;
+    margin: 0 auto;
  }

+  .dx-main-photo {
+    max-height: 480px;
+    aspect-ratio: auto;
+  }
+
+  .dx-add-cart {
+    max-width: 100%;
+  }
+
+  .dx-reviews-section,
+  .dx-qa-section {
+    h2 {
+      font-size: 1.3rem;
+    }
+  }
+}
+
+// Mobile
@media (max-width: 768px) {
  .dx-item-container {
    padding: 16px;
  }

-  // On mobile: thumbnails go below main photo
+  .dx-item-content {
+    gap: 24px;
+    margin-bottom: 32px;
+  }
+
+  // Thumbnails go below main photo
  .dx-gallery {
    flex-direction: column;
+    max-width: 100%;
  }

  .dx-thumbnails {
@@ -668,14 +714,16 @@ $dx-card-bg: #f5f3f9;
    max-height: none;
    overflow-x: auto;
    overflow-y: hidden;
-    order: 1; // put below main photo
+    order: 1;

    scrollbar-width: none;
    &::-webkit-scrollbar { display: none; }
  }

  .dx-main-photo {
-    order: 0; // main photo first
+    order: 0;
+    max-height: 400px;
+    aspect-ratio: auto;
  }

  .dx-thumb {
@@ -692,8 +740,32 @@ $dx-card-bg: #f5f3f9;
    font-size: 1.8rem;
  }

+  .dx-old-price {
+    font-size: 1rem;
+  }
+
  .dx-add-cart {
    max-width: 100%;
+    padding: 14px 20px;
+    font-size: 1rem;
+  }
+
+  .dx-description {
+    h2 {
+      font-size: 1.15rem;
+    }
+  }
+
+  .dx-specs-table {
+    .spec-key {
+      white-space: normal;
+      width: auto;
+    }
+
+    td {
+      padding: 8px 10px;
+      font-size: 0.85rem;
+    }
  }

  .dx-review-form {
@@ -709,21 +781,153 @@ $dx-card-bg: #f5f3f9;
      width: 100%;
    }
  }
+
+  .dx-review-card {
+    padding: 16px;
  }

+  .dx-reviews-section,
+  .dx-qa-section {
+    margin-bottom: 32px;
+
+    h2 {
+      font-size: 1.25rem;
+      margin-bottom: 16px;
+    }
+  }
+
+  .dx-qa-card {
+    padding: 16px;
+  }
+
+  .dx-question,
+  .dx-answer {
+    font-size: 0.9rem;
+  }
+}
+
+// Small mobile
@media (max-width: 480px) {
+  .dx-item-container {
+    padding: 12px;
+  }
+
+  .dx-item-content {
+    gap: 20px;
+    margin-bottom: 24px;
+  }
+
+  .dx-main-photo {
+    max-height: 300px;
+    border-radius: 10px;
+
+    img, video {
+      padding: 8px;
+    }
+  }
+
  .dx-thumb {
-    width: 56px;
-    height: 56px;
-    min-width: 56px;
+    width: 52px;
+    height: 52px;
+    min-width: 52px;
  }

  .dx-title {
-    font-size: 1.25rem;
+    font-size: 1.2rem;
+  }
+
+  .dx-info {
+    gap: 16px;
  }

  .dx-current-price {
-    font-size: 1.6rem;
+    font-size: 1.5rem;
+  }
+
+  .dx-rating {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .dx-stock {
+    flex-wrap: wrap;
+    gap: 6px;
+  }
+
+  .dx-add-cart {
+    padding: 12px 16px;
+    font-size: 0.95rem;
+    border-radius: 10px;
+  }
+
+  .dx-review-form {
+    padding: 14px;
+
+    h3 {
+      font-size: 1rem;
+    }
+  }
+
+  .dx-star-selector {
+    .dx-star-pick {
+      font-size: 1.5rem;
+    }
+  }
+
+  .dx-textarea {
+    padding: 12px;
+    font-size: 0.9rem;
+  }
+
+  .dx-review-card {
+    padding: 14px;
+  }
+
+  .dx-reviewer-name {
+    font-size: 0.9rem;
+  }
+
+  .dx-review-text {
+    font-size: 0.9rem;
+  }
+
+  .dx-specs-table {
+    td {
+      padding: 6px 8px;
+      font-size: 0.8rem;
+      display: block;
+    }
+
+    .spec-key {
+      width: 100%;
+      padding-bottom: 2px;
+    }
+
+    .spec-value {
+      padding-top: 0;
+    }
+
+    tr {
+      display: flex;
+      flex-direction: column;
+      padding: 6px 0;
+    }
+  }
+
+  .dx-qa-card {
+    padding: 14px;
+  }
+
+  .dx-question,
+  .dx-answer {
+    font-size: 0.85rem;
+    gap: 8px;
+  }
+
+  .dx-qa-label {
+    width: 24px;
+    height: 24px;
+    font-size: 0.7rem;
  }
 }

@@ -1301,12 +1505,20 @@ $dx-card-bg: #f5f3f9;
  }
 }

+// ========== NOVO RESPONSIVE ==========
+
+// Tablet portrait
@media (max-width: 968px) {
  .novo-item-content {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

+  .novo-gallery {
+    max-width: 600px;
+    margin: 0 auto;
+  }
+
  .novo-info .novo-title {
    font-size: 1.5rem;
  }
@@ -1315,6 +1527,10 @@ $dx-card-bg: #f5f3f9;
    font-size: 2rem;
  }

+  .novo-info .novo-add-cart {
+    max-width: 100%;
+  }
+
  .novo-review-form {
    padding: 1.5rem;

@@ -1329,3 +1545,302 @@ $dx-card-bg: #f5f3f9;
    }
  }
 }
+
+// Mobile
+@media (max-width: 768px) {
+  .novo-item-container {
+    padding: 1rem;
+  }
+
+  .novo-item-content {
+    gap: 1.5rem;
+    margin-bottom: 2rem;
+  }
+
+  .novo-gallery {
+    max-width: 100%;
+
+    .novo-main-photo {
+      border-radius: var(--radius-lg);
+      margin-bottom: 0.75rem;
+    }
+
+    .novo-thumbnails {
+      grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));
+      gap: 0.5rem;
+    }
+  }
+
+  .novo-info {
+    .novo-title {
+      font-size: 1.35rem;
+    }
+
+    .novo-rating {
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      margin-bottom: 1rem;
+    }
+
+    .novo-price-block {
+      padding: 1rem;
+
+      .current-price {
+        font-size: 1.75rem;
+      }
+
+      .old-price {
+        font-size: 0.95rem;
+      }
+    }
+
+    .novo-stock {
+      flex-wrap: wrap;
+      gap: 0.5rem;
+      padding: 0.75rem;
+    }
+
+    .novo-add-cart {
+      padding: 1rem 1.5rem;
+      font-size: 1rem;
+      margin-bottom: 1.5rem;
+    }
+
+    .novo-description {
+      h3 {
+        font-size: 1.1rem;
+      }
+    }
+  }
+
+  .novo-specs-table {
+    .spec-key {
+      white-space: normal;
+      width: auto;
+    }
+
+    td {
+      padding: 8px 10px;
+      font-size: 0.85rem;
+    }
+  }
+
+  .novo-reviews {
+    margin-top: 2rem;
+    padding-top: 2rem;
+
+    h2 {
+      font-size: 1.35rem;
+      margin-bottom: 1.5rem;
+    }
+  }
+
+  .novo-review-card {
+    padding: 1rem;
+  }
+
+  .novo-review-form {
+    padding: 1.25rem;
+
+    h3 {
+      font-size: 1.1rem;
+    }
+  }
+}
+
+// Small mobile
+@media (max-width: 480px) {
+  .novo-item-container {
+    padding: 0.75rem;
+  }
+
+  .novo-item-content {
+    gap: 1.25rem;
+    margin-bottom: 1.5rem;
+  }
+
+  .novo-gallery {
+    .novo-thumbnails {
+      grid-template-columns: repeat(auto-fill, minmax(52px, 1fr));
+      gap: 0.4rem;
+    }
+
+    .novo-main-photo {
+      border-radius: var(--radius-md);
+    }
+  }
+
+  .novo-info {
+    .novo-title {
+      font-size: 1.15rem;
+    }
+
+    .novo-price-block {
+      padding: 0.75rem;
+
+      .current-price {
+        font-size: 1.5rem;
+      }
+    }
+
+    .novo-stock {
+      padding: 0.6rem;
+      font-size: 0.85rem;
+    }
+
+    .novo-add-cart {
+      padding: 0.85rem 1rem;
+      font-size: 0.95rem;
+      border-radius: var(--radius-md);
+    }
+  }
+
+  .novo-review-form {
+    padding: 1rem;
+
+    .novo-rating-input {
+      .novo-star-selector {
+        .novo-star {
+          font-size: 1.6rem;
+        }
+      }
+    }
+
+    .novo-textarea {
+      padding: 0.75rem;
+      font-size: 0.9rem;
+    }
+  }
+
+  .novo-review-card {
+    padding: 0.75rem;
+
+    .review-header {
+      flex-direction: column;
+      gap: 0.5rem;
+
+      .review-stars {
+        align-self: flex-start;
+      }
+    }
+
+    .review-text {
+      font-size: 0.9rem;
+    }
+  }
+
+  .novo-specs-table {
+    td {
+      padding: 6px 8px;
+      font-size: 0.8rem;
+      display: block;
+    }
+
+    .spec-key {
+      width: 100%;
+      padding-bottom: 2px;
+    }
+
+    .spec-value {
+      padding-top: 0;
+    }
+
+    tr {
+      display: flex;
+      flex-direction: column;
+      padding: 6px 0;
+    }
+  }
+}
+
+// ========== BADGES, TAGS & SPECS (shared) ==========
+
+// Badges
+.novo-badges, .dx-badges {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 8px 0;
+}
+
+.item-badge {
+  display: inline-block;
+  padding: 3px 10px;
+  border-radius: 4px;
+  font-size: 0.75rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: #fff;
+
+  &.badge-new       { background: #4caf50; }
+  &.badge-sale       { background: #f44336; }
+  &.badge-exclusive  { background: #9c27b0; }
+  &.badge-hot        { background: #ff5722; }
+  &.badge-limited    { background: #ff9800; }
+  &.badge-bestseller { background: #2196f3; }
+  &.badge-featured   { background: #607d8b; }
+  &.badge-custom     { background: #78909c; }
+}
+
+// Tags
+.novo-tags, .dx-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin: 6px 0 12px;
+}
+
+.item-tag {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 0.75rem;
+  color: #497671;
+  background: rgba(73, 118, 113, 0.08);
+  border: 1px solid rgba(73, 118, 113, 0.15);
+}
+
+// Specs table
+.novo-specs-table, .dx-specs-table {
+  width: 100%;
+  border-collapse: collapse;
+  margin: 12px 0;
+
+  tr {
+    border-bottom: 1px solid #e8ecec;
+    &:last-child { border-bottom: none; }
+  }
+
+  td {
+    padding: 10px 12px;
+    font-size: 0.9rem;
+    vertical-align: top;
+  }
+
+  .spec-key {
+    color: #697777;
+    font-weight: 500;
+    width: 40%;
+    white-space: nowrap;
+  }
+
+  .spec-value {
+    color: #1e3c38;
+  }
+}
+
+// Simple description
+.novo-simple-desc, .dx-simple-desc {
+  font-size: 0.95rem;
+  color: #697777;
+  line-height: 1.6;
+  margin-bottom: 16px;
+}
+
+// Stock quantity
+.stock-qty, .dx-stock-qty {
+  font-size: 0.8rem;
+  color: #697777;
+  margin-left: 8px;
+}
--- a/src/app/pages/item-detail/item-detail.component.ts
+++ b/src/app/pages/item-detail/item-detail.component.ts
@@ -2,13 +2,13 @@ import { Component, OnInit, OnDestroy, signal, ChangeDetectionStrategy, inject }
 import { DecimalPipe } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { ActivatedRoute, RouterLink } from '@angular/router';
-import { ApiService, CartService, TelegramService, SeoService, LanguageService } from '../../services';
-import { Item } from '../../models';
-import { DomSanitizer } from '@angular/platform-browser';
+import { ApiService, CartService, TelegramService, LanguageService, SeoService } from '../../services';
+import { Item, DescriptionField } from '../../models';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 import { Subscription } from 'rxjs';
 import { environment } from '../../../environments/environment';
 import { SecurityContext } from '@angular/core';
-import { getDiscountedPrice } from '../../utils/item.utils';
+import { getDiscountedPrice, getAllImages, getStockStatus, getBadgeClass, getTranslatedField } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { TranslateService } from '../../i18n/translate.service';
@@ -42,14 +42,14 @@ export class ItemDetailComponent implements OnInit, OnDestroy {

  private seoService = inject(SeoService);
  private i18n = inject(TranslateService);
-  private langService = inject(LanguageService);

  constructor(
    private route: ActivatedRoute,
    private apiService: ApiService,
    private cartService: CartService,
    private telegramService: TelegramService,
-    private sanitizer: DomSanitizer
+    private sanitizer: DomSanitizer,
+    private languageService: LanguageService
  ) {}

  ngOnInit(): void {
@@ -101,7 +101,58 @@ export class ItemDetailComponent implements OnInit, OnDestroy {
    return getDiscountedPrice(currentItem);
  }

-  getSafeHtml(html: string): string {
+  // BackOffice integration helpers
+
+  getItemName(): string {
+    const currentItem = this.item();
+    if (!currentItem) return '';
+    const lang = this.languageService.currentLanguage();
+    return getTranslatedField(currentItem, 'name', lang);
+  }
+
+  getSimpleDescription(): string {
+    const currentItem = this.item();
+    if (!currentItem) return '';
+    const lang = this.languageService.currentLanguage();
+    return getTranslatedField(currentItem, 'simpleDescription', lang);
+  }
+
+  hasDescriptionFields(): boolean {
+    const currentItem = this.item();
+    return !!(currentItem?.descriptionFields && currentItem.descriptionFields.length > 0);
+  }
+
+  getTranslatedDescriptionFields(): DescriptionField[] {
+    const currentItem = this.item();
+    if (!currentItem) return [];
+    const lang = this.languageService.currentLanguage();
+    const translation = currentItem.translations?.[lang];
+    if (translation?.description && translation.description.length > 0) {
+      return translation.description;
+    }
+    return currentItem.descriptionFields || [];
+  }
+
+  getStockClass(): string {
+    const currentItem = this.item();
+    if (!currentItem) return 'high';
+    return getStockStatus(currentItem);
+  }
+
+  getStockLabel(): string {
+    const status = this.getStockClass();
+    switch (status) {
+      case 'high': return 'В наличии';
+      case 'medium': return 'Заканчивается';
+      case 'low': return 'Последние штуки';
+      case 'out': return 'Нет в наличии';
+      default: return 'В наличии';
+    }
+  }
+
+  readonly getBadgeClass = getBadgeClass;
+
+  getSafeHtml(html: string): SafeHtml {
    return this.sanitizer.sanitize(SecurityContext.HTML, html) || '';
  }

@@ -124,9 +175,7 @@ export class ItemDetailComponent implements OnInit, OnDestroy {
    if (diffDays < 7) return `${diffDays} ${this.i18n.t('itemDetail.daysAgo')}`;
    if (diffDays < 30) return `${Math.floor(diffDays / 7)} ${this.i18n.t('itemDetail.weeksAgo')}`;
    
-    const localeMap: Record<string, string> = { ru: 'ru-RU', en: 'en-US', hy: 'hy-AM' };
-    const locale = localeMap[this.langService.currentLanguage()] || 'ru-RU';
-    return date.toLocaleDateString(locale, { 
+    return date.toLocaleDateString('ru-RU', { 
      day: 'numeric', 
      month: 'long', 
      year: 'numeric' 
--- a/src/app/pages/legal/company-details/en/company-details-en.component.html
+++ b/src/app/pages/legal/company-details/en/company-details-en.component.html
@@ -1,4 +1,4 @@
-<h1>Company Details</h1>
+<h1>Company Details</h1>

 <section class="legal-section">
  <h2>Full Company Name</h2>
@@ -14,7 +14,7 @@
 <section class="legal-section">
  <h2>Actual Address</h2>
  <p><strong>Office in Armenia:</strong> 0033, Yerevan, Orbeli Brothers St., 47</p>
-  
+  <p><strong>Office in Russia:</strong> 121059, Moscow, Taras Shevchenko Emb., 3/2</p>
 </section>

 <section class="legal-section">
--- a/src/app/pages/legal/company-details/hy/company-details-hy.component.html
+++ b/src/app/pages/legal/company-details/hy/company-details-hy.component.html
@@ -1,4 +1,4 @@
-<h1>Կազմակերպության տվյալներ</h1>
+<h1>Կազմակերպության տվյալներ</h1>

 <section class="legal-section">
  <h2>Կազմակերպության լիարժեկ անվանումը</h2>
@@ -14,6 +14,7 @@
 <section class="legal-section">
  <h2>Գործնական հասցե</h2>
  <p><strong>Գրասենյակ Հայաստանում՝</strong> 0033, Երևան, Եղբայրներ Օրբելի փկ., 47</p>
+  <p><strong>Գրասենյակ Ռուսաստանում՝</strong> 121059, Մոսկվա, Տարաս Շևչենկոի փակ., 3կ2</p>
 </section>

 <section class="legal-section">
--- a/src/app/pages/legal/company-details/ru/company-details-ru.component.html
+++ b/src/app/pages/legal/company-details/ru/company-details-ru.component.html
@@ -1,4 +1,4 @@
-<h1>Реквизиты организации</h1>
+<h1>Реквизиты организации</h1>

 <section class="legal-section">
  <h2>Полное наименование организации</h2>
@@ -14,7 +14,7 @@
 <section class="legal-section">
  <h2>Фактический адрес</h2>
  <p><strong>Офис в Армении:</strong> 0033, Ереван, улица Братьев Орбели, 47</p>
-  
+  <p><strong>Офис в России:</strong> 121059, Москва, наб. Тараса Шевченко, 3к2</p>
 </section>

 <section class="legal-section">
--- a/src/app/pages/legal/public-offer/en/public-offer-en.component.html
+++ b/src/app/pages/legal/public-offer/en/public-offer-en.component.html
@@ -1,5 +1,3 @@
-<div class="legal-page">
-  <div class="legal-container">
    <h1>PUBLIC OFFER AGREEMENT</h1>

    <section class="legal-section">
@@ -79,7 +77,7 @@
      <p>By placing orders through the marketplace, the User expresses full agreement with the terms of sale of goods and services defined in this agreement.</p>
      
      <p><strong>3.2. Conclusion of Contracts</strong></p>
-      <p>A retail sales contract or a service agreement is concluded directly between the Seller and the Buyer. The Site Owner is not a party (seller) to the said contracts, but merely provides the information and technical infrastructure (marketplace) for their conclusion and execution. The fact of payment for the Goods through the Site does not mean the transfer of any obligations under the transaction to the Site Owner.</p>
+      <p>A retail sales contract or a service agreement is concluded directly between the Seller and the Buyer from the moment the Seller issues cash or sales receipts confirming payment. The Marketplace acts as an information intermediary, providing infrastructure for transactions, but is not a party to this contract. Responsibility for the performance of the contract, the quality of goods and services rests with the Seller.</p>
      
      <p><strong>3.3. Consent to Contact Processing</strong></p>
      <p>The User consents to the use of their contact details (email address, phone number) by the site administration and the Seller, as well as by engaged third parties, to fulfill obligations to the Buyer, including sending advertising and other information.</p>
@@ -177,62 +175,6 @@
      
      <p><strong>6.3. User Rights</strong></p>
      <p>The User has the right to refuse to receive advertising messages by using the appropriate tool on the site or by sending a request by email to <a href="mailto:info@dexarmarket.ru">info@dexarmarket.ru</a> or by letter to the official address of the Site Owner.</p>
-
-      <p><strong>6.4. Prohibited Goods for Sale on dexar.market</strong></p>
-      <p>The following goods and services are prohibited from being sold on the dexar.market platform:</p>
-      <ul>
-        <li>Weapons, ammunition, military equipment, spare parts, components and instruments thereto, explosives, detonation devices, all types of rocket fuel, as well as special materials and equipment for their production, special equipment of paramilitary organisations and regulatory documentation for their production and operation.</li>
-        <li>Rocket and space systems, military communication and control systems, and regulatory documentation for their production and operation.</li>
-        <li>Combat chemical agents, means of protection against them, and regulatory documentation for their production and use.</li>
-        <li>Results of research, design work, and fundamental research on the development of weapons and military equipment.</li>
-        <li>Services, works and materials related to military service and paramilitary activities.</li>
-        <li>Any weapons, including hunting, civilian and other, as well as components thereof, knives (except kitchen, penknife and office knives).</li>
-        <li>Radioactive substances and isotopes, uranium and other fissile materials and products made from them.</li>
-        <li>Radioactive material waste.</li>
-        <li>Precious and rare-earth metals, gemstones, as well as waste containing precious and rare-earth metals and gemstones.</li>
-        <li>X-ray equipment, instruments and equipment using radioactive substances and isotopes.</li>
-        <li>Poisons, narcotic drugs and psychotropic substances, their precursors.</li>
-        <li>Ethyl alcohol and alcoholic beverages.</li>
-        <li>Prescription medicines, as well as narcotic, psychotropic and alcohol-containing (with ethyl alcohol content above 25%) medicines and alcohol-based balsams.</li>
-        <li>Medicinal raw materials obtained from reindeer farming (velvet antlers and endocrine raw materials).</li>
-        <li>Tobacco products or vaping products.</li>
-        <li>Encryption equipment and regulatory documentation for its production and use.</li>
-        <li>Counterfeit currency.</li>
-        <li>Foreign currency and other currency valuables, coins and banknotes of the Russian Federation in circulation.</li>
-        <li>Radio-electronic and special technical means intended for covert collection of information, as well as high-frequency devices intended for transmitting and receiving radio waves above 8 GHz.</li>
-        <li>Materials and services that violate the privacy of personal life, encroach on the honour, dignity and business reputation of individuals and legal entities, or contain state, banking, commercial and other secrets.</li>
-        <li>State awards of the RF, RSFSR, USSR, and copies thereof.</li>
-        <li>Government identity documents, badges, passes, permits, certificates, travel documents and licences, as well as other documents granting rights or releasing from rights or obligations, and blanks for such documents.</li>
-        <li>Cultural heritage sites of the peoples of the Russian Federation, as well as archaeological heritage sites.</li>
-        <li>Human organs and tissues, as well as donor services.</li>
-        <li>Animals and plants listed in the Red Book of the Russian Federation and regional Red Books, parts and organs of such animals, as well as animals and plants protected by international treaties.</li>
-        <li>Hides and products made from hides of rare and endangered animal species.</li>
-        <li>Fishing nets, materials for their manufacture, manufacturing services, electric fishing rods and traps prohibited from sale in the Russian Federation.</li>
-        <li>Extremist materials, materials inciting mass riots, terrorist and extremist activities, participation in mass public events, incitement of ethnic and religious hatred.</li>
-        <li>Items bearing Nazi symbols or symbols of organisations banned in the Russian Federation.</li>
-        <li>Counterfeit or stolen goods or property.</li>
-        <li>Databases, including those containing personal data that may facilitate unauthorised mass mailings.</li>
-        <li>Materials transmitted exclusively in virtual form and not recorded on any physical medium (ideas, methods, principles, etc.).</li>
-        <li>Gaming equipment used for gambling, lottery equipment, online sports betting services, acceptance of payments for lottery tickets, and sale of virtual currency.</li>
-        <li>Vehicle documents, government licence plates for vehicles.</li>
-        <li>Goods whose circulation infringes the intellectual property rights of third parties (including patents, trademarks, copyrights, etc.).</li>
-        <li>Investment services, transactions with funds and cryptocurrencies, as well as goods and services whose purchase or use is guaranteed to generate earnings or profit.</li>
-        <li>Goods and services sold by multi-level network marketing organisations based on creating a network of independent distributors or sales agents.</li>
-        <li>Services and/or work of an intimate, erotic or sexual nature, as well as pornographic or erotic materials.</li>
-        <li>Goods or services whose use may be aimed at violating applicable legislation of the Russian Federation.</li>
-        <li>Non-existent goods or services, as well as goods or services with no consumer value.</li>
-        <li>Transcendental services and alternative medicine services.</li>
-        <li>Services for replacing licensed software or circumventing technical protection measures on phones, smartphones, laptops, navigators, personal computers, etc.</li>
-        <li>Other goods or services whose circulation is prohibited or restricted under Russian Federation legislation, or which may negatively affect the business reputation of international payment systems.</li>
-        <li>Injectable preparations and solutions, as well as substances used in their manufacture.</li>
-        <li>Services, works and materials related to the activities of occult organisations and sects.</li>
-        <li>Goods and services sold by companies organised as financial pyramids.</li>
-        <li>Antiques.</li>
-        <li>Dietary supplements. Sale of dietary supplements is permitted only through pharmacy institutions (pharmacies, pharmacy shops, pharmacy kiosks), specialised diet food shops, and grocery stores with dedicated departments.</li>
-        <li>Custom coursework and diploma papers.</li>
-        <li>Anonymous work (couriers for illegal deliveries, etc.).</li>
-        <li>Copies and replicas of original goods.</li>
-      </ul>
    </section>

    <section class="legal-section">
@@ -300,11 +242,13 @@
      <p>The Seller bears full responsibility for the quality, safety and compliance of the products sold with the stated characteristics, as well as for losses caused by breach of obligations to the Buyer.</p>

      <p><strong>9.7. Site Owner Liability and Claims Settlement Procedure</strong></p>
-      <p>The Site Owner is responsible for the accuracy of general information about the platform and its operation, and also takes all possible measures to prevent the posting of knowingly false information about goods, if it becomes aware of such information. At the same time, the Site Owner is not responsible for:</p>
+      <p>The Site Owner is responsible for the quality, safety and accuracy of information about goods and services posted on the platform. At the same time, the Site Owner is not responsible for:</p>
      <ul>
-        <li>The compliance of the Seller's activities with legal requirements, the availability of necessary permits and licenses, as well as the correctness of calculation and payment of taxes by the Seller.</li>
+        <li>The fulfillment or improper fulfillment by Sellers of their obligations to Buyers.</li>
+        <li>Damage to third-party rights, including intellectual property.</li>
+        <li>Issues of delivery, completeness and condition of goods.</li>
      </ul>
-      <p>The Buyer agrees that claims regarding the quality, quantity, completeness of goods and services may be directed to both the Seller and the Site Administration.</p>
+      <p>The Buyer agrees that claims regarding the quality, quantity, completeness of goods and services may be directed to both the Seller and the Site Administration. The Site Administration assumes responsibility for the quality and accuracy of services provided through the platform and actively participates in the settlement of disputes.</p>

      <p><strong>9.8. Delivery Liability</strong></p>
      <p>Responsibility for the timing, conditions and quality of goods delivery is borne by transport companies and courier services. The Site Owner acts only as an information intermediary and is not responsible for the actions of delivery services.</p>
@@ -440,7 +384,7 @@
      <p>When purchasing a set of products on promotion with a discount, return or exchange is possible only as a complete set. Individual products from the set cannot be returned.</p>

      <p><strong>13.5. Delivery Cost Compensation</strong></p>
-      <p>When returning a product of proper quality, the cost of delivering the product from the Buyer back to the Seller is borne by the Buyer, unless otherwise provided by law or established by the Seller. The Site Owner does not compensate such costs.</p>
+      <p>When returning a product of proper quality, the Seller or the Site Owner has the right to recover delivery costs from the Buyer.</p>

      <p><strong>13.6. Claim Satisfaction Terms</strong></p>
      <p>Refund applications are satisfied within 10 days from the date of submission.</p>
@@ -515,5 +459,3 @@
      <p><strong>16.8. Response to Violations</strong></p>
      <p>Non-intervention by the Site Owner in the event of violations of agreements by Users does not prevent subsequent measures to protect the Owner's interests at a later date.</p>
    </section>
-  </div>
-</div>
--- a/src/app/pages/legal/public-offer/ru/public-offer-ru.component.html
+++ b/src/app/pages/legal/public-offer/ru/public-offer-ru.component.html
@@ -1,5 +1,3 @@
-<div class="legal-page">
-  <div class="legal-container">
    <h1>СОГЛАШЕНИЕ ПУБЛИЧНОЙ ОФЕРТЫ</h1>

    <section class="legal-section">
@@ -79,7 +77,7 @@
      <p>Пользователь, делая заказы через маркетплейс, выражает полное согласие с условиями продажи товаров и оказания услуг, определёнными в данном соглашении.</p>
      
      <p><strong>3.2. Заключение договоров</strong></p>
-      <p>Договор розничной купли-продажи или договор оказания услуг заключается непосредственно между Продавцом и Покупателем. Владелец сайта не является стороной (продавцом) по указанным договорам, а лишь предоставляет информационно-техническую инфраструктуру (маркетплейс) для их заключения и исполнения. Факт оплаты Товара через Сайт не означает переход каких-либо обязательств по сделке на Владельца сайта.</p>
+      <p>Договор розничной купли-продажи или договор оказания услуг заключается непосредственно между Продавцом и Покупателем с момента выдачи Продавцом кассовых или товарных чеков, подтверждающих оплату. Маркетплейс играет роль информационного посредника, предоставляя инфраструктуру для совершения сделок, но не является участником данного договора. Ответственность за выполнение договора, качество товаров и услуг лежит на Продавце.</p>
      
      <p><strong>3.3. Согласие на обработку контактов</strong></p>
      <p>Пользователь даёт согласие на использование его контактных данных (адрес электронной почты, номер телефона) администрацией сайта и Продавцом, а также привлечёнными третьими сторонами для выполнения обязательств перед Покупателем, включая рассылки рекламной и иной информации.</p>
@@ -177,62 +175,6 @@
      
      <p><strong>6.3. Права Пользователя</strong></p>
      <p>Пользователь имеет право отказаться от получения рекламных сообщений, воспользовавшись соответствующим инструментом на сайте или направив заявку по электронной почте <a href="mailto:info@dexarmarket.ru">info@dexarmarket.ru</a> или письмом по официальному адресу Владельца сайта.</p>
-
-      <p><strong>6.4. Запрещённые товары для продажи на dexar.market</strong></p>
-      <p>На платформе dexar.market запрещена продажа следующих товаров и услуг:</p>
-      <ul>
-        <li>Вооружение, боеприпасы к нему, военная техника, запасные части, комплектующие изделия и приборы к ним, взрывчатые вещества, средства взрывания, все виды ракетного топлива, а также специальные материалы и специальное оборудование для их производства, специальное снаряжение военизированных организаций и нормативно-техническая продукция на их производство и эксплуатацию.</li>
-        <li>Ракетно-космические комплексы, системы связи и управления военного назначения и нормативно-техническая документация на их производство и эксплуатацию.</li>
-        <li>Боевые отравляющие вещества, средства защиты от них и нормативно-техническая документация на их производство и использование.</li>
-        <li>Результаты научно-исследовательских и проектных работ, а также фундаментальных поисковых исследований по созданию вооружения и военной техники.</li>
-        <li>Услуги, работы и материалы, связанные с осуществлением военной службы и военизированной деятельности.</li>
-        <li>Любое оружие, в том числе охотничье, гражданское и иное, а также комплектующие изделия к нему, ножи (за исключением кухонных, перочинных и канцелярских).</li>
-        <li>Радиоактивные вещества и изотопы, уран и другие делящиеся материалы и изделия из них.</li>
-        <li>Отходы радиоактивных материалов.</li>
-        <li>Драгоценные и редкоземельные металлы, драгоценные камни, а также отходы, содержащие драгоценные и редкоземельные металлы и драгоценные камни.</li>
-        <li>Рентгеновское оборудование, приборы и оборудование с использованием радиоактивных веществ и изотопов.</li>
-        <li>Яды, наркотические средства и психотропные вещества, их прекурсоры.</li>
-        <li>Спирт этиловый, алкогольные напитки.</li>
-        <li>Лекарственные препараты, отпускаемые по рецепту, а также наркотические, психотропные и спиртосодержащие (с объёмной долей этилового спирта свыше 25%) лекарственные препараты и бальзамы на основе спирта.</li>
-        <li>Лекарственное сырьё, получаемое от северного оленеводства (панты и эндокринное сырьё).</li>
-        <li>Табачная продукция или продукты для вейпинга.</li>
-        <li>Шифровальная техника и нормативно-техническая документация на её производство и использование.</li>
-        <li>Поддельные денежные знаки.</li>
-        <li>Иностранная валюта и иные валютные ценности, монеты и банкноты Российской Федерации, находящиеся в обращении.</li>
-        <li>Радиоэлектронные и специальные технические средства, предназначенные для негласного получения информации, а также высокочастотные устройства, предназначенные для передачи и приёма радиоволн на частоте выше 8 ГГц.</li>
-        <li>Материалы и услуги, нарушающие тайну частной жизни, посягающие на честь, достоинство и деловую репутацию граждан и юридических лиц, а также содержащие государственную, банковскую, коммерческую и иную тайны.</li>
-        <li>Государственные награды РФ, РСФСР, СССР, а также их копии.</li>
-        <li>Государственные удостоверения личности, знаки, пропуска, разрешения, сертификаты, проездные документы и лицензии, а также иные документы, предоставляющие права или освобождающие от прав или обязанностей, бланки для этих документов, а также услуги по их получению.</li>
-        <li>Объекты культурного наследия народов Российской Федерации, а также объекты археологического наследия.</li>
-        <li>Человеческие органы и ткани, а также донорские услуги.</li>
-        <li>Животные и растения, занесённые в Красную книгу Российской Федерации и Красные книги субъектов Российской Федерации, части и органы таких животных, а также животные и растения, охраняемые международными договорами.</li>
-        <li>Шкуры и изделия из шкур редких и находящихся под угрозой исчезновения видов животных.</li>
-        <li>Рыболовные сети, материалы для их изготовления, а также услуги по их изготовлению, электроудочки и капканы, запрещённые к реализации на территории Российской Федерации.</li>
-        <li>Экстремистские материалы, материалы, призывающие к массовым беспорядкам, осуществлению террористической и экстремистской деятельности, к участию в массовых публичных мероприятиях, разжиганию межнациональной и межконфессиональной розни.</li>
-        <li>Предметы с нацистской символикой или символикой запрещённых в Российской Федерации организаций.</li>
-        <li>Контрафактная или краденая продукция, или имущество.</li>
-        <li>Базы данных, в том числе содержащие персональные данные, которые могут способствовать несанкционированным рассылкам.</li>
-        <li>Материалы, передаваемые исключительно виртуально и не записанные на какой-либо материальный носитель (идеи, методы, принципы и т. д.).</li>
-        <li>Игровое оборудование, используемое для проведения азартных игр, лотерейное оборудование, оказание услуг по приёму ставок для участия в азартных играх в интернете, приём платежей за лотерейные билеты, а также продажа виртуальной валюты.</li>
-        <li>Документы на транспортные средства, государственные номера для транспортных средств.</li>
-        <li>Товары, оборот которых нарушает интеллектуальные права третьих лиц (в том числе патенты, товарные знаки, авторские права и т. д.).</li>
-        <li>Инвестиционные услуги, операции с денежными средствами и криптовалютами, а также товары и услуги, приобретение или использование которых гарантированно приносит заработок или прибыль.</li>
-        <li>Товары и услуги, реализуемые организацией многоуровневого сетевого маркетинга, деятельность которых основана на создании сети независимых дистрибьюторов или сбытовых агентов.</li>
-        <li>Услуги и (или) работа интимного, эротического или сексуального характера, а также порнографические или эротические материалы.</li>
-        <li>Товары или услуги, использование которых может быть направлено на нарушение действующего законодательства Российской Федерации.</li>
-        <li>Несуществующие товары или услуги, а также товары или услуги, не имеющие потребительской ценности.</li>
-        <li>Трансцендентные услуги и услуги нетрадиционной медицины.</li>
-        <li>Услуги по замене лицензионного программного обеспечения или нарушению работы установленных правообладателем средств технической защиты телефонов, смартфонов, ноутбуков, навигаторов, персональных компьютеров и т. д.</li>
-        <li>Иные товары или услуги, оборот которых запрещён или ограничен согласно законодательству Российской Федерации, а также способен оказать негативное влияние на деловую репутацию международных платёжных систем.</li>
-        <li>Инъекционные препараты и растворы, а также вещества, применяемые для их изготовления.</li>
-        <li>Услуги, работы и материалы, связанные с осуществлением деятельности оккультных организаций и сект.</li>
-        <li>Товары и услуги, реализуемые компаниями по форме организации финансовых пирамид.</li>
-        <li>Антиквариат.</li>
-        <li>Биологически активные добавки. Продажа БАД к пище возможна только через аптечные учреждения (аптеки, аптечные магазины, аптечные киоски), специализированные магазины с диетическими продуктами, продовольственные магазины со специальными отделами и секциями.</li>
-        <li>Курсовые и дипломы на заказ.</li>
-        <li>Анонимная работа (закладчики и т. п.).</li>
-        <li>Копии и реплики оригинальных товаров.</li>
-      </ul>
    </section>

    <section class="legal-section">
@@ -300,11 +242,13 @@
      <p>Продавец несёт полную ответственность за качество, безопасность и соответствие реализуемой продукции заявленным характеристикам, а также за убытки, вызванные нарушением обязательств перед Покупателем.</p>

      <p><strong>9.7. Ответственность Владельца сайта и порядок урегулирования претензий</strong></p>
-      <p>Владелец сайта несет ответственность за достоверность общей информации о платформе и ее функционировании, а также принимает все возможные меры для недопущения размещения заведомо ложной информации о товарах, если о таковой ему стало известно. При этом Владелец сайта не несёт ответственности за:</p>
+      <p>Владелец сайта несёт ответственность за качество, безопасность и достоверность информации о товарах и услугах, размещённых на платформе. При этом Владелец сайта не несёт ответственности за:</p>
      <ul>
-        <li>Соответствие деятельности Продавца требованиям законодательства, наличие у него необходимых разрешений и лицензий, а также за правильность исчисления и уплаты им налогов.</li>
+        <li>Выполнение или ненадлежащее выполнение Продавцами своих обязательств перед Покупателями.</li>
+        <li>Повреждение прав третьих лиц, включая интеллектуальную собственность.</li>
+        <li>Вопросы доставки, комплектации и состояния товаров.</li>
      </ul>
-      <p>Покупатель соглашается, что претензии по качеству, количеству, комплектности товаров и услугам могут быть направлены как Продавцу, так и Администрации сайта.</p>
+      <p>Покупатель соглашается, что претензии по качеству, количеству, комплектности товаров и услугам могут быть направлены как Продавцу, так и Администрации сайта. Администрация сайта принимает на себя ответственность за качество и достоверность услуг, предоставляемых через платформу, и активно участвует в урегулировании спорных ситуаций.</p>

      <p><strong>9.8. Ответственность за доставку</strong></p>
      <p>Ответственность за сроки, условия и качество доставки товаров несут транспортные компании и курьерские службы. Владелец сайта выступает только в качестве информационного посредника и не несёт ответственности за действия служб доставки.</p>
@@ -440,7 +384,7 @@
      <p>При приобретении набора товаров по акции с предоставлением скидки возврат или обмен возможен только в комплексе. Отдельные товары из комплекта вернуть нельзя.</p>

      <p><strong>13.5. Компенсация затрат на доставку</strong></p>
-      <p>При возврате товара надлежащего качества расходы на доставку товара от Покупателя обратно Продавцу несет Покупатель, если иное не предусмотрено законодательством или не установлено Продавцом. Владелец сайта не компенсирует такие расходы.</p>
+      <p>При возврате качественного товара Продавец или Владелец сайта вправе взыскать с Покупателя затраты на доставку товара.</p>

      <p><strong>13.6. Сроки удовлетворения требований</strong></p>
      <p>Заявления о возврате средств удовлетворяются в течение 10 дней с момента подачи.</p>
@@ -515,5 +459,3 @@
      <p><strong>16.8. Реакция на нарушения</strong></p>
      <p>Невмешательство Владельца сайта в случае нарушений соглашений Пользователями не препятствует последующим мерам защиты интересов Владельца позже.</p>
    </section>
-  </div>
-</div>
--- a/src/app/pages/search/search.component.html
+++ b/src/app/pages/search/search.component.html
@@ -56,18 +56,29 @@
  @if (items().length > 0) {
    <div class="items-grid">
      @for (item of items(); track trackByItemId($index, item)) {
-        <div class="item-card" (mouseenter)="onItemHover(item.itemID)">
+        <div class="item-card">
          <a [routerLink]="['/item', item.itemID] | langRoute" class="item-link">
            <div class="item-image">
              <img [src]="getMainImage(item)" [alt]="item.name" loading="lazy" decoding="async" width="300" height="300" />
              @if (item.discount > 0) {
                <div class="discount-badge">-{{ item.discount }}%</div>
              }
+              @if (item.badges && item.badges.length > 0) {
+                <div class="item-badges-overlay">
+                  @for (badge of item.badges; track badge) {
+                    <span class="item-badge" [class]="getBadgeClass(badge)">{{ badge }}</span>
+                  }
+                </div>
+              }
            </div>
            
            <div class="item-details">
              <h3 class="item-name">{{ item.name }}</h3>
              
+              @if (item.simpleDescription) {
+                <p class="item-simple-desc">{{ item.simpleDescription }}</p>
+              }
+              
              <div class="item-rating">
                <span class="rating-stars">⭐ {{ item.rating }}</span>
                <span class="rating-count">({{ item.callbacks?.length || 0 }})</span>
@@ -94,7 +105,7 @@
            </div>
          </a>
          
-          <button class="add-to-cart-btn" (click)="addToCart(item.itemID, $event)" [attr.aria-label]="('search.addToCart' | translate) + ': ' + item.name">
+          <button class="add-to-cart-btn" (click)="addToCart(item.itemID, $event)">
            {{ 'search.addToCart' | translate }}
          </button>
        </div>
@@ -102,20 +113,10 @@
    </div>

    @if (loading() && items().length > 0) {
-        @for (i of skeletonSlots; track i) {
-          <div class="item-card skeleton-card">
-            <div class="item-link">
-              <div class="item-image skeleton-image"></div>
-              <div class="item-details">
-                <div class="skeleton-line skeleton-title"></div>
-                <div class="skeleton-line skeleton-rating"></div>
-                <div class="skeleton-line skeleton-price"></div>
-                <div class="skeleton-line skeleton-stock"></div>
+      <div class="loading-more">
+        <div class="spinner"></div>
+        <p>{{ 'search.loadingMore' | translate }}</p>
      </div>
-            </div>
-            <div class="skeleton-btn"></div>
-          </div>
-        }
    }

    @if (!hasMore() && items().length > 0) {
--- a/src/app/pages/search/search.component.scss
+++ b/src/app/pages/search/search.component.scss
@@ -344,59 +344,6 @@
  text-align: center;
 }

-// Skeleton loading cards
-.skeleton-card {
-  pointer-events: none;
-
-  .skeleton-image {
-    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-  }
-
-  .skeleton-line {
-    border-radius: 6px;
-    background: linear-gradient(90deg, #e8e8e8 25%, #d8d8d8 50%, #e8e8e8 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-  }
-
-  .skeleton-title {
-    height: 16px;
-    width: 80%;
-  }
-
-  .skeleton-rating {
-    height: 12px;
-    width: 50%;
-  }
-
-  .skeleton-price {
-    height: 18px;
-    width: 40%;
-    margin-top: auto;
-  }
-
-  .skeleton-stock {
-    height: 6px;
-    width: 60px;
-  }
-
-  .skeleton-btn {
-    height: 42px;
-    background: linear-gradient(90deg, #5a8a85 25%, #497671 50%, #5a8a85 75%);
-    background-size: 200% 100%;
-    animation: shimmer 1.5s infinite;
-    border-radius: 0 0 13px 13px;
-    margin-top: -1px;
-  }
-}
-
-@keyframes shimmer {
-  0% { background-position: 200% 0; }
-  100% { background-position: -200% 0; }
-}
-
@media (max-width: 768px) {
  .search-header h1 {
    font-size: 1.5rem;
--- a/src/app/pages/search/search.component.ts
+++ b/src/app/pages/search/search.component.ts
@@ -3,15 +3,13 @@ import { DecimalPipe } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { RouterLink } from '@angular/router';
 import { ApiService, CartService } from '../../services';
-import { PrefetchService } from '../../services/prefetch.service';
 import { Item } from '../../models';
 import { Subject, Subscription } from 'rxjs';
 import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
-import { getDiscountedPrice, getMainImage, trackByItemId } from '../../utils/item.utils';
+import { getDiscountedPrice, getMainImage, trackByItemId, getBadgeClass } from '../../utils/item.utils';
 import { LangRoutePipe } from '../../pipes/lang-route.pipe';
 import { TranslatePipe } from '../../i18n/translate.pipe';
 import { TranslateService } from '../../i18n/translate.service';
-import { SEARCH_DEBOUNCE_MS, ITEMS_PER_PAGE, SCROLL_THRESHOLD_PX, SCROLL_DEBOUNCE_MS } from '../../config/constants';

@Component({
  selector: 'app-search',
@@ -29,7 +27,7 @@ export class SearchComponent implements OnDestroy {
  totalResults = signal<number>(0);
  
  private skip = 0;
-  private readonly count = ITEMS_PER_PAGE;
+  private readonly count = 20;
  private isLoadingMore = false;
  private searchSubject = new Subject<string>();
  private searchSubscription: Subscription;
@@ -37,12 +35,11 @@ export class SearchComponent implements OnDestroy {

  constructor(
    private apiService: ApiService,
-    private cartService: CartService,
-    private prefetchService: PrefetchService
+    private cartService: CartService
  ) {
    this.searchSubscription = this.searchSubject
      .pipe(
-        debounceTime(SEARCH_DEBOUNCE_MS),
+        debounceTime(300),
        distinctUntilChanged()
      )
      .subscribe(query => {
@@ -66,7 +63,7 @@ export class SearchComponent implements OnDestroy {
  performSearch(query: string): void {
    if (!query.trim()) {
      this.items.set([]);
-      this.hasMore.set(false);
+      this.hasMore.set(true);
      this.totalResults.set(0);
      return;
    }
@@ -122,12 +119,12 @@ export class SearchComponent implements OnDestroy {
    
    this.scrollTimeout = setTimeout(() => {
      const scrollPosition = window.innerHeight + window.scrollY;
-      const bottomPosition = document.documentElement.scrollHeight - SCROLL_THRESHOLD_PX;
+      const bottomPosition = document.documentElement.scrollHeight - 500;

      if (scrollPosition >= bottomPosition && !this.loading() && this.hasMore()) {
        this.loadResults();
      }
-    }, SCROLL_DEBOUNCE_MS);
+    }, 100);
  }

  addToCart(itemID: number, event: Event): void {
@@ -136,12 +133,8 @@ export class SearchComponent implements OnDestroy {
    this.cartService.addItem(itemID);
  }

-  onItemHover(itemID: number): void {
-    this.prefetchService.prefetchItem(itemID);
-  }
-
-  readonly skeletonSlots = Array.from({ length: 8 });
  readonly getDiscountedPrice = getDiscountedPrice;
  readonly getMainImage = getMainImage;
  readonly trackByItemId = trackByItemId;
+  readonly getBadgeClass = getBadgeClass;
 }
--- a/src/app/pipes/lang-route.pipe.ts
+++ b/src/app/pipes/lang-route.pipe.ts
@@ -7,30 +7,19 @@ import { LanguageService } from '../services/language.service';
 })
 export class LangRoutePipe implements PipeTransform {
  private langService = inject(LanguageService);
-  private lastLang = '';
-  private lastInput: unknown = null;
-  private lastResult: string | (string | number)[] = '';

  transform(value: string | (string | number)[]): string | (string | number)[] {
    const lang = this.langService.currentLanguage();

-    // Short-circuit if nothing changed
-    if (lang === this.lastLang && value === this.lastInput) {
-      return this.lastResult;
-    }
-
-    this.lastLang = lang;
-    this.lastInput = value;
-
    if (typeof value === 'string') {
-      this.lastResult = value === '/' ? `/${lang}` : `/${lang}${value}`;
-    } else if (Array.isArray(value) && value.length > 0) {
-      const [first, ...rest] = value;
-      this.lastResult = [`/${lang}${first}`, ...rest];
-    } else {
-      this.lastResult = value;
+      return value === '/' ? `/${lang}` : `/${lang}${value}`;
    }

-    return this.lastResult;
+    if (Array.isArray(value) && value.length > 0) {
+      const [first, ...rest] = value;
+      return [`/${lang}${first}`, ...rest];
+    }
+
+    return value;
  }
 }
--- a/src/app/services/api.service.ts
+++ b/src/app/services/api.service.ts
@@ -1,8 +1,8 @@
 import { Injectable } from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
-import { Observable, timer } from 'rxjs';
-import { map, retry } from 'rxjs/operators';
-import { Category, Item } from '../models';
+import { Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { Category, Item, Subcategory } from '../models';
 import { environment } from '../../environments/environment';

@Injectable({
@@ -11,46 +11,142 @@ import { environment } from '../../environments/environment';
 export class ApiService {
  private readonly baseUrl = environment.apiUrl;

-  private readonly retryConfig = {
-    count: 2,
-    delay: (error: unknown, retryCount: number) => timer(Math.pow(2, retryCount) * 500)
-  };
-
  constructor(private http: HttpClient) {}

-  private normalizeItem(item: Item): Item {
-    return {
-      ...item,
-      remainings: item.remainings || 'high'
-    };
+  /**
+   * Normalize an item from the API response — supports both
+   * legacy marketplace format and the new backOffice API format.
+   */
+  private normalizeItem(raw: any): Item {
+    const item: Item = { ...raw };
+
+    // Map backOffice string id → legacy numeric itemID
+    if (raw.id != null && raw.itemID == null) {
+      item.id = String(raw.id);
+      item.itemID = typeof raw.id === 'number' ? raw.id : 0;
    }

-  private normalizeItems(items: Item[] | null | undefined): Item[] {
+    // Map backOffice imgs[] → legacy photos[]
+    if (raw.imgs && (!raw.photos || raw.photos.length === 0)) {
+      item.photos = raw.imgs.map((url: string) => ({ url }));
+    }
+    item.imgs = raw.imgs || raw.photos?.map((p: any) => p.url) || [];
+
+    // Map backOffice description (key-value array) → legacy description string
+    if (Array.isArray(raw.description)) {
+      item.descriptionFields = raw.description;
+      item.description = raw.description.map((d: any) => `${d.key}: ${d.value}`).join('\n');
+    } else {
+      item.description = raw.description || raw.simpleDescription || '';
+    }
+
+    // Map backOffice comments → legacy callbacks
+    if (raw.comments && (!raw.callbacks || raw.callbacks.length === 0)) {
+      item.callbacks = raw.comments.map((c: any) => ({
+        rating: c.stars,
+        content: c.text,
+        userID: c.author,
+        timestamp: c.createdAt,
+      }));
+    }
+    item.comments = raw.comments || raw.callbacks?.map((c: any) => ({
+      id: c.userID,
+      text: c.content,
+      author: c.userID,
+      stars: c.rating,
+      createdAt: c.timestamp,
+    })) || [];
+
+    // Compute average rating from comments if not present
+    if (raw.rating == null && item.comments && item.comments.length > 0) {
+      const rated = item.comments.filter(c => c.stars != null);
+      item.rating = rated.length > 0
+        ? rated.reduce((sum, c) => sum + (c.stars || 0), 0) / rated.length
+        : 0;
+    }
+    item.rating = item.rating || 0;
+
+    // Defaults
+    item.discount = item.discount || 0;
+    item.remainings = item.remainings || (raw.quantity != null
+      ? (raw.quantity <= 0 ? 'out' : raw.quantity <= 5 ? 'low' : raw.quantity <= 20 ? 'medium' : 'high')
+      : 'high');
+    item.currency = item.currency || 'RUB';
+
+    // Preserve new backOffice fields
+    item.badges = raw.badges || [];
+    item.tags = raw.tags || [];
+    item.simpleDescription = raw.simpleDescription || '';
+    item.translations = raw.translations || {};
+    item.visible = raw.visible ?? true;
+    item.priority = raw.priority ?? 0;
+
+    return item;
+  }
+
+  private normalizeItems(items: any[] | null | undefined): Item[] {
    if (!items || !Array.isArray(items)) {
      return [];
    }
    return items.map(item => this.normalizeItem(item));
  }

+  /**
+   * Normalize a category from the API response — supports both
+   * the flat legacy format and nested backOffice format.
+   */
+  private normalizeCategory(raw: any): Category {
+    const cat: Category = { ...raw };
+
+    if (raw.id != null && raw.categoryID == null) {
+      cat.id = String(raw.id);
+      cat.categoryID = typeof raw.id === 'number' ? raw.id : 0;
+    }
+
+    // Map backOffice img → legacy icon
+    if (raw.img && !raw.icon) {
+      cat.icon = raw.img;
+    }
+    cat.img = raw.img || raw.icon;
+
+    cat.parentID = raw.parentID ?? 0;
+    cat.visible = raw.visible ?? true;
+    cat.priority = raw.priority ?? 0;
+
+    if (raw.subcategories && Array.isArray(raw.subcategories)) {
+      cat.subcategories = raw.subcategories;
+    }
+
+    return cat;
+  }
+
+  private normalizeCategories(cats: any[] | null | undefined): Category[] {
+    if (!cats || !Array.isArray(cats)) return [];
+    return cats.map(c => this.normalizeCategory(c));
+  }
+
+  // ─── Core Marketplace Endpoints ───────────────────────────
+
  ping(): Observable<{ message: string }> {
    return this.http.get<{ message: string }>(`${this.baseUrl}/ping`);
  }

  getCategories(): Observable<Category[]> {
-    return this.http.get<Category[]>(`${this.baseUrl}/category`).pipe(retry(this.retryConfig));
+    return this.http.get<any[]>(`${this.baseUrl}/category`)
+      .pipe(map(cats => this.normalizeCategories(cats)));
  }

  getCategoryItems(categoryID: number, count: number = 50, skip: number = 0): Observable<Item[]> {
    const params = new HttpParams()
      .set('count', count.toString())
      .set('skip', skip.toString());
-    return this.http.get<Item[]>(`${this.baseUrl}/category/${categoryID}`, { params })
-      .pipe(retry(this.retryConfig), map(items => this.normalizeItems(items)));
+    return this.http.get<any[]>(`${this.baseUrl}/category/${categoryID}`, { params })
+      .pipe(map(items => this.normalizeItems(items)));
  }

  getItem(itemID: number): Observable<Item> {
-    return this.http.get<Item>(`${this.baseUrl}/item/${itemID}`)
-      .pipe(retry(this.retryConfig), map(item => this.normalizeItem(item)));
+    return this.http.get<any>(`${this.baseUrl}/item/${itemID}`)
+      .pipe(map(item => this.normalizeItem(item)));
  }

  searchItems(search: string, count: number = 50, skip: number = 0): Observable<{ items: Item[], total: number }> {
@@ -58,9 +154,8 @@ export class ApiService {
      .set('search', search)
      .set('count', count.toString())
      .set('skip', skip.toString());
-    return this.http.get<{ items: Item[], total: number, count: number, skip: number }>(`${this.baseUrl}/searchitems`, { params })
+    return this.http.get<any>(`${this.baseUrl}/searchitems`, { params })
      .pipe(
-        retry(this.retryConfig),
        map(response => ({
          items: this.normalizeItems(response?.items || []),
          total: response?.total || 0
@@ -81,7 +176,7 @@ export class ApiService {
  }

  getCart(): Observable<Item[]> {
-    return this.http.get<Item[]>(`${this.baseUrl}/cart`)
+    return this.http.get<any[]>(`${this.baseUrl}/cart`)
      .pipe(map(items => this.normalizeItems(items)));
  }

@@ -167,7 +262,7 @@ export class ApiService {
    if (categoryID) {
      params = params.set('category', categoryID.toString());
    }
-    return this.http.get<Item[]>(`${this.baseUrl}/randomitems`, { params })
-      .pipe(retry(this.retryConfig), map(items => this.normalizeItems(items)));
+    return this.http.get<any[]>(`${this.baseUrl}/randomitems`, { params })
+      .pipe(map(items => this.normalizeItems(items)));
  }
 }
--- a/src/app/services/cart.service.ts
+++ b/src/app/services/cart.service.ts
@@ -13,7 +13,6 @@ export class CartService {
  private cartItems = signal<CartItem[]>([]);
  private isTelegram = typeof window !== 'undefined' && !!window.Telegram?.WebApp;
  private addingItems = new Set<number>();
-  private initialized = false;
  
  items = this.cartItems.asReadonly();
  itemCount = computed(() => {
@@ -32,12 +31,10 @@ export class CartService {
  constructor(private apiService: ApiService) {
    this.loadCart();
    
-    // Auto-save whenever cart changes (skip the initial empty state)
+    // Auto-save whenever cart changes
    effect(() => {
      const items = this.cartItems();
-      if (this.initialized) {
      this.saveToStorage(items);
-      }
    });
  }

@@ -70,11 +67,9 @@ export class CartService {
          // No data in CloudStorage, try localStorage
          this.loadFromLocalStorage();
        }
-        this.initialized = true;
      });
    } else {
      this.loadFromLocalStorage();
-      this.initialized = true;
    }
  }

--- a/src/app/services/language.service.ts
+++ b/src/app/services/language.service.ts
@@ -17,8 +17,8 @@ export class LanguageService {

  languages: Language[] = [
    { code: 'ru', name: 'Русский', flag: '🇷🇺', flagSvg: '/flags/ru.svg', enabled: true },
-    { code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: false },
-    { code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: false }
+    { code: 'en', name: 'English', flag: '🇬🇧', flagSvg: '/flags/en.svg', enabled: true },
+    { code: 'hy', name: 'Հայերեն', flag: '🇦🇲', flagSvg: '/flags/arm.svg', enabled: true }
  ];

  currentLanguage = this.currentLanguageSignal.asReadonly();
--- a/src/app/services/prefetch.service.ts
+++ b/src/app/services/prefetch.service.ts
@@ -1,15 +0,0 @@
-import { Injectable } from '@angular/core';
-import { ApiService } from './api.service';
-
-@Injectable({ providedIn: 'root' })
-export class PrefetchService {
-  private prefetched = new Set<number>();
-
-  constructor(private api: ApiService) {}
-
-  prefetchItem(itemID: number): void {
-    if (this.prefetched.has(itemID)) return;
-    this.prefetched.add(itemID);
-    this.api.getItem(itemID).subscribe();
-  }
-}
--- a/src/app/services/seo.service.ts
+++ b/src/app/services/seo.service.ts
@@ -1,4 +1,4 @@
-import { Injectable, inject, DOCUMENT } from '@angular/core';
+import { Injectable, inject } from '@angular/core';
 import { Meta, Title } from '@angular/platform-browser';
 import { environment } from '../../environments/environment';
 import { Item } from '../models';
@@ -10,7 +10,6 @@ import { getDiscountedPrice, getMainImage } from '../utils/item.utils';
 export class SeoService {
  private meta = inject(Meta);
  private title = inject(Title);
-  private doc = inject(DOCUMENT);

  private readonly siteUrl = `https://${environment.domain}`;
  private readonly siteName = environment.brandFullName;
@@ -26,7 +25,6 @@ export class SeoService {
    const titleText = `${item.name} — ${this.siteName}`;

    this.title.setTitle(titleText);
-    this.setCanonical(itemUrl);

    this.setOrUpdate([
      // Open Graph
@@ -83,7 +81,6 @@ export class SeoService {
    // Remove product-specific tags
    this.meta.removeTag("property='product:price:amount'");
    this.meta.removeTag("property='product:price:currency'");
-    this.removeCanonical();
  }

  private setOrUpdate(tags: Array<{ property?: string; name?: string; content: string }>): void {
@@ -117,19 +114,4 @@ export class SeoService {
    if (!text || text.length <= maxLength) return text || '';
    return text.substring(0, maxLength - 1) + '…';
  }
-
-  private setCanonical(url: string): void {
-    this.removeCanonical();
-    const link = this.doc.createElement('link');
-    link.setAttribute('rel', 'canonical');
-    link.setAttribute('href', url);
-    this.doc.head.appendChild(link);
-  }
-
-  private removeCanonical(): void {
-    const existing = this.doc.head.querySelector('link[rel="canonical"]');
-    if (existing) {
-      this.doc.head.removeChild(existing);
-    }
-  }
 }
--- a/src/app/utils/item.utils.ts
+++ b/src/app/utils/item.utils.ts
@@ -1,13 +1,78 @@
 import { Item } from '../models';

 export function getDiscountedPrice(item: Item): number {
-  return item.price * (1 - item.discount / 100);
+  return item.price * (1 - (item.discount || 0) / 100);
 }

 export function getMainImage(item: Item): string {
+  // Support both backOffice format (imgs: string[]) and legacy (photos: Photo[])
+  if (item.imgs && item.imgs.length > 0) {
+    return item.imgs[0];
+  }
  return item.photos?.[0]?.url || '/assets/images/placeholder.svg';
 }

-export function trackByItemId(index: number, item: Item): number {
-  return item.itemID;
+export function getAllImages(item: Item): string[] {
+  if (item.imgs && item.imgs.length > 0) {
+    return item.imgs;
+  }
+  return item.photos?.map(p => p.url) || [];
+}
+
+export function trackByItemId(index: number, item: Item): number | string {
+  return item.id || item.itemID;
+}
+
+/**
+ * Get the display description — supports both legacy HTML string
+ * and structured key-value pairs from backOffice API.
+ */
+export function hasStructuredDescription(item: Item): boolean {
+  return Array.isArray(item.descriptionFields) && item.descriptionFields.length > 0;
+}
+
+/**
+ * Compute stock status from quantity if the legacy `remainings` field is absent.
+ */
+export function getStockStatus(item: Item): string {
+  if (item.remainings) return item.remainings;
+  if (item.quantity == null) return 'high';
+  if (item.quantity <= 0) return 'out';
+  if (item.quantity <= 5) return 'low';
+  if (item.quantity <= 20) return 'medium';
+  return 'high';
+}
+
+/**
+ * Map backOffice badge names to CSS color classes.
+ */
+export function getBadgeClass(badge: string): string {
+  const map: Record<string, string> = {
+    'new': 'badge-new',
+    'sale': 'badge-sale',
+    'exclusive': 'badge-exclusive',
+    'hot': 'badge-hot',
+    'limited': 'badge-limited',
+    'bestseller': 'badge-bestseller',
+    'featured': 'badge-featured',
+  };
+  return map[badge.toLowerCase()] || 'badge-custom';
+}
+
+/**
+ * Get the translated name/description for the current language.
+ * Falls back to the default (base) field if no translation exists.
+ */
+export function getTranslatedField(
+  item: Item,
+  field: 'name' | 'simpleDescription',
+  lang: string
+): string {
+  const translation = item.translations?.[lang];
+  if (translation && translation[field]) {
+    return translation[field]!;
+  }
+  if (field === 'name') return item.name;
+  if (field === 'simpleDescription') return item.simpleDescription || item.description || '';
+  return '';
 }
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -1,6 +1,7 @@
 // Dexar Market Configuration
 export const environment = {
  production: false,
+  useMockData: true, // Toggle to test with backOffice mock data
  brandName: 'Dexarmarket',
  brandFullName: 'Dexar Market',
  theme: 'dexar',
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -140,3 +140,58 @@ a, button, input, textarea, select {
 .p-3 { padding: 1.5rem; }
 .p-4 { padding: 2rem; }

+// ─── Shared Badge & Tag Styles (from backOffice integration) ───
+
+.item-badges-overlay {
+  position: absolute;
+  top: 8px;
+  left: 8px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  z-index: 2;
+}
+
+.item-badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 0.7rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.4px;
+  color: #fff;
+  line-height: 1.4;
+
+  &.badge-new       { background: #4caf50; }
+  &.badge-sale       { background: #f44336; }
+  &.badge-exclusive  { background: #9c27b0; }
+  &.badge-hot        { background: #ff5722; }
+  &.badge-limited    { background: #ff9800; }
+  &.badge-bestseller { background: #2196f3; }
+  &.badge-featured   { background: #607d8b; }
+  &.badge-custom     { background: #78909c; }
+}
+
+.item-tag {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 0.72rem;
+  color: var(--primary-color);
+  background: rgba(73, 118, 113, 0.08);
+  border: 1px solid rgba(73, 118, 113, 0.15);
+}
+
+.item-simple-desc {
+  font-size: 0.8rem;
+  color: var(--text-secondary);
+  line-height: 1.4;
+  margin: 2px 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+}
+
Author	SHA1	Message	Date
sdarbinyan	421346d957	Merge remote-tracking branch 'origin' into back-office-integration	2026-02-28 16:13:14 +04:00
sdarbinyan	d6097e2b5d	style fixes	2026-02-20 10:58:06 +04:00
sdarbinyan	369af40f20	bo integration	2026-02-20 10:44:03 +04:00