{"id":25129,"date":"2026-03-17T11:40:54","date_gmt":"2026-03-17T10:40:54","guid":{"rendered":"https:\/\/skyagency-group.com\/?page_id=25129"},"modified":"2026-03-17T11:40:57","modified_gmt":"2026-03-17T10:40:57","slug":"tea-design","status":"publish","type":"page","link":"https:\/\/skyagency-group.com\/bg\/tea-design\/","title":{"rendered":"Tea Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25129\" class=\"elementor elementor-25129\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9bbe0c4 e-con-full e-flex e-con e-parent\" data-id=\"9bbe0c4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-09d941b elementor-widget elementor-widget-html\" data-id=\"09d941b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"bg\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Tea Design \u2013 \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u043f\u043e\u0434\u0430\u0440\u044a\u0446\u0438 \u0441 \u0434\u0443\u0448\u0430<\/title>\r\n    <meta name=\"description\"\r\n        content=\"\u0423\u043d\u0438\u043a\u0430\u043b\u043d\u0438 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0442\u0435\u043d\u0438\u0441\u043a\u0438, \u0445\u0430\u0432\u043b\u0438\u0438 \u0437\u0430 \u043a\u0440\u044a\u0449\u0435\u043d\u0435 \u0438 \u0431\u0435\u0431\u0435\u0448\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438. \u0420\u044a\u0447\u043d\u043e \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u0435\u043d\u0438 \u0441 \u043b\u044e\u0431\u043e\u0432 \u0432 \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f.\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=DM+Sans:wght@400;500;600;700&display=swap\"\r\n        rel=\"stylesheet\">\r\n\r\n    <!-- Facebook Pixel (existing) -->\r\n    <noscript>\r\n        <img decoding=\"async\" height=\"1\" width=\"1\" style=\"display:none\"\r\n            src=\"https:\/\/www.facebook.com\/tr?id=4164729070466217&ev=PageView&noscript=1\" \/>\r\n    <\/noscript>\r\n\r\n    <style>\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           CSS RESET & VARIABLES\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        *,\r\n        *::before,\r\n        *::after {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            \/* Brand palette \u2014 Magnolia \/ Orchid \/ Camellia \/ Hellebore *\/\r\n            --rose-deep: #2E1B0C;\r\n            \/* Hellebore *\/\r\n            --rose-primary: #D2679B;\r\n            \/* Camellia *\/\r\n            --rose-light: #FDA9E5;\r\n            \/* Orchid *\/\r\n            --rose-pale: #F3E1F2;\r\n            \/* Magnolia *\/\r\n            --rose-whisper: #faf2f9;\r\n\r\n            --cream: #fdfaf8;\r\n            --cream-warm: #f9f2ef;\r\n            --text-dark: #2E1B0C;\r\n            \/* Hellebore *\/\r\n            --text-body: #4a3a32;\r\n            --text-muted: #8a7468;\r\n\r\n            --gold-accent: #D2679B;\r\n            \/* Camellia as accent *\/\r\n            --gold-light: #FDA9E5;\r\n            \/* Orchid as light accent *\/\r\n\r\n            --white: #ffffff;\r\n            --shadow-soft: 0 4px 24px rgba(46, 27, 12, 0.06);\r\n            --shadow-card: 0 8px 40px rgba(46, 27, 12, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);\r\n            --shadow-hover: 0 16px 56px rgba(210, 103, 155, 0.16), 0 4px 12px rgba(0, 0, 0, 0.06);\r\n\r\n            \/* Typography *\/\r\n            --font-display: 'Playfair Display', 'Georgia', serif;\r\n            --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;\r\n\r\n            \/* Spacing *\/\r\n            --section-pad: clamp(60px, 10vw, 120px);\r\n            --container: min(1200px, 90vw);\r\n        }\r\n\r\n        html {\r\n            scroll-behavior: smooth;\r\n            -webkit-font-smoothing: antialiased;\r\n            -moz-osx-font-smoothing: grayscale;\r\n        }\r\n\r\n        body {\r\n            font-family: var(--font-body);\r\n            color: var(--text-body);\r\n            background: var(--cream);\r\n            line-height: 1.6;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            display: block;\r\n        }\r\n\r\n        a {\r\n            text-decoration: none;\r\n            color: inherit;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        button {\r\n            cursor: pointer;\r\n            border: none;\r\n            background: none;\r\n            font-family: inherit;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           UTILITY\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .container {\r\n            width: var(--container);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .sr-only {\r\n            position: absolute;\r\n            width: 1px;\r\n            height: 1px;\r\n            padding: 0;\r\n            margin: -1px;\r\n            overflow: hidden;\r\n            clip: rect(0, 0, 0, 0);\r\n            border: 0;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           ANNOUNCEMENT BAR\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .announcement-bar {\r\n            background: linear-gradient(90deg, var(--rose-deep), var(--rose-primary), var(--rose-deep));\r\n            background-size: 200% 100%;\r\n            animation: shimmer-bar 8s ease-in-out infinite;\r\n            color: var(--white);\r\n            text-align: center;\r\n            padding: 10px 20px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .announcement-bar span {\r\n            color: var(--gold-light);\r\n        }\r\n\r\n        @keyframes shimmer-bar {\r\n\r\n            0%,\r\n            100% {\r\n                background-position: 0% 50%;\r\n            }\r\n\r\n            50% {\r\n                background-position: 100% 50%;\r\n            }\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           HERO SECTION\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .hero {\r\n            position: relative;\r\n            min-height: 90vh;\r\n            display: flex;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            background: var(--cream);\r\n        }\r\n\r\n        .hero-bg {\r\n            position: absolute;\r\n            inset: 0;\r\n            z-index: 0;\r\n        }\r\n\r\n        .hero-bg::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -20%;\r\n            right: -10%;\r\n            width: 70vw;\r\n            height: 70vw;\r\n            max-width: 900px;\r\n            max-height: 900px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, var(--rose-pale) 0%, transparent 70%);\r\n            opacity: 0.7;\r\n            animation: hero-pulse 12s ease-in-out infinite;\r\n        }\r\n\r\n        .hero-bg::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -10%;\r\n            left: -5%;\r\n            width: 50vw;\r\n            height: 50vw;\r\n            max-width: 600px;\r\n            max-height: 600px;\r\n            border-radius: 50%;\r\n            background: radial-gradient(circle, rgba(210, 103, 155, 0.12) 0%, transparent 70%);\r\n            animation: hero-pulse 15s ease-in-out infinite reverse;\r\n        }\r\n\r\n        @keyframes hero-pulse {\r\n\r\n            0%,\r\n            100% {\r\n                transform: scale(1) translate(0, 0);\r\n                opacity: 0.7;\r\n            }\r\n\r\n            50% {\r\n                transform: scale(1.08) translate(2%, -2%);\r\n                opacity: 0.5;\r\n            }\r\n        }\r\n\r\n        \/* Floating organic shapes *\/\r\n        .hero-shape {\r\n            position: absolute;\r\n            border-radius: 50%;\r\n            opacity: 0;\r\n            animation: float-in 1s ease-out forwards;\r\n        }\r\n\r\n        .hero-shape-1 {\r\n            width: 180px;\r\n            height: 180px;\r\n            top: 15%;\r\n            right: 8%;\r\n            background: linear-gradient(135deg, var(--rose-light), transparent);\r\n            opacity: 0.15;\r\n            animation: float-shape 20s ease-in-out infinite;\r\n            animation-delay: 0.2s;\r\n        }\r\n\r\n        .hero-shape-2 {\r\n            width: 100px;\r\n            height: 100px;\r\n            top: 60%;\r\n            right: 25%;\r\n            background: var(--gold-light);\r\n            opacity: 0.12;\r\n            animation: float-shape 16s ease-in-out infinite reverse;\r\n            animation-delay: 0.4s;\r\n        }\r\n\r\n        .hero-shape-3 {\r\n            width: 60px;\r\n            height: 60px;\r\n            top: 30%;\r\n            left: 5%;\r\n            background: var(--rose-primary);\r\n            opacity: 0.08;\r\n            animation: float-shape 14s ease-in-out infinite;\r\n            animation-delay: 0.6s;\r\n        }\r\n\r\n        @keyframes float-shape {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translate(0, 0) rotate(0deg);\r\n            }\r\n\r\n            25% {\r\n                transform: translate(10px, -20px) rotate(5deg);\r\n            }\r\n\r\n            50% {\r\n                transform: translate(-5px, 10px) rotate(-3deg);\r\n            }\r\n\r\n            75% {\r\n                transform: translate(15px, 5px) rotate(2deg);\r\n            }\r\n        }\r\n\r\n        .hero-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            width: var(--container);\r\n            margin: 0 auto;\r\n            padding: var(--section-pad) 0;\r\n            display: grid;\r\n            grid-template-columns: 1fr 1fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n        }\r\n\r\n        .hero-text {\r\n            max-width: 560px;\r\n        }\r\n\r\n        .hero-badge {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            background: linear-gradient(135deg, var(--rose-pale), rgba(210, 103, 155, 0.15));\r\n            border: 1px solid rgba(210, 103, 155, 0.2);\r\n            padding: 8px 18px;\r\n            border-radius: 50px;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: var(--rose-deep);\r\n            letter-spacing: 0.08em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 24px;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: fade-up 0.8s ease-out 0.3s forwards;\r\n        }\r\n\r\n        .hero-badge::before {\r\n            content: '';\r\n            width: 8px;\r\n            height: 8px;\r\n            border-radius: 50%;\r\n            background: var(--rose-primary);\r\n            animation: badge-pulse 2s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes badge-pulse {\r\n\r\n            0%,\r\n            100% {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n\r\n            50% {\r\n                opacity: 0.5;\r\n                transform: scale(0.8);\r\n            }\r\n        }\r\n\r\n        .hero h1 {\r\n            font-family: var(--font-display);\r\n            font-size: clamp(36px, 5vw, 64px);\r\n            font-weight: 800;\r\n            line-height: 1.08;\r\n            color: var(--text-dark);\r\n            margin-bottom: 20px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fade-up 0.8s ease-out 0.5s forwards;\r\n        }\r\n\r\n        .hero h1 em {\r\n            font-style: italic;\r\n            color: var(--rose-primary);\r\n            position: relative;\r\n        }\r\n\r\n        .hero h1 em::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: 2px;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 8px;\r\n            background: linear-gradient(90deg, var(--rose-pale), var(--gold-light));\r\n            border-radius: 4px;\r\n            z-index: -1;\r\n            opacity: 0.6;\r\n        }\r\n\r\n        .hero-desc {\r\n            font-size: clamp(16px, 2vw, 19px);\r\n            line-height: 1.7;\r\n            color: var(--text-muted);\r\n            margin-bottom: 36px;\r\n            max-width: 480px;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fade-up 0.8s ease-out 0.7s forwards;\r\n        }\r\n\r\n        .hero-actions {\r\n            display: flex;\r\n            gap: 16px;\r\n            align-items: center;\r\n            flex-wrap: wrap;\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fade-up 0.8s ease-out 0.9s forwards;\r\n        }\r\n\r\n        @keyframes fade-up {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Primary CTA *\/\r\n        .btn-primary-cta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            padding: 16px 36px;\r\n            background: linear-gradient(135deg, var(--rose-primary), var(--rose-deep));\r\n            color: var(--white);\r\n            font-size: 15px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.04em;\r\n            border-radius: 50px;\r\n            box-shadow: 0 8px 32px rgba(210, 103, 155, 0.35);\r\n            transition: all 0.35s ease;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .btn-primary-cta:hover {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 12px 40px rgba(210, 103, 155, 0.45);\r\n            background: linear-gradient(135deg, var(--rose-deep), #1a0f06);\r\n        }\r\n\r\n        .btn-primary-cta svg {\r\n            transition: transform 0.3s ease;\r\n        }\r\n\r\n        .btn-primary-cta:hover svg {\r\n            transform: translateX(4px);\r\n        }\r\n\r\n        \/* Secondary CTA *\/\r\n        .btn-secondary-cta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 16px 28px;\r\n            border: 2px solid rgba(210, 103, 155, 0.3);\r\n            color: var(--rose-deep);\r\n            font-size: 15px;\r\n            font-weight: 600;\r\n            border-radius: 50px;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .btn-secondary-cta:hover {\r\n            border-color: var(--rose-primary);\r\n            background: var(--rose-whisper);\r\n        }\r\n\r\n        \/* Hero image composition *\/\r\n        .hero-visual {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            opacity: 0;\r\n            transform: translateX(40px);\r\n            animation: slide-in-right 1s ease-out 0.6s forwards;\r\n        }\r\n\r\n        @keyframes slide-in-right {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n        }\r\n\r\n        .hero-image-frame {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 480px;\r\n            aspect-ratio: 4 \/ 5;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--cream-warm));\r\n            box-shadow: var(--shadow-card);\r\n        }\r\n\r\n        .hero-image-frame::before {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            border: 2px solid rgba(210, 103, 155, 0.15);\r\n            border-radius: 24px;\r\n            z-index: 2;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .hero-image-placeholder {\r\n            width: 100%;\r\n            height: 100%;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            color: var(--rose-primary);\r\n            font-size: 14px;\r\n            font-weight: 600;\r\n            text-align: center;\r\n            padding: 20px;\r\n        }\r\n\r\n        .hero-image-placeholder svg {\r\n            opacity: 0.4;\r\n        }\r\n\r\n        .hero-image-placeholder span {\r\n            opacity: 0.6;\r\n            font-size: 12px;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* Floating stat badge on hero image *\/\r\n        .hero-float-badge {\r\n            position: absolute;\r\n            bottom: 24px;\r\n            left: -20px;\r\n            background: var(--white);\r\n            padding: 14px 22px;\r\n            border-radius: 16px;\r\n            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            z-index: 3;\r\n            animation: float-badge 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float-badge {\r\n\r\n            0%,\r\n            100% {\r\n                transform: translateY(0);\r\n            }\r\n\r\n            50% {\r\n                transform: translateY(-8px);\r\n            }\r\n        }\r\n\r\n        .hero-float-badge .badge-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--gold-light));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 18px;\r\n        }\r\n\r\n        .hero-float-badge .badge-text strong {\r\n            display: block;\r\n            font-size: 15px;\r\n            color: var(--text-dark);\r\n        }\r\n\r\n        .hero-float-badge .badge-text span {\r\n            font-size: 12px;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           TRUST STRIP\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .trust-strip {\r\n            background: var(--white);\r\n            border-top: 1px solid rgba(210, 103, 155, 0.08);\r\n            border-bottom: 1px solid rgba(210, 103, 155, 0.08);\r\n            padding: 28px 0;\r\n        }\r\n\r\n        .trust-inner {\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            gap: clamp(24px, 5vw, 64px);\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .trust-item {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            color: var(--text-body);\r\n            letter-spacing: 0.02em;\r\n        }\r\n\r\n        .trust-icon {\r\n            width: 36px;\r\n            height: 36px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--cream));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--rose-primary);\r\n            font-size: 16px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           FEATURED PRODUCTS (PLACEHOLDERS)\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .section-featured {\r\n            padding: var(--section-pad) 0;\r\n            background: var(--cream);\r\n            position: relative;\r\n        }\r\n\r\n        .section-header {\r\n            text-align: center;\r\n            margin-bottom: 56px;\r\n        }\r\n\r\n        .section-tag {\r\n            display: inline-block;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            letter-spacing: 0.12em;\r\n            text-transform: uppercase;\r\n            color: var(--rose-primary);\r\n            margin-bottom: 12px;\r\n        }\r\n\r\n        .section-title {\r\n            font-family: var(--font-display);\r\n            font-size: clamp(28px, 4vw, 48px);\r\n            font-weight: 800;\r\n            color: var(--text-dark);\r\n            line-height: 1.15;\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .section-title em {\r\n            font-style: italic;\r\n            color: var(--rose-primary);\r\n        }\r\n\r\n        .section-subtitle {\r\n            font-size: clamp(15px, 1.8vw, 17px);\r\n            color: var(--text-muted);\r\n            max-width: 560px;\r\n            margin: 0 auto;\r\n            line-height: 1.65;\r\n        }\r\n\r\n        \/* Product Grid *\/\r\n        .products-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .product-card {\r\n            background: var(--white);\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-soft);\r\n            transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            position: relative;\r\n        }\r\n\r\n        .product-card:hover {\r\n            transform: translateY(-8px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        .product-card-badge {\r\n            position: absolute;\r\n            top: 14px;\r\n            left: 14px;\r\n            z-index: 2;\r\n            background: var(--rose-primary);\r\n            color: var(--white);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            padding: 5px 12px;\r\n            border-radius: 50px;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n        }\r\n\r\n        .product-card-image {\r\n            aspect-ratio: 3 \/ 4;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--cream-warm));\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 8px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .product-card-image::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, transparent 60%, rgba(243, 225, 242, 0.4));\r\n            pointer-events: none;\r\n        }\r\n\r\n        .product-card-image svg {\r\n            color: var(--rose-light);\r\n            opacity: 0.5;\r\n        }\r\n\r\n        .product-card-image .placeholder-text {\r\n            font-size: 12px;\r\n            color: var(--text-muted);\r\n            opacity: 0.5;\r\n            font-weight: 500;\r\n        }\r\n\r\n        .product-card-body {\r\n            padding: 18px 20px 22px;\r\n        }\r\n\r\n        .product-card-category {\r\n            font-size: 11px;\r\n            font-weight: 600;\r\n            color: var(--rose-primary);\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.08em;\r\n            margin-bottom: 6px;\r\n        }\r\n\r\n        .product-card-name {\r\n            font-family: var(--font-display);\r\n            font-size: 17px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 10px;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .product-card-price {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n        }\r\n\r\n        .price-current {\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--rose-deep);\r\n        }\r\n\r\n        .price-old {\r\n            font-size: 14px;\r\n            color: var(--text-muted);\r\n            text-decoration: line-through;\r\n        }\r\n\r\n        .product-card-cta {\r\n            display: block;\r\n            width: 100%;\r\n            margin-top: 14px;\r\n            padding: 12px;\r\n            background: linear-gradient(135deg, var(--rose-primary), var(--rose-deep));\r\n            color: var(--white);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            text-align: center;\r\n            border-radius: 12px;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .product-card-cta:hover {\r\n            background: linear-gradient(135deg, var(--rose-deep), #1a0f06);\r\n            box-shadow: 0 4px 16px rgba(210, 103, 155, 0.3);\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           CATEGORY CARDS SECTION\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .section-categories {\r\n            padding: var(--section-pad) 0;\r\n            background: var(--white);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .section-categories::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 1px;\r\n            background: linear-gradient(90deg, transparent, var(--rose-light), transparent);\r\n        }\r\n\r\n        .categories-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .category-card {\r\n            position: relative;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            aspect-ratio: 3 \/ 4;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--cream-warm));\r\n            box-shadow: var(--shadow-card);\r\n            transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n            cursor: pointer;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: flex-end;\r\n        }\r\n\r\n        .category-card:hover {\r\n            transform: translateY(-6px) scale(1.01);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        .category-card-image {\r\n            position: absolute;\r\n            inset: 0;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: var(--rose-light);\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .category-card::after {\r\n            content: '';\r\n            position: absolute;\r\n            inset: 0;\r\n            background: linear-gradient(180deg, transparent 30%, rgba(46, 27, 12, 0.7));\r\n            z-index: 1;\r\n        }\r\n\r\n        .category-card-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 28px;\r\n            text-align: center;\r\n            width: 100%;\r\n        }\r\n\r\n        .category-card-title {\r\n            font-family: var(--font-display);\r\n            font-size: clamp(20px, 2.5vw, 26px);\r\n            font-weight: 700;\r\n            color: var(--white);\r\n            margin-bottom: 8px;\r\n        }\r\n\r\n        .category-card-count {\r\n            font-size: 13px;\r\n            color: rgba(255, 255, 255, 0.7);\r\n            margin-bottom: 16px;\r\n        }\r\n\r\n        .category-card-link {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 10px 24px;\r\n            border: 2px solid rgba(255, 255, 255, 0.5);\r\n            border-radius: 50px;\r\n            color: var(--white);\r\n            font-size: 13px;\r\n            font-weight: 600;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .category-card:hover .category-card-link {\r\n            background: var(--white);\r\n            color: var(--rose-deep);\r\n            border-color: var(--white);\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           BENEFITS \/ WHY US\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .section-benefits {\r\n            padding: var(--section-pad) 0;\r\n            background: linear-gradient(180deg, var(--cream) 0%, var(--rose-whisper) 100%);\r\n            position: relative;\r\n        }\r\n\r\n        .benefits-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 28px;\r\n        }\r\n\r\n        .benefit-card {\r\n            text-align: center;\r\n            padding: 36px 24px;\r\n            border-radius: 20px;\r\n            background: var(--white);\r\n            box-shadow: var(--shadow-soft);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .benefit-card:hover {\r\n            transform: translateY(-4px);\r\n            box-shadow: var(--shadow-card);\r\n        }\r\n\r\n        .benefit-icon {\r\n            width: 64px;\r\n            height: 64px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--rose-pale), var(--gold-light));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin: 0 auto 20px;\r\n            font-size: 26px;\r\n            color: var(--rose-deep);\r\n        }\r\n\r\n        .benefit-title {\r\n            font-family: var(--font-display);\r\n            font-size: 18px;\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .benefit-desc {\r\n            font-size: 14px;\r\n            color: var(--text-muted);\r\n            line-height: 1.6;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           TESTIMONIALS\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .section-testimonials {\r\n            padding: var(--section-pad) 0;\r\n            background: var(--white);\r\n            position: relative;\r\n        }\r\n\r\n        .testimonials-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(3, 1fr);\r\n            gap: 24px;\r\n        }\r\n\r\n        .testimonial-card {\r\n            padding: 32px 28px;\r\n            background: var(--cream);\r\n            border-radius: 20px;\r\n            border: 1px solid rgba(210, 103, 155, 0.1);\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .testimonial-card:hover {\r\n            border-color: rgba(210, 103, 155, 0.25);\r\n            box-shadow: var(--shadow-soft);\r\n        }\r\n\r\n        .testimonial-stars {\r\n            display: flex;\r\n            gap: 3px;\r\n            margin-bottom: 16px;\r\n            color: var(--gold-accent);\r\n            font-size: 16px;\r\n        }\r\n\r\n        .testimonial-text {\r\n            font-size: 15px;\r\n            line-height: 1.7;\r\n            color: var(--text-body);\r\n            margin-bottom: 20px;\r\n            font-style: italic;\r\n        }\r\n\r\n        .testimonial-author {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n\r\n        .testimonial-avatar {\r\n            width: 44px;\r\n            height: 44px;\r\n            border-radius: 50%;\r\n            background: linear-gradient(135deg, var(--rose-light), var(--rose-pale));\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: 700;\r\n            font-size: 16px;\r\n            color: var(--rose-deep);\r\n        }\r\n\r\n        .testimonial-name {\r\n            font-weight: 700;\r\n            color: var(--text-dark);\r\n            font-size: 14px;\r\n        }\r\n\r\n        .testimonial-verified {\r\n            font-size: 12px;\r\n            color: var(--text-muted);\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           NEWSLETTER \/ CTA BANNER\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .section-cta-banner {\r\n            padding: var(--section-pad) 0;\r\n            background: var(--cream);\r\n        }\r\n\r\n        .cta-banner {\r\n            background: linear-gradient(135deg, var(--rose-deep), var(--rose-primary), var(--rose-deep));\r\n            background-size: 200% 200%;\r\n            animation: cta-gradient 10s ease-in-out infinite;\r\n            border-radius: 32px;\r\n            padding: clamp(48px, 8vw, 80px) clamp(32px, 6vw, 64px);\r\n            text-align: center;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        @keyframes cta-gradient {\r\n\r\n            0%,\r\n            100% {\r\n                background-position: 0% 50%;\r\n            }\r\n\r\n            50% {\r\n                background-position: 100% 50%;\r\n            }\r\n        }\r\n\r\n        .cta-banner::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: repeating-conic-gradient(rgba(255, 255, 255, 0.03) 0% 25%, transparent 0% 50%);\r\n            background-size: 60px 60px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .cta-banner-title {\r\n            font-family: var(--font-display);\r\n            font-size: clamp(28px, 4vw, 44px);\r\n            font-weight: 800;\r\n            color: var(--white);\r\n            margin-bottom: 16px;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-banner-desc {\r\n            font-size: clamp(15px, 1.8vw, 17px);\r\n            color: rgba(255, 255, 255, 0.85);\r\n            max-width: 500px;\r\n            margin: 0 auto 32px;\r\n            line-height: 1.6;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-banner-form {\r\n            display: flex;\r\n            gap: 12px;\r\n            max-width: 480px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .cta-banner-form input {\r\n            flex: 1;\r\n            padding: 16px 24px;\r\n            border: 2px solid rgba(255, 255, 255, 0.3);\r\n            background: rgba(255, 255, 255, 0.15);\r\n            backdrop-filter: blur(8px);\r\n            border-radius: 50px;\r\n            color: var(--white);\r\n            font-size: 15px;\r\n            font-family: var(--font-body);\r\n            outline: none;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-banner-form input::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n\r\n        .cta-banner-form input:focus {\r\n            border-color: var(--white);\r\n            background: rgba(255, 255, 255, 0.25);\r\n        }\r\n\r\n        .cta-banner-form button {\r\n            padding: 16px 32px;\r\n            background: var(--white);\r\n            color: var(--rose-deep);\r\n            font-size: 14px;\r\n            font-weight: 700;\r\n            border-radius: 50px;\r\n            letter-spacing: 0.04em;\r\n            text-transform: uppercase;\r\n            white-space: nowrap;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .cta-banner-form button:hover {\r\n            background: var(--gold-light);\r\n            transform: translateY(-1px);\r\n            box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           SCROLL ANIMATIONS\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .reveal {\r\n            opacity: 0;\r\n            transform: translateY(32px);\r\n            transition: opacity 0.7s ease, transform 0.7s ease;\r\n        }\r\n\r\n        .reveal.visible {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n        }\r\n\r\n        .reveal-delay-1 {\r\n            transition-delay: 0.1s;\r\n        }\r\n\r\n        .reveal-delay-2 {\r\n            transition-delay: 0.2s;\r\n        }\r\n\r\n        .reveal-delay-3 {\r\n            transition-delay: 0.3s;\r\n        }\r\n\r\n        .reveal-delay-4 {\r\n            transition-delay: 0.35s;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           RESPONSIVE\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        @media (max-width: 1024px) {\r\n            .products-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .categories-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .benefits-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n\r\n            .testimonials-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .hero-content {\r\n                grid-template-columns: 1fr;\r\n                text-align: center;\r\n                gap: 40px;\r\n            }\r\n\r\n            .hero-text {\r\n                max-width: 100%;\r\n            }\r\n\r\n            .hero-desc {\r\n                margin-left: auto;\r\n                margin-right: auto;\r\n            }\r\n\r\n            .hero-actions {\r\n                justify-content: center;\r\n            }\r\n\r\n            .hero-visual {\r\n                order: -1;\r\n            }\r\n\r\n            .hero-float-badge {\r\n                left: 50%;\r\n                transform: translateX(-50%);\r\n                bottom: -16px;\r\n            }\r\n\r\n            .hero-image-frame {\r\n                max-width: 360px;\r\n            }\r\n\r\n            .products-grid {\r\n                grid-template-columns: repeat(2, 1fr);\r\n                gap: 16px;\r\n            }\r\n\r\n            .categories-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .benefits-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 400px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .testimonials-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n\r\n            .cta-banner-form {\r\n                flex-direction: column;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .products-grid {\r\n                grid-template-columns: 1fr;\r\n                max-width: 340px;\r\n                margin: 0 auto;\r\n            }\r\n\r\n            .trust-inner {\r\n                flex-direction: column;\r\n                gap: 16px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ANNOUNCEMENT BAR \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <div class=\"announcement-bar\">\r\n        \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0437\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438 \u043d\u0430\u0434 <span>60&euro;<\/span> &bull; \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d\r\n    <\/div>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"hero\">\r\n        <div class=\"hero-bg\">\r\n            <div class=\"hero-shape hero-shape-1\"><\/div>\r\n            <div class=\"hero-shape hero-shape-2\"><\/div>\r\n            <div class=\"hero-shape hero-shape-3\"><\/div>\r\n        <\/div>\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text\">\r\n                <div class=\"hero-badge\">\u0420\u044a\u0447\u043d\u043e \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u0435\u043d\u043e \u0432 \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f<\/div>\r\n                <h1>\u041f\u043e\u0434\u0430\u0440\u044a\u0446\u0438, \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u0438 \u0441 <em>\u043b\u044e\u0431\u043e\u0432<\/em> \u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435<\/h1>\r\n                <p class=\"hero-desc\">\r\n                    \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0442\u0435\u043d\u0438\u0441\u043a\u0438, \u0445\u0430\u0432\u043b\u0438\u0438 \u0437\u0430 \u043a\u0440\u044a\u0449\u0435\u043d\u0435 \u0438 \u0431\u0435\u0431\u0435\u0448\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 - \u0432\u0441\u0435\u043a\u0438 \u0430\u0440\u0442\u0438\u043a\u0443\u043b \u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u0435\u043d, \u0442\u043e\u0447\u043d\u043e \u043a\u0430\u0442\u043e\r\n                    \u0445\u043e\u0440\u0430\u0442\u0430, \u0437\u0430 \u043a\u043e\u0438\u0442\u043e \u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d.\r\n                <\/p>\r\n                <div class=\"hero-actions\">\r\n                    <a href=\"https:\/\/teadesign-shop.com\/\" class=\"btn-primary-cta\" target=\"_blank\" rel=\"noopener\">\r\n                        \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430\r\n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <path d=\"M5 12h14\" \/>\r\n                            <path d=\"m12 5 7 7-7 7\" \/>\r\n                        <\/svg>\r\n                    <\/a>\r\n                    <a href=\"https:\/\/teadesign-shop.com\/about\/\" class=\"btn-secondary-cta\" target=\"_blank\" rel=\"noopener\">\u0421\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441\u0435 \u0441 \u043d\u0430\u0441<\/a>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"hero-visual\">\r\n                <div class=\"hero-image-frame\">\r\n                    <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                         \u2551  HERO IMAGE PLACEHOLDER                     \u2551\r\n                         \u2551  Replace with your best product lifestyle   \u2551\r\n                         \u2551  photo (recommended: 960x1200px)            \u2551\r\n                         \u2551  Example: <img decoding=\"async\" src=\"hero.jpg\" alt=\"...\">    \u2551\r\n                         \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                    <div class=\"hero-image-placeholder\">\r\n                        <svg width=\"64\" height=\"64\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                        <span>\u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 hero \u0441\u043d\u0438\u043c\u043a\u0430 \u0442\u0443\u043a<br>(960 &times; 1200px)<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"hero-float-badge\">\r\n                    <div class=\"badge-icon\">&#9829;<\/div>\r\n                    <div class=\"badge-text\">\r\n                        <strong>1000+ \u043a\u043b\u0438\u0435\u043d\u0442\u0430<\/strong>\r\n                        <span>\u0414\u043e\u0432\u043e\u043b\u043d\u0438 \u043a\u043b\u0438\u0435\u043d\u0442\u0438<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TRUST STRIP \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"trust-strip\">\r\n        <div class=\"container\">\r\n            <div class=\"trust-inner\">\r\n                <div class=\"trust-item\">\r\n                    <div class=\"trust-icon\">&#10003;<\/div>\r\n                    \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <div class=\"trust-icon\">&#9829;<\/div>\r\n                    \u0420\u044a\u0447\u043d\u0430 \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <div class=\"trust-icon\">&#9734;<\/div>\r\n                    \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\r\n                <\/div>\r\n                <div class=\"trust-item\">\r\n                    <div class=\"trust-icon\">&#8635;<\/div>\r\n                    \u0411\u044a\u0440\u0437\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FEATURED PRODUCTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"section-featured\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <span class=\"section-tag\">\u0418\u0437\u0431\u0440\u0430\u043d\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438<\/span>\r\n                <h2 class=\"section-title\">\u041d\u0430\u0439-\u0442\u044a\u0440\u0441\u0435\u043d\u0438\u0442\u0435 \u043d\u0438 <em>\u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438<\/em><\/h2>\r\n                <p class=\"section-subtitle\">\u041e\u0442\u043a\u0440\u0438\u0439\u0442\u0435 \u043d\u0430\u0448\u0438\u0442\u0435 \u0431\u0435\u0441\u0442\u0441\u0435\u043b\u044a\u0440\u0438 \u2014 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0441 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u044a\u043c \u0432\u0441\u0435\u043a\u0438 \u0434\u0435\u0442\u0430\u0439\u043b.\r\n                <\/p>\r\n            <\/div>\r\n\r\n            <div class=\"products-grid\">\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  PRODUCT CARD 1 \u2014 Replace placeholder content   \u2551\r\n                     \u2551  \u2022 Swap the .product-card-image div with <img>  \u2551\r\n                     \u2551  \u2022 Update category, name, price, and link       \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <div class=\"product-card reveal reveal-delay-1\">\r\n                    <span class=\"product-card-badge\">\u041d\u043e\u0432\u043e<\/span>\r\n                    <div class=\"product-card-image\">\r\n                        <img decoding=\"async\" src=\"https:\/\/cdn.sellavi.com\/image\/upload\/if_ar_gt_2:1\/c_mpad,h_662,w_555\/c_fill,h_662,w_555\/if_else\/c_fill,q_100,w_555\/if_end\/dpr_2\/bg\/clients\/113322\/66775282df3b0bd5df3b951d9a2f54e44603cee2.jpeg\"\r\n                            alt=\"\u041f\u0440\u043e\u0434\u0443\u043a\u0442 1\">\r\n                        <span class=\"placeholder-text\">\u041f\u0440\u043e\u0434\u0443\u043a\u0442 1 \u0441\u043d\u0438\u043c\u043a\u0430<\/span>\r\n                    <\/div>\r\n                    <div class=\"product-card-body\">\r\n                        <div class=\"product-card-category\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f<\/div>\r\n                        <h3 class=\"product-card-name\">\u0418\u043c\u0435 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 1<\/h3>\r\n                        <div class=\"product-card-price\">\r\n                            <span class=\"price-current\">29.99&euro;<\/span>\r\n                            <span class=\"price-old\">39.99&euro;<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"product-card-cta\">\u0412\u0438\u0436 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  PRODUCT CARD 2                                  \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <div class=\"product-card reveal reveal-delay-2\">\r\n                    <span class=\"product-card-badge\">\u0425\u0438\u0442<\/span>\r\n                    <div class=\"product-card-image\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1.5\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                        <span class=\"placeholder-text\">\u041f\u0440\u043e\u0434\u0443\u043a\u0442 2 \u0441\u043d\u0438\u043c\u043a\u0430<\/span>\r\n                    <\/div>\r\n                    <div class=\"product-card-body\">\r\n                        <div class=\"product-card-category\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f<\/div>\r\n                        <h3 class=\"product-card-name\">\u0418\u043c\u0435 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 2<\/h3>\r\n                        <div class=\"product-card-price\">\r\n                            <span class=\"price-current\">24.99&euro;<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"product-card-cta\">\u0412\u0438\u0436 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  PRODUCT CARD 3                                  \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <div class=\"product-card reveal reveal-delay-3\">\r\n                    <div class=\"product-card-image\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1.5\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                        <span class=\"placeholder-text\">\u041f\u0440\u043e\u0434\u0443\u043a\u0442 3 \u0441\u043d\u0438\u043c\u043a\u0430<\/span>\r\n                    <\/div>\r\n                    <div class=\"product-card-body\">\r\n                        <div class=\"product-card-category\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f<\/div>\r\n                        <h3 class=\"product-card-name\">\u0418\u043c\u0435 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 3<\/h3>\r\n                        <div class=\"product-card-price\">\r\n                            <span class=\"price-current\">34.99&euro;<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"product-card-cta\">\u0412\u0438\u0436 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  PRODUCT CARD 4                                  \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <div class=\"product-card reveal reveal-delay-4\">\r\n                    <span class=\"product-card-badge\">-20%<\/span>\r\n                    <div class=\"product-card-image\">\r\n                        <svg width=\"48\" height=\"48\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1.5\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                        <span class=\"placeholder-text\">\u041f\u0440\u043e\u0434\u0443\u043a\u0442 4 \u0441\u043d\u0438\u043c\u043a\u0430<\/span>\r\n                    <\/div>\r\n                    <div class=\"product-card-body\">\r\n                        <div class=\"product-card-category\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044f<\/div>\r\n                        <h3 class=\"product-card-name\">\u0418\u043c\u0435 \u043d\u0430 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 4<\/h3>\r\n                        <div class=\"product-card-price\">\r\n                            <span class=\"price-current\">19.99&euro;<\/span>\r\n                            <span class=\"price-old\">24.99&euro;<\/span>\r\n                        <\/div>\r\n                        <a href=\"#\" class=\"product-card-cta\">\u0412\u0438\u0436 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0430<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <!-- End products-grid -->\r\n\r\n            <div style=\"text-align:center; margin-top:48px;\" class=\"reveal\">\r\n                <a href=\"https:\/\/teadesign-shop.com\/\" class=\"btn-primary-cta\" target=\"_blank\" rel=\"noopener\">\r\n                    \u0412\u0438\u0436 \u0432\u0441\u0438\u0447\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"\r\n                        stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                        <path d=\"M5 12h14\" \/>\r\n                        <path d=\"m12 5 7 7-7 7\" \/>\r\n                    <\/svg>\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CATEGORIES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"section-categories\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <span class=\"section-tag\">\u041a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/span>\r\n                <h2 class=\"section-title\">\u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\u0442\u0435 \u043f\u043e <em>\u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438<\/em><\/h2>\r\n                <p class=\"section-subtitle\">\u041d\u0430\u043c\u0435\u0440\u0435\u0442\u0435 \u043f\u0435\u0440\u0444\u0435\u043a\u0442\u043d\u0438\u044f \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d \u043f\u043e\u0434\u0430\u0440\u044a\u043a \u0437\u0430 \u0432\u0441\u0435\u043a\u0438 \u043f\u043e\u0432\u043e\u0434.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"categories-grid\">\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  CATEGORY CARD 1 \u2014 \u0422\u0435\u043d\u0438\u0441\u043a\u0438                      \u2551\r\n                     \u2551  Replace background with category image:        \u2551\r\n                     \u2551  Add <img> inside .category-card-image          \u2551\r\n                     \u2551  or use CSS background-image on the card        \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <a href=\"https:\/\/teadesign-shop.com\/\u0442\u0435\u043d\u0438\u0441\u043a\u0438-8\/\" class=\"category-card reveal reveal-delay-1\" target=\"_blank\" rel=\"noopener\">\r\n                    <div class=\"category-card-image\">\r\n                        <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"category-card-content\">\r\n                        <h3 class=\"category-card-title\">\u0422\u0435\u043d\u0438\u0441\u043a\u0438<\/h3>\r\n                        <p class=\"category-card-count\">\u0426\u0438\u0442\u0430\u0442\u0438, \u0448\u0435\u0432\u0438\u0446\u0438, \u0437\u0430 \u0434\u0432\u043e\u0439\u043a\u0438<\/p>\r\n                        <span class=\"category-card-link\">\r\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M5 12h14\" \/>\r\n                                <path d=\"m12 5 7 7-7 7\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  CATEGORY CARD 2 \u2014 \u0425\u0430\u0432\u043b\u0438\u0438                       \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <a href=\"https:\/\/teadesign-shop.com\/\u0445\u0430\u0432\u043b\u0438\u0438-2\/\" class=\"category-card reveal reveal-delay-2\" target=\"_blank\" rel=\"noopener\">\r\n                    <div class=\"category-card-image\">\r\n                        <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"category-card-content\">\r\n                        <h3 class=\"category-card-title\">\u0425\u0430\u0432\u043b\u0438\u0438 \u0437\u0430 \u043a\u0440\u044a\u0449\u0435\u043d\u0435<\/h3>\r\n                        <p class=\"category-card-count\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0441 \u0438\u043c\u0435 \u0438 \u0434\u0430\u0442\u0430<\/p>\r\n                        <span class=\"category-card-link\">\r\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M5 12h14\" \/>\r\n                                <path d=\"m12 5 7 7-7 7\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n                <!-- \u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\r\n                     \u2551  CATEGORY CARD 3 \u2014 \u0411\u0435\u0431\u0435\u0448\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438              \u2551\r\n                     \u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d -->\r\n                <a href=\"https:\/\/teadesign-shop.com\/\u0431\u0435\u0431\u0435-4\/\" class=\"category-card reveal reveal-delay-3\" target=\"_blank\" rel=\"noopener\">\r\n                    <div class=\"category-card-image\">\r\n                        <svg width=\"80\" height=\"80\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                            stroke-width=\"1\">\r\n                            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" \/>\r\n                            <circle cx=\"8.5\" cy=\"8.5\" r=\"1.5\" \/>\r\n                            <path d=\"m21 15-5-5L5 21\" \/>\r\n                        <\/svg>\r\n                    <\/div>\r\n                    <div class=\"category-card-content\">\r\n                        <h3 class=\"category-card-title\">\u0411\u0435\u0431\u0435\u0448\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438<\/h3>\r\n                        <p class=\"category-card-count\">\u0423\u043d\u0438\u043a\u0430\u043b\u043d\u0438 \u043f\u043e\u0434\u0430\u0440\u044a\u0446\u0438 \u0437\u0430 \u0431\u0435\u0431\u0435\u0442\u0430<\/p>\r\n                        <span class=\"category-card-link\">\r\n                            \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439\r\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                                <path d=\"M5 12h14\" \/>\r\n                                <path d=\"m12 5 7 7-7 7\" \/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/div>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 BENEFITS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"section-benefits\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <span class=\"section-tag\">\u0417\u0430\u0449\u043e \u043d\u0430\u0441<\/span>\r\n                <h2 class=\"section-title\">\u041a\u0430\u043a\u0432\u043e \u043d\u0438 \u043f\u0440\u0430\u0432\u0438 <em>\u0440\u0430\u0437\u043b\u0438\u0447\u043d\u0438<\/em><\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"benefits-grid\">\r\n                <div class=\"benefit-card reveal reveal-delay-1\">\r\n                    <div class=\"benefit-icon\">&#9997;<\/div>\r\n                    <h3 class=\"benefit-title\">\u0420\u044a\u0447\u043d\u0430 \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430<\/h3>\r\n                    <p class=\"benefit-desc\">\u0412\u0441\u0435\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442 \u0435 \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u0435\u043d \u0440\u044a\u0447\u043d\u043e \u0441 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043a\u044a\u043c \u0434\u0435\u0442\u0430\u0439\u043b\u0430 \u0438 \u0432\u0438\u0441\u043e\u043a\u043e\u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u0438\r\n                        \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0438.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card reveal reveal-delay-2\">\r\n                    <div class=\"benefit-icon\">&#10024;<\/div>\r\n                    <h3 class=\"benefit-title\">\u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h3>\r\n                    <p class=\"benefit-desc\">\u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 \u0438\u043c\u0435, \u0434\u0430\u0442\u0430 \u0438\u043b\u0438 \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d \u2014 \u043d\u0430\u043f\u0440\u0430\u0432\u0435\u0442\u0435 \u043f\u043e\u0434\u0430\u0440\u044a\u043a\u0430 \u043d\u0430\u0438\u0441\u0442\u0438\u043d\u0430 \u0443\u043d\u0438\u043a\u0430\u043b\u0435\u043d.\r\n                    <\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card reveal reveal-delay-3\">\r\n                    <div class=\"benefit-icon\">&#128666;<\/div>\r\n                    <h3 class=\"benefit-title\">\u0411\u044a\u0440\u0437\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430<\/h3>\r\n                    <p class=\"benefit-desc\">\u0414\u043e\u0441\u0442\u0430\u0432\u044f\u043c\u0435 \u0432 \u0446\u044f\u043b\u0430 \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f. \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0437\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438 \u043d\u0430\u0434 60&euro;.<\/p>\r\n                <\/div>\r\n                <div class=\"benefit-card reveal reveal-delay-4\">\r\n                    <div class=\"benefit-icon\">&#128153;<\/div>\r\n                    <h3 class=\"benefit-title\">\u041d\u0430\u043f\u0440\u0430\u0432\u0435\u043d\u043e \u0441 \u043b\u044e\u0431\u043e\u0432<\/h3>\r\n                    <p class=\"benefit-desc\">\u0411\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0430 \u043c\u0430\u0440\u043a\u0430, \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u0430 \u0441 \u043c\u0438\u0441\u044a\u043b \u0437\u0430 \u0441\u043f\u0435\u0446\u0438\u0430\u043b\u043d\u0438\u0442\u0435 \u043c\u043e\u043c\u0435\u043d\u0442\u0438 \u0432 \u0436\u0438\u0432\u043e\u0442\u0430.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIALS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"section-testimonials\">\r\n        <div class=\"container\">\r\n            <div class=\"section-header reveal\">\r\n                <span class=\"section-tag\">\u041e\u0442\u0437\u0438\u0432\u0438<\/span>\r\n                <h2 class=\"section-title\">\u041a\u0430\u043a\u0432\u043e \u043a\u0430\u0437\u0432\u0430\u0442 <em>\u043a\u043b\u0438\u0435\u043d\u0442\u0438\u0442\u0435<\/em><\/h2>\r\n            <\/div>\r\n\r\n            <div class=\"testimonials-grid\">\r\n                <div class=\"testimonial-card reveal reveal-delay-1\">\r\n                    <div class=\"testimonial-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n                    <p class=\"testimonial-text\">&ldquo;\u041f\u043e\u0440\u044a\u0447\u0430\u0445 \u0445\u0430\u0432\u043b\u0438\u044f \u0437\u0430 \u043a\u0440\u044a\u0449\u0435\u043d\u0435 \u0441 \u0431\u0440\u043e\u0434\u0435\u0440\u0438\u044f \u2014 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u043e\u0442\u043e \u0435 \u043d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e!\r\n                        \u0414\u043e\u0441\u0442\u0430\u0432\u043a\u0430\u0442\u0430 \u0431\u0435\u0448\u0435 \u0431\u044a\u0440\u0437\u0430 \u0438 \u043e\u043f\u0430\u043a\u043e\u0432\u043a\u0430\u0442\u0430 \u043c\u043d\u043e\u0433\u043e \u043a\u0440\u0430\u0441\u0438\u0432\u0430.&rdquo;<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">\u041c<\/div>\r\n                        <div>\r\n                            <div class=\"testimonial-name\">\u041c\u0430\u0440\u0438\u044f \u041a.<\/div>\r\n                            <div class=\"testimonial-verified\">&#10003; \u041f\u043e\u0442\u0432\u044a\u0440\u0434\u0435\u043d \u043a\u043b\u0438\u0435\u043d\u0442<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card reveal reveal-delay-2\">\r\n                    <div class=\"testimonial-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n                    <p class=\"testimonial-text\">&ldquo;\u0422\u0435\u043d\u0438\u0441\u043a\u0438\u0442\u0435 \u0441 \u0448\u0435\u0432\u0438\u0446\u0430 \u0441\u0430 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u0438 \u2014 \u043d\u043e\u0441\u044f\u0442 \u0430\u0432\u0442\u0435\u043d\u0442\u0438\u0447\u0435\u043d \u0431\u044a\u043b\u0433\u0430\u0440\u0441\u043a\u0438 \u0434\u0443\u0445.\r\n                        \u041f\u043e\u0434\u0430\u0440\u0438\u0445 \u043d\u0430 \u0446\u044f\u043b\u043e\u0442\u043e \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u043e!&rdquo;<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">\u0418<\/div>\r\n                        <div>\r\n                            <div class=\"testimonial-name\">\u0418\u0432\u0430\u0439\u043b\u043e \u0414.<\/div>\r\n                            <div class=\"testimonial-verified\">&#10003; \u041f\u043e\u0442\u0432\u044a\u0440\u0434\u0435\u043d \u043a\u043b\u0438\u0435\u043d\u0442<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"testimonial-card reveal reveal-delay-3\">\r\n                    <div class=\"testimonial-stars\">&#9733;&#9733;&#9733;&#9733;&#9733;<\/div>\r\n                    <p class=\"testimonial-text\">&ldquo;\u041f\u043e\u0440\u044a\u0447\u0430\u0445\u043c\u0435 \u0442\u0435\u043d\u0438\u0441\u043a\u0438 \u0437\u0430 \u0434\u0432\u043e\u0439\u043a\u0438 \u0437\u0430 \u0433\u043e\u0434\u0438\u0448\u043d\u0438\u043d\u0430. \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f\u0442\u0430 \u0431\u0435\u0448\u0435\r\n                        \u0442\u043e\u0447\u043d\u043e \u043a\u0430\u043a\u0442\u043e \u044f \u043f\u043e\u0438\u0441\u043a\u0430\u0445\u043c\u0435. \u0422\u043e\u043f\u043b\u043e \u043f\u0440\u0435\u043f\u043e\u0440\u044a\u0447\u0432\u0430\u043c!&rdquo;<\/p>\r\n                    <div class=\"testimonial-author\">\r\n                        <div class=\"testimonial-avatar\">\u0421<\/div>\r\n                        <div>\r\n                            <div class=\"testimonial-name\">\u0421\u0438\u043b\u0432\u0438\u044f \u041f.<\/div>\r\n                            <div class=\"testimonial-verified\">&#10003; \u041f\u043e\u0442\u0432\u044a\u0440\u0434\u0435\u043d \u043a\u043b\u0438\u0435\u043d\u0442<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 CTA BANNER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <section class=\"section-cta-banner\">\r\n        <div class=\"container\">\r\n            <div class=\"cta-banner reveal\">\r\n                <h2 class=\"cta-banner-title\">\u041f\u043e\u043b\u0443\u0447\u0435\u0442\u0435 10% \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430<\/h2>\r\n                <p class=\"cta-banner-desc\">\u0410\u0431\u043e\u043d\u0438\u0440\u0430\u0439\u0442\u0435 \u0441\u0435 \u0437\u0430 \u043d\u0430\u0448\u0438\u044f \u0431\u044e\u043b\u0435\u0442\u0438\u043d \u0438 \u043f\u043e\u043b\u0443\u0447\u0435\u0442\u0435 \u043a\u043e\u0434 \u0437\u0430 10% \u043e\u0442\u0441\u0442\u044a\u043f\u043a\u0430 \u043d\u0430 \u043f\u044a\u0440\u0432\u0430\u0442\u0430 \u0432\u0438\r\n                    \u043f\u043e\u0440\u044a\u0447\u043a\u0430.<\/p>\r\n                <form class=\"cta-banner-form\" onsubmit=\"event.preventDefault();\">\r\n                    <input type=\"email\" placeholder=\"\u0412\u0430\u0448\u0438\u044f\u0442 \u0438\u043c\u0435\u0439\u043b \u0430\u0434\u0440\u0435\u0441\" aria-label=\"\u0418\u043c\u0435\u0439\u043b \u0430\u0434\u0440\u0435\u0441\" required>\r\n                    <button type=\"submit\">\u0410\u0431\u043e\u043d\u0438\u0440\u0430\u0439 \u0441\u0435<\/button>\r\n                <\/form>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCROLL REVEAL JS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n    <script>\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            const reveals = document.querySelectorAll('.reveal');\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        entry.target.classList.add('visible');\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });\r\n\r\n            reveals.forEach(el => observer.observe(el));\r\n        });\r\n    <\/script>\r\n\r\n<\/body>\r\n\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Tea Design \u2013 \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u043f\u043e\u0434\u0430\u0440\u044a\u0446\u0438 \u0441 \u0434\u0443\u0448\u0430 \u0411\u0435\u0437\u043f\u043b\u0430\u0442\u043d\u0430 \u0434\u043e\u0441\u0442\u0430\u0432\u043a\u0430 \u0437\u0430 \u043f\u043e\u0440\u044a\u0447\u043a\u0438 \u043d\u0430\u0434 60&euro; &bull; \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u043f\u043e \u0432\u0430\u0448 \u0434\u0438\u0437\u0430\u0439\u043d \u0420\u044a\u0447\u043d\u043e \u0438\u0437\u0440\u0430\u0431\u043e\u0442\u0435\u043d\u043e \u0432 \u0411\u044a\u043b\u0433\u0430\u0440\u0438\u044f \u041f\u043e\u0434\u0430\u0440\u044a\u0446\u0438, \u0441\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u0438 \u0441 \u043b\u044e\u0431\u043e\u0432 \u0438 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u041f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u0438\u0437\u0438\u0440\u0430\u043d\u0438 \u0442\u0435\u043d\u0438\u0441\u043a\u0438, \u0445\u0430\u0432\u043b\u0438\u0438 \u0437\u0430 \u043a\u0440\u044a\u0449\u0435\u043d\u0435 \u0438 \u0431\u0435\u0431\u0435\u0448\u043a\u0438 \u043f\u0440\u043e\u0434\u0443\u043a\u0442\u0438 &#8211; \u0432\u0441\u0435\u043a\u0438 \u0430\u0440\u0442\u0438\u043a\u0443\u043b \u0435 \u0443\u043d\u0438\u043a\u0430\u043b\u0435\u043d, \u0442\u043e\u0447\u043d\u043e \u043a\u0430\u0442\u043e \u0445\u043e\u0440\u0430\u0442\u0430, \u0437\u0430 \u043a\u043e\u0438\u0442\u043e \u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d. \u0420\u0430\u0437\u0433\u043b\u0435\u0434\u0430\u0439 \u043c\u0430\u0433\u0430\u0437\u0438\u043d\u0430 \u0421\u0432\u044a\u0440\u0436\u0435\u0442\u0435 \u0441\u0435 \u0441 \u043d\u0430\u0441 \u0414\u043e\u0431\u0430\u0432\u0435\u0442\u0435 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"rank_math_title":"","rank_math_description":"","rank_math_focus_keyword":"","footnotes":""},"class_list":["post-25129","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/comments?post=25129"}],"version-history":[{"count":4,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25129\/revisions"}],"predecessor-version":[{"id":25133,"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/pages\/25129\/revisions\/25133"}],"wp:attachment":[{"href":"https:\/\/skyagency-group.com\/bg\/wp-json\/wp\/v2\/media?parent=25129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}