{"id":2173,"date":"2018-05-10T13:33:09","date_gmt":"2018-05-10T10:33:09","guid":{"rendered":"http:\/\/muzvideo2.ru\/?p=2173"},"modified":"2026-04-14T07:42:11","modified_gmt":"2026-04-14T04:42:11","slug":"cat-windowsill-david-benoit-%d0%bd%d0%be%d1%82%d1%8b-sheets","status":"publish","type":"post","link":"https:\/\/muzvideo2.ru\/en\/archives\/2173","title":{"rendered":"Cat On A Windowsill (David Benoit) &#8211; \u043d\u043e\u0442\u044b (sheets)"},"content":{"rendered":"<div class=\"ai-design article-content\">\r\n    <style>\r\n        \/* \u0413\u043b\u043e\u0431\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435 \u0434\u0438\u0437\u0430\u0439\u043d\u0430 *\/\r\n        .ai-design {\r\n            --color-accent-primary: #f9a825;\r\n            --color-accent-secondary: #007bff;\r\n            --color-text-dark: #333333;\r\n            --color-text-light: #666666;\r\n            --color-bg-light: #f4f7f6;\r\n            --color-bg-white: #ffffff;\r\n            --color-border: #e0e0e0;\r\n            --color-price: #d9534f;\r\n            --color-success: #28a745;\r\n            --color-error: #dc3545;\r\n            \r\n            \/* \u0426\u0432\u0435\u0442\u0430 \u043c\u0435\u0441\u0441\u0435\u043d\u0434\u0436\u0435\u0440\u043e\u0432 \u0434\u043b\u044f \u0444\u043e\u0440\u043c\u044b *\/\r\n            --color-tg: #2AABEE;\r\n            --color-vk: #0077FF;\r\n            --color-email: #6c757d;\r\n            --color-max: #FF3366; \r\n\r\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\r\n            color: var(--color-text-dark);\r\n            line-height: 1.7;\r\n            font-size: 18px;\r\n            background-color: var(--color-bg-light);\r\n            padding: 20px 0;\r\n        }\r\n\r\n        .ai-design * {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ai-design .ai-white-sheet {\r\n            max-width: 960px;\r\n            margin: 0 auto;\r\n            background-color: var(--color-bg-white);\r\n            padding: 50px 60px;\r\n            border-radius: 12px;\r\n            box-shadow: 0 4px 20px rgba(0,0,0,0.05);\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .ai-design .ai-white-sheet {\r\n                padding: 30px 20px;\r\n                border-radius: 8px;\r\n            }\r\n        }\r\n\r\n        \/* \u0417\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0438 *\/\r\n        .ai-design h1 {\r\n            font-size: 2.2rem;\r\n            color: var(--color-accent-primary);\r\n            text-transform: uppercase;\r\n            margin: 0 0 30px 0;\r\n            line-height: 1.3;\r\n            text-align: center;\r\n        }\r\n\r\n        .ai-design h2 {\r\n            font-size: 1.8rem;\r\n            color: var(--color-text-dark);\r\n            margin: 50px 0 25px 0;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .ai-design h3 {\r\n            font-size: 1.4rem;\r\n            margin-top: 35px;\r\n            margin-bottom: 15px;\r\n            color: var(--color-text-dark);\r\n        }\r\n\r\n        .ai-design p { margin-bottom: 15px; }\r\n        .ai-design strong { color: var(--color-text-dark); }\r\n        \r\n        \/* \u0412\u044b\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0432\u0430\u0436\u043d\u043e\u0439 \u043c\u044b\u0441\u043b\u0438 *\/\r\n        .ai-design blockquote {\r\n            background-color: #fffbef;\r\n            border-left: 5px solid var(--color-accent-primary);\r\n            padding: 20px 25px;\r\n            margin: 30px 0;\r\n            font-size: 1.15rem;\r\n            border-radius: 0 8px 8px 0;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* \u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u043e\u043d\u043d\u044b\u0435 \u043a\u0430\u0440\u0442\u043e\u0447\u043a\u0438 *\/\r\n        .ai-design .info-card {\r\n            background: #ffffff;\r\n            border: 1px solid var(--color-border);\r\n            border-radius: 12px;\r\n            padding: 35px;\r\n            margin-bottom: 40px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.03);\r\n            position: relative;\r\n        }\r\n\r\n        .ai-design .info-card.author-card {\r\n            background: #f4f8ff;\r\n            border-color: var(--color-accent-secondary);\r\n        }\r\n        \r\n        \/* \u0421\u0442\u0438\u043b\u0438 \u0434\u043b\u044f \u0431\u043b\u043e\u043a\u0430 \u0441 \u0444\u043e\u0442\u043e \u0430\u0432\u0442\u043e\u0440\u0430 *\/\r\n        .ai-design .author-card-content {\r\n            display: flex;\r\n            gap: 25px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .ai-design .author-photo {\r\n            flex-shrink: 0;\r\n            width: 180px; \r\n            border-radius: 8px;\r\n            box-shadow: 0 4px 15px rgba(0,0,0,0.1);\r\n            object-fit: cover;\r\n            border: 3px solid #ffffff;\r\n        }\r\n\r\n        .ai-design .info-card ul {\r\n            margin-top: 10px;\r\n            margin-bottom: 0;\r\n            padding-left: 20px;\r\n        }\r\n\r\n        .ai-design .info-card li {\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        \/* \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f *\/\r\n        .ai-design .sheet-image-wrapper {\r\n            margin: 40px 0;\r\n            text-align: center;\r\n        }\r\n\r\n        .ai-design .sheet-image-wrapper img {\r\n            max-width: 100%;\r\n            height: auto;\r\n            border-radius: 8px;\r\n            box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n            border: 1px solid var(--color-border);\r\n        }\r\n\r\n        .ai-design .image-caption {\r\n            text-align: center;\r\n            font-size: 0.9rem;\r\n            color: var(--color-text-light);\r\n            margin-top: 12px;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* \u0410\u0443\u0434\u0438\u043e \u041f\u043b\u0435\u0435\u0440 *\/\r\n        .ai-design .audio-inline-block {\r\n            background: #fafafa;\r\n            border: 1px solid var(--color-border);\r\n            padding: 15px 20px;\r\n            border-radius: 8px;\r\n            margin: 20px 0;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            flex-wrap: wrap;\r\n            box-shadow: inset 0 2px 5px rgba(0,0,0,0.02);\r\n        }\r\n        \r\n        .ai-design .audio-inline-block span {\r\n            font-weight: bold;\r\n            color: var(--color-text-dark);\r\n            min-width: 250px;\r\n        }\r\n        \r\n        .ai-design audio {\r\n            height: 40px;\r\n            flex-grow: 1;\r\n            max-width: 500px;\r\n            outline: none;\r\n        }\r\n\r\n        \/* ---------------- \u0411\u041b\u041e\u041a \u0420\u0415\u041a\u041b\u0410\u041c\u042b \u041a\u0423\u0420\u0421\u041e\u0412 ---------------- *\/\r\n        .ai-design .promo-section {\r\n            margin: 60px 0;\r\n            padding: 40px;\r\n            background: #fdfdfd;\r\n            border: 2px dashed var(--color-accent-primary);\r\n            border-radius: 12px;\r\n            text-align: center;\r\n            box-shadow: 0 5px 20px rgba(249, 168, 37, 0.05);\r\n        }\r\n\r\n        .ai-design .promo-section h3 {\r\n            margin-top: 0;\r\n            color: var(--color-text-dark);\r\n            font-size: 1.8rem;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .ai-design .promo-section > p {\r\n            color: var(--color-text-light);\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .ai-design .promo-grid {\r\n            display: grid;\r\n            \/* \u0416\u0435\u0441\u0442\u043a\u043e \u0437\u0430\u0434\u0430\u0435\u043c 2 \u0440\u0430\u0432\u043d\u044b\u0435 \u043a\u043e\u043b\u043e\u043d\u043a\u0438 \u0434\u043b\u044f \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u043e\u0439 \u0441\u0435\u0442\u043a\u0438 2\u04452 *\/\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 25px;\r\n        }\r\n\r\n        .ai-design .promo-card {\r\n            background: #fff;\r\n            border: 1px solid var(--color-border);\r\n            border-radius: 10px;\r\n            padding: 25px 20px;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .ai-design .promo-card:hover {\r\n            transform: translateY(-5px);\r\n            box-shadow: 0 12px 25px rgba(0,0,0,0.08);\r\n            border-color: var(--color-accent-secondary);\r\n        }\r\n\r\n        .ai-design .promo-card img {\r\n            width: 120px;\r\n            height: 120px;\r\n            border-radius: 50%;\r\n            margin: 0 auto 15px auto;\r\n            object-fit: cover;\r\n            border: 4px solid var(--color-bg-light);\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .ai-design .promo-card h4 {\r\n            margin: 0 0 10px 0;\r\n            color: var(--color-text-dark);\r\n            font-size: 1.15rem;\r\n            line-height: 1.3;\r\n        }\r\n\r\n        .ai-design .promo-card p {\r\n            font-size: 0.9rem;\r\n            color: var(--color-text-light);\r\n            flex-grow: 1;\r\n            margin-bottom: 25px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .ai-design .promo-card .cta-btn-small {\r\n            display: inline-block;\r\n            padding: 12px 15px;\r\n            background-color: var(--color-accent-secondary);\r\n            color: #fff !important;\r\n            text-decoration: none;\r\n            border-radius: 8px;\r\n            font-weight: bold;\r\n            font-size: 0.9rem;\r\n            transition: background-color 0.2s, transform 0.2s;\r\n            width: 100%;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .ai-design .promo-card .cta-btn-small:hover {\r\n            background-color: #0056b3;\r\n            transform: scale(1.02);\r\n        }\r\n\r\n        \/* ---------------- \u0424\u041e\u0420\u041c\u0410 \u041e\u0411\u0420\u0410\u0422\u041d\u041e\u0419 \u0421\u0412\u042f\u0417\u0418 ---------------- *\/\r\n        .ai-design .form-wrapper {\r\n            background: linear-gradient(to bottom right, #fffdfa, #fdf4e3);\r\n            border: 2px solid var(--color-accent-primary);\r\n            padding: 40px;\r\n            border-radius: 12px;\r\n            margin: 60px 0 20px 0;\r\n            box-shadow: 0 10px 30px rgba(249, 168, 37, 0.15);\r\n        }\r\n\r\n        .ai-design .form-wrapper h2 {\r\n            margin-top: 0;\r\n            text-align: center;\r\n            font-size: 2rem;\r\n            color: var(--color-accent-primary);\r\n        }\r\n\r\n        .ai-design .form-wrapper .subtitle {\r\n            text-align: center;\r\n            color: var(--color-text-light);\r\n            margin-bottom: 30px;\r\n            font-size: 1.1rem;\r\n        }\r\n\r\n        .ai-design .form-group {\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .ai-design label {\r\n            display: block;\r\n            font-weight: 600;\r\n            margin-bottom: 8px;\r\n            color: var(--color-text-dark);\r\n        }\r\n\r\n        .ai-design input[type=\"text\"],\r\n        .ai-design input[type=\"email\"],\r\n        .ai-design textarea {\r\n            width: 100%;\r\n            padding: 14px;\r\n            border: 1px solid var(--color-border);\r\n            border-radius: 8px;\r\n            font-size: 1rem;\r\n            font-family: inherit;\r\n            transition: border-color 0.3s, box-shadow 0.3s;\r\n            background: #ffffff;\r\n        }\r\n\r\n        .ai-design input:focus,\r\n        .ai-design textarea:focus {\r\n            outline: none;\r\n            border-color: var(--color-accent-primary);\r\n            box-shadow: 0 0 0 3px rgba(249, 168, 37, 0.2);\r\n        }\r\n\r\n        .ai-design textarea {\r\n            min-height: 150px;\r\n            resize: vertical;\r\n        }\r\n\r\n        \/* \u0420\u0430\u0434\u0438\u043e\u043a\u043d\u043e\u043f\u043a\u0438 \u0432\u044b\u0431\u043e\u0440\u0430 \u043c\u0435\u0442\u043e\u0434\u0430 \u0441\u0432\u044f\u0437\u0438 *\/\r\n        .ai-design .method-selector {\r\n            display: grid;\r\n            grid-template-columns: repeat(4, 1fr);\r\n            gap: 10px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .ai-design .method-option { position: relative; }\r\n\r\n        .ai-design .method-option input[type=\"radio\"] {\r\n            position: absolute;\r\n            opacity: 0;\r\n            width: 0;\r\n            height: 0;\r\n        }\r\n\r\n        .ai-design .method-label {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 15px 5px;\r\n            background: #fcfcfc;\r\n            border: 2px solid var(--color-border);\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.2s;\r\n            font-weight: 500;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n        .ai-design .method-label svg {\r\n            width: 28px;\r\n            height: 28px;\r\n            margin-bottom: 8px;\r\n            fill: currentColor;\r\n        }\r\n\r\n        .ai-design .method-option input[type=\"radio\"]:checked + .method-label { background: #ffffff; }\r\n\r\n        .ai-design .method-option.tg input[type=\"radio\"]:checked + .method-label {\r\n            border-color: var(--color-tg);\r\n            color: var(--color-tg);\r\n            box-shadow: 0 4px 12px rgba(42, 171, 238, 0.15);\r\n        }\r\n\r\n        .ai-design .method-option.vk input[type=\"radio\"]:checked + .method-label {\r\n            border-color: var(--color-vk);\r\n            color: var(--color-vk);\r\n            box-shadow: 0 4px 12px rgba(0, 119, 255, 0.15);\r\n        }\r\n\r\n        .ai-design .method-option.max input[type=\"radio\"]:checked + .method-label {\r\n            border-color: var(--color-max);\r\n            color: var(--color-max);\r\n            box-shadow: 0 4px 12px rgba(255, 51, 102, 0.15);\r\n        }\r\n\r\n        .ai-design .method-option.em input[type=\"radio\"]:checked + .method-label {\r\n            border-color: var(--color-email);\r\n            color: var(--color-email);\r\n            box-shadow: 0 4px 12px rgba(108, 117, 125, 0.15);\r\n        }\r\n\r\n        .ai-design #dynamic-contact-field {\r\n            background: #ffffff;\r\n            padding: 20px;\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--color-tg);\r\n            transition: border-left-color 0.3s;\r\n            box-shadow: 0 2px 10px rgba(0,0,0,0.02);\r\n        }\r\n\r\n        .ai-design .form-hint {\r\n            display: block;\r\n            font-size: 0.85rem;\r\n            color: #777;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        .ai-design .submit-btn {\r\n            display: block;\r\n            width: 100%;\r\n            padding: 16px;\r\n            background-color: var(--color-accent-primary);\r\n            color: var(--color-text-dark);\r\n            font-size: 1.2rem;\r\n            font-weight: bold;\r\n            text-transform: uppercase;\r\n            border: none;\r\n            border-radius: 8px;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .ai-design .submit-btn:hover {\r\n            background-color: #e09923;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 6px 15px rgba(249, 168, 37, 0.3);\r\n        }\r\n\r\n        .ai-design .submit-btn:disabled {\r\n            background-color: #ccc;\r\n            cursor: not-allowed;\r\n            transform: none;\r\n            box-shadow: none;\r\n        }\r\n\r\n        .ai-design #form-status {\r\n            margin-top: 20px;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            text-align: center;\r\n            font-weight: 500;\r\n            display: none;\r\n        }\r\n        .ai-design #form-status.success {\r\n            display: block;\r\n            background-color: #d4edda;\r\n            color: #155724;\r\n            border: 1px solid #c3e6cb;\r\n        }\r\n        .ai-design #form-status.error {\r\n            display: block;\r\n            background-color: #f8d7da;\r\n            color: #721c24;\r\n            border: 1px solid #f5c6cb;\r\n        }\r\n\r\n        .ai-design .hp-field { display: none !important; }\r\n\r\n        .ai-design .clearfix::after {\r\n            content: \"\";\r\n            clear: both;\r\n            display: table;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .ai-design .promo-section { padding: 30px 20px; }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .ai-design .author-card-content { flex-direction: column; align-items: center; text-align: center; }\r\n            .ai-design .method-selector { grid-template-columns: repeat(2, 1fr); }\r\n            .ai-design .form-wrapper { padding: 25px 20px; }\r\n            .ai-design .audio-inline-block { flex-direction: column; align-items: flex-start; }\r\n            .ai-design .audio-inline-block audio { width: 100%; }\r\n            \/* \u0414\u043b\u044f \u043c\u043e\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0443\u0441\u0442\u0440\u043e\u0439\u0441\u0442\u0432 \u0432\u044b\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c \u043a\u0443\u0440\u0441\u044b \u0432 \u043e\u0434\u043d\u0443 \u043a\u043e\u043b\u043e\u043d\u043a\u0443 *\/\r\n            .ai-design .promo-grid { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"ai-white-sheet clearfix\">\r\n        \r\n        <h1>\u041d\u043e\u0442\u044b \u0434\u043b\u044f \u0444\u043e\u0440\u0442\u0435\u043f\u0438\u0430\u043d\u043e \u00abCat On A Windowsill\u00bb<\/h1>\r\n\r\n        <p>\u0412\u044b \u0438\u0449\u0435\u0442\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 <strong>\u00abCat On A Windowsill\u00bb<\/strong>? \u042d\u0442\u0430 \u043f\u044c\u0435\u0441\u0430 \u2014 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u044d\u0442\u0430\u043b\u043e\u043d \u00ab\u043b\u0451\u0433\u043a\u043e\u0433\u043e\u00bb \u0434\u0436\u0430\u0437\u0430 (smooth jazz), \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u0430\u044f \u0443\u044e\u0442\u043e\u043c, \u043c\u0435\u043b\u0430\u043d\u0445\u043e\u043b\u0438\u0435\u0439 \u0438 \u0438\u0437\u044b\u0441\u043a\u0430\u043d\u043d\u043e\u0439 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0435\u0439.<\/p>\r\n\r\n        <p>\u042f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0431\u043e\u0440 <strong>\u043f\u0435\u0440\u0432\u043e\u0439 \u043c\u0438\u043d\u0443\u0442\u044b<\/strong> \u044d\u0442\u043e\u0439 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e\u0439 \u043c\u0435\u043b\u043e\u0434\u0438\u0438. \u042d\u0442\u043e\u0433\u043e \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0430 \u0434\u043e\u0441\u0442\u0430\u0442\u043e\u0447\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0432\u0441\u0451 \u043d\u0430\u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0438 \u0438\u0441\u043f\u043e\u043b\u043d\u0438\u0442\u044c \u0435\u0433\u043e \u043a\u0430\u043a \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u044b\u0439 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u043d\u043e\u043c\u0435\u0440.<\/p>\r\n\r\n        <!-- \u0411\u043b\u043e\u043a \u041e\u0431 \u0410\u0432\u0442\u043e\u0440\u0435 -->\r\n        <div class=\"info-card author-card\">\r\n            <h3 style=\"margin-top: 0;\">\u041e\u0431 \u0430\u0432\u0442\u043e\u0440\u0435: \u0414\u044d\u0432\u0438\u0434 \u0411\u0435\u043d\u0443\u0430 (David Benoit)<\/h3>\r\n            <div class=\"author-card-content\">\r\n                <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/David-Benoit.jpg\" alt=\"\u0414\u044d\u0432\u0438\u0434 \u0411\u0435\u043d\u0443\u0430 (David Benoit)\" class=\"author-photo\">\r\n                <div>\r\n                    <p><strong>\u0414\u044d\u0432\u0438\u0434 \u0411\u0435\u043d\u0443\u0430<\/strong> \u2014 \u043a\u0443\u043b\u044c\u0442\u043e\u0432\u0430\u044f \u0444\u0438\u0433\u0443\u0440\u0430 \u0432 \u043c\u0438\u0440\u0435 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u0434\u0436\u0430\u0437\u0430. \u041f\u044f\u0442\u0438\u043a\u0440\u0430\u0442\u043d\u044b\u0439 \u043d\u043e\u043c\u0438\u043d\u0430\u043d\u0442 \u043d\u0430 \u043f\u0440\u0435\u043c\u0438\u044e \u00ab\u0413\u0440\u044d\u043c\u043c\u0438\u00bb, \u043f\u0438\u0430\u043d\u0438\u0441\u0442 \u0438 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0442\u043e\u0440, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0442\u043e\u044f\u043b \u0443 \u0438\u0441\u0442\u043e\u043a\u043e\u0432 \u0436\u0430\u043d\u0440\u0430 smooth jazz. \u0415\u0433\u043e \u0441\u0442\u0438\u043b\u044c \u0443\u0437\u043d\u0430\u0432\u0430\u0435\u043c \u0431\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0435\u0432\u0435\u0440\u043e\u044f\u0442\u043d\u043e\u0439 \u043c\u0435\u043b\u043e\u0434\u0438\u0447\u043d\u043e\u0441\u0442\u0438 \u0438 \u0447\u0438\u0441\u0442\u043e\u0442\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f.<\/p>\r\n                    <p style=\"margin-bottom: 0;\">\u00abCat On A Windowsill\u00bb \u2014 \u043e\u0434\u043d\u0430 \u0438\u0437 \u0442\u0435\u0445 \u0440\u0430\u0431\u043e\u0442, \u0433\u0434\u0435 \u0434\u0436\u0430\u0437\u043e\u0432\u0430\u044f \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c \u043c\u0430\u0441\u043a\u0438\u0440\u0443\u0435\u0442\u0441\u044f \u043f\u043e\u0434 \u0432\u0438\u0434\u0438\u043c\u0443\u044e \u043b\u0435\u0433\u043a\u043e\u0441\u0442\u044c, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u0443 \u0441\u043f\u043e\u043a\u043e\u0439\u043d\u043e\u0433\u043e \u0432\u0435\u0447\u0435\u0440\u0430.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u0411\u043b\u043e\u043a \u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 -->\r\n        <div class=\"info-card\">\r\n            <h3 style=\"margin-top: 0; color: var(--color-accent-primary);\">\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440\u0438\u0441\u0442\u0438\u043a\u0438 \u0438 \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u044c<\/h3>\r\n            <p>\u041d\u0435\u0441\u043c\u043e\u0442\u0440\u044f \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u00ab\u043b\u0451\u0433\u043a\u0438\u0439 \u0434\u0436\u0430\u0437\u00bb, \u044d\u0442\u0430 \u043f\u044c\u0435\u0441\u0430 <strong>\u043d\u0435 \u043f\u0440\u0435\u0434\u043d\u0430\u0437\u043d\u0430\u0447\u0435\u043d\u0430 \u0434\u043b\u044f \u043d\u043e\u0432\u0438\u0447\u043a\u043e\u0432<\/strong>.<\/p>\r\n            <ul>\r\n                <li><strong>\u0423\u0440\u043e\u0432\u0435\u043d\u044c \u0441\u043b\u043e\u0436\u043d\u043e\u0441\u0442\u0438:<\/strong> \u0421\u0440\u0435\u0434\u043d\u0438\u0439 \/ \u041f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u044b\u0439.<\/li>\r\n                <li><strong>\u041e\u0441\u043e\u0431\u0435\u043d\u043d\u043e\u0441\u0442\u0438:<\/strong> \u0422\u0440\u0435\u0431\u0443\u0435\u0442 \u0445\u043e\u0440\u043e\u0448\u0435\u0439 \u043a\u043e\u043e\u0440\u0434\u0438\u043d\u0430\u0446\u0438\u0438 \u0440\u0443\u043a, \u0432\u043b\u0430\u0434\u0435\u043d\u0438\u044f \u0434\u0436\u0430\u0437\u043e\u0432\u043e\u0439 \u0440\u0438\u0442\u043c\u0438\u043a\u043e\u0439 \u0438 \u0443\u043c\u0435\u043d\u0438\u044f \u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u0434\u0438\u043d\u0430\u043c\u0438\u043a\u043e\u0439.<\/li>\r\n                <li><strong>\u0425\u0430\u0440\u0430\u043a\u0442\u0435\u0440:<\/strong> \u0410\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u043d\u044b\u0439, \u0441\u043e\u0437\u0435\u0440\u0446\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0439, \u0443\u043c\u0435\u0440\u0435\u043d\u043d\u043e-\u0441\u043f\u043e\u043a\u043e\u0439\u043d\u044b\u0439.<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <!-- \u0418\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0435 \u043d\u043e\u0442 -->\r\n        <div class=\"sheet-image-wrapper\">\r\n            <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/Cat_on_a_windowsill-2.jpg\" alt=\"\u041d\u043e\u0442\u044b David Benoit - Cat On A Windowsill \u0434\u043b\u044f \u043f\u0438\u0430\u043d\u0438\u043d\u043e, \u043f\u0435\u0440\u0432\u044b\u0435 \u0442\u0430\u043a\u0442\u044b\">\r\n            <div class=\"image-caption\">\u041f\u0440\u0438\u043c\u0435\u0440 \u043d\u043e\u0442\u043d\u043e\u0439 \u0437\u0430\u043f\u0438\u0441\u0438: \u043f\u0435\u0440\u0432\u044b\u0435 \u0442\u0430\u043a\u0442\u044b \u043f\u0435\u0440\u0435\u043b\u043e\u0436\u0435\u043d\u0438\u044f<\/div>\r\n        <\/div>\r\n\r\n        <h2>\u041f\u0440\u043e\u0441\u043b\u0443\u0448\u0430\u0439\u0442\u0435 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044e<\/h2>\r\n\r\n        <div class=\"audio-inline-block\">\r\n            <span>&#x1f3a7; \u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b\u044c\u043d\u043e\u0435 \u0438\u0441\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0435:<\/span>\r\n            <audio controls preload=\"metadata\">\r\n                <source src=\"http:\/\/muzvideo2.ru\/wp-content\/uploads\/Cat-on-a-windowsill.mp3\" type=\"audio\/mpeg\">\r\n                \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 HTML5 \u0430\u0443\u0434\u0438\u043e.\r\n            <\/audio>\r\n        <\/div>\r\n\r\n        <div class=\"audio-inline-block\">\r\n            <span>&#x1f3b9; \u0417\u0432\u0443\u0447\u0430\u043d\u0438\u0435 \u043d\u043e\u0442\u043d\u043e\u0433\u043e \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440\u0430:<br><small style=\"font-weight: normal; color: var(--color-text-light);\">(\u041a\u0430\u043a \u0437\u0432\u0443\u0447\u0430\u0442 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u043c\u044b\u0435 \u043d\u043e\u0442\u044b)<\/small><\/span>\r\n            <audio controls preload=\"metadata\">\r\n                <source src=\"http:\/\/muzvideo2.ru\/wp-content\/uploads\/Cat_On_A_Windowsill.mp3\" type=\"audio\/mpeg\">\r\n                \u0412\u0430\u0448 \u0431\u0440\u0430\u0443\u0437\u0435\u0440 \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 HTML5 \u0430\u0443\u0434\u0438\u043e.\r\n            <\/audio>\r\n        <\/div>\r\n\r\n        <hr style=\"margin: 50px 0; border: 0; border-top: 2px dashed var(--color-border);\">\r\n\r\n        <!-- \u0420\u0415\u041a\u041b\u0410\u041c\u041d\u042b\u0419 \u0411\u041b\u041e\u041a \u041a\u0423\u0420\u0421\u041e\u0412 -->\r\n        <div class=\"promo-section\">\r\n            <h3>\u0425\u043e\u0442\u0438\u0442\u0435 \u0438\u0433\u0440\u0430\u0442\u044c \u0442\u0430\u043a \u0436\u0435 \u043a\u0440\u0430\u0441\u0438\u0432\u043e \u0438 \u0441\u0432\u043e\u0431\u043e\u0434\u043d\u043e?<\/h3>\r\n            <p>\u0415\u0441\u043b\u0438 \u0432\u0430\u0441 \u0432\u0434\u043e\u0445\u043d\u043e\u0432\u043b\u044f\u0435\u0442 \u044d\u0442\u043e\u0442 \u0441\u0442\u0438\u043b\u044c \u043c\u0443\u0437\u044b\u043a\u0438, \u043e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435 \u043d\u0430 \u043a\u0443\u0440\u0441\u044b, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u043f\u043e\u043c\u043e\u0433\u0443\u0442 \u0432\u0430\u043c \u043d\u0430\u0443\u0447\u0438\u0442\u044c\u0441\u044f \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u043f\u043e\u0434\u043e\u0431\u043d\u044b\u0435 \u0448\u0435\u0434\u0435\u0432\u0440\u044b \u0441\u0430\u043c\u043e\u0441\u0442\u043e\u044f\u0442\u0435\u043b\u044c\u043d\u043e:<\/p>\r\n            \r\n            <div class=\"promo-grid\">\r\n                \r\n                <!-- \u041a\u0443\u0440\u0441 1 -->\r\n                <div class=\"promo-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/280px-\u043a\u0432\u0430\u0434\u0440\u0430\u0442-206x206.jpg\" alt=\"\u041a\u0443\u0440\u0441 \u0411\u0430\u043b\u043b\u0430\u0434 \u041c\u0430\u0441\u0442\u0435\u0440\">\r\n                    <h4>\u0411\u0430\u043b\u043b\u0430\u0434 \u041c\u0430\u0441\u0442\u0435\u0440<\/h4>\r\n                    <p>\u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u043f\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044c \u044d\u043c\u043e\u0446\u0438\u0438 \u0447\u0435\u0440\u0435\u0437 \u043c\u0443\u0437\u044b\u043a\u0443, \u0438\u0433\u0440\u0430\u0442\u044c \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u0435 \u043b\u0438\u0440\u0438\u0447\u0435\u0441\u043a\u0438\u0435 \u0431\u0430\u043b\u043b\u0430\u0434\u044b \u0438 \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u0442\u044c \u0430\u0442\u043c\u043e\u0441\u0444\u0435\u0440\u043d\u044b\u0439 \u0430\u043a\u043a\u043e\u043c\u043f\u0430\u043d\u0435\u043c\u0435\u043d\u0442.<\/p>\r\n                    <a href=\"https:\/\/muzvideo2.ru\/archives\/1876\" target=\"_blank\" class=\"cta-btn-small\" rel=\"noopener\">\u0423\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\r\n                <\/div>\r\n\r\n                <!-- \u041a\u0443\u0440\u0441 2 -->\r\n                <div class=\"promo-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/akkord280pix-1-206x206.jpg\" alt=\"\u041a\u0443\u0440\u0441 \u0410\u043a\u043a\u043e\u0440\u0434 \u041c\u0430\u0441\u0442\u0435\u0440\">\r\n                    <h4>\u0410\u043a\u043a\u043e\u0440\u0434 \u041c\u0430\u0441\u0442\u0435\u0440<\/h4>\r\n                    <p>\u0424\u0443\u043d\u0434\u0430\u043c\u0435\u043d\u0442 \u0434\u043b\u044f \u043b\u044e\u0431\u043e\u0439 \u0434\u0436\u0430\u0437\u043e\u0432\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u041d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u043d\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0437\u0430\u0443\u0447\u0438\u0432\u0430\u0442\u044c, \u0430 \u043f\u043e\u043d\u0438\u043c\u0430\u0442\u044c \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0443 \u0441\u043b\u043e\u0436\u043d\u044b\u0445 \u0430\u043a\u043a\u043e\u0440\u0434\u043e\u0432.<\/p>\r\n                    <a href=\"https:\/\/muzvideo2.ru\/archives\/1356\" target=\"_blank\" class=\"cta-btn-small\" rel=\"noopener\">\u0423\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\r\n                <\/div>\r\n\r\n                <!-- \u041a\u0443\u0440\u0441 3 -->\r\n                <div class=\"promo-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/master_garmonii_kvadrat-206x206.jpg\" alt=\"\u041a\u0443\u0440\u0441 \u041c\u0430\u0441\u0442\u0435\u0440 \u0413\u0430\u0440\u043c\u043e\u043d\u0438\u0438\">\r\n                    <h4>\u041c\u0430\u0441\u0442\u0435\u0440 \u0413\u0430\u0440\u043c\u043e\u043d\u0438\u0438<\/h4>\r\n                    <p>\u041f\u043e\u043d\u044f\u0442\u044c \u043b\u0435\u0433\u043a\u0438\u0439 \u0434\u0436\u0430\u0437 \u0431\u0435\u0437 \u0437\u043d\u0430\u043d\u0438\u044f \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0438 \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e. \u041f\u043e\u0441\u0442\u0438\u0433\u043d\u0438\u0442\u0435 \u0437\u0430\u043a\u043e\u043d\u044b \u043c\u0443\u0437\u044b\u043a\u0438 \u0438\u0437\u043d\u0443\u0442\u0440\u0438, \u0447\u0442\u043e\u0431\u044b \u043b\u0435\u0433\u043a\u043e \u0441\u0442\u0440\u043e\u0438\u0442\u044c \u0441\u0432\u044f\u0437\u0438!<\/p>\r\n                    <a href=\"https:\/\/muzvideo2.ru\/archives\/2452\" target=\"_blank\" class=\"cta-btn-small\" rel=\"noopener\">\u0423\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\r\n                <\/div>\r\n\r\n                <!-- \u041a\u0443\u0440\u0441 4 -->\r\n                <div class=\"promo-card\">\r\n                    <img decoding=\"async\" src=\"https:\/\/muzvideo2.ru\/wp-content\/uploads\/Cover-1_1-1-3-300x300.png\" alt=\"\u041a\u0443\u0440\u0441 \u0418\u043c\u043f\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f \u0441 \u043d\u0443\u043b\u044f\">\r\n                    <h4>\u0418\u043c\u043f\u0440\u043e\u0432\u0438\u0437\u0430\u0446\u0438\u044f \u0441 \u043d\u0443\u043b\u044f<\/h4>\r\n                    <p>\u0420\u0430\u0441\u043a\u0440\u043e\u0439\u0442\u0435 \u0441\u0432\u043e\u0439 \u0442\u0432\u043e\u0440\u0447\u0435\u0441\u043a\u0438\u0439 \u043f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b. \u0421\u043d\u0438\u043c\u0438\u0442\u0435 \u0441\u0442\u0440\u0430\u0445 \u043f\u0435\u0440\u0435\u0434 \u00ab\u0447\u0438\u0441\u0442\u044b\u043c \u043b\u0438\u0441\u0442\u043e\u043c\u00bb \u0438 \u043d\u0430\u0443\u0447\u0438\u0442\u0435\u0441\u044c \u0432\u044b\u0440\u0430\u0436\u0430\u0442\u044c \u0441\u0432\u043e\u0438 \u043c\u0443\u0437\u044b\u043a\u0430\u043b\u044c\u043d\u044b\u0435 \u0438\u0434\u0435\u0438.<\/p>\r\n                    <a href=\"https:\/\/muzvideo2.ru\/archives\/2949\" target=\"_blank\" class=\"cta-btn-small\" rel=\"noopener\">\u0423\u0437\u043d\u0430\u0442\u044c \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u0435\u0435<\/a>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <h2>\u041a\u0430\u043a \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u043d\u043e\u0442\u044b?<\/h2>\r\n        \r\n        <p>\u0412\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u0433\u043e\u0442\u043e\u0432\u044b\u0439 \u043a\u043e\u043c\u043f\u043b\u0435\u043a\u0442 \u0444\u0430\u0439\u043b\u043e\u0432 \u0434\u043b\u044f \u044d\u0442\u043e\u0439 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438. \u0412 \u043f\u0430\u043a\u0435\u0442 \u0432\u0445\u043e\u0434\u044f\u0442 \u0432\u0441\u0435 \u043d\u0435\u043e\u0431\u0445\u043e\u0434\u0438\u043c\u044b\u0435 \u0444\u043e\u0440\u043c\u0430\u0442\u044b \u0434\u043b\u044f \u043f\u0435\u0447\u0430\u0442\u0438, \u043f\u0440\u043e\u0441\u043b\u0443\u0448\u0438\u0432\u0430\u043d\u0438\u044f \u0438 \u0440\u0435\u0434\u0430\u043a\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f:<\/p>\r\n        <ul style=\"margin-bottom: 25px;\">\r\n            <li><strong>PDF \u0438 PNG<\/strong> \u2014 \u0434\u043b\u044f \u0443\u0434\u043e\u0431\u043d\u043e\u0433\u043e \u0447\u0442\u0435\u043d\u0438\u044f \u0441 \u044d\u043a\u0440\u0430\u043d\u0430 \u0438\u043b\u0438 \u043f\u0435\u0447\u0430\u0442\u0438.<\/li>\r\n            <li><strong>XML<\/strong> \u2014 \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438 \u0432 \u043b\u044e\u0431\u043e\u0439 \u043d\u043e\u0442\u043d\u044b\u0439 \u0440\u0435\u0434\u0430\u043a\u0442\u043e\u0440 (Sibelius, Finale, MuseScore).<\/li>\r\n            <li><strong>MIDI (MID)<\/strong> \u2014 \u0434\u043b\u044f \u0440\u0430\u0431\u043e\u0442\u044b \u0432 DAW \u0438\u043b\u0438 \u043e\u0431\u0443\u0447\u0435\u043d\u0438\u044f.<\/li>\r\n        <\/ul>\r\n\r\n        <blockquote>\r\n            <strong>\u041e\u0431\u0440\u0430\u0442\u0438\u0442\u0435 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435:<\/strong> \u041d\u0430 \u0434\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u043c\u0435\u043d\u0442 \u044f \u043f\u0440\u043e\u0434\u0430\u044e \u0442\u043e\u043b\u044c\u043a\u043e \u0433\u043e\u0442\u043e\u0432\u044b\u0435 \u043f\u043e\u0434\u0431\u043e\u0440\u044b \u0438\u0437 \u0441\u0432\u043e\u0435\u0439 \u043a\u043e\u043b\u043b\u0435\u043a\u0446\u0438\u0438. \u0417\u0430\u043a\u0430\u0437\u044b \u043d\u0430 \u0438\u043d\u0434\u0438\u0432\u0438\u0434\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0431\u043e\u0440 \u043d\u043e\u0432\u044b\u0445 \u043f\u0435\u0441\u0435\u043d \u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e \u043d\u0435 \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442\u0441\u044f.\r\n        <\/blockquote>\r\n\r\n        <p><strong>\u0421\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u0438 \u043e\u043f\u043b\u0430\u0442\u0430:<\/strong> \u0414\u043b\u044f \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0442\u0435\u043d\u0438\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0444\u043e\u0440\u043c\u0443 \u043d\u0438\u0436\u0435. \u042f \u0441\u0432\u044f\u0436\u0443\u0441\u044c \u0441 \u0432\u0430\u043c\u0438, \u0438 \u043c\u044b \u0441\u043e\u0433\u043b\u0430\u0441\u0443\u0435\u043c \u0443\u0434\u043e\u0431\u043d\u044b\u0439 \u0441\u043f\u043e\u0441\u043e\u0431 \u043e\u043f\u043b\u0430\u0442\u044b. \u0421\u0440\u0430\u0437\u0443 \u043f\u043e\u0441\u043b\u0435 \u043f\u043e\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043d\u0438\u044f \u0432\u044b \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u0435 \u043f\u0435\u0440\u0441\u043e\u043d\u0430\u043b\u044c\u043d\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443 \u043d\u0430 \u0441\u043a\u0430\u0447\u0438\u0432\u0430\u043d\u0438\u0435 \u0430\u0440\u0445\u0438\u0432\u0430.<\/p>\r\n\r\n        <!-- \u0418\u041d\u0422\u0415\u0413\u0420\u0418\u0420\u041e\u0412\u0410\u041d\u041d\u0410\u042f \u0424\u041e\u0420\u041c\u0410 \u041e\u0411\u0420\u0410\u0422\u041d\u041e\u0419 \u0421\u0412\u042f\u0417\u0418 -->\r\n        <div class=\"form-wrapper\">\r\n            <h2>\u041f\u0440\u0438\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u043d\u043e\u0442\u044b<\/h2>\r\n            <p class=\"subtitle\">\u041e\u0441\u0442\u0430\u0432\u044c\u0442\u0435 \u0437\u0430\u044f\u0432\u043a\u0443, \u0438 \u044f \u0441\u0432\u044f\u0436\u0443\u0441\u044c \u0441 \u0432\u0430\u043c\u0438 \u0434\u043b\u044f \u043f\u0435\u0440\u0435\u0434\u0430\u0447\u0438 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u043e\u0432.<\/p>\r\n\r\n            <form id=\"smartContactForm\">\r\n                <!-- Honeypot (\u041b\u043e\u0432\u0443\u0448\u043a\u0430 \u0434\u043b\u044f \u0441\u043f\u0430\u043c-\u0431\u043e\u0442\u043e\u0432) -->\r\n                <input type=\"text\" name=\"website_url\" id=\"website_url\" class=\"hp-field\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"userName\">\u0412\u0430\u0448\u0435 \u0438\u043c\u044f *<\/label>\r\n                    <input type=\"text\" id=\"userName\" name=\"userName\" placeholder=\"\u041a\u0430\u043a \u043a \u043a \u0432\u0430\u043c \u043e\u0431\u0440\u0430\u0449\u0430\u0442\u044c\u0441\u044f?\" required>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label>\u041a\u0443\u0434\u0430 \u0432\u0430\u043c \u043f\u0440\u0438\u0441\u043b\u0430\u0442\u044c \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b? *<\/label>\r\n                    <div class=\"method-selector\">\r\n                        <!-- Telegram -->\r\n                        <div class=\"method-option tg\">\r\n                            <input type=\"radio\" id=\"methodTg\" name=\"contactMethod\" value=\"Telegram\" checked>\r\n                            <label class=\"method-label\" for=\"methodTg\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M12 0C5.373 0 0 5.373 0 12s5.373 12 12 12 12-5.373 12-12S18.627 0 12 0zm5.894 8.221l-1.97 9.28c-.145.658-.537.818-1.084.508l-3-2.21-1.446 1.394c-.14.18-.357.295-.6.295-.002 0-.003 0-.005 0l.213-3.054 5.56-5.022c.24-.213-.054-.334-.373-.121l-6.869 4.326-2.96-.924c-.64-.203-.658-.64.135-.954l11.566-4.458c.538-.196 1.006.128.832.94z\"\/><\/svg>\r\n                                Telegram\r\n                            <\/label>\r\n                        <\/div>\r\n                        <!-- VK -->\r\n                        <div class=\"method-option vk\">\r\n                            <input type=\"radio\" id=\"methodVk\" name=\"contactMethod\" value=\"VK\">\r\n                            <label class=\"method-label\" for=\"methodVk\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M15.077 24h-6.154C4 24 0 20 0 15.077V8.923C0 4 4 0 8.923 0h6.154C20 0 24 4 24 8.923v6.154C24 20 20 24 15.077 24zm4.115-15.658c.085-2.096-1.577-3.692-3.865-3.692h-1.616c-.538 0-1.019.269-1.308.712l-1.038 1.635c-.154.23-.462.23-.616 0l-1.038-1.635c-.289-.443-.77-.712-1.308-.712H6.788C4.5 4.654 2.838 6.25 2.923 8.346c.096 2.365 1.5 8.923 6.692 11h1.538c.616 0 1.154-.442 1.25-1.038l.192-1.308c.077-.48.558-.808 1.038-.692 1.404.308 2.654 1.269 3.269 2.538.25.52.808.846 1.385.846h1.538c2.404 0 3.865-1.692 3.865-4.115v-.25c0-1.096-.635-2.096-1.635-2.538 1-.442 1.635-1.442 1.635-2.538v-.25c0-2.423-1.461-4.115-3.865-4.115z\"\/><\/svg>\r\n                                \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435\r\n                            <\/label>\r\n                        <\/div>\r\n                        <!-- MAX -->\r\n                        <div class=\"method-option max\">\r\n                            <input type=\"radio\" id=\"methodMax\" name=\"contactMethod\" value=\"MAX\">\r\n                            <label class=\"method-label\" for=\"methodMax\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.03 2 11c0 2.87 1.5 5.43 3.82 7.07L4 22l4.5-1.93A11.08 11.08 0 0 0 12 20c5.52 0 10-4.03 10-9s-4.48-9-10-9zm-4 11V8l4 3 4-3v5h-2V9.8l-2 1.5-2-1.5V13H8z\"\/><\/svg>\r\n                                MAX\r\n                            <\/label>\r\n                        <\/div>\r\n                        <!-- Email -->\r\n                        <div class=\"method-option em\">\r\n                            <input type=\"radio\" id=\"methodEm\" name=\"contactMethod\" value=\"Email\">\r\n                            <label class=\"method-label\" for=\"methodEm\">\r\n                                <svg viewBox=\"0 0 24 24\"><path d=\"M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z\"\/><\/svg>\r\n                                Email\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- \u041c\u0435\u043d\u044f\u044e\u0449\u0435\u0435\u0441\u044f \u043f\u043e\u043b\u0435 -->\r\n                <div class=\"form-group\" id=\"dynamic-contact-field\">\r\n                    <label id=\"dynamicContactLabel\" for=\"contactInfo\">\u0412\u0430\u0448 \u043d\u0438\u043a\u043d\u0435\u0439\u043c \u0432 Telegram *<\/label>\r\n                    <input type=\"text\" id=\"contactInfo\" name=\"contactInfo\" placeholder=\"\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: @ivan_ivanov \u0438\u043b\u0438 t.me\/ivan_ivanov\" required>\r\n                    <span class=\"form-hint\" id=\"dynamicContactHint\">\u0427\u0442\u043e\u0431\u044b \u044f \u043c\u043e\u0433 \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442.<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"form-group\">\r\n                    <label for=\"userQuestion\">\u0412\u0430\u0448\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 *<\/label>\r\n                    <textarea id=\"userQuestion\" name=\"userQuestion\" required>\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435! \u042f \u0445\u043e\u0447\u0443 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u043f\u043e\u0434\u0431\u043e\u0440 \u043d\u043e\u0442 \u00abCat On A Windowsill\u00bb (David Benoit). \u0416\u0434\u0443 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u0434\u043b\u044f \u043e\u043f\u043b\u0430\u0442\u044b.&#10;&#10;<\/textarea>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443<\/button>\r\n                <div id=\"form-status\"><\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n        <script>\r\n            document.addEventListener(\"DOMContentLoaded\", function() {\r\n                const methodRadios = document.querySelectorAll('input[name=\"contactMethod\"]');\r\n                const contactLabel = document.getElementById('dynamicContactLabel');\r\n                const contactInput = document.getElementById('contactInfo');\r\n                const contactHint = document.getElementById('dynamicContactHint');\r\n                const dynamicFieldWrapper = document.getElementById('dynamic-contact-field');\r\n                const form = document.getElementById('smartContactForm');\r\n                const submitBtn = document.getElementById('submitBtn');\r\n                const formStatus = document.getElementById('form-status');\r\n\r\n                \/\/ \u0421\u043c\u0435\u043d\u0430 \u043f\u043e\u043b\u0435\u0439 \u0432 \u0437\u0430\u0432\u0438\u0441\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0442 \u0432\u044b\u0431\u043e\u0440\u0430\r\n                methodRadios.forEach(radio => {\r\n                    radio.addEventListener('change', function() {\r\n                        contactInput.value = ''; \/\/ \u043e\u0447\u0438\u0449\u0430\u0435\u043c \u043f\u0440\u0438 \u0441\u043c\u0435\u043d\u0435\r\n                        \r\n                        if (this.value === 'Telegram') {\r\n                            dynamicFieldWrapper.style.borderLeftColor = 'var(--color-tg)';\r\n                            contactLabel.textContent = '\u0412\u0430\u0448 \u043d\u0438\u043a\u043d\u0435\u0439\u043c \u0432 Telegram *';\r\n                            contactInput.type = 'text';\r\n                            contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: @ivan_ivanov \u0438\u043b\u0438 t.me\/ivan_ivanov';\r\n                            contactHint.textContent = '\u0427\u0442\u043e\u0431\u044b \u044f \u043c\u043e\u0433 \u0431\u044b\u0441\u0442\u0440\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u0442\u044c \u0432\u0430\u043c \u043e\u0442\u0432\u0435\u0442.';\r\n                        } \r\n                        else if (this.value === 'VK') {\r\n                            dynamicFieldWrapper.style.borderLeftColor = 'var(--color-vk)';\r\n                            contactLabel.textContent = '\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0432\u0430\u0448\u0443 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0443 \u0412\u041a\u043e\u043d\u0442\u0430\u043a\u0442\u0435 *';\r\n                            contactInput.type = 'text';\r\n                            contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: vk.com\/id1234567';\r\n                            contactHint.textContent = '\u0423\u0431\u0435\u0434\u0438\u0442\u0435\u0441\u044c, \u0447\u0442\u043e \u0443 \u0432\u0430\u0441 \u043e\u0442\u043a\u0440\u044b\u0442\u044b \u043b\u0438\u0447\u043d\u044b\u0435 \u0441\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u044f.';\r\n                        } \r\n                        else if (this.value === 'MAX') {\r\n                            dynamicFieldWrapper.style.borderLeftColor = 'var(--color-max)';\r\n                            contactLabel.textContent = '\u0412\u0430\u0448 \u043d\u043e\u043c\u0435\u0440 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 *';\r\n                            contactInput.type = 'text';\r\n                            contactInput.placeholder = '\u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440: +79609990077';\r\n                            contactHint.textContent = '\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043d\u043e\u043c\u0435\u0440, \u043f\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u043c\u0443 \u043c\u044b \u0441\u043c\u043e\u0436\u0435\u043c \u043d\u0430\u0439\u0442\u0438 \u0432\u0430\u0441 \u0432 MAX.';\r\n                        }\r\n                        else if (this.value === 'Email') {\r\n                            dynamicFieldWrapper.style.borderLeftColor = 'var(--color-email)';\r\n                            contactLabel.textContent = '\u0412\u0430\u0448 E-mail \u0430\u0434\u0440\u0435\u0441 *';\r\n                            contactInput.type = 'email';\r\n                            contactInput.placeholder = 'mail@example.com';\r\n                            contactHint.textContent = '\u041e\u0442\u0432\u0435\u0442 \u043f\u0440\u0438\u0434\u0435\u0442 \u043d\u0430 \u043f\u043e\u0447\u0442\u0443 (\u043f\u0440\u043e\u0432\u0435\u0440\u044f\u0439\u0442\u0435 \u043f\u0430\u043f\u043a\u0443 \"\u0421\u043f\u0430\u043c\").';\r\n                        }\r\n                    });\r\n                });\r\n\r\n                \/\/ \u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430 \u0444\u043e\u0440\u043c\u044b (AJAX)\r\n                form.addEventListener('submit', async function(e) {\r\n                    e.preventDefault();\r\n\r\n                    submitBtn.disabled = true;\r\n                    submitBtn.textContent = '\u041e\u0442\u043f\u0440\u0430\u0432\u043a\u0430...';\r\n                    formStatus.className = '';\r\n                    formStatus.style.display = 'none';\r\n\r\n                    \/\/ \u0421\u043e\u0431\u0438\u0440\u0430\u0435\u043c \u0434\u0430\u043d\u043d\u044b\u0435\r\n                    const formData = {\r\n                        user_name: document.getElementById('userName').value,\r\n                        contact_method: document.querySelector('input[name=\"contactMethod\"]:checked').value,\r\n                        contact_info: document.getElementById('contactInfo').value,\r\n                        question: document.getElementById('userQuestion').value,\r\n                        website_url: document.getElementById('website_url').value \/\/ Honeypot\r\n                    };\r\n\r\n                    try {\r\n                        \/\/ \u041f\u0443\u0442\u044c \u043a \u0432\u0430\u0448\u0435\u043c\u0443 API\r\n                        const response = await fetch('\/wp-json\/muzvideo\/v1\/submit-question', {\r\n                            method: 'POST',\r\n                            headers: {\r\n                                'Content-Type': 'application\/json',\r\n                                'Accept': 'application\/json'\r\n                            },\r\n                            body: JSON.stringify(formData)\r\n                        });\r\n\r\n                        const result = await response.json();\r\n\r\n                        formStatus.style.display = 'block';\r\n                        \r\n                        if (response.ok && result.success) {\r\n                            formStatus.className = 'success';\r\n                            formStatus.textContent = result.message || '\u0417\u0430\u044f\u0432\u043a\u0430 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0430! \u042f \u0441\u0432\u044f\u0436\u0443\u0441\u044c \u0441 \u0432\u0430\u043c\u0438 \u0432 \u0431\u043b\u0438\u0436\u0430\u0439\u0448\u0435\u0435 \u0432\u0440\u0435\u043c\u044f.';\r\n                            form.reset(); \r\n                            \/\/ \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c \u0434\u0435\u0444\u043e\u043b\u0442\u043d\u044b\u0439 \u0442\u0435\u043a\u0441\u0442 \u043f\u043e\u0441\u043b\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0438\r\n                            document.getElementById('userQuestion').value = '\u0417\u0434\u0440\u0430\u0432\u0441\u0442\u0432\u0443\u0439\u0442\u0435! \u042f \u0445\u043e\u0447\u0443 \u043f\u0440\u0438\u043e\u0431\u0440\u0435\u0441\u0442\u0438 \u043f\u043e\u0434\u0431\u043e\u0440 \u043d\u043e\u0442 \u00abCat On A Windowsill\u00bb (David Benoit). \u0416\u0434\u0443 \u0440\u0435\u043a\u0432\u0438\u0437\u0438\u0442\u044b \u0434\u043b\u044f \u043e\u043f\u043b\u0430\u0442\u044b.\\n\\n';\r\n                        } else {\r\n                            formStatus.className = 'error';\r\n                            formStatus.textContent = result.message || '\u041f\u0440\u043e\u0438\u0437\u043e\u0448\u043b\u0430 \u043e\u0448\u0438\u0431\u043a\u0430 \u043f\u0440\u0438 \u043e\u0442\u043f\u0440\u0430\u0432\u043a\u0435.';\r\n                        }\r\n                    } catch (error) {\r\n                        formStatus.style.display = 'block';\r\n                        formStatus.className = 'error';\r\n                        formStatus.textContent = '\u041e\u0448\u0438\u0431\u043a\u0430 \u0441\u043e\u0435\u0434\u0438\u043d\u0435\u043d\u0438\u044f. \u041f\u043e\u0436\u0430\u043b\u0443\u0439\u0441\u0442\u0430, \u043f\u043e\u043f\u0440\u043e\u0431\u0443\u0439\u0442\u0435 \u043f\u043e\u0437\u0436\u0435.';\r\n                        console.error('Submission error:', error);\r\n                    } finally {\r\n                        submitBtn.disabled = false;\r\n                        submitBtn.textContent = '\u041e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u044f\u0432\u043a\u0443';\r\n                    }\r\n                });\r\n            });\r\n        <\/script>\r\n    <\/div>\r\n<\/div><!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"\u0412\u044b \u0438\u0449\u0435\u0442\u0435 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435\u043d\u043d\u043e\u0435 \u043f\u0435\u0440\u0435\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u043a\u043e\u043c\u043f\u043e\u0437\u0438\u0446\u0438\u0438 \u00abCat On A Windowsill\u00bb? \u042d\u0442\u0430 \u043f\u044c\u0435\u0441\u0430 \u2014 \u043d\u0430\u0441\u0442\u043e\u044f\u0449\u0438\u0439 \u044d\u0442\u0430\u043b\u043e\u043d \u00ab\u043b\u0451\u0433\u043a\u043e\u0433\u043e\u00bb \u0434\u0436\u0430\u0437\u0430 (smooth jazz), \u043d\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u043d\u0430\u044f \u0443\u044e\u0442\u043e\u043c, \u043c\u0435\u043b\u0430\u043d\u0445\u043e\u043b\u0438\u0435\u0439 \u0438 \u0438\u0437\u044b\u0441\u043a\u0430\u043d\u043d\u043e\u0439 \u0433\u0430\u0440\u043c\u043e\u043d\u0438\u0435\u0439.\r\n\u042f \u043f\u043e\u0434\u0433\u043e\u0442\u043e\u0432\u0438\u043b \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u044b\u0439 \u043f\u043e\u0434\u0431\u043e\u0440 \u043f\u0435\u0440\u0432\u043e\u0439 \u043c\u0438\u043d\u0443\u0442\u044b \u044d\u0442\u043e\u0439 \u043f\u0440\u0435\u043a\u0440\u0430\u0441\u043d\u043e\u0439 \u043c\u0435\u043b\u043e\u0434\u0438\u0438.<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":3129,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[123],"_links":{"self":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/posts\/2173"}],"collection":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/comments?post=2173"}],"version-history":[{"count":0,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/posts\/2173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/media\/3129"}],"wp:attachment":[{"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/media?parent=2173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/categories?post=2173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/muzvideo2.ru\/en\/wp-json\/wp\/v2\/tags?post=2173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}