{"id":951,"date":"2024-09-19T15:36:02","date_gmt":"2024-09-19T15:36:02","guid":{"rendered":"https:\/\/teoky.com\/?page_id=951"},"modified":"2026-05-07T04:37:44","modified_gmt":"2026-05-07T04:37:44","slug":"main","status":"publish","type":"page","link":"https:\/\/teoky.com\/ru\/","title":{"rendered":"Main"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"951\" class=\"elementor elementor-951\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52396f1c e-flex e-con-boxed e-con e-parent\" data-id=\"52396f1c\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15c951c2 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"15c951c2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 --- *\/\r\n    body {\r\n        overflow-x: hidden; \/* \u0412\u0430\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043d\u0435 \u0431\u044b\u043b\u043e \u0433\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0441\u043a\u0440\u043e\u043b\u043b\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b *\/\r\n    }\r\n\r\n    .teoky-hero-wrapper {\r\n        \/* \u0410\u0433\u0440\u0435\u0441\u0441\u0438\u0432\u043d\u044b\u0439 \u0445\u0430\u043a \u0434\u043b\u044f \u043f\u043e\u043b\u043d\u043e\u0439 \u0448\u0438\u0440\u0438\u043d\u044b *\/\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        \r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0; \/* \u0423\u0431\u0438\u0440\u0430\u0435\u043c \u043e\u0442\u0441\u0442\u0443\u043f\u044b \u043c\u0435\u0436\u0434\u0443 \u0431\u043b\u043e\u043a\u0430\u043c\u0438 *\/\r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        box-sizing: border-box;\r\n        background-color: #000; \/* \u0424\u043e\u043d \u043f\u043e\u0434\u043b\u043e\u0436\u043a\u0438 \u0447\u0435\u0440\u043d\u044b\u0439 *\/\r\n    }\r\n\r\n    a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    \/* --- \u0412\u0415\u0420\u0425\u041d\u0418\u0419 \u0411\u0410\u041d\u041d\u0415\u0420 --- *\/\r\n    .teoky-main-banner {\r\n        position: relative;\r\n        width: 100%;\r\n        display: block;\r\n        overflow: hidden;\r\n    }\r\n\r\n    \/* \u041d\u0430 \u041f\u041a \u043f\u0440\u043e\u043f\u043e\u0440\u0446\u0438\u044f 16:9, \u043d\u0430 \u043c\u043e\u0431 \u043d\u0430\u0441\u0442\u0440\u043e\u0438\u043c \u043d\u0438\u0436\u0435 *\/\r\n    .teoky-banner-img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 16 \/ 9; \r\n        object-fit: cover;\r\n        display: block;\r\n        transition: transform 0.8s ease;\r\n    }\r\n\r\n    .teoky-main-banner:hover .teoky-banner-img {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    \/* \u0413\u0440\u0430\u0434\u0438\u0435\u043d\u0442 \u0441\u043d\u0438\u0437\u0443, \u0447\u0442\u043e\u0431\u044b \u0442\u0435\u043a\u0441\u0442 \u0447\u0438\u0442\u0430\u043b\u0441\u044f *\/\r\n    .teoky-overlay-gradient {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 50%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .teoky-banner-content {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 40px;\r\n        z-index: 2;\r\n        color: white;\r\n    }\r\n\r\n    .teoky-title {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        line-height: 0.9;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .teoky-btn {\r\n        display: inline-block;\r\n        background: #fff;\r\n        color: #000;\r\n        padding: 10px 20px;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        border: 1px solid #fff;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .teoky-btn:hover {\r\n        background: transparent;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- \u041d\u0418\u0416\u041d\u042f\u042f \u0421\u0415\u041a\u0426\u0418\u042f (\u0413\u0410\u041b\u0415\u0420\u0415\u042f + \u041d\u0410\u0417\u0412\u0410\u041d\u0418\u0415) --- *\/\r\n    .teoky-bottom-section {\r\n        background: #fff; \/* \u0411\u0435\u043b\u044b\u0439 \u0444\u043e\u043d \u0434\u043b\u044f \u0442\u043e\u0432\u0430\u0440\u043e\u0432 *\/\r\n        padding: 20px 0 40px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* \u0421\u0435\u0442\u043a\u0430 \u0434\u043b\u044f \u041f\u041a *\/\r\n    .teoky-grid-desktop {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        gap: 10px;\r\n        padding: 0 10px;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    .teoky-grid-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .teoky-grid-item:hover img {\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* \u041d\u0430\u0437\u0432\u0430\u043d\u0438\u0435 \u043f\u0430\u0440\u044b \u0432\u043d\u0438\u0437\u0443 *\/\r\n    .teoky-product-name {\r\n        display: block;\r\n        margin-top: 20px;\r\n        font-size: 1.5rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        color: #000;\r\n        letter-spacing: 1px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .teoky-product-name:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* --- \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u041a\u0410\u0420\u0423\u0421\u0415\u041b\u042c (Marquee) --- *\/\r\n    .teoky-mobile-carousel {\r\n        display: none; \/* \u0421\u043a\u0440\u044b\u0442\u0430 \u043d\u0430 \u041f\u041a *\/\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        position: relative;\r\n        padding: 10px 0;\r\n    }\r\n\r\n    .teoky-marquee-track {\r\n        display: inline-flex;\r\n        animation: marquee 15s linear infinite;\r\n    }\r\n\r\n    \/* \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 \u043f\u0430\u043b\u044c\u0446\u0435\u043c\/\u043c\u044b\u0448\u043a\u043e\u0439 *\/\r\n    .teoky-marquee-track:hover, \r\n    .teoky-marquee-track:active {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .teoky-carousel-item {\r\n        width: 60vw; \/* \u0428\u0438\u0440\u0438\u043d\u0430 \u043e\u0434\u043d\u043e\u0439 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0438 \u043d\u0430 \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0435 *\/\r\n        margin-right: 10px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .teoky-carousel-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    @keyframes marquee {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \/* \u0414\u0432\u0438\u0433\u0430\u0435\u043c \u043d\u0430 50%, \u0442.\u043a. \u043a\u043e\u043d\u0442\u0435\u043d\u0442 \u0441\u0434\u0443\u0431\u043b\u0438\u0440\u043e\u0432\u0430\u043d *\/\r\n    }\r\n\r\n    \/* --- \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c --- *\/\r\n    @media (max-width: 768px) {\r\n        .teoky-banner-img {\r\n            aspect-ratio: 4 \/ 5; \/* \u0412\u0435\u0440\u0442\u0438\u043a\u0430\u043b\u044c\u043d\u044b\u0439 \u0444\u043e\u0440\u043c\u0430\u0442 \u0434\u043b\u044f \u0442\u0435\u043b\u0435\u0444\u043e\u043d\u0430 *\/\r\n        }\r\n\r\n        .teoky-banner-content {\r\n            bottom: 20px;\r\n            left: 20px;\r\n        }\r\n\r\n        .teoky-title {\r\n            font-size: 1.4rem; \/* \u041f\u043e\u043c\u0435\u043d\u044c\u0448\u0435 *\/\r\n        }\r\n\r\n        .teoky-btn {\r\n            padding: 8px 16px;\r\n            font-size: 10px;\r\n        }\r\n\r\n        \/* \u041f\u0435\u0440\u0435\u043a\u043b\u044e\u0447\u0430\u0435\u043c \u0433\u0430\u043b\u0435\u0440\u0435\u044e \u043d\u0430 \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u044c *\/\r\n        .teoky-grid-desktop {\r\n            display: none;\r\n        }\r\n        .teoky-mobile-carousel {\r\n            display: block;\r\n        }\r\n\r\n        .teoky-product-name {\r\n            font-size: 1.2rem;\r\n            margin-top: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"teoky-hero-wrapper\">\r\n\r\n    <!-- 1. \u0413\u041b\u0410\u0412\u041d\u042b\u0419 \u0411\u0410\u041d\u041d\u0415\u0420 -->\r\n    <a href=\"https:\/\/teoky.com\/ru\/shop\/\" class=\"teoky-main-banner\">\r\n        <!-- \u041e\u0428\u0418\u0411\u041a\u0410 1 \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0410: \u0414\u043e\u0431\u0430\u0432\u043b\u0435\u043d \u043a\u043b\u0430\u0441\u0441 class=\"teoky-banner-img\" -->\r\n        <img decoding=\"async\" class=\"teoky-banner-img\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczukarokuro.webp\" alt=\"Teoky Summer Collection\">\r\n        <div class=\"teoky-overlay-gradient\"><\/div>\r\n        <div class=\"teoky-banner-content\">\r\n            <div class=\"teoky-title\">\u0422\u042d\u041e\u041a\u0418 \u041b\u0415\u0422\u041d\u042f\u042f  '26<br>\u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f<\/div>\r\n            <span class=\"teoky-btn\">\u0412 \u043a\u0430\u0442\u0430\u043b\u043e\u0433<\/span>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- 2. \u041d\u0418\u0416\u041d\u042f\u042f \u0421\u0415\u041a\u0426\u0418\u042f -->\r\n    <div class=\"teoky-bottom-section\">\r\n        \r\n        <!-- \u0421\u0421\u042b\u041b\u041a\u0410 \u041d\u0410 \u0422\u041e\u0412\u0410\u0420 (\u041e\u0411\u0415\u0420\u0422\u041a\u0410 \u0414\u041b\u042f \u0424\u041e\u0422\u041e) -->\r\n        <a href=\"https:\/\/teoky.com\/ru\/product\/archangel\/\">\r\n            \r\n            <!-- \u0412\u0415\u0420\u0421\u0418\u042f \u0414\u041b\u042f \u041f\u041a (\u0421\u0435\u0442\u043a\u0430) -->\r\n            <div class=\"teoky-grid-desktop\">\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/ru3kear.webp\" alt=\"Archangel Shoes View 1\"><\/div>\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/g3rh5g.webp\" alt=\"Archangel Shoes View 2\"><\/div>\r\n                <!-- \u0417\u0430\u043c\u0435\u0442\u043a\u0430: \u0437\u0434\u0435\u0441\u044c \u043e\u0441\u0442\u0430\u043b\u0441\u044f .png, \u0435\u0441\u043b\u0438 \u0435\u0441\u0442\u044c .webp \u0432\u0435\u0440\u0441\u0438\u044f, \u043b\u0443\u0447\u0448\u0435 \u0437\u0430\u043c\u0435\u043d\u0438\u0442\u044c \u0441\u0441\u044b\u043b\u043a\u0443 -->\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/tgw34retg.png\" alt=\"Archangel Shoes View 3\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- \u0412\u0415\u0420\u0421\u0418\u042f \u0414\u041b\u042f \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u042b\u0425 (\u0411\u0435\u0433\u0443\u0449\u0430\u044f \u0441\u0442\u0440\u043e\u043a\u0430) -->\r\n            <div class=\"teoky-mobile-carousel\">\r\n                <div class=\"teoky-marquee-track\">\r\n                    <!-- \u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b (3 \u0444\u043e\u0442\u043e) -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/ru3kear.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/g3rh5g.webp\"><\/div>\r\n                    <!-- \u041e\u0428\u0418\u0411\u041a\u0410 2 \u0418\u0421\u041f\u0420\u0410\u0412\u041b\u0415\u041d\u0410: \u0412\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u043b\u0435\u043d\u0430 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0430\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u0442\u0435\u0433\u043e\u0432 -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/tgw34retg.webp\"><\/div>\r\n                    \r\n                    <!-- \u0414\u0443\u0431\u043b\u0438\u043a\u0430\u0442 \u0434\u043b\u044f \u0431\u0435\u0441\u043a\u043e\u043d\u0435\u0447\u043d\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 (3 \u0444\u043e\u0442\u043e) -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/ru3kear.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/g3rh5g.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/tgw34retg.webp\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u041d\u0410\u0417\u0412\u0410\u041d\u0418\u0415 \u041f\u0410\u0420\u042b -->\r\n            <span class=\"teoky-product-name\">\u041a\u0415\u0414\u042b \"\u0410\u0420\u0425\u0410\u041d\u0413\u0415\u041b\"<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79e44976 elementor-widget elementor-widget-html\" data-id=\"79e44976\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t <div style=\"width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; height: 180px; background: #fff; overflow: hidden; display: flex; align-items: center; justify-content: center;\">\r\n        <style>\r\n            .teoky-tape-container {\r\n                position: absolute;\r\n                \/* \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c vw (viewport width) \u0447\u0442\u043e\u0431\u044b \u043b\u0435\u043d\u0442\u0430 \u0431\u044b\u043b\u0430 \u0448\u0438\u0440\u0435 \u044d\u043a\u0440\u0430\u043d\u0430 *\/\r\n                width: 120vw; \r\n                height: 45px;\r\n                background: #000;\r\n                color: #fff;\r\n                display: flex;\r\n                align-items: center;\r\n                white-space: nowrap;\r\n                font-family: 'Helvetica Neue', sans-serif;\r\n                font-weight: bold;\r\n                font-size: 16px;\r\n                text-transform: uppercase;\r\n                letter-spacing: 2px;\r\n                box-shadow: 0 5px 15px rgba(0,0,0,0.1); \/* \u0422\u0435\u043d\u044c \u0434\u043b\u044f \u043e\u0431\u044a\u0435\u043c\u0430 *\/\r\n            }\r\n            \r\n            \/* \u041b\u0435\u043d\u0442\u0430 1: \u041d\u0430\u043a\u043b\u043e\u043d \u0432\u043b\u0435\u0432\u043e *\/\r\n            .teoky-tape-1 {\r\n                transform: rotate(4deg);\r\n                z-index: 1;\r\n                border-top: 2px solid #fff;\r\n                border-bottom: 2px solid #fff;\r\n            }\r\n\r\n            \/* \u041b\u0435\u043d\u0442\u0430 2: \u041d\u0430\u043a\u043b\u043e\u043d \u0432\u043f\u0440\u0430\u0432\u043e (\u0438\u043d\u0432\u0435\u0440\u0441\u0438\u044f \u0446\u0432\u0435\u0442\u0430) *\/\r\n            .teoky-tape-2 {\r\n                transform: rotate(-4deg);\r\n                background: #fff;\r\n                color: #000;\r\n                border-top: 2px solid #000;\r\n                border-bottom: 2px solid #000;\r\n                z-index: 2;\r\n            }\r\n\r\n            .teoky-tape-content {\r\n                animation: teoky-marquee-tape 10s linear infinite;\r\n                padding-left: 100%; \/* \u041d\u0430\u0447\u0430\u043b\u043e \u0437\u0430 \u044d\u043a\u0440\u0430\u043d\u043e\u043c *\/\r\n            }\r\n\r\n            @keyframes teoky-marquee-tape {\r\n                0% { transform: translateX(0); }\r\n                100% { transform: translateX(-100%); }\r\n            }\r\n        <\/style>\r\n\r\n        <div class=\"teoky-tape-container teoky-tape-1\">\r\n            <div class=\"teoky-tape-content\">\r\n                TEOKY WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410 \u2014 WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410 \u2014 WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410 \u2014 \n                WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410 \u2014 WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410 \u2014 WORLDWIDE \u2014 \u0411\u0415\u0421\u041f\u041b\u0410\u0422\u041d\u0410\u042f \u0414\u041e\u0421\u0422\u0410\u0412\u041a\u0410\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"teoky-tape-container teoky-tape-2\">\r\n            <!-- \u041e\u0431\u0440\u0430\u0442\u043d\u043e\u0435 \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u0435 (animation-direction: reverse) -->\r\n            <div class=\"teoky-tape-content\" style=\"animation-direction: reverse;\">\r\n                \u041d\u041e\u0412\u0410\u042f \u041b\u0415\u0422\u041d\u042f\u042f \u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f \u2014 \u0423\u0416\u0415 \u0412 \u041f\u0420\u041e\u0414\u0410\u0416\u0415 \u2014 TEOKY \u2014 \u041d\u041e\u0412\u0410\u042f \u041b\u0415\u0422\u041d\u042f\u042f \u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f \u2014 \u0423\u0416\u0415 \u0412 \u041f\u0420\u041e\u0414\u0410\u0416\u0415 \u2014 TEOKY \u2014 \n                \u041d\u041e\u0412\u0410\u042f \u041b\u0415\u0422\u041d\u042f\u042f \u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f \u2014 \u0423\u0416\u0415 \u0412 \u041f\u0420\u041e\u0414\u0410\u0416\u0415 \u2014 TEOKY \u2014 \u041d\u041e\u0412\u0410\u042f \u041b\u0415\u0422\u041d\u042f\u042f \u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f \u2014 \u0423\u0416\u0415 \u0412 \u041f\u0420\u041e\u0414\u0410\u0416\u0415 \u2014 TEOKY\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5d361cf7 e-flex e-con-boxed e-con e-parent\" data-id=\"5d361cf7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3f619cff elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3f619cff\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- \u0413\u041b\u041e\u0411\u0410\u041b\u042c\u041d\u042b\u0415 \u041d\u0410\u0421\u0422\u0420\u041e\u0419\u041a\u0418 --- *\/\r\n    body {\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .teoky-hero-wrapper {\r\n        width: 100vw !important;\r\n        position: relative;\r\n        left: 50%;\r\n        right: 50%;\r\n        margin-left: -50vw;\r\n        margin-right: -50vw;\r\n        \r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 0;\r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n        box-sizing: border-box;\r\n        background-color: #000;\r\n    }\r\n\r\n    a {\r\n        text-decoration: none;\r\n    }\r\n\r\n    \/* --- \u0412\u0415\u0420\u0425\u041d\u0418\u0419 \u0411\u0410\u041d\u041d\u0415\u0420 --- *\/\r\n    .teoky-main-banner {\r\n        position: relative;\r\n        width: 100%;\r\n        display: block;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .teoky-desktop-img {\r\n        display: block;\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 16 \/ 9; \r\n        object-fit: cover;\r\n        transition: transform 0.8s ease;\r\n    }\r\n\r\n    .teoky-mobile-img {\r\n        display: none;\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 4 \/ 5;\r\n        object-fit: cover;\r\n        transition: transform 0.8s ease;\r\n    }\r\n\r\n    .teoky-main-banner:hover .teoky-desktop-img,\r\n    .teoky-main-banner:hover .teoky-mobile-img {\r\n        transform: scale(1.02);\r\n    }\r\n\r\n    .teoky-overlay-gradient {\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        width: 100%;\r\n        height: 50%;\r\n        background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);\r\n        pointer-events: none;\r\n    }\r\n\r\n    .teoky-banner-content {\r\n        position: absolute;\r\n        bottom: 40px;\r\n        left: 40px;\r\n        z-index: 2;\r\n        color: white;\r\n    }\r\n\r\n    .teoky-title {\r\n        font-size: 2rem;\r\n        font-weight: 800;\r\n        text-transform: uppercase;\r\n        margin-bottom: 15px;\r\n        line-height: 0.9;\r\n        letter-spacing: -0.5px;\r\n    }\r\n\r\n    .teoky-btn {\r\n        display: inline-block;\r\n        background: #fff;\r\n        color: #000;\r\n        padding: 10px 20px;\r\n        font-size: 12px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        border: 1px solid #fff;\r\n        transition: 0.3s;\r\n    }\r\n\r\n    .teoky-btn:hover {\r\n        background: transparent;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- \u041d\u0418\u0416\u041d\u042f\u042f \u0421\u0415\u041a\u0426\u0418\u042f --- *\/\r\n    .teoky-bottom-section {\r\n        background: #fff;\r\n        padding: 20px 0 40px 0;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* --- \u041f\u041a \u0412\u0415\u0420\u0421\u0418\u042f (\u0414\u0432\u0435 \u0441\u0435\u0442\u043a\u0438) --- *\/\r\n    .teoky-grid-desktop {\r\n        display: grid;\r\n        grid-template-columns: 1fr 1fr 1fr;\r\n        gap: 10px;\r\n        padding: 0 10px;\r\n        max-width: 1200px;\r\n        margin: 0 auto 10px auto; \/* \u041e\u0442\u0441\u0442\u0443\u043f \u0441\u043d\u0438\u0437\u0443 \u0434\u043b\u044f \u0440\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u044f \u0440\u044f\u0434\u043e\u0432 *\/\r\n    }\r\n\r\n    .teoky-grid-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        transition: opacity 0.3s;\r\n    }\r\n\r\n    .teoky-grid-item:hover img {\r\n        opacity: 0.8;\r\n    }\r\n\r\n    \/* --- \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f (\u0414\u0432\u0435 \u0431\u0435\u0433\u0443\u0449\u0438\u0435 \u0441\u0442\u0440\u043e\u043a\u0438) --- *\/\r\n    .teoky-mobile-carousel {\r\n        display: none;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        position: relative;\r\n        padding: 5px 0; \/* \u041d\u0435\u0431\u043e\u043b\u044c\u0448\u043e\u0439 \u043e\u0442\u0441\u0442\u0443\u043f \u0441\u0432\u0435\u0440\u0445\u0443\/\u0441\u043d\u0438\u0437\u0443 *\/\r\n    }\r\n\r\n    .teoky-marquee-track {\r\n        display: inline-flex;\r\n        \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f \u0431\u0443\u0434\u0435\u0442 \u0437\u0430\u0434\u0430\u043d\u0430 \u0438\u043d\u043b\u0430\u0439\u043d \u0434\u043b\u044f \u0440\u0430\u0437\u043d\u043e\u0433\u043e \u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u0438\u044f *\/\r\n    }\r\n\r\n    \/* \u041e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u043f\u0440\u0438 \u043d\u0430\u0436\u0430\u0442\u0438\u0438 *\/\r\n    .teoky-mobile-carousel:active .teoky-marquee-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    .teoky-carousel-item {\r\n        width: 60vw;\r\n        margin-right: 10px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .teoky-carousel-item img {\r\n        width: 100%;\r\n        height: auto;\r\n        aspect-ratio: 1 \/ 1;\r\n        object-fit: cover;\r\n        display: block;\r\n    }\r\n\r\n    \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f: \u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0412\u041b\u0415\u0412\u041e (\u0421\u043f\u0440\u0430\u0432\u0430 \u043d\u0430\u043b\u0435\u0432\u043e) *\/\r\n    @keyframes scroll-left {\r\n        0% { transform: translateX(0); }\r\n        100% { transform: translateX(-50%); } \/* \u0414\u0432\u0438\u0433\u0430\u0435\u043c \u043d\u0430 50% \u0432\u043b\u0435\u0432\u043e *\/\r\n    }\r\n\r\n    \/* \u0410\u043d\u0438\u043c\u0430\u0446\u0438\u044f: \u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0412\u041f\u0420\u0410\u0412\u041e (\u0421\u043b\u0435\u0432\u0430 \u043d\u0430\u043f\u0440\u0430\u0432\u043e) *\/\r\n    @keyframes scroll-right {\r\n        0% { transform: translateX(-50%); } \/* \u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0441\u043e \u0441\u0434\u0432\u0438\u0433\u0430 *\/\r\n        100% { transform: translateX(0); } \/* \u0412\u043e\u0437\u0432\u0440\u0430\u0449\u0430\u0435\u043c\u0441\u044f \u0432 \u043d\u043e\u043b\u044c, \u0441\u043e\u0437\u0434\u0430\u0432\u0430\u044f \u0438\u043b\u043b\u044e\u0437\u0438\u044e \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u044f \u0432\u043f\u0440\u0430\u0432\u043e *\/\r\n    }\r\n\r\n    .teoky-product-name {\r\n        display: block;\r\n        margin-top: 20px;\r\n        font-size: 1.5rem;\r\n        font-weight: 900;\r\n        text-transform: uppercase;\r\n        color: #000;\r\n        letter-spacing: 1px;\r\n        cursor: pointer;\r\n    }\r\n\r\n    .teoky-product-name:hover {\r\n        text-decoration: underline;\r\n    }\r\n\r\n    \/* --- \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c --- *\/\r\n    @media (max-width: 768px) {\r\n        .teoky-desktop-img { display: none; }\r\n        .teoky-mobile-img { display: block; }\r\n\r\n        .teoky-banner-content { bottom: 20px; left: 20px; }\r\n        .teoky-title { font-size: 1.4rem; }\r\n        .teoky-btn { padding: 8px 16px; font-size: 10px; }\r\n\r\n        \/* \u0421\u043a\u0440\u044b\u0432\u0430\u0435\u043c \u0441\u0435\u0442\u043a\u0443 \u041f\u041a, \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u043a\u0430\u0440\u0443\u0441\u0435\u043b\u0438 *\/\r\n        .teoky-grid-desktop { display: none; }\r\n        .teoky-mobile-carousel { display: block; }\r\n\r\n        .teoky-product-name { font-size: 1.2rem; margin-top: 10px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"teoky-hero-wrapper\">\r\n\r\n    <!-- 1. \u0413\u041b\u0410\u0412\u041d\u042b\u0419 \u0411\u0410\u041d\u041d\u0415\u0420 -->\r\n    <a href=\"https:\/\/teoky.com\/ru\/product\/sakura\/\" class=\"teoky-main-banner\">\r\n        <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/ti-ti.webp\" class=\"teoky-desktop-img\" alt=\"Sakura Desktop\">\r\n        <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/r2czk4r43u5gor.webp\" class=\"teoky-mobile-img\" alt=\"Sakura Mobile\">\r\n        \r\n        <div class=\"teoky-overlay-gradient\"><\/div>\r\n        <div class=\"teoky-banner-content\">\r\n            <div class=\"teoky-title\">\u0424\u041e\u041b\u041b\u0415\u041d<br>\u041a\u041e\u041b\u041b\u0415\u041a\u0426\u0418\u042f<\/div>\r\n            <span class=\"teoky-btn\">\u0418\u0421\u0421\u041b\u0415\u0414\u041e\u0412\u0410\u0422\u042c<\/span>\r\n        <\/div>\r\n    <\/a>\r\n\r\n    <!-- 2. \u041d\u0418\u0416\u041d\u042f\u042f \u0421\u0415\u041a\u0426\u0418\u042f -->\r\n    <div class=\"teoky-bottom-section\">\r\n        \r\n        <a href=\"https:\/\/teoky.com\/ru\/product\/sakura\/\">\r\n            \r\n            <!-- --- \u041f\u041a \u0412\u0415\u0420\u0421\u0418\u042f (2 \u0420\u042f\u0414\u0410 \u0421\u0422\u0410\u0422\u0418\u0427\u041d\u042b\u0425 \u0424\u041e\u0422\u041e) --- -->\r\n            <!-- \u0420\u044f\u0434 1: \u0416\u0435\u043d\u0449\u0438\u043d\u044b -->\r\n            <div class=\"teoky-grid-desktop\">\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkr4nkre_upscayl_2x_ultrasharp-4x.webp\"><\/div>\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rkeporkeo.webp\"><\/div>\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/r4ken56rn.webp\"><\/div>\r\n            <\/div>\r\n            <!-- \u0420\u044f\u0434 2: \u041c\u0443\u0436\u0447\u0438\u043d\u044b -->\r\n            <div class=\"teoky-grid-desktop\">\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkurku2.webp\"><\/div>\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/vgb2wed4bhyw324e.webp\"><\/div>\r\n                <div class=\"teoky-grid-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rnu4k5nr.webp\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- --- \u041c\u041e\u0411\u0418\u041b\u042c\u041d\u0410\u042f \u0412\u0415\u0420\u0421\u0418\u042f (2 \u041a\u0410\u0420\u0423\u0421\u0415\u041b\u0418) --- -->\r\n            \r\n            <!-- \u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c 1: \u0416\u0435\u043d\u0449\u0438\u043d\u044b (\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0412\u041f\u0420\u0410\u0412\u041e -->\r\n            <div class=\"teoky-mobile-carousel\">\r\n                <div class=\"teoky-marquee-track\" style=\"animation: scroll-right 20s linear infinite;\">\r\n                    <!-- \u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkr4nkre_upscayl_2x_ultrasharp-4x.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rkeporkeo.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/r4ken56rn.webp\"><\/div>\r\n                    <!-- \u0414\u0443\u0431\u043b\u0438\u043a\u0430\u0442 -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkr4nkre_upscayl_2x_ultrasharp-4x.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rkeporkeo.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/r4ken56rn.webp\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- \u041a\u0430\u0440\u0443\u0441\u0435\u043b\u044c 2: \u041c\u0443\u0436\u0447\u0438\u043d\u044b (\u0414\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u0412\u041b\u0415\u0412\u041e <--) -->\r\n            <div class=\"teoky-mobile-carousel\">\r\n                <div class=\"teoky-marquee-track\" style=\"animation: scroll-left 20s linear infinite;\">\r\n                    <!-- \u041e\u0440\u0438\u0433\u0438\u043d\u0430\u043b -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkurku2.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/vgb2wed4bhyw324e.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rnu4k5nr.webp\"><\/div>\r\n                    <!-- \u0414\u0443\u0431\u043b\u0438\u043a\u0430\u0442 -->\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rczkurku2.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/vgb2wed4bhyw324e.webp\"><\/div>\r\n                    <div class=\"teoky-carousel-item\"><img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/rnu4k5nr.webp\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <span class=\"teoky-product-name\">\u0421\u0410\u041d\u0414\u0410\u041b\u0418\u0418 \"\u0421\u0410\u041a\u0423\u0420\u0410\"<\/span>\r\n        <\/a>\r\n\r\n    <\/div>\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a649ca3 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"1a649ca3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"padding: 40px 0; background: #fff; display: flex; justify-content: center; align-items: center;\">\r\n        <style>\r\n            .teoky-barcode { display: flex; height: 50px; align-items: center; gap: 2px; }\r\n            .teoky-bar { background: #000; width: 4px; height: 100%; animation: teoky-bar-anim 1.5s infinite ease-in-out; }\r\n            .teoky-bar:nth-child(even) { width: 2px; }\r\n            .teoky-bar:nth-child(3n) { width: 6px; }\r\n            .teoky-bar:nth-child(1) { animation-delay: 0.1s; } .teoky-bar:nth-child(2) { animation-delay: 0.2s; }\r\n            .teoky-bar:nth-child(3) { animation-delay: 0.3s; } .teoky-bar:nth-child(4) { animation-delay: 0.1s; }\r\n            .teoky-bar:nth-child(5) { animation-delay: 0.4s; } .teoky-bar:nth-child(6) { animation-delay: 0.2s; }\r\n            .teoky-bar:nth-child(7) { animation-delay: 0.5s; } .teoky-bar:nth-child(8) { animation-delay: 0.3s; }\r\n            .teoky-bar:nth-child(9) { animation-delay: 0.1s; } .teoky-bar:nth-child(10) { animation-delay: 0.4s; }\r\n            @keyframes teoky-bar-anim {\r\n                0%, 100% { height: 100%; opacity: 1; }\r\n                50% { height: 60%; opacity: 0.7; }\r\n            }\r\n        <\/style>\r\n        <div class=\"teoky-barcode\">\r\n            <div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div>\r\n            <div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div>\r\n            <div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div>\r\n            <div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div><div class=\"teoky-bar\"><\/div>\r\n        <\/div>\r\n    <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-40903cd2 elementor-widget elementor-widget-html\" data-id=\"40903cd2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\r\n    \/* --- \u041a\u041e\u041d\u0422\u0415\u0419\u041d\u0415\u0420 \u0421\u0415\u0422\u041a\u0418 --- *\/\r\n    #teoky-shop-grid {\r\n        max-width: 1400px;\r\n        margin: 0 auto;\r\n        padding: 40px 10px;\r\n        box-sizing: border-box;\r\n        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    #teoky-shop-grid .teoky-product-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(3, 1fr) !important;\r\n        gap: 15px !important;\r\n        align-items: stretch !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* --- \u041a\u0410\u0420\u0422\u041e\u0427\u041a\u0410 \u0422\u041e\u0412\u0410\u0420\u0410 --- *\/\r\n    #teoky-shop-grid .teoky-product-card {\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        text-decoration: none !important;\r\n        color: #000 !important;\r\n        overflow: hidden !important;\r\n        background: transparent !important;\r\n        cursor: pointer !important;\r\n    }\r\n\r\n    \/* --- \u0416\u0415\u0421\u0422\u041a\u0410\u042f \u0424\u0418\u041a\u0421\u0410\u0426\u0418\u042f \u041f\u041e\u0420\u042f\u0414\u041a\u0410 --- *\/\r\n    #teoky-shop-grid .teoky-img-box {\r\n        order: 1 !important;\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        overflow: hidden !important;\r\n        background: #fff !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #teoky-shop-grid .teoky-card-info {\r\n        order: 2 !important;\r\n        margin: 12px 0 0 0 !important;\r\n        padding: 0 !important;\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: flex-start !important;\r\n        font-size: 14px !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n        position: static !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    \/* \u0421\u0430\u043c\u0430 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430 *\/\r\n    #teoky-shop-grid .teoky-img-box img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: contain !important; \r\n        display: block !important;\r\n        transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\r\n        padding: 10px !important;\r\n        margin: 0 !important;\r\n        box-sizing: border-box !important;\r\n        position: static !important;\r\n    }\r\n\r\n    \/* \u042d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u0438\u0438 *\/\r\n    #teoky-shop-grid .teoky-product-card:hover .teoky-img-box img {\r\n        transform: scale(1.05) !important;\r\n    }\r\n\r\n    \/* --- \u0410\u0421\u0418\u041c\u041c\u0415\u0422\u0420\u0418\u042f \u041f\u0420\u041e\u041f\u041e\u0420\u0426\u0418\u0419 --- *\/\r\n    #teoky-shop-grid .teoky-card-small .teoky-img-box {\r\n        aspect-ratio: 1 \/ 1 !important; \r\n    }\r\n\r\n    #teoky-shop-grid .teoky-card-large {\r\n        grid-column: span 2 !important; \r\n    }\r\n    \r\n    #teoky-shop-grid .teoky-card-large .teoky-img-box {\r\n        aspect-ratio: 3 \/ 2 !important; \r\n    }\r\n\r\n    #teoky-shop-grid .teoky-card-name {\r\n        text-align: left !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #teoky-shop-grid .teoky-card-price {\r\n        text-align: right !important;\r\n        white-space: nowrap !important; \r\n        color: #333 !important;\r\n        margin: 0 !important;\r\n        transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    \/* \u041a\u043d\u043e\u043f\u043a\u0430 \"\u0412 \u043a\u043e\u0440\u0437\u0438\u043d\u0443\" *\/\r\n    #teoky-shop-grid .teoky-quick-add {\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        background: #000 !important;\r\n        color: #fff !important;\r\n        padding: 10px !important;\r\n        text-align: center !important;\r\n        text-transform: uppercase !important;\r\n        font-size: 12px !important;\r\n        font-weight: 600 !important;\r\n        transform: translateY(100%) !important; \r\n        transition: transform 0.3s ease !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    @media (min-width: 769px) {\r\n        #teoky-shop-grid .teoky-product-card:hover .teoky-quick-add {\r\n            transform: translateY(0) !important;\r\n        }\r\n    }\r\n\r\n    \/* --- \u0410\u0414\u0410\u041f\u0422\u0418\u0412\u041d\u041e\u0421\u0422\u042c --- *\/\r\n    @media (max-width: 768px) {\r\n        #teoky-shop-grid {\r\n            padding: 20px 5px; \r\n        }\r\n        \r\n        #teoky-shop-grid .teoky-product-grid {\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 8px !important;\r\n        }\r\n\r\n        #teoky-shop-grid .teoky-card-large {\r\n            grid-column: span 2 !important; \r\n        }\r\n        #teoky-shop-grid .teoky-card-small {\r\n            grid-column: span 1 !important;\r\n        }\r\n\r\n        #teoky-shop-grid .teoky-card-large .teoky-img-box {\r\n            aspect-ratio: 4 \/ 3 !important; \r\n        }\r\n        \r\n        #teoky-shop-grid .teoky-card-small .teoky-img-box {\r\n            aspect-ratio: 1 \/ 1 !important; \r\n        }\r\n\r\n        #teoky-shop-grid .teoky-card-info {\r\n            font-size: 12px !important; \r\n            flex-direction: column !important; \r\n            gap: 4px !important;\r\n        }\r\n        \r\n        #teoky-shop-grid .teoky-card-price {\r\n            text-align: left !important;\r\n            color: #666 !important;\r\n        }\r\n\r\n        #teoky-shop-grid .teoky-quick-add {\r\n            display: none !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"teoky-shop-grid\">\r\n    <div class=\"teoky-product-grid\">\r\n\r\n        <!-- \u0412\u0410\u0416\u041d\u041e: \u0417\u0430\u043c\u0435\u043d\u0438\u043b\u0438 \u0436\u0435\u0441\u0442\u043a\u0438\u0439 onclick \u043d\u0430 \u0430\u0442\u0440\u0438\u0431\u0443\u0442 data-product-slug -->\r\n        <!-- \u0421\u043a\u0440\u0438\u043f\u0442 \u0441\u0430\u043c \u043f\u043e\u0434\u0441\u0442\u0430\u0432\u0438\u0442 \u043d\u0443\u0436\u043d\u044b\u0439 \u044f\u0437\u044b\u043a \u043f\u0435\u0440\u0435\u0434 \u043f\u0435\u0440\u0435\u0445\u043e\u0434\u043e\u043c -->\r\n\r\n        <!-- 1. DESTROYER (\u0411\u041e\u041b\u042c\u0428\u041e\u0419) -->\r\n        <div data-product-slug=\"destroyer\" class=\"teoky-product-card teoky-card-large\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/re5re5krn.webp\" alt=\"DESTROYER\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">DESTROYER<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"8500\">8 500 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 2. SKINWALKER (\u041c\u0410\u041b\u0415\u041d\u042c\u041a\u0418\u0419) -->\r\n        <div data-product-slug=\"skinwalker\" class=\"teoky-product-card teoky-card-small\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/hg3rh5.webp\" alt=\"SKINWALKER\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">SKINWALKER<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"8500\">8 500 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 3. EMPATHY (\u041c\u0410\u041b\u0415\u041d\u042c\u041a\u0418\u0419) -->\r\n        <div data-product-slug=\"empathy\" class=\"teoky-product-card teoky-card-small\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/grn4k5earn.webp\" alt=\"EMPATHY\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">EMPATHY<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"8500\">8 500 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 4. ROSE (\u0411\u041e\u041b\u042c\u0428\u041e\u0419) -->\r\n        <div data-product-slug=\"rose\" class=\"teoky-product-card teoky-card-large\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/it5nenikpi.webp\" alt=\"rose\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">ROSE<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"10000\">10 000 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 5. IVY (\u041c\u0410\u041b\u0415\u041d\u042c\u041a\u0418\u0419) -->\r\n        <div data-product-slug=\"ivy\" class=\"teoky-product-card teoky-card-small\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/04\/h-gberh-1.webp\" alt=\"succubus\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">IVY<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"10000\">10 000 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- 6. ABADDON (\u0411\u041e\u041b\u042c\u0428\u041e\u0419) -->\r\n        <div data-product-slug=\"abaddon\" class=\"teoky-product-card teoky-card-large\">\r\n            <div class=\"teoky-img-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/teoky.com\/wp-content\/uploads\/2026\/02\/ka3u4ecz.webp\" alt=\"abaddon\">\r\n                <div class=\"teoky-quick-add\">\u0412 \u041a\u043e\u0440\u0437\u0438\u043d\u0443<\/div>\r\n            <\/div>\r\n            <div class=\"teoky-card-info\">\r\n                <span class=\"teoky-card-name\">ABADDON<\/span>\r\n                <span class=\"teoky-card-price\" data-price-rub=\"8500\">8 500 RUB<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    \r\n    \/\/ --- 1. \u0423\u041c\u041d\u042b\u0415 \u0421\u0421\u042b\u041b\u041a\u0418 \u0421 \u0423\u0427\u0415\u0422\u041e\u041c \u042f\u0417\u042b\u041a\u0410 ---\r\n    const productCards = document.querySelectorAll('.teoky-product-card[data-product-slug]');\r\n    \r\n    productCards.forEach(card => {\r\n        card.addEventListener('click', function() {\r\n            const slug = this.getAttribute('data-product-slug');\r\n            const currentPath = window.location.pathname;\r\n            \r\n            \/\/ \u041f\u0440\u043e\u0432\u0435\u0440\u044f\u0435\u043c, \u043d\u0430\u0447\u0438\u043d\u0430\u0435\u0442\u0441\u044f \u043b\u0438 \u0442\u0435\u043a\u0443\u0449\u0438\u0439 \u043f\u0443\u0442\u044c \u0441 \/ru\/\r\n            const isRussian = currentPath.startsWith('\/ru\/');\r\n            \r\n            \/\/ \u0424\u043e\u0440\u043c\u0438\u0440\u0443\u0435\u043c \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0443\u044e \u0441\u0441\u044b\u043b\u043a\u0443\r\n            let finalUrl = 'https:\/\/teoky.com\/';\r\n            if (isRussian) {\r\n                finalUrl += 'ru\/';\r\n            }\r\n            finalUrl += 'product\/' + slug + '\/';\r\n            \r\n            \/\/ \u041f\u0435\u0440\u0435\u0445\u043e\u0434\u0438\u043c \u043f\u043e \u0441\u0444\u043e\u0440\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u043e\u0439 \u0441\u0441\u044b\u043b\u043a\u0435\r\n            window.location.href = finalUrl;\r\n        });\r\n    });\r\n\r\n\r\n    \/\/ --- 2. \u041e\u041f\u0420\u0415\u0414\u0415\u041b\u0415\u041d\u0418\u0415 \u0412\u0410\u041b\u042e\u0422\u042b \u0418 \u041a\u041e\u041d\u0412\u0415\u0420\u0422\u0410\u0426\u0418\u042f (\u043a\u0430\u043a \u0431\u044b\u043b\u043e) ---\r\n    function getSiteCurrency() {\r\n        const urlParams = new URLSearchParams(window.location.search);\r\n        const urlCurr = urlParams.get('currency');\r\n        const localCurr = localStorage.getItem('woocs_current_currency');\r\n        const globalCurr = typeof woocs_current_currency !== 'undefined' ? woocs_current_currency : null;\r\n        \r\n        const match = document.cookie.match(\/(?:^|; )woocs_current_currency=([^;]*)\/);\r\n        const cookieCurr = match ? decodeURIComponent(match[1]) : null;\r\n\r\n        let detectedCurrency = urlCurr || localCurr || globalCurr || cookieCurr;\r\n        \r\n        if (!detectedCurrency) {\r\n            const htmlLang = document.documentElement.lang.toLowerCase();\r\n            detectedCurrency = htmlLang.startsWith('ru') ? 'RUB' : 'USD';\r\n        }\r\n        return detectedCurrency;\r\n    }\r\n\r\n    async function getUsdRate() {\r\n        try {\r\n            const response = await fetch('https:\/\/www.cbr-xml-daily.ru\/daily_json.js');\r\n            if (!response.ok) throw new Error('CBR blocked');\r\n            const data = await response.json();\r\n            return data.Valute.USD.Value;\r\n        } catch (error) {\r\n            console.warn(\"API \u0426\u0411 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u0435\u043d, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u0440\u0435\u0437\u0435\u0440\u0432\u043d\u044b\u0439 API...\", error);\r\n            try {\r\n                const res = await fetch('https:\/\/open.er-api.com\/v6\/latest\/USD');\r\n                const data = await res.json();\r\n                return data.rates.RUB; \r\n            } catch (e2) {\r\n                return 88.50;\r\n            }\r\n        }\r\n    }\r\n\r\n    function formatPrice(amount, currency) {\r\n        if (currency === 'USD') {\r\n            return '$' + Math.round(amount); \r\n        } else {\r\n            return amount.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \" \") + \" RUB\";\r\n        }\r\n    }\r\n\r\n    async function updatePrices() {\r\n        const targetCurrency = getSiteCurrency();\r\n        const priceElements = document.querySelectorAll('.teoky-card-price');\r\n        \r\n        priceElements.forEach(el => el.style.opacity = '0');\r\n\r\n        let usdRate = 1;\r\n        if (targetCurrency === 'USD') {\r\n            usdRate = await getUsdRate();\r\n        }\r\n\r\n        priceElements.forEach(el => {\r\n            const basePriceRub = parseInt(el.getAttribute('data-price-rub'), 10);\r\n            \r\n            if (!isNaN(basePriceRub)) {\r\n                if (targetCurrency === 'USD') {\r\n                    const usdPrice = basePriceRub \/ usdRate;\r\n                    el.innerText = formatPrice(usdPrice, 'USD');\r\n                } else {\r\n                    el.innerText = formatPrice(basePriceRub, 'RUB');\r\n                }\r\n            }\r\n            el.style.opacity = '1';\r\n        });\r\n    }\r\n\r\n    updatePrices();\r\n    \r\n    window.addEventListener('storage', (e) => {\r\n        if (e.key === 'woocs_current_currency') {\r\n            updatePrices();\r\n        }\r\n    });\r\n});\r\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d479f5 elementor-widget elementor-widget-html\" data-id=\"9d479f5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div style=\"display: flex; justify-content: center;\">\r\n            <style>\r\n                .teoky-btn-travel {\r\n                    color: #000;\r\n                    text-decoration: none;\r\n                    text-transform: uppercase;\r\n                    font-size: 16px;\r\n                    letter-spacing: 3px;\r\n                    padding-bottom: 10px;\r\n                    position: relative;\r\n                    font-family: sans-serif;\r\n                    font-weight: bold;\r\n                }\r\n                .teoky-btn-travel::after {\r\n                    content: '';\r\n                    position: absolute;\r\n                    bottom: 0; left: 0;\r\n                    width: 30%; \/* \u041a\u043e\u0440\u043e\u0442\u043a\u0430\u044f \u043b\u0438\u043d\u0438\u044f *\/\r\n                    height: 3px;\r\n                    background: #000;\r\n                    animation: teoky-line-travel 2s ease-in-out infinite alternate;\r\n                }\r\n                @keyframes teoky-line-travel {\r\n                    0% { left: 0; width: 30%; }\r\n                    100% { left: 70%; width: 30%; }\r\n                }\r\n            <\/style>\r\n            <a href=\"https:\/\/teoky.com\/ru\/shop\/\" class=\"teoky-btn-travel\">\r\n                \u0423\u0412\u0418\u0414\u0415\u0422\u042c \u0411\u041e\u041b\u042c\u0428\u0415\r\n            <\/a>\r\n        <\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Teoky Summer &#8217;26Collection Shop Now ARCHANGEL SHOES TEOKY WORLDWIDE \u2014 FREE SHIPPING \u2014 WORLDWIDE \u2014 FREE SHIPPING \u2014 WORLDWIDE \u2014 FREE SHIPPING \u2014 WORLDWIDE \u2014 FREE SHIPPING \u2014 WORLDWIDE \u2014 FREE SHIPPING \u2014 WORLDWIDE \u2014 FREE SHIPPING NEW SUMMER COLLECTION \u2014 AVAILABLE NOW \u2014 TEOKY \u2014 NEW SUMMER COLLECTION \u2014 AVAILABLE NOW \u2014 TEOKY \u2014 [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-951","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/951","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/comments?post=951"}],"version-history":[{"count":207,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/951\/revisions"}],"predecessor-version":[{"id":6163,"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/pages\/951\/revisions\/6163"}],"wp:attachment":[{"href":"https:\/\/teoky.com\/ru\/wp-json\/wp\/v2\/media?parent=951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}