diff --git a/wp-content/themes/cosmopet/functions.php b/wp-content/themes/cosmopet/functions.php index 7bc85a1..c178e1b 100644 --- a/wp-content/themes/cosmopet/functions.php +++ b/wp-content/themes/cosmopet/functions.php @@ -1,6 +1,5 @@ - - isDir() || $template_file->getExtension() !== 'php') { + continue; + } + + // Получаем относительный путь (например, "pages/template-landing.php") + $relative_path = str_replace($custom_templates_dir, '', $template_file->getPathname()); + + // Формируем имя шаблона (убираем .php и заменяем слэши на дефисы) + $template_name = str_replace(['/', '.php'], [' - ', ''], $relative_path); + + // Добавляем в список шаблонов + $templates['templates/' . $relative_path] = $template_name; + } + + return $templates; +}); + includeFilesFromFolder(get_template_directory() . '/global-functions'); + + // Add the function to the Timber context add_filter('timber/context', function($context) { $context['template_path'] = get_template_directory_uri(); + $current_url = "http://" . $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI']; + $context['current_url'] = htmlspecialchars($current_url); return $context; }); +/** + * Подключает статические CSS и JS файлы из указанной директории + * + * @param string $dir_name Название директории в папке /static/ + * @param array $options Дополнительные параметры: + * - 'css' => false - отключить подключение CSS + * - 'js' => false - отключить подключение JS + * - 'version' => string - версия файлов (по умолчанию использует время модификации файла) + */ +function enqueue_static_assets($dir_name, $options = []) { + // Устанавливаем пути к директориям + $static_dir = get_template_directory() . '/static/' . $dir_name; + $static_uri = get_template_directory_uri() . '/static/' . $dir_name; + + // Подключаем CSS файлы + if (!isset($options['css']) || $options['css'] !== false) { + $css_dir = $static_dir . '/css/'; + if (file_exists($css_dir)) { + $css_files = scandir($css_dir); + foreach ($css_files as $file) { + if (pathinfo($file, PATHINFO_EXTENSION) === 'css') { + $handle = $dir_name . '-' . pathinfo($file, PATHINFO_FILENAME); + $src = $static_uri . '/css/' . $file; + $ver = isset($options['version']) ? $options['version'] : filemtime($css_dir . $file); + + wp_enqueue_style( + $handle, + $src, + array(), + $ver + ); + } + } + } + } + + // Подключаем JS файлы + if (!isset($options['js']) || $options['js'] !== false) { + $js_dir = $static_dir . '/js/'; + if (file_exists($js_dir)) { + $js_files = scandir($js_dir); + foreach ($js_files as $file) { + if (pathinfo($file, PATHINFO_EXTENSION) === 'js') { + $handle = $dir_name . '-' . pathinfo($file, PATHINFO_FILENAME); + $src = $static_uri . '/js/' . $file; + $ver = isset($options['version']) ? $options['version'] : filemtime($js_dir . $file); + $in_footer = strpos($file, 'admin') === 0 ? false : true; + + wp_enqueue_script( + $handle, + $src, + array(), + $ver, + $in_footer + ); + } + } + } + } +} $modules_path = get_template_directory() . '/modules/*/editor-blocks/*/editor-block-controller.php'; foreach (glob($modules_path) as $file) { @@ -276,13 +371,12 @@ foreach (glob($modules_path) as $file) { } add_filter('timber/context', function($context) { $context['current_lang'] = pll_current_language(); - return $context; }); requireShortcodes(get_template_directory() . '/modules'); -require_once('modules/blog/components/news-list/component-ajax-controller.php'); +require_once('modules/blog/module-ajax-controller.php'); require_once('modules/forms/module-ajax-controller.php'); include_module('forms'); include_module('layout'); diff --git a/wp-content/themes/cosmopet/global-functions/multilang-functions.php b/wp-content/themes/cosmopet/global-functions/multilang-functions.php index 09319fd..cff45b2 100644 --- a/wp-content/themes/cosmopet/global-functions/multilang-functions.php +++ b/wp-content/themes/cosmopet/global-functions/multilang-functions.php @@ -23,4 +23,19 @@ pll_register_string ('Главная', 'Главная'); pll_register_string ('Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших, предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции', 'Подпишитесь, чтобы быть в курсе деятельности Cosmopet и узнавать о наших предложениях. Обещаем не заваливать вас бесполезными письмами. А за подписку дарим -25% на весь ассортимент нашей продукции'); pll_register_string ('Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах'); pll_register_string ('подписаться', 'подписаться'); -pll_register_string ('Узнайте о нас больше и получите скидку!', 'Узнайте о нас больше и получите скидку!'); \ No newline at end of file +pll_register_string ('Узнайте о нас больше и получите скидку!', 'Узнайте о нас больше и получите скидку!'); +pll_register_string ('Это миф!', 'Это миф!'); +pll_register_string ('Это правда!', 'Это правда!'); +pll_register_string ('Правда', 'Правда'); +pll_register_string ('Миф', 'Миф'); +pll_register_string ('Далее', 'Далее'); +pll_register_string ('ваш результат', 'ваш результат'); +pll_register_string ('Скопировать', 'Скопировать'); +pll_register_string ('Скопировано', 'Скопировано'); +pll_register_string ('В магазин', 'В магазин'); +pll_register_string ('Наш блог', 'Наш блог'); +pll_register_string ('Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных'); +pll_register_string ('ЭТАПЫ ПРОИЗВОД­СТВА', 'ЭТАПЫ ПРОИЗВОД­СТВА'); +pll_register_string ('Этапы производс­тва корма', 'Этапы производс­тва корма'); +pll_register_string ('Все статьи', 'Все статьи'); +pll_register_string ('Узнать больше', 'Узнать больше'); diff --git a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css index 4159eb7..63c5937 100644 --- a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-desktop.css @@ -1,87 +1,3 @@ -/* Header */ -.header { - background: var(--main_white); - border-bottom: 1px solid var(--interface_title); - position: fixed; - top: 0; - left: 0; - width: 100%; - z-index: 4; -} - -.header-container { - display: flex; - align-items: center; - justify-content: space-between; - padding: 16px 0; -} - -.header-bars { - display: none; -} - -.header-logo { - display: flex; - align-items: center; - gap: 8px; -} - -.header-logo span { - color: var(---main_black); - font-size: 20px; - text-transform: uppercase; -} - -.header-navs { - display: flex; - align-items: center; - gap: 24px; -} - -.header-navs__link { - padding: 8px 12px; - font-size: 16px; - font-weight: bold; - text-transform: uppercase; - line-height: 20px; -} - -.header-accordion {} - -.header-accordion__btn { - display: flex; - align-items: center; - gap: 4px; - padding: 8px 12px; - border-radius: 24px; - background: var(--accent-2); - cursor: pointer; - user-select: none; - font-size: 16px; - font-weight: bold; - line-height: 20px; - color: var(---main_black); -} - -.header-right { - display: flex; - align-items: center; - gap: 8px; -} - -.header-lang__btn { - display: flex; - align-items: center; - cursor: pointer; - user-select: none; - gap: 4px; - padding: 12px 15px; - color: var(---main_black); - font-size: 16px; - font-weight: bold; - line-height: 20px; -} - -/* Header end */ - - +main{ + padding-top: 72px; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-tablet.css index 0a868f5..5220caa 100644 --- a/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-tablet.css +++ b/wp-content/themes/cosmopet/modules/blog/assets/css/gp-style-tablet.css @@ -1,32 +1 @@ /* Стили для планшетов */ -@media only screen and (max-width: 992px) { - .header-navs { - display: none; - } - - .header-container { - height: 56px; - padding: 0; - } - - .header-bars { - display: flex; - align-items: center; - justify-content: center; - } - - .header-logo { - font-size: 16px; - line-height: 20px; - gap: 8px; - } - - .header-logo img { - width: 31px; - flex-shrink: 0; - } - - .header-lang { - display: none; - } -} diff --git a/wp-content/themes/cosmopet/modules/blog/components/author-banner/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/author-banner/component-template.twig new file mode 100644 index 0000000..e249f88 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/components/author-banner/component-template.twig @@ -0,0 +1,15 @@ + {% set current_path = template_path ~ '/modules/blog/components/author-banner' %} + +
+
+
+ + + + +

{{ function('pll_e', 'ПРЕДЛОЖИТЕ СТАТЬЮ ИЛИ СТАНЬТЕ АВТОРОМ') }} +

+ {{ function('pll_e', 'НАПИШИТЕ НАМ') }} +
+
+
\ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/editorial/component-controller.php b/wp-content/themes/cosmopet/modules/blog/components/editorial/component-controller.php index 2ef4415..aa4f004 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/editorial/component-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/components/editorial/component-controller.php @@ -1,14 +1,22 @@ 'post', // Specify post type (change if using custom post type) + 'meta_query' => array( + array( + 'key' => 'editorial', // ACF field name + 'value' => '1', // Assuming 'true' is stored as '1'. Change to 'true' if stored as a string. + 'compare' => '=' + ) + ) + ); + + $editorial_query = new WP_Query($args); + $e_query = array(); + foreach($editorial_query->posts as $item){ + $e_query[] = Timber::get_post($item, 'BlogPost'); } - $context['editorial'] = $repeater; + $context['editorial'] = $e_query; return $context; }); diff --git a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/css/gp-style-tablet.css b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/css/gp-style-tablet.css index 458ea8a..59eb0fb 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/css/gp-style-tablet.css +++ b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/css/gp-style-tablet.css @@ -91,5 +91,6 @@ right: 50%; bottom: 27px; transform: translateX(50%); + width: max-content; } } diff --git a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/js/slider.js b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/js/slider.js index 051fa36..0082fa4 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/js/slider.js +++ b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/assets/js/slider.js @@ -3,8 +3,12 @@ slidesPerView: 1, spaceBetween: 0, effect: 'fade', + fadeEffect: { + crossFade: true, // Включаем перекрестное затухание + }, + allowTouchMove: false, + speed: 750, loop: true, - speed: 1250, navigation: { nextEl: '.home-swp__btn-next', prevEl: '.home-swp__btn-prev', diff --git a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-controller.php b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-controller.php index 256e5e8..cefa832 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-controller.php @@ -1,14 +1,23 @@ 'post', // Specify post type (change if using custom post type) + 'meta_query' => array( + array( + 'key' => 'featured', // ACF field name + 'value' => '1', // Assuming 'true' is stored as '1'. Change to 'true' if stored as a string. + 'compare' => '=' + ) + ) + ); + + $featured_query = new WP_Query($args); + $f_query = array(); + foreach($featured_query->posts as $item){ + $f_query[] = Timber::get_post($item, 'BlogPost'); } - $context['featured'] = $repeater; + $context['featured'] = $f_query; + return $context; }); diff --git a/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig new file mode 100644 index 0000000..a0acaff --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/components/most-read/component-template.twig @@ -0,0 +1,28 @@ +
+

{{ function('pll_e', 'САМЫЕ ЧИТАЕМЫЕ') }}:

+ +
+ + diff --git a/wp-content/themes/cosmopet/modules/blog/components/news-list/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/blog/components/news-list/component-ajax-controller.php deleted file mode 100644 index 2156b85..0000000 --- a/wp-content/themes/cosmopet/modules/blog/components/news-list/component-ajax-controller.php +++ /dev/null @@ -1,38 +0,0 @@ - 'post', - 'posts_per_page' => 9, // Adjust the number of posts per page - 'paged' => intval($paged) + 1, - ]; - - if (!empty($category)) { - $args['tax_query'] = [ - [ - 'taxonomy' => 'category', - 'field' => 'slug', // or 'term_id', 'name' depending on how you identify categories - 'terms' => $category, - ], - ]; - } - $q = new WP_Query($args); - return new Timber\PostQuery($q); -} - -function ajax_load_blog_posts() { - $page_num = isset($_POST['page_num']) ? sanitize_text_field($_POST['page_num']) : ''; - $context = Timber::context(); - $context['posts'] = get_posts_by_page_and_category($page_num); - $html = Timber::compile('/blog/components/news-list/component-template.twig', $context); - echo $html; - wp_die(); -} - - -add_action('wp_ajax_load_blog_posts', 'ajax_load_blog_posts'); -add_action('wp_ajax_nopriv_load_blog_posts', 'ajax_load_blog_posts'); - - diff --git a/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig new file mode 100644 index 0000000..00ba6c4 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/components/news-list/component-template.twig @@ -0,0 +1,22 @@ +{% for post in posts %} + +
  • + + + {{post.thumbnail.alt}} + +
    + {{post.title}} +
    +

    {{post.date}}

    +

    {{ function('pll_e', 'время чтения') }}: {{post.reading_time}}

    +
    +
    +
  • +{% endfor %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css index 884ed90..378b030 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/blog/components/single/assets/css/gp-style-desktop.css @@ -13,7 +13,20 @@ text-transform: uppercase; color: var(--grey-black); } - +.article-content h3{ + font-size: 28px; + line-height: 120%; + font-weight: bold; + text-transform: uppercase; + color: var(--grey-black); +} +.article-content h4, .article-content h5, .article-content h6{ + font-size: 22px; + line-height: 120%; + font-weight: bold; + text-transform: uppercase; + color: var(--grey-black); +} .indent { background: #E2F3FF; border-radius: 32px; diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php b/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php index 6000627..4c6c9b5 100644 --- a/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/components/single/component-controller.php @@ -2,5 +2,4 @@ include_component('blog', 'featured-slider'); $context = Timber::get_context(); - Timber::render('blog/blog-single.twig', $context); diff --git a/wp-content/themes/cosmopet/modules/blog/components/themes/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/blog/components/themes/component-ajax-controller.php deleted file mode 100644 index e69de29..0000000 diff --git a/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig b/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig new file mode 100644 index 0000000..14d740f --- /dev/null +++ b/wp-content/themes/cosmopet/modules/blog/components/themes/component-template.twig @@ -0,0 +1,15 @@ +
    +

    {{ function('pll_e', 'Темы') }}:

    + +
    \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/img/preview.png new file mode 100644 index 0000000..a4b5b5f Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php index e136f20..29bedbd 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-controller.php @@ -8,14 +8,20 @@ $context['content'] = get_field('content'); $context['order'] = get_field('order'); $context['img'] = get_field('img'); + + + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } + Timber::render('modules/blog/editor-blocks/accent/editor-block-template.twig', $context); } - add_action('acf/init', function(){ +add_action('acf/init', function(){ if( function_exists('acf_register_block') ) { - // register a testimonial block - acf_register_block(array( 'name' => 'gp_accent', 'title' => __('GP - accent'), @@ -24,7 +30,15 @@ 'category' => 'formatting', 'icon' => 'admin-comments', 'keywords' => array( 'accent', 'gp-block',), - 'mode' => 'preview', + 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/accent/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig index 0bf4818..6176a82 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/accent/editor-block-template.twig @@ -1,14 +1,14 @@
    - {% if order %} + {% if not order %} {{img.src}} {% endif %}
    {{content}}
    - {% if not order %} + {% if order %} {{img.src}} {% endif %}
    -
    + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/preview.png new file mode 100644 index 0000000..b4fe249 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php index d3788fb..15f85c2 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-controller.php @@ -6,6 +6,13 @@ $context['is_preview'] = $is_preview; $context['color'] = get_field('type'); $context['content'] = get_field('content'); + + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } + Timber::render('modules/blog/editor-blocks/alerts/editor-block-template.twig', $context); } @@ -23,6 +30,14 @@ 'icon' => 'admin-comments', 'keywords' => array( 'alerts', 'gp-block',), 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/alerts/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig index b3a9280..a694686 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/alerts/editor-block-template.twig @@ -9,7 +9,7 @@ {% elseif color == 'green' %} {% endif %} -

    {{content}}

    +
    {{content}}
    {% if color == 'grey' %} {% endif %} diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/preview.png new file mode 100644 index 0000000..77fb9e3 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php index 3e54c9f..a689f71 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-controller.php @@ -9,6 +9,11 @@ $context['img'] = get_field('img'); $context['plus_minus'] = get_field('plus_minus'); $context['content'] = get_field('content'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/block_img/editor-block-template.twig', $context); } @@ -26,6 +31,14 @@ 'icon' => 'admin-comments', 'keywords' => array( 'block_img', 'gp-block',), 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/block_img/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig index 29f9196..9331df1 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/block_img/editor-block-template.twig @@ -8,7 +8,20 @@ {% endif %}
    {{content}} + {% if plus_minus.plus %} + + {% endif %}
    + {% if not order %}
    {{img.alt}} diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/img/preview.png new file mode 100644 index 0000000..2c15aa5 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php index a7a4c18..134bd04 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/button_block/editor-block-controller.php @@ -8,6 +8,11 @@ $context['button'] = get_field('button'); $context['link'] = get_field('link'); $context['color'] = get_field('color'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/button_block/editor-block-template.twig', $context); } @@ -30,6 +35,14 @@ wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); wp_enqueue_style('gp_button_block_style', get_template_directory_uri() . '/modules/blog/editor-blocks/button_block/assets/css/style.css', array(), '2.0', 'all'); }, + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/button_block/assets/img/preview.png' + ) + ) + ), 'supports' => array( 'align' => true, 'multiple' => true, diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/img/preview.png new file mode 100644 index 0000000..78338b1 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php index 7c2e932..405c94e 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/image/editor-block-controller.php @@ -6,6 +6,11 @@ $context['is_preview'] = $is_preview; $context['image'] = get_field('image'); $context['color'] = get_field('color'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/image/editor-block-template.twig', $context); } @@ -28,6 +33,14 @@ wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); wp_enqueue_style('gp_image_style', get_template_directory_uri() . '/modules/blog/editor-blocks/image/assets/css/style.css', array(), '2.0', 'all'); }, + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/image/assets/img/preview.png' + ) + ) + ), 'supports' => array( 'align' => true, 'multiple' => true, diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/img/preview.png new file mode 100644 index 0000000..7d1aff7 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php index 4224189..cb3fad5 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v1/editor-block-controller.php @@ -6,6 +6,11 @@ $context['is_preview'] = $is_preview; $context['list'] = get_field('list'); $context['icon'] = get_field('icon'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/list_v1/editor-block-template.twig', $context); } @@ -28,6 +33,14 @@ wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); wp_enqueue_style('gp_list_v1_style', get_template_directory_uri() . '/modules/blog/editor-blocks/list_v1/assets/css/style.css', array(), '2.0', 'all'); }, + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/list_v1/assets/img/preview.png' + ) + ) + ), 'supports' => array( 'align' => true, 'multiple' => true, diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/img/preview.png new file mode 100644 index 0000000..f809691 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php index 5fb1959..c08d60b 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/list_v2/editor-block-controller.php @@ -5,6 +5,11 @@ $context['block'] = $block; $context['is_preview'] = $is_preview; $context['list'] = get_field('list'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/list_v2/editor-block-template.twig', $context); } @@ -27,6 +32,14 @@ wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); wp_enqueue_style('gp_list_v2_style', get_template_directory_uri() . '/modules/blog/editor-blocks/list_v2/assets/css/style.css', array(), '2.0', 'all'); }, + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/list_v2/assets/img/preview.png' + ) + ) + ), 'supports' => array( 'align' => true, 'multiple' => true, diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/img/preview.png new file mode 100644 index 0000000..c3edfc0 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php index 112062c..098a2fa 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/swiper/editor-block-controller.php @@ -5,6 +5,11 @@ $context['block'] = $block; $context['is_preview'] = $is_preview; $context['gallery'] = get_field('gallery'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/swiper/editor-block-template.twig', $context); } @@ -22,6 +27,14 @@ 'icon' => 'admin-comments', 'keywords' => array( 'slider', 'gp-block',), 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/swiper/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/img/preview.png new file mode 100644 index 0000000..f9516d5 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php index 1aa4c85..c38af21 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/table/editor-block-controller.php @@ -5,6 +5,11 @@ $context['block'] = $block; $context['is_preview'] = $is_preview; $context['content'] = get_field('content'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/table/editor-block-template.twig', $context); } @@ -21,6 +26,14 @@ 'icon' => 'admin-comments', 'keywords' => array( 'table', 'gp-block',), 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/table/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css index c184da1..b6cc6df 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/css/style.css @@ -32,10 +32,12 @@ } .texts ol li { - display: flex; - align-items: center; + /* display: flex; + align-items: center; */ gap: 12px; counter-increment: num; + padding-left: 46px; + position: relative; } .texts ol li::before { @@ -51,6 +53,10 @@ line-height: 32px; font-weight: 500; color: white; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); } .texts ul { diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/img/preview.png new file mode 100644 index 0000000..974dc9a Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php index 8410e80..abe1103 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/texts/editor-block-controller.php @@ -5,6 +5,11 @@ $context['block'] = $block; $context['is_preview'] = $is_preview; $context['content'] = get_field('content'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/texts/editor-block-template.twig', $context); } @@ -22,10 +27,18 @@ 'icon' => 'admin-comments', 'keywords' => array( 'texts', 'simple block', 'gp-block',), 'mode' => 'preview', + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/texts/assets/img/preview.png' + ) + ) + ), 'enqueue_assets' => function(){ wp_enqueue_style('gp_util_style', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-core.css', array(), '1.0', 'all'); wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); - wp_enqueue_style('gp_texts_style', get_template_directory_uri() . '/modules/blog/editor-blocks/texts/assets/css/style.css', array(), '2.0', 'all'); + wp_enqueue_style('gp_texts_style', get_template_directory_uri() . '/modules/blog/editor-blocks/texts/assets/css/style.css', array(), '5.0', 'all'); } )); } diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/img/preview.png b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/img/preview.png new file mode 100644 index 0000000..3519d5a Binary files /dev/null and b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/assets/img/preview.png differ diff --git a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php index 3404be4..2c22391 100644 --- a/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/editor-blocks/video/editor-block-controller.php @@ -5,6 +5,11 @@ $context['block'] = $block; $context['is_preview'] = $is_preview; $context['video'] = get_field('video'); + // Проверяем, есть ли картинка превью в блоке + if ($is_preview && !empty($block['data']['preview_image'])) { + echo 'Preview'; + return; + } Timber::render('modules/blog/editor-blocks/video/editor-block-template.twig', $context); } @@ -27,6 +32,14 @@ wp_enqueue_style('gp_normalize', get_template_directory_uri() . '/modules/layout/assets/css/gp-style-normalize.css', array(), '1.0', 'all'); wp_enqueue_style('gp_video_style', get_template_directory_uri() . '/modules/blog/editor-blocks/video/assets/css/style.css', array(), '2.0', 'all'); }, + 'example' => array( + 'attributes' => array( + 'data' => array( + 'is_preview' => true, + 'preview_image' => get_template_directory_uri() . '/modules/blog/editor-blocks/video/assets/img/preview.png' + ) + ) + ), 'supports' => array( 'align' => true, 'multiple' => true, diff --git a/wp-content/themes/cosmopet/modules/blog/module-ajax-controller.php b/wp-content/themes/cosmopet/modules/blog/module-ajax-controller.php index e69de29..820c75b 100644 --- a/wp-content/themes/cosmopet/modules/blog/module-ajax-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/module-ajax-controller.php @@ -0,0 +1,38 @@ + 'post', + 'posts_per_page' => 9, // Adjust the number of posts per page + 'paged' => intval($paged) + 1, + ]; + + if (!empty($category)) { + $args['tax_query'] = [ + [ + 'taxonomy' => 'category', + 'field' => 'slug', // or 'term_id', 'name' depending on how you identify categories + 'terms' => $category, + ], + ]; + } + $q = new WP_Query($args); + return new Timber\PostQuery($q); +} + +function ajax_load_blog_posts() { + $page_num = isset($_POST['page_num']) ? sanitize_text_field($_POST['page_num']) : ''; + $context = Timber::context(); + $context['posts'] = get_posts_by_page_and_category($page_num); + $html = Timber::compile('/blog/news-list.twig', $context); + echo $html; + wp_die(); +} + + +add_action('wp_ajax_load_blog_posts', 'ajax_load_blog_posts'); +add_action('wp_ajax_nopriv_load_blog_posts', 'ajax_load_blog_posts'); + + diff --git a/wp-content/themes/cosmopet/modules/blog/module-controller.php b/wp-content/themes/cosmopet/modules/blog/module-controller.php index 7a1c97b..cc5f29a 100644 --- a/wp-content/themes/cosmopet/modules/blog/module-controller.php +++ b/wp-content/themes/cosmopet/modules/blog/module-controller.php @@ -12,6 +12,7 @@ class BlogPost extends \Timber\Post * * @return string */ + public function reading_time() { $symb_per_minute = 2280; @@ -22,6 +23,18 @@ class BlogPost extends \Timber\Post /* translators: %s: Time duration in minute or minutes. */ return sprintf(_n('%s ' . pll__('мин.'), '%s ' . pll__('мин.'), $minutes), (int) $minutes); } + public function get_author_name() + { + if (get_field('post_author', $this->ID)){ + return get_the_title(get_field('post_author', $this->ID)); + } + return false; + } + public function get_author_img() + { + $id = get_field('post_author', $this->ID); + return get_the_post_thumbnail_url( $id, 'thumbnail' ); + } } add_filter('timber/post/classmap', function ($classmap) { diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php index 62f9b14..623c2ca 100644 --- a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.php @@ -3,7 +3,8 @@ add_shortcode( 'subs_form', 'subs_form' ); function subs_form( $atts ){ - return \Timber\Timber::compile( 'blog/shortcodes/subs_form/shortcode.twig'); + $context = Timber::get_context(); + return \Timber\Timber::compile( 'blog/shortcodes/subs_form/shortcode.twig', $context); } diff --git a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig index 6bde05a..2ce6fd0 100644 --- a/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig +++ b/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form/shortcode.twig @@ -1,11 +1,13 @@ {% set current_path = '/wp-content/themes/cosmopet/modules/blog/shortcodes/subs_form' %} -
    +

    {{ function('pll_e', 'Узнайте о нас больше и получите скидку!') }}

    -
    - + + + +
    diff --git a/wp-content/themes/cosmopet/modules/blog/components/archive/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/example/module.template.twig similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/archive/component-ajax-controller.php rename to wp-content/themes/cosmopet/modules/example/module.template.twig diff --git a/wp-content/themes/cosmopet/modules/footer/module-controller.php b/wp-content/themes/cosmopet/modules/footer/module-controller.php index 6b46b98..389c8b6 100644 --- a/wp-content/themes/cosmopet/modules/footer/module-controller.php +++ b/wp-content/themes/cosmopet/modules/footer/module-controller.php @@ -1,14 +1,14 @@ - \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/footer/module.template.twig b/wp-content/themes/cosmopet/modules/footer/module.template.twig new file mode 100644 index 0000000..5574dc8 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/footer/module.template.twig @@ -0,0 +1,52 @@ +{% set current_path = template_path ~ '/modules/footer' %} + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js index 4f137cf..d79f7aa 100644 --- a/wp-content/themes/cosmopet/modules/forms/assets/js/form.js +++ b/wp-content/themes/cosmopet/modules/forms/assets/js/form.js @@ -1,19 +1,90 @@ jQuery(document).ready(function($) { + + $('.form-process').submit(function(event) { event.preventDefault(); + let validate = validateForm(this); + if (validate){ + action = $(this).attr('action') + let formData = $(this).serialize(); + $.ajax({ + type: 'POST', + url: '/wp-admin/admin-ajax.php', + data: { + action: action, + formData: formData + }, + success: function(response) { + alert(response.message); + } + }); + } + }); +}); + +const metaLocale = document.querySelector('meta[property="og:locale"]'); +const localeValue = metaLocale.getAttribute('content'); - let formData = $(this).serialize(); - - $.ajax({ - type: 'POST', - url: '/wp-admin/admin-ajax.php', - data: { - action: 'process_form', - formData: formData - }, - success: function(response) { - alert(response.message); + + // Функция валидации формы + function validateForm(form) { + // Очищаем предыдущие сообщения об ошибках внутри этой формы + clearErrorMessages(form); + let validated = true + // Валидация поля имени + const nameInput = form.querySelector('input[name="name"]'); + + if (nameInput && !nameInput.value.trim()) { + if(localeValue == 'en_US'){ + showError(nameInput, 'The name is requeried field'); + } + if(localeValue == 'ru_RU'){ + showError(nameInput, 'Поле имени обязательно для заполнения.'); + } + validated = false } - }); - }); -}); \ No newline at end of file + + // Валидация поля email + const emailInput = form.querySelector('input[name="email"]'); + const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + if (emailInput && !emailPattern.test(emailInput.value.trim())) { + + if(localeValue == 'en_US'){ + showError(emailInput, 'Email is incorrect.'); + } + if(localeValue == 'ru_RU'){ + showError(emailInput, 'Введите корректный email.'); + } + validated = false + } + + // Валидация поля телефона + const phoneInput = form.querySelector('input[name="phone"]'); + const phonePattern = /^\+?\d{10,15}$/; + if (phoneInput && !phonePattern.test(phoneInput.value.trim())) { + if(localeValue == 'en_US'){ + showError(phoneInput, 'The phone is incorrect.'); + } + if(localeValue == 'ru_RU'){ + showError(phoneInput, 'Введите корректный номер телефона.'); + } + validated = false + } + return validated + } + + // Функция для отображения сообщения об ошибке + function showError(input, message) { + const errorMessage = document.createElement('div'); + errorMessage.className = 'error-message'; + errorMessage.textContent = message; + input.insertAdjacentElement('afterend', errorMessage); + } + + // Функция для очистки сообщений об ошибках внутри конкретной формы + function clearErrorMessages(form) { + const errorMessages = form.querySelectorAll('.error-message'); + errorMessages.forEach(errorMessage => { + errorMessage.remove(); + }); + } \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php b/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php index edf09f5..dacdfd5 100644 --- a/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php +++ b/wp-content/themes/cosmopet/modules/forms/module-ajax-controller.php @@ -2,18 +2,31 @@ require_once 'module-controller.php'; -add_action('wp_ajax_process_form', 'process_form'); -add_action('wp_ajax_nopriv_process_form', 'process_form'); +add_action('wp_ajax_contact_form', function() { + $enabledHandlers = ['b24', 'email']; + process_form($enabledHandlers); +}); -function process_form() { - $formData = $_POST['formData']; +add_action('wp_ajax_nopriv_contact_form', function() { + $enabledHandlers = ['b24', 'email']; + process_form($enabledHandlers); +}); - // Получаем обработчик с цепочкой декораторов - $handler = FormHandlerFactory::getHandler(); - - // Обрабатываем форму (отправляем в несколько сервисов) - $response = $handler->handle($formData); +add_action('wp_ajax_subscribe_form', function() { + $enabledHandlers = ['b24', 'email', 'mindbox']; + process_form($enabledHandlers); +}); + +add_action('wp_ajax_nopriv_subscribe_form', function() { + $enabledHandlers = ['b24', 'email', 'mindbox']; + process_form($enabledHandlers); +}); + +function process_form($enabledHandlers) { + $formData = $_POST['formData']; + $handler = FormHandlerFactory::getHandler($enabledHandlers); + $response = $handler->handle($formData); wp_send_json($response); } diff --git a/wp-content/themes/cosmopet/modules/forms/module-controller.php b/wp-content/themes/cosmopet/modules/forms/module-controller.php index 7017d69..7a16dc8 100644 --- a/wp-content/themes/cosmopet/modules/forms/module-controller.php +++ b/wp-content/themes/cosmopet/modules/forms/module-controller.php @@ -38,35 +38,92 @@ class mindboxHandler extends FormHandler { public function handle($data) { // Отправка в стандартный обработчик (например, email) error_log("Отправка в mindBox: " . json_encode($data)); - + // if (is_string($data)) { + // parse_str($data, $parsedData); // Преобразуем строку в массив + // $data = $parsedData; + // } + + // $url = 'https://api.mindbox.ru/v3/operations/async?endpointId=cosmopet.Website&operation=DobavleniePolzovatelyaSSajta'; + + // $data = array( + // "email" => $data['email'], + // "subscriptions" => array( + // array( + // "pointOfContact"=> "Email" + // ), + // ), + // ); + + // $data_string = json_encode(array("customer" =>$data)); + + // $ch = curl_init($url); + + // curl_setopt($ch, CURLOPT_POSTFIELDS, $data_string); + + // curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type:application/json')); + + // curl_setopt($ch, CURLOPT_RETURNTRANSFER, true); + + + // $result = curl_exec($ch); + + // curl_close($ch); return parent::handle($data); } } class emailHandler extends FormHandler { public function handle($data) { - $to = 'fcs.andrew@gmail.com'; - $subject = 'Test Email'; - $message = json_encode($data, JSON_PRETTY_PRINT); // Преобразуем данные в строку - $headers = ['Content-Type: text/plain; charset=UTF-8']; + + $to = 'fcs.andrew@gmail.com'; // Укажите email, на который нужно отправить данные + $subject = 'Форма обработана'; // Тема письма + $message = $this->formatData($data); // Форматируем данные + + $headers = ['Content-Type: text/plain; charset=UTF-8']; // Заголовки письма + + // Отправляем письмо wp_mail($to, $subject, $message, $headers); + + // Вызываем следующий обработчик в цепочке return parent::handle($data); } + + private function formatData($data) { + if (is_string($data)) { + parse_str($data, $parsedData); // Преобразуем строку в массив + $data = $parsedData; + } + $formattedMessage = "Данные формы:\n\n"; + + // Проходим по всем полям данных и добавляем их в сообщение + foreach ($data as $key => $value) { + $formattedMessage .= sprintf("%s: %s\n", $key, $value); + } + + return $formattedMessage; + } } class FormHandlerFactory { - public static function getHandler() { - // Базовый обработчик - $handler = new emailHandler(); - - // Добавляем в цепочку обработчиков - $handler = new mindboxHandler($handler); - $handler = new zohoHandler($handler); - $handler = new b24Handler($handler); - return $handler; + public static function getHandler(array $enabledHandlers) { + $handler = null; + if (in_array('email', $enabledHandlers)) { + $handler = new emailHandler($handler); + } + if (in_array('zoho', $enabledHandlers)) { + $handler = new zohoHandler($handler); + } + if (in_array('mindbox', $enabledHandlers)) { + $handler = new mindboxHandler($handler); + } + if (in_array('b24', $enabledHandlers)) { + $handler = new b24Handler($handler); + } + + + return $handler ?: new DefaultHandler(); } } - ?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/blog/components/author-banner/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/forms/module.template.twig similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/author-banner/component-ajax-controller.php rename to wp-content/themes/cosmopet/modules/forms/module.template.twig diff --git a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css index 2a098d2..82761d5 100644 --- a/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css +++ b/wp-content/themes/cosmopet/modules/header/assets/css/gp-style-desktop.css @@ -321,7 +321,7 @@ display: none; .header__menu-block{ position: absolute; - top: 0; + top: 56px; left: 0; width: 100%; @@ -342,6 +342,7 @@ display: none; justify-content: center; position: relative; + } .header__pc-menu::before{ content: ''; @@ -524,11 +525,6 @@ background: #fff; width: 0px; } -main{ -padding-top: 72px; -} - - .modal__login { width: 412px; } @@ -684,9 +680,6 @@ padding-top: 72px; /* Стили для планшетов */ @media only screen and (max-width: 1200px) { /* header */ - main{ - padding-top: 64px; - } .main-menu{ display: none; } @@ -720,7 +713,7 @@ padding-top: 72px; display: block; } .header__menu-block{ - top: 0; + top: 36px; } .header__content::after{ left: 0; @@ -737,4 +730,3 @@ padding-top: 72px; } - \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/header/module-ajax-controller.php b/wp-content/themes/cosmopet/modules/header/module-ajax-controller.php deleted file mode 100644 index e69de29..0000000 diff --git a/wp-content/themes/cosmopet/modules/header/module-controller.php b/wp-content/themes/cosmopet/modules/header/module-controller.php index dc10d56..ca66363 100644 --- a/wp-content/themes/cosmopet/modules/header/module-controller.php +++ b/wp-content/themes/cosmopet/modules/header/module-controller.php @@ -1,4 +1,69 @@ 'page', + 'name' => 'o-kompanii', + 'limit' => 1 + ]); + + $production_page = Timber::get_post([ + 'post_type' => 'page', + 'name' => 'proizvodstvo', // Обратите внимание на возможную опечатку в slug + 'limit' => 1 + ]); + + // Устанавливаем URL для страницы "О компании" + if ($about_page) { + $context['about_url'] = '/o-kompanii/'; + $context['about_url_en'] = '/en/about-us/'; + } else { + $context['about_url'] = 'https://cosmopet.shop/chto-takoe-entoprotein/'; + $context['about_url_en'] = 'https://cosmopet.shop/en/about-2/'; + } + + // Устанавливаем URL для страницы "Производство" + if ($production_page) { + $context['production_url'] = '/proizvodstvo/'; + $context['production_url_en'] = '/en/production/'; + } else { + $context['production_url'] = 'https://cosmopet.shop/proizvodstvo/'; + $context['production_url_en'] = 'https://cosmopet.shop/en/production/'; + } + if (!is_home_page_posts_archive()) { + $context['front_url'] = "/"; + $context['front_url_en'] = "/en/main/"; + } + else{ + $context['front_url'] = "https://cosmopet.shop/"; + $context['front_url_en'] = "https://cosmopet.shop/en/main/"; + } + + return $context; +}); ?> \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css index e2e7631..5767d4d 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-core.css @@ -153,4 +153,40 @@ textarea{ font-size: 18px; line-height: 24px; } +} + +.main_link { + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: var(--creme-white, #F4F1F0); + width: 221px; + height: 50px; + padding: 10px; + white-space: nowrap; + display: flex; + align-items: center; + justify-content: center; + border-radius: 48px; + border: 2px solid var(--creme-white, #F4F1F0); + transition: .3s ease all; +} +.main_link:hover { + background-color: #F4F1F0; + color: #121212; +} + + +.discount__sale .discount_form .discount_form-btn:hover { + color: #FFF; +} + +@media only screen and (max-width: 576px) { + .main_link { + font-size: 12px; + line-height: 14.4px; + width: 129px; + height: 29px; + padding: 7px; + } } \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css index 5915fe0..c8dddf3 100644 --- a/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css +++ b/wp-content/themes/cosmopet/modules/layout/assets/css/gp-style-full.css @@ -919,7 +919,7 @@ body { .article-home__card { width: 100%; - height: 500px; + aspect-ratio: 1223/500; } .article-home__card img { @@ -1369,7 +1369,7 @@ body { .article-home__card { order: 2; - height: 199px; + } .article-home__card img { diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/Abel/Abel-Regular.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Abel/Abel-Regular.ttf new file mode 100644 index 0000000..5245501 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Abel/Abel-Regular.ttf differ diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf new file mode 100644 index 0000000..9c62ebc Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Bold.ttf differ diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf new file mode 100644 index 0000000..b8629fc Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Medium.ttf differ diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf new file mode 100644 index 0000000..7298891 Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-Regular.ttf differ diff --git a/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf new file mode 100644 index 0000000..926c24f Binary files /dev/null and b/wp-content/themes/cosmopet/modules/layout/assets/fonts/Craftwork_Grotesk_Trial/CraftworkGrotesk-SemiBold.ttf differ diff --git a/wp-content/themes/cosmopet/modules/blog/components/editorial/component-ajax-controller.php b/wp-content/themes/cosmopet/modules/layout/assets/js/core.js similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/editorial/component-ajax-controller.php rename to wp-content/themes/cosmopet/modules/layout/assets/js/core.js diff --git a/wp-content/themes/cosmopet/modules/layout/module.template.twig b/wp-content/themes/cosmopet/modules/layout/module.template.twig new file mode 100644 index 0000000..33532d3 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/layout/module.template.twig @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + {{ function('wp_head') }} + + + + + + {% if current_lang == 'en' %} + {% include 'header/module.template_ENG.twig' %} + {% elseif current_lang == 'fr' %} + {% else %} + {% include 'header/module.template_RU.twig' %} + {% endif %} + + +
    + {% block content %} + {% endblock %} +
    + + {% include 'footer/module.template.twig' %} +
    + {{ function('wp_footer') }} + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/modules/popup/module.template.twig b/wp-content/themes/cosmopet/modules/popup/module.template.twig new file mode 100644 index 0000000..80f3776 --- /dev/null +++ b/wp-content/themes/cosmopet/modules/popup/module.template.twig @@ -0,0 +1,60 @@ +{% set current_path = template_path ~ '/modules/footer' %} + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/css/style.css b/wp-content/themes/cosmopet/static/about/css/style.css new file mode 100644 index 0000000..0bf147a --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/css/style.css @@ -0,0 +1,911 @@ +/* */ + +:root{ + --grey-black: #121212; + --creme-white: #F4F1F0; + --transition: .3s all ease; + --GR1: linear-gradient(22deg, #F44242 23.69%, #569EF0 66.57%); + --new-blue: #569EFF; + --border: 60px; +} + +.hero{ + position: relative; + background: var(--radial); + overflow: hidden; + z-index: 1; +} +.cont { + max-width: 1060px; + padding: 0px 30px; + margin: 0 auto; +} +.hero .cont{ + padding-top: 245px; + padding-bottom: 132px; + position: relative; +} +.hero_image{ + position: absolute; + top: 0; + right: 0; + z-index: -2; + mix-blend-mode: soft-light; +} +.hero_title{ + font-size: 82px; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + color: #F4F1F0; + padding: 0 0 32px 0; +} +.hero_image_mobile, +.home_line2{ + display: none; +} +.about{ + border-radius: 60px; + background: var(--creme-white); + box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15); + padding: 145px 0 100px 0; + margin: -60px 0 0 0; + position: relative; + z-index: 2; +} +.section_top{ + display: flex; + align-items: center; + gap: 35px; +} +.block_title{ + font-size: 36px; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + color: var(--grey-black); +} +.about .section_top{ + margin: 0 0 200px 0; +} +.about_top_image2{ + display: none; +} +.section_title2{ + font-size: 99px; + font-weight: 700; + line-height: 110.5%; + text-transform: uppercase; + margin: 0 0 15px 0; + color: var(--grey-black); +} +.description{ + font-size: 24px; + font-weight: 500; + line-height: normal; + color: var(--grey-black); +} +.advantage_row{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 120px 0; + margin: 200px 0; + align-items: flex-start; +} +.advantage_row2{ + display: flex; + flex-wrap: wrap; + justify-content: space-between; + gap: 120px 30px; + margin: 0 0 200px 0; +} +.advantage_row2 .advantage_item{ + max-width: 100%; + width: calc(50% - 15px); +} +.advantage_item{ + position: relative; +} +.advantage_item:not(.for_border .advantage_item), .for_border:has(.advantage_item){ + width: 435px; + max-width: calc(50% - 15px); +} +.advantage_item:last-child .advantage_title, .advantage_item:last-child .description:not(.for_border .description){ + width: 100%; +} +.advantage_title{ + font-size: 36px; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + color: var(--grey-black); + margin: 0 0 24px 0; + width: 85%; +} +.advantage_image{ + position: absolute; + left: 0; + z-index: -1; + top: -130px; + max-width: 234px; + max-height: 234px; +} +.advantage_item .description:not(.for_border .description){ + width: 80%; +} +.advantage_image2{ + width: 100%; +} +.advantage_row .advantage_item:nth-child(3) .advantage_image{ + top: -165px; +} +.advantage_row .advantage_item:nth-child(3){ + margin: 82px 0 0 0; +} +.about .for_border{ + border-radius: 60px; + background: var(--GR1); + padding: 2px; + box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15); +} +.about .for_border .advantage_item{ + background-color: var(--creme-white); + padding: 45px 34px 45px 50px; + border-radius: 58px; +} +.protein{ + margin: 200px 0 140px 0; + position: relative; + z-index: 0; +} +.protein img{ + width: 100%; +} +.protein::before{ + position: absolute; + content: ''; + width: 103%; + height: 132%; + left: 0; + top: -7%; + background-image: url(../img/protein_ellipse.png); + background-size: contain; + background-repeat: no-repeat; + z-index: -1; + animation: rotateAnimation 10s infinite; +} +@keyframes rotateAnimation { + 0% { + transform: rotate(0deg); + } + 50% { + transform: rotate(45deg); + } + 100% { + transform: rotate(0deg); + } +} +.protein .description{ + position: absolute; + z-index: 1; +} +.protein .description:first-child{ + left: 16px; + top: -23px; +} +.protein .description:nth-child(2){ + top: -25px; + right: 0; +} +.protein .description:nth-child(3){ + left: 0; + bottom: 112px; +} +.protein .description:nth-child(4){ + right: 0; + bottom: 113px; +} + +.diagram{ + margin: 0 0 200px 0; +} +.diagram_texts{ + display: flex; + align-items: center; + justify-content: flex-start; + margin: 40px 0 20px 0; +} +.diagram_texts .description{ + width: 33.3%; + text-align: left; +} +.diagram img{ + width: 100%; +} +.etaps_row{ + display: flex; + align-items: center; + gap: 120px; + justify-content: flex-start; + margin: 135px 0 100px 0; + position: relative; + padding-right: 252px; +} +.etaps_col{ + display: flex; + flex-direction: column; + gap: 135px; + align-items: flex-start; +} +.etap_item{ + display: flex; + align-items: flex-start; + gap: 25px; +} +.etap_item:nth-child(2) .description{ + max-width: 67%; +} +.etaps_anim{ + max-width: 252px; + position: absolute; + right: 0; + top: 50%; + transform: translate(0,-50%); +} +.faq_section{ + background: radial-gradient(358.38% 263.16% at 123.55% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); + padding: 140px 0 160px 0; + margin: -70px 0 0 0; +} +.faq_section .section_title2{ + color: var(--creme-white); + margin: 0 0 50px 0; +} +.faq_block { + background-color: var(--creme-white); + border-radius: 60px; + border: 2px solid var(--grey-black); +} +.faq_block .faq_item { + padding: 0 72px 0 49px; + font-size: 24px; + font-weight: 500; + color: var(--grey-black); + border-bottom: 2px solid var(--grey-black); +} +.faq_block .faq_item:last-child{ + border: none; +} + +.faq_top{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 44px 0 52px 0; + cursor: pointer; +} +.faq_block .faq_top{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 20px; + padding: 44px 0 52px 0; +} +.faq_block .faq_top .faq_arr_down{ + padding: 5px; + transition: var(--transition); +} +.faq_block .faq_top .faq_arr_down.rotate{ + transform: rotateX(180deg); +} +.faq_block .faq_body{ + overflow: hidden; + margin: 0; + height: 0; + transition: var(--transition); +} +.faq_block .faq_body.open{ + margin: 0 0 30px 0; + height: auto; +} +.desctop_none{ + display: none; +} + +@media (min-width: 980px) { + .advantage_row, .advantage_row2{ + padding-right: 5%; + } +} + +.section_title{ + font-size: 82px; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + color: var(--grey-black); +} + + +@media only screen and (max-width: 1170px) { + .footer_form .footer_form-title h2, + .footer_box .footer_box-title{ + font-size: 30px; + line-height: 34px; + } + .footer_box .footer_box-link { + font-size: 20px; + line-height: 24px; + } + .pet_inputs .input_name{ + font-size: 22px; + padding: 31px 22px; + } + .section_title2 { + font-size: 70px; + } + .hero_title { + font-size: 78px; + padding: 150px 0; + } + .block_title { + font-size: 30px; + } + .block_title { + font-size: 24px; + } + .about .section_top, + .advantage_row2, + .diagram{ + margin: 0 0 150px 0; + } + .advantage_row{ + margin: 200px 0 150px 0; + } + .protein{ + margin: 150px 0 140px 0; + } +} + +@media only screen and (max-width: 950px){ + .footer_form .footer_form-info, + .footer_form .footer_form-inp input, + .footer_form .footer_form-inp{ + width: 100%; + } +.section_title{ + font-size: 48px; +} +.section_title2 { + font-size: 55px; +} +.description{ + font-size: 20px; +} +.hero_title { + font-size: 60px; + padding: 120px 0; +} +.hero .cont { + padding-top: 100px; + padding-bottom: 170px; +} +.faq_block .faq_top{ + padding: 30px 0; +} +.about{ + padding: 100px 0; +} +.about .section_top, .advantage_row2, .diagram { + margin: 0 0 100px 0; +} +.advantage_row .advantage_item:nth-child(3) { + margin: 74px 0 0 0; +} +.advantage_row{ + margin: 200px 0 100px 0; +} +.protein { + margin: 100px 0 140px 0; +} +.etaps_row{ + margin: 100px 0; +} +.etaps_col{ + gap: 100px; +} +.advantage_title { + font-size: 28px; +} +.protein .description:nth-child(4) { + bottom: 98px; +} +.protein .description:nth-child(3) { + bottom: 98px; +} +.etaps_anim{ + display: none; +} +.etaps_row{ + padding-right: 0; +} +} +@media only screen and (max-width: 776px){ + /* FAQ */ + .section_top .section_title{ + width: 100%; + } + .section_title{ + width: 100%; + } + .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq{ + padding: 0 0 80px 0; + } + .section_title2 { + font-size: 36px; + margin: 0 0 20px 0; + } + .description{ + font-size: 16px; + } + + .header_navs select{ + color: var(--grey-black); + border-color: var(--grey-black); + background-image: url(../img/i-arr_down_black.svg); + } + .hero_title { + font-size: 45px; + } + .hero_image{ + display: none; + } + .hero_image_mobile{ + display: block; + position: absolute; + top: 45px; + right: 50%; + transform: translate(50%,0); + z-index: -2; + mix-blend-mode: soft-light; + } + .home .home_line2, .hero .home_line2 { + position: absolute; + display: block; + top: 56px; + left: 0; + width: 108%; + z-index: -1; + } + .about .section_top{ + flex-direction: column; + gap: 0; + align-items: center; + } + .block_title { + font-size: 22px; + } + .about_top_image2{ + display: block; + } + .about_top_image{ + display: none; + } + .about{ + padding: 80px 0; + } + + /* FAQ */ + .faq_block .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq_section{ + padding: 120px 0; + } + .faq_block .faq_top { + padding: 25px 0; + } + + /* */ + .etap_right_anim{ + display: none; + } + .advantage_row .advantage_item:not(.for_border .advantage_item){ + width: 70%; + max-width: 100%; + } + .advantage_row .for_border:has(.advantage_item){ + max-width: 100%; + width: 100%; + } + .advantage_image{ + max-width: 150px; + max-height: 150px; + width: 100%; + height: auto; + object-fit: contain; + top: -100px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -108px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -115px; + } + .for_border .advantage_item{ + padding: 25px 24px 25px 30px; + } + .advantage_row .advantage_item:nth-child(3){ + margin: 0; + } + .advantage_row .advantage_item:nth-child(2){ + text-align: right; + display: flex; + flex-direction: column; + align-items: flex-end; + width: 100% !important; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, + .advantage_row .advantage_item:nth-child(2) .description{ + max-width: 60%; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image{ + left: unset; + right: 0; + } + .advantage_row2{ + flex-direction: column-reverse; + gap: 90px; + } + .advantage_row2 .advantage_item:not(.for_border .advantage_item){ + width: 100%; + max-width: 100%; + } + .advantage_row{ + margin: 150px 0 100px 0; + gap: 90px; + } + .advantage_title:not(.advantage_row2 .advantage_title){ + width: 54%; + } + .etaps_row { + margin: 80px 0; + } + .etaps_col { + gap: 70px; + } + .about .section_top, .advantage_row2, .diagram { + margin: 0 0 80px 0; + } + .advantage_title { + font-size: 20px; + } + .protein .description:first-child { + top: -16px; + } + .protein .description:nth-child(2) { + top: -16px; + } + .protein .description:nth-child(3) { + bottom: 78px; + } + .protein .description:nth-child(4) { + bottom: 78px; + } +} + +@media only screen and (max-width: 576px){ + .section_title { + font-size: 26px; + } + .faq .section_desc{ + margin: 12px 0 0 0; + } + .faq .data_block{ + margin: 15px 0 0 0; + } + .faq_item{ + font-size: 12px; + padding: 0 14px; + border-width: 1px; + } + .faq_top { + padding: 25px 0; + } + .faq_body.open{ + margin: 0 0 14px 0; + } + .faq{ + padding: 0 0 45px 0; + } + + .section_title2 { + font-size: 26px; + margin: 0 0 12px 0; + } + .description{ + font-size: 12px; + line-height: 115%; + } + .main_link { + font-size: 12px; + line-height: 14.4px; + width: 129px; + height: 29px; + padding: 7px; + } + .hero .cont { + padding-top: 217px; + padding-bottom: 94px; + } + .hero_block { + display: flex; + flex-direction: column; + justify-content: flex-end; + gap: 18px; + padding: 0 0 54px 0; + } + .hero_title { + font-size: 32px; + width: 100%; + padding: 0; + } + + .block_title { + font-size: 12px; + line-height: 135%; + } + .about .section_top { + margin: 0 0 50px 0; + } + + .faq_block .faq_item{ + font-size: 12px; + padding: 0 14px; + } + .faq_block .faq_top { + padding: 20px 0; + } + .faq_block .faq_body{ + line-height: normal; + } + .faq_block .faq_body.open{ + margin: 0 0 14px 0; + line-height: normal; + } + /* */ + .about{ + padding: 40px 0 60px 0; + border-radius: 25px; + } + .about .section_top{ + margin: 0 0 50px 0; + } + .description:last-child{ + margin-bottom: 0; + } + .description{ + margin-top: 20px; + } + .advantage_title { + font-size: 12px; + margin: 0 0 5px 0; + } + .advantage_image2{ + margin: 10px 0 0 0; + } + .advantage_image{ + max-width: 87px; + max-height: 87px; + top: -55px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -58px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -70px; + } + .advantage_item .description:not(.for_border .description) { + width: 84%; + } + .for_border .advantage_item .description{ + line-height: 115%; + } + .advantage_row { + margin: 90px 0 70px 0; + gap: 64px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, .advantage_row .advantage_item:nth-child(2) .description { + max-width: 66%; + } + .about .for_border{ + border-radius: 25px; + } + .about .for_border .advantage_item{ + border-radius: 23px; + padding: 17px 23px; + } + .advantage_row2{ + gap: 40px; + } + .advantage_row2, .diagram { + margin: 0 0 50px 0; + } + .protein { + margin: 50px 0; + } + .diagram_texts{ + margin: 2px 0 10px 0; + gap: 19px; + } + .diagram_texts .description { + width: 26.3%; + margin-top: 20px; + margin-bottom: 0; + } + .diagram img { + width: 110%; + left: -5%; + position: relative; + } + .etaps_row { + margin: 10px 0 0 0; + } + .mobile_none{ + display: none; + } + .desctop_none{ + display: block; + } + .etap_item{ + gap: 5px; + } + .etap_item img{ + width: 46px; + flex-shrink: 0; + height: 26px; + margin-right: -4px; + margin-left: -15px; + } + .etap_item .description{ + line-height: 135%; + margin-top: 0; + } + .etaps_col { + gap: 43px; + } + .description svg{ + width: 5px; + height: 11px; + } + .faq_section .section_title2{ + display: none; + } + .faq_block{ + border-width: 1px; + border-radius: 25px; + } + .faq_block .faq_item{ + border-width: 1px; + } + .faq_arr_down img{ + height: 4px; + width: 7px; + } + .faq_block .faq_title{ + line-height: 100%; + } + .mobile_none2{ + display: none; + } + .remined_text img{ + width: 17px; + height: 17px; + } + .protein .description{ + max-width: 106px; + } + .protein .description:first-child { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(2) { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(3) { + bottom: 59px; + } + .protein .description:nth-child(4) { + bottom: 57px; + } + .protein::before{ + top: -15%; + } + .etap_item:nth-child(2) .description { + max-width: 100%; + } + + .footer_form .footer_form-title h2, +.footer_box .footer_box-title{ + font-size: 12px; + line-height: 16.2px; + font-weight: 700; +} +.footer_box .footer_box-link{ + font-size: 12px; + line-height: 16.2px; +} +.footer_form-textarea textarea, +.footer_form-inp input { + height: 28px; + border: 1px solid var(--grey-black, #121212); + padding: 5px 18px; + font-size: 12px; + line-height: 14.4px; + opacity: .5; +} +.footer_block .footer_bottom a, +.footer_form-inp input::placeholder{ + font-size: 12px; + line-height: 14.4px; +} +.footer_form-textarea textarea{ + height: 123px; + padding: 7px 18px; + border-radius: 17px; +} +.footer_form .footer_form-textarea{ + display: flex; + flex-direction: column; + gap: 13px; +} +.footer_form-textarea .footer_form-btn{ + position: static; + width: 100%; +} +.footer_block .footer_social{ + gap: 14px; +} +.footer_block .footer_bottom a:nth-child(2){ + display: none; +} +.footer_form .footer_form-inp{ + flex-direction: column; +} +} + +@media only screen and (min-width: 576px){ + .mobile_none{ + display: block !important; + } + .data_block_title .mobile_none, + .collapse_input .mobile_none{ + display: inline !important; + } + .desctop_none{ + display: none !important; + } +} +@media only screen and (max-width: 450px){ + .protein .description:nth-child(3) { + bottom: 48px; + } + .protein .description:nth-child(4) { + bottom: 46px; + right: -25px; + } +} + +.advantage_item .description{ + margin-top: 0; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/img/about_top_image.png b/wp-content/themes/cosmopet/static/about/img/about_top_image.png new file mode 100644 index 0000000..4832574 Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/about_top_image.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/about_top_image2.png b/wp-content/themes/cosmopet/static/about/img/about_top_image2.png new file mode 100644 index 0000000..68a2d14 Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/about_top_image2.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/advantage1.svg b/wp-content/themes/cosmopet/static/about/img/advantage1.svg new file mode 100644 index 0000000..37d9370 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/advantage1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/img/advantage2.svg b/wp-content/themes/cosmopet/static/about/img/advantage2.svg new file mode 100644 index 0000000..99b3449 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/advantage2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/img/advantage3.svg b/wp-content/themes/cosmopet/static/about/img/advantage3.svg new file mode 100644 index 0000000..a138781 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/advantage3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/img/advantage4.svg b/wp-content/themes/cosmopet/static/about/img/advantage4.svg new file mode 100644 index 0000000..94e8fec --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/advantage4.svg @@ -0,0 +1,90 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/diagram.svg b/wp-content/themes/cosmopet/static/about/img/diagram.svg new file mode 100644 index 0000000..316347e --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/diagram.svg @@ -0,0 +1,288 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/etap1.svg b/wp-content/themes/cosmopet/static/about/img/etap1.svg new file mode 100644 index 0000000..e620f16 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/etap1.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/etap2.svg b/wp-content/themes/cosmopet/static/about/img/etap2.svg new file mode 100644 index 0000000..9d43f53 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/etap2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/etap3.svg b/wp-content/themes/cosmopet/static/about/img/etap3.svg new file mode 100644 index 0000000..41982a6 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/etap3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/etaps_right.svg b/wp-content/themes/cosmopet/static/about/img/etaps_right.svg new file mode 100644 index 0000000..a522bba --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/etaps_right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/about/img/hero_image.png b/wp-content/themes/cosmopet/static/about/img/hero_image.png new file mode 100644 index 0000000..13b8e1c Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/hero_image.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/hero_image_desctop.png b/wp-content/themes/cosmopet/static/about/img/hero_image_desctop.png new file mode 100644 index 0000000..875cf1a Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/hero_image_desctop.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/hero_image_mobile.png b/wp-content/themes/cosmopet/static/about/img/hero_image_mobile.png new file mode 100644 index 0000000..c30899a Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/hero_image_mobile.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/home-line2.svg b/wp-content/themes/cosmopet/static/about/img/home-line2.svg new file mode 100644 index 0000000..7baee62 --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/img/home-line2.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/about/img/protein.png b/wp-content/themes/cosmopet/static/about/img/protein.png new file mode 100644 index 0000000..4e9670b Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/protein.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/protein_ellipse.png b/wp-content/themes/cosmopet/static/about/img/protein_ellipse.png new file mode 100644 index 0000000..5533c59 Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/protein_ellipse.png differ diff --git a/wp-content/themes/cosmopet/static/about/img/protein_mobile.png b/wp-content/themes/cosmopet/static/about/img/protein_mobile.png new file mode 100644 index 0000000..70f926b Binary files /dev/null and b/wp-content/themes/cosmopet/static/about/img/protein_mobile.png differ diff --git a/wp-content/themes/cosmopet/static/about/js/script.js b/wp-content/themes/cosmopet/static/about/js/script.js new file mode 100644 index 0000000..8894e8a --- /dev/null +++ b/wp-content/themes/cosmopet/static/about/js/script.js @@ -0,0 +1,41 @@ +document.addEventListener('DOMContentLoaded', function () { + + +if (document.querySelector('.faq_section')) { + + let faqToggles = document.querySelectorAll('.faq_top'); + + faqToggles.forEach(function(toggle) { + toggle.addEventListener('click', function() { + const faqTop = this; + const faqBody = faqTop.nextElementSibling; + + document.querySelectorAll('.faq_body').forEach(function(body) { + if (body !== faqBody) { + body.style.height = '0px'; + body.classList.remove('open'); + + const otherArrow = body.previousElementSibling.querySelector('.faq_arr_down'); + if (otherArrow) { + otherArrow.classList.remove('rotate'); + } + } + }); + + if (faqBody.classList.contains('open')) { + faqBody.style.height = '0px'; + } else { + faqBody.style.height = `${faqBody.scrollHeight}px`; + } + + faqBody.classList.toggle('open'); + + const faqArrow = faqTop.querySelector('.faq_arr_down'); + if (faqArrow) { + faqArrow.classList.toggle('rotate'); + } + }); + }); +} + +}); \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/front-page/css/carousel.css b/wp-content/themes/cosmopet/static/front-page/css/carousel.css new file mode 100644 index 0000000..a0df508 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/css/carousel.css @@ -0,0 +1,173 @@ +.slider { + position: relative; + height: 400px; + width: 100%; +} +.slider.fullscreen { + height: 100%; + width: 100%; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.slider.fullscreen ul.slides { + height: 100%; +} +.slider.fullscreen ul.indicators { + z-index: 2; + bottom: 30px; +} +.slider .slides { + background-color: #9e9e9e; + margin: 0; + height: 400px; +} +.slider .slides li { + opacity: 0; + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: inherit; + overflow: hidden; +} +.slider .slides li img { + height: 100%; + width: 100%; + background-size: cover; + background-position: center; +} +.slider .slides li .caption { + color: #fff; + position: absolute; + top: 15%; + left: 15%; + width: 70%; + opacity: 0; +} +.slider .slides li .caption p { + color: #e0e0e0; +} +.slider .slides li.active { + z-index: 2; +} +.slider .indicators { + position: absolute; + text-align: center; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.slider .indicators .indicator-item { + display: inline-block; + position: relative; + cursor: pointer; + height: 16px; + width: 16px; + margin: 0 12px; + background-color: #e0e0e0; + -webkit-transition: background-color 0.3s; + transition: background-color 0.3s; + border-radius: 50%; +} +.slider .indicators .indicator-item.active { + background-color: #4caf50; +} +.carousel { + overflow: hidden; + position: relative; + width: 100%; + min-height: 660px; + -webkit-perspective: 500px; + perspective: 500px; + -webkit-transform-style: preserve-3d; + transform-style: preserve-3d; + -webkit-transform-origin: 0% 50%; + transform-origin: 0% 50%; +} +.carousel.carousel-slider { + top: 0; + left: 0; +} +.carousel.carousel-slider .carousel-fixed-item { + position: absolute; + left: 0; + right: 0; + bottom: 20px; + z-index: 1; +} +.carousel.carousel-slider .carousel-fixed-item.with-indicators { + bottom: 68px; +} +.carousel.carousel-slider .carousel-item { + width: 100%; + height: 100%; + min-height: 400px; + position: absolute; + top: 0; + left: 0; +} +.carousel.carousel-slider .carousel-item h2 { + font-size: 24px; + font-weight: 500; + line-height: 32px; +} +.carousel.carousel-slider .carousel-item p { + font-size: 15px; +} +.carousel .carousel-item { + visibility: hidden; + /* width: 200px; */ + /* height: 200px; */ + width: 257px; + height: 489px; + position: absolute; + top: 0; + left: 0; +} +.carousel .carousel-item > img { + width: 100%; +} +.carousel .indicators { + position: absolute; + text-align: center; + left: 0; + right: 0; + bottom: 0; + margin: 0; +} +.carousel .indicators .indicator-item { + display: inline-block; + position: relative; + cursor: pointer; + margin: 24px 4px; + width: 8px; + height: 8px; + opacity : 0.5; + content: ""; + border-radius: 50%; + border: 1px solid #fff; + background-color: unset; + /* round-color 0.3s; */ + border-radius: 50%; +} +.carousel .indicators .indicator-item { + width: 9px; + height: 9px; + content: ""; + border-radius: 50%; + border: 1px solid #fff; + background-color: unset; +} +.carousel .indicators .indicator-item.active { + background-color: #fff; + opacity: 1; +} +.carousel.scrolling .carousel-item .materialboxed, +.carousel .carousel-item:not(.active) .materialboxed { + pointer-events: none; +} diff --git a/wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-ajax-controller.php b/wp-content/themes/cosmopet/static/front-page/css/materialize.min.css similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/featured-slider/component-ajax-controller.php rename to wp-content/themes/cosmopet/static/front-page/css/materialize.min.css diff --git a/wp-content/themes/cosmopet/static/front-page/css/style.css b/wp-content/themes/cosmopet/static/front-page/css/style.css new file mode 100644 index 0000000..7190ee7 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/css/style.css @@ -0,0 +1,3995 @@ + + + +/* .sellers_card .sellers_card-img { + width: auto!important; + height: 330px; +} */ + + +/* Home start */ +.home{ + position: relative; + /* GP | fix */ + background: var(--radial); +} +.home .container{ + padding: 157px 30px 245px; + position: relative; +} +@media (min-width: 1281px){ + .home .container{ + + max-width: 1350px !important; + } + +} + +@media (min-width: 1600px){ + .home .container{ + + max-width: 1440px !important; + } + +} +.home .home_dog{ + position: absolute; + bottom: 200px; + right: 8px; + opacity: .5; + z-index: 0; +} +.home_block-dog{ + width: 100%; + display: none; + margin: 0 auto; + opacity: .5; +} +.home .home_line2, +.home .home_line{ + position: absolute; + top: 70px; + left: 0; + width: 100%; + z-index: 1; + scale: 1.01; +} +.home .home_line2{ + display: none; + /* top: 37px; + left: -24px; */ + left: -2%; + top: 7%; + width: 108%; + z-index: 0; +} +.home .home_block{ + position: relative; + z-index: 1; + display: flex; + flex-direction: column; + gap: 32px; +} +.home_block .home_title{ + font-size: 82px; + line-height: 98.4px; + color: var(--creme-white, #F4F1F0); + text-transform: uppercase; +} +/* Home end */ + +/* Abour start */ +.about{ + box-shadow: 6px 9px 20px 0px #00000026; + background: var(--creme-white, #F4F1F0); + border-radius: 60px; + position: relative; + z-index: 2; + margin-top: -114px; + padding: 46px 0px 97px; +} +.about .about_block{ + display: flex; + flex-direction: column; + gap: 0; +} +.about .about_info-wrap{ + display: flex; + align-items: center; + gap: 70px; +} +.about_block .about_info{ + display: flex; + flex-direction: column; + gap: 25px; +} +.about_info-wrap .about_img{ + width: 40%; +} +.about_img .entoprotein-img{ + display: none; +} +.about_info-wrap .about_img img{ + width: 100%; + height: 720px; +} + +.about_info .about_title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + color: var(--grey-black, #121212); + text-transform: uppercase; +} +.about_info .about_text{ + font-size: 24px; + line-height: 28.8px; + letter-spacing: -0.01em; + color: var(--grey-black, #121212); +} + + +.about_block .about_cards{ + display: grid; + grid-template-columns: 31.5% 31.5% 31.5%; + gap: 58px 26px; +} +.about_cards .about_card{ + display: flex; + flex-direction: column; + gap: 24px; +} +.about_card .about_card-gif{ + width: 168px; + height: 168px; +} + +.about_card .about_card-info{ + display: flex; + flex-direction: column; + gap: 20px; +} +.about_card .about_card-title{ + font-size: 24px; + font-weight: 700; + line-height: 28.8px; + color: var(--grey-black, #121212); + text-transform: uppercase; +} +.about_card .about_card-text{ + font-size: 20px; + line-height: 24px; + color: var(--grey-black, #121212); + max-width: 278px; +} +.about_cards .about_company{ + position: relative; + padding: 25px 12px 30px 30px; + background: #F4F1F0; + border-radius: 60px; + display: flex; + flex-direction: column; + gap: 16px; +} +.about_cards .about_company::after{ + content: ''; + display: block; + position: absolute; + width: calc(100% + 4px); + height: calc(100% + 4px); + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + border-radius: 60px; + top: -2px; + left: -2px; + z-index: -1; +} +.about_company .about_company-text{ + font-size: 20px; + line-height: 24px; + font-weight: 500; + color: var(--grey-black, #121212); +} +.about_company .about_company-logo{ + display: grid; + grid-template-columns: 29% 65%; + gap: 20px 10px; +} +.about_company .about_company-logo img{ + width: 100%; +} +.about_company .about_company-logo img:nth-child(4){ + height: 80px; +} + + +.about_slider{ + padding-top: 110px; +} +.about_slider .slider-container { + position: relative; + /* max-width: 636px; */ + height: 300px; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; +} + +.about_slider .slide { + position: relative; + background: #FFF; + border-radius: 60px; + /* width: 429px; + height: 546px; */ + display: flex; + flex-direction: column; + align-items: center; + gap: 45px; + padding: 35px 50px 25px 50px; + opacity: 1; + z-index: 1; +} +.about_slider .carousel .carousel-item{ + width: 429px; + height: 546px; + padding: 35px 50px 25px 50px; + padding: 50px 53px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + /* background: var(--creme-white, #F4F1F0); */ + background: #ffffff30; + backdrop-filter: blur(6px); + z-index: 1; + box-shadow: -2px 5px 22.9px 0px rgba(0, 0, 0, 0.25); +} + +.about_slider .carousel .carousel-item.active { + backdrop-filter: blur(6px); + z-index: 3; +} +.about_slider .carousel .carousel-item::after { + content: ''; + background-image: url(../img/border.png); + background-size: cover; + /* background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); */ + display: block; + position: absolute; + width: calc(100% + 4px); + height: calc(100% + 4px); + border-radius: 60px; + top: -2px; + left: -2px; + z-index: -2; + transform: translateZ(-1px); +} +.about_slider .carousel .carousel-item img{ + width: auto; +} + +.about_slider .slide_info{ + display: flex; + flex-direction: column; + gap: 15px; +} +.about_slider .slide--prev, +.about_slider .slide--next{ + z-index: 2; + opacity: 0.75; +} + +.about_slider .prev, .about_slider .next { + position: absolute; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + z-index: 99; + background-color: unset; +} + +.about_slider .prev { + left: 29vw; +} + +.about_slider .next { + right: 29vw; +} + +.about_slider .slide_title{ + text-transform: uppercase; + font-size: 24px; + font-weight: 700; + line-height: 28.8px; + color: var(--grey-black, #121212); +} +.about_slider .slide_text{ + font-size: 20px; + font-weight: 500; + line-height: 24px; + color: var(--grey-black, #121212); +} +/* About end */ + +.section_wrap{ + margin-top: -70px; + padding: 178px 0 90px; + /* GP | fix */ + +} +/* Sellers start */ +.sellers{ + padding-bottom: 113px; + +} +.sellers .seller_block{ + display: flex; + flex-direction: column; +} +.seller_block .sellers_top{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 30px; + margin-bottom: 34px; +} +.sellers_top .sellers_title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + color: var(--creme-white, #F4F1F0); + text-transform: uppercase; +} + +.sellers_slider .swiper{ + /* padding-left: 10%; + padding-right: 20px; */ + display: flex; + align-items: center; + /* width: 1000px; */ + height: 540px; + margin: auto; + overflow: hidden; +} +.seller_name { + text-transform:lowercase; + color:var(--grey-black, #121212); + font-size: 20px; + font-weight: 400; + line-height: 24px; + text-align: left; + /* min-width: 280px; */ +} +.seller_price { +font-size: 20px; +font-weight: bold; +line-height: 30px; +text-align: left; +margin-bottom: 8px; +margin-top: 8px; +} + +.seller_full { + display: flex; + flex-direction: row; + justify-content: start; + margin-top: 48px; +} +.seller_full-link { +color:#121212; +font-size: 20px; +font-weight: bold; +line-height: 24px; +text-align: left; +text-decoration: none; +padding: 0px 0px 4px 0px; +gap: 8px; +border-bottom: 2px solid var(--interface-main_black, rgba(18, 18, 18, 1)) +} +.swiper .swiper-wrapper{ + display: flex; + height: unset; +} +.sellers .sellers_card{ + min-height: 490px; + display: flex; + flex-direction: column; + justify-content: space-between; + gap: 11px; + align-items: center; + padding: 16px; + /* border: 2px solid var(--creme-white, #F4F1F0); */ + border-radius: 24px; + background: rgba(255, 255, 255, 0.5); +} + +.sellers_card .sellers_card-text{ + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: var(--grey-black, #121212); + +} +/* Sellers end */ + + +/* Reviews start */ +.reviews{ + position: relative; + padding: 112px 0px 56px; + background: var(--creme-white, #F4F1F0); + border-radius: 60px 60px 0 0; +} +.reviews .reviews_person{ + position: absolute; + right: -80px; + top: 0; +} +.reviews_person-mob{ + display: none; +} +.reviews .reviews_title{ + color: var(--grey-black, #121212); + font-family: "Craftwork Grotest"; + font-size: 79px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-transform: uppercase; + position: relative; + z-index: 1; +} +.reviews .reviews_block{ + margin-top: 35px; +} +.reviews_block .reviews_items{ + position: relative; + z-index: 1; + display: flex; + flex-wrap: wrap; + gap: 23px; + align-items: center; +} + +.reviews_items .reviews_item{ + position: relative; + display: flex; + flex-direction: column; + gap: 7px; + background: #F4F1F0; + padding: 23px; + border-radius: 60px; + width: 100%; + height: fit-content; + z-index: 1; +} +/* Пустой блок, чтоб на десктопе в первой строке справой стороны не загораживать картинку */ +.reviews_items .reviews_item.reviews_item--empty{ + background: none; +} +@media screen and (max-width: 480px) { + .reviews_items .reviews_item.reviews_item--empty { + display: none; + } +} + +.reviews_item .reviews_item-top{ + display: flex; + align-items: center; + gap: 8px; +} +.reviews_item .reviews_item-top img{ + width: 78px; +} +.reviews_item .reviews_item-top b{ + text-transform: uppercase; + display: block; + font-size: 24px; + font-weight: 700; + line-height: 28.8px; + color: var(--grey-black, #121212); +} +.reviews_item .reviews_item-top span{ + margin: 14px 0; + width: 100%; + display: block; + font-size: 12px; + font-weight: 500; + line-height: 14.4px; + color: var(--grey-black, #121212); +} +.reviews_item .reviews_item-text{ + font-size: 20px; + font-weight: 500; + line-height: 24px; + color: var(--grey-black, #121212); +} +.reviews_items .reviews_item1, +.reviews_items .reviews_item6{ + position: relative; + /* transform: rotate(-2.35deg); */ + transform-style: preserve-3d; +} +/* GP | fix */ +.reviews_items .reviews_item1::after, +.reviews_items .reviews_item6::after{ + content: ''; + display: block; + position: absolute; + width: calc(100% + 4px); + height: calc(100% + 4px); + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + border-radius: 60px; + top: -2px; + left: -2px; + z-index: -1; + transform: translateZ(-1px); +} + +.reviews_items .reviews_item6{ + transform: rotate(-7deg); +} + +.reviews_items .reviews_item3{ + transform: rotate(-5deg); +} +.reviews_items .reviews_item5, +.reviews_items .reviews_item4{ + background: radial-gradient(1073.72% 191.15% at -371.63% -32.65%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); + /* transform: rotate(4deg); + margin-top: 25px; */ +} + +.reviews_items .reviews_item2{ + background: var(--grey-black, #121212); + /* transform: rotate(5deg); + margin: 30px 0 0 20px; */ +} +.reviews_items .reviews_item4{ + /* transform: rotate(8deg); + margin: -30px 0 0 20%; */ +} + +.reviews_item2 .reviews_item-top b, +.reviews_item2 .reviews_item-top span, +.reviews_item2 .reviews_item-text, +.reviews_item3 .reviews_item-top b, +.reviews_item3 .reviews_item-top span, +.reviews_item3 .reviews_item-text, +.reviews_item4 .reviews_item-top b, +.reviews_item4 .reviews_item-top span, +.reviews_item4 .reviews_item-text, +.reviews_item5 .reviews_item-top b, +.reviews_item5 .reviews_item-top span, +.reviews_item5 .reviews_item-text{ + color: #F4F1F0; +} +.reviews_item2 .reviews_item-text, +.reviews_item3 .reviews_item-text, +.reviews_item4 .reviews_item-text, +.reviews_item5 .reviews_item-text{ + font-weight: 400; +} + + +/* Reviews end */ + +/* About us start */ +.about_us{ + padding-bottom: 54px; + background-color: #F4F1F0; + margin-top: -1px; +} +.about_us .about_us-title{ + font-size: 82px; + line-height: 98.4px; + text-transform: uppercase; + color: var(--grey-black, #121212); +} +.about_us .about_us-block{ + display: flex; + flex-direction: column; + gap: 15px; + margin-top: 25px; +} +.about_us-block .about_us-cards{ + display: grid; + align-items: start; + grid-template-columns: 59% 39.2%; + gap: 15px; +} +.about_us-block .about_us-card{ + position: relative; + border-radius: 60px; + overflow: hidden; + height: 324px; + width: 100%; + overflow: unset; +} +.about_us-block .about_us-card::after{ + content: ''; + display: block; + position: absolute; + width: calc(100% + 4px); + height: calc(100% + 4px); + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + border-radius: 60px; + top: -2px; + left: -2px; + z-index: 0; +} +.about_us-card .about_us-card-img{ + border-radius: 60px; + height: 100%; + width: 100%; + object-fit: cover; + position: relative; + z-index: 1; +} +.about_us-card .card_date{ + z-index: 1; + position: absolute; + top: 27px; + right: 35px; + background: #FFFFFF; + border-radius: 62px; + padding: 5px 15px 4px 17px; + font-size: 24px; + font-weight: 400; + line-height: 28.8px; + color: var(--grey-black, #121212); +} +/* GP | fix */ + + +.about_us-card .about_us-card-info { + position: absolute; + padding: 10% 33px 21px ; + width: 100%; + z-index: 1; + display: flex; + flex-direction: column; + gap: 14px; + left: 0px; + bottom: 0; + border-radius: 0 0 60px 60px; + background: linear-gradient(0deg, #F4F1F0 45%, rgba(244, 241, 240, 0) 100%); +} + +.about_us-card-info.card-info--half-gradient { + background: unset; +} + +.about_us-card .about_us-card-info h2{ + /* max-width: 440px; */ + font-size: 24px; + line-height: 32px; + text-transform: uppercase; + color: var(--grey-black, #121212); +} +.about_us-card .about_us-card-info span{ + display: block; + font-weight: 400; + +} +.about_us-card .about_us-card-info span a{ + text-decoration: underline; + font-size: 24px; + line-height: 28.8px; + color: var(--grey-black, #121212); +} +/* About us end */ + +/* Truth start */ +.truth{ + border-radius: 0 0 60px 60px; + background: var(--creme-white, #F4F1F0); + padding-bottom: 119px; + margin-top: -1px; +} +.truth .truth_top{ + position: relative; + display: flex; + align-items: center; + justify-content: space-between; +} +.truth .truth_title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + text-align: end; + text-transform: uppercase; + width: 723px; +} +.truth .truth_title span{ + color: #76CE75; + +} +.truth_top .gift_img{ + margin-left: -180px; +} +.truth_top .gift_line-img{ + position: absolute; + display: none; + bottom: 150px; + right: 0; + width: 245px; +} +.truth_content { + position: relative; + display: none; +} + +.truth_content::after{ + content: ''; + display: block; + position: absolute; + width: calc(100% + 4px); + height: calc(100% + 4px); + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + border-radius: 60px; + top: -2px; + left: -2px; + z-index: 0; +} +.truth_content.active { + display: block; +} +.truth .truth_block{ + position: relative; + z-index: 1; + display: flex; + flex-direction: column; + width: 100%; + height: 480px; + overflow: hidden; + background: var(--creme-white, #F4F1F0); + border-radius: 60px; + box-shadow: 0px 3px 13.5px 0px #00000040; + padding: 25px 34px 0px 63px; +} +.truth .truth_success, +.truth .truth_error { + display: none; +} +.truth .truth_success.show, +.truth .truth_error.show { + display: flex; +} + +.truth_block .truth_line{ + display: flex; + align-items: center; + justify-content: center; + gap: 24px; + margin-bottom: 24px; +} +.truth_block .truth_line span{ + border: 1px solid var(--grey-black, #121212); + opacity: .6; + width: 73px; + border-radius: 10px; +} +.truth_block .truth_line span.active{ + opacity: 1; +} +.truth_block .truth_block-title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + color: var(--grey-black, #121212); + margin-bottom: 33px; + text-transform: uppercase; +} +.truth_content-end .truth_block-title, +.truth_success .truth_block-title{ + background: -webkit-radial-gradient(#0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.truth_error .truth_block-title{ + background: -webkit-radial-gradient(#F21E6A 0%, #FF6543 112.38%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} +.truth_block .truth_block-text{ + position: relative; + z-index: 1; + display: flex; + align-items: start; + gap: 26px; +} +.truth_block .truth_end-text{ + display: flex; + flex-direction: column; + gap: 21px; +} +.truth_block .truth_block-text p{ + font-size: 24px; + font-weight: 700; + line-height: 28.8px; + max-width: 559px; +} +.truth_block .truth_block-text p span{ + font-weight: 500; +} +.truth_default .truth_block-text p{ + text-transform: uppercase; +} +.truth_error .truth_block-text p, +.truth_success .truth_block-text p { + max-width: 592px; + font-size: 20px; + line-height: 24px; + font-weight: 500; +} +.truth_block .truth_info{ + position: absolute; + width: 91%; + bottom: 0; + display: flex; + align-items: end; + justify-content: space-between; + margin-top: -100px; + z-index: 0; +} +.truth_content-end .truth_info{ + display: flex; + align-items: center; + justify-content: end; +} +.truth_block .truth_links{ + display: flex; + align-items: center; + gap: 15px; + padding-bottom: 56px; +} +.truth_error .truth_links, +.truth_success .truth_links{ + gap: 20px; +} +.truth_block .truth_result{ + display: flex; + align-items: center; + gap: 23px; +} +.truth_block .truth_result img{ + width: 100%; +} +.truth_block .truth_link{ + width: 141px; + height: 50px; + display: flex; + align-items: center; + justify-content: center; + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + text-align: center; + color: var(--grey-black, #121212); + border: 2px solid var(--grey-black, #121212); + border-radius: 48px; +} + +.truth_content-end .truth_info img{ + margin-right: -34px; +} +.truth_content-end .truth_block .truth_link{ + width: 221px; +} + +.truth_content-end .truth_xn{ + position: relative; + width: 270px; + height: 158px; + background-image: url(../img/xn-border.svg); + background-repeat: no-repeat; + background-size: 100% 100%; + display: flex; + align-items: center; + justify-content: center; +} + +.truth_points { + font-size: 450%; + font-weight: 700; +} + +/* Truth end */ + + +/* Blog start */ +.blog{ + padding-top: 89px; +} +.blog .blog_block{ + display: flex; + flex-direction: column; + gap: 15px; +} +.blog_block .blog_top{ + display: flex; + align-items: center; + justify-content: space-between; + gap: 30px; +} +.blog_block .blog_title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + color: var(--creme-white, #F4F1F0); + text-transform: uppercase; +} +.blog_block .blog_text{ + font-size: 24px; + line-height: 28.8px; + color: var(--creme-white, #F4F1F0); +} +.blog .blog_slider{ + margin-top: 30px; +} +.blog_slider .swiper{ + padding-left: 9%; + padding-right: 20px; +} +.blog_slider .blog_card { + display: flex; + flex-direction: column; + border-radius: 60px; + transition: .3s ease all; + height: auto; +} +.blog_slider .blog_card:hover{ + border-color: #121212; + overflow: initial; +} + +/* .blog_slider .blog_card:hover .card-line-img{ + opacity: 1; +} */ + +.blog_slider .blog_card:hover .blog_card-text, +.blog_slider .blog_card:hover .blog_card-title{ + color: #F4F1F0; +} + +.blog_card .blog_card-img{ + object-fit: cover; + border: 2px solid var(--creme-white, #F4F1F0); + border-width: 2px 2px 0 2px; + width: 100%; + height: 40%; + border-radius: 60px 60px 0 0; +} +.blog_card .card-line-img{ + opacity: 0; + transition: .3s ease all; +} +.blog_card .blog_card-info-wrap{ + border: 2px solid var(--creme-white, #F4F1F0); + width: 100%; + height: 60%; + display: flex; + background: linear-gradient(355.81deg, #F4F1F0 5.04%, rgba(244, 241, 240, 0.3) 87.4%); + border-radius: 0 0 60px 60px; + padding: 25px 25px 30px 30px; +} +.blog_slider .blog_card:hover .blog_card-info-wrap{ + background: var(--grey-black, #121212); + /* padding-right: 15px; */ +} +.blog_card .blog_card-info{ + display: flex; + flex-direction: column; + margin-top: -2px; + gap: 16px; + +} +.blog_card .blog_card-title{ + /* font-size: 36px; */ + font-size: 2.1vw; + font-weight: 700; + line-height: 43.2px; + color: var(--grey-black, #121212); + text-transform: uppercase; + transition: .3s ease all; +} +.blog_card .blog_card-text{ + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: var(--grey-black, #121212); + transition: .3s ease all; +} +/* Blog end */ + +.marketplace{ + margin-top: 5rem; +} +/* Discount start */ +.discount{ + padding-top: 50px; + padding-bottom: 50px; +} +.discount .discount_block{ + display: flex; + flex-direction: column; +} +.discount .discount_top{ + position: relative; + margin-bottom: 50px; +} +.discount_top .discount_title{ + font-size: 82px; + font-weight: 700; + line-height: 98.4px; + color: var(--creme-white, #F4F1F0); + text-transform: uppercase; +} +.discount_top .discount_top-imgs{ + position: absolute; + top: 55px; + right: -80px; +} +.discount_block .discount_form{ + position: relative; + z-index: 1; + display: flex; + align-items: center; + gap: 16px; + margin-bottom: 6px; +} +.discount_form .discount_form-btn { + background: inherit; + min-height: unset; +} +.discount_form .discount_form-btn:hover{ + background: #121212; + border-color: #121212; + color: #3ab18f; +} +.discount_form .discount_form-inp{ + width: 280px; + height: 50px; + border: 2px solid var(--creme-white, #F4F1F0); + padding: 10px 18px; + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: var(--creme-white, #F4F1F0); + border-radius: 28px; + opacity: .6; +} +.discount_form .discount_form-inp::placeholder{ + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + color: var(--creme-white, #F4F1F0); +} +.discount_form .discount_form-btn { + text-transform: lowercase; +} +.discount_block .discount_form-text{ + font-size: 14px; + line-height: 16.8px; + color: var(--creme-white, #F4F1F0); + opacity: .6; + max-width: 778px; + margin-bottom: 27px; +} +.discount_block .discount_text{ + font-size: 20px; + line-height: 24px; + color: var(--creme-white, #F4F1F0); +} + +.discount_block .discount_cosmodog{ + position: relative; + width: 100%; + height: 626px; + border-radius: 60px; + border: 2px solid var(--creme-white, #F4F1F0); + display: flex; + align-items: end; + justify-content: center; + overflow: hidden; + cursor: pointer; +} +.discount_cosmodog .discount_cosmodog-img{ + + width: 100%; + height: 100%; + object-fit: cover; + +} + +.discount_cosmodog__slider{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.discount_cosmodog .discount_cosmodog-img.active{ + opacity: 1; +} +.discount_cosmodog:hover .discount_cosmodog-img:nth-child(2) { + opacity: 1; +} +.discount_cosmodog .discount_cosmodog_info{ + position: relative; + z-index: 1; + padding: 33px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: end; + background: linear-gradient(0deg, #F4F1F0 56%, rgba(244, 241, 240, 0) 100%); + width: 100%; + height: 219px; +} +.discount_cosmodog .discount_cosmodog-title{ + font-size: 40px; + font-weight: 700; + line-height: 48px; + text-align: center; + color: var(--grey-black, #121212); + text-transform: uppercase; +} +.discount_cosmodog .discount_cosmodog-text{ + font-size: 24px; + font-weight: 500; + line-height: 28.8px; + text-align: center; +} + +/* Discount end */ + +.gp_tags { + border: 1px solid #121212; + border-radius: 48px; + padding:3px 6px 3px 6px; + margin-right: 6px; + margin-bottom: 6px; + font-size: 16px; + line-height: 16px; + height: 27px; + text-transform: lowercase; +} +.gp_tags:last-child { + margin-right: 0; +} +.tags_block { + display: flex; + flex-direction: row; + justify-content:start; + flex-wrap: wrap; + width: 100%; +} + +.seller_buy { + text-transform: capitalize; + width: 100%; + height: 48px; + padding: 12px 24px 12px 24px; + gap: 8px; + border-radius: 20px; + color:#fff; + background: var(--interface-main_black, #121212); +} +.seller_link { + width: 100%; +} +.truth-form{ + display: flex; + gap: 10px; +} +.truth-form button{ + flex-shrink: 0; +} +input.truth-input{ + width: 200px; + height: 50px; + border-color: #121212 !important; + border-radius: 48px; + border: 2px solid #121212; + flex-shrink: 1; + margin-right: 12px; + padding: 20px; + font-size: 18px; +} +@media (max-width: 776px) { + .truth-form{ + flex-direction: column; + margin-bottom: 30px; +} +.truth-form button{ + width: 100%; + text-align: center; + justify-content: center; +} +input.truth-input{ + width: 100%; +} +} + +.smi-card-wrapper{ + border-radius: 60px; + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + border-radius: 60px; + padding: 2px; + width: 100%; + height: 484px; +} +.smiSlider{ + margin-top: 3rem; +} +.smi-card{ + display: flex; + flex-direction: column; + justify-content: flex-end; + width: 100%; + height: 480px; + border-radius: 60px; + position: relative; + overflow: hidden; + padding: 28px 35px; + color: #121212; + +} +.smi-card::before{ + background: linear-gradient(to top, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0) 100%); +content: ''; +height: 100%; +width: 100%; +position: absolute; +bottom: 0; +left: 0; +z-index: 2; +} +.smi-card-img{ + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + object-fit: cover; +} +.smi-card-date, .smi-card-title, .smi-card-label{ + position: relative; + z-index: 2; +} +.smi-card-label{ + display: flex; + border: 1px solid #121212; + border-radius: 28px; + padding: 4px 15px; + align-items: center; + font-weight: 500; + font-size: 16px; + gap: 6px; + background-color: #fff; + width: max-content; +} +.smi-card-label p{ + margin-bottom: 0; +} +.smi-card-title{ + font-weight: 700; +font-size: 22px; +text-transform: uppercase; line-height: 120%; +margin-bottom: 7px; +margin-top: 10px; +} +.smi-card-date{ + font-weight: 500; +font-size: 12px; +} +.smiSlider.swiper{ + overflow: visible; + } + .about_us{ + width: 100%; + overflow: hidden; + } + .smi-card-label img{ + max-height: 25px; + width: auto; + } + .smi-card-label{ + height: 35px; + } +@media (max-width: 640px) { + .smi-card{ + padding: 16px; + height: 420px; + border-radius: 30px; + } + .smi-card-title{ + font-size: 18px; + } + .smi-card-wrapper{ + height: 424px; + border-radius: 30px; + } + +} + +.slider-arrows{ + position: relative; + /* top: 50%; + left: 50%; + transform: translate(-52.5%, -50%); + width: 78%; */ + display: flex; + justify-content: space-between; + z-index: 40; + pointer-events: none; +} +@media (max-width: 640px) { + .slider-arrows{ + display: none; + } + .sellers_slider .swiper{ +width: 330px; + } +} +.blogSlider .slider-arrows{ + position: absolute; + top: 50%; + left: 50%; + transform: translate(-55%, -50%); + width: 76.5%; + display: flex; + justify-content: space-between; + z-index: 40; + pointer-events: none; +} +.smiSlider .slider-arrows { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-47%, -50%); + width: 112%; + display: flex; + justify-content: space-between; + z-index: 40; + pointer-events: none; + +} +.slider-arrow{ + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='56' height='56' viewBox='0 0 56 56' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.5' y='0.5' width='55' height='55' rx='19.5' fill='white'/%3e%3crect x='0.5' y='0.5' width='55' height='55' rx='19.5' stroke='%23121212'/%3e%3cpath d='M37 28.3633H20.5' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M37 28.3633L30.636 34.7272' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3cpath d='M37 28.3633L30.636 21.9993' stroke='%23121212' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e "); + height: 56px; + width: 56px; + background-size: contain; + pointer-events: all; + +} +.slider-arrow[disabled]{ + visibility: none; +} +.slider-arrow-prev{ + transform: scaleX(-1); + margin-right: 24px; +} + +.header-lang{ + font-size: 16px; + font-weight: 500; + line-height: normal; + text-transform: uppercase; + color: var(--creme-white); + border-radius: 45px; + border: 1px solid var(--creme-white); + opacity: 0.6; + appearance: none; + background-color: transparent; + background-image: url(../img/i-arr_down.svg); + background-position: center right 10px; + background-repeat: no-repeat; + background-size: 16px; + padding: 11px 36px 11px 23px; + cursor: pointer; + outline: none; + position: relative; + z-index: 10; + } + + .header-lang ul{ + border: 1px solid #f3f1f0; + border-radius: 20px; + width: 100%; + padding-top: 11px; + padding-bottom: 11px; + padding-left: 23px; + padding-right: 23px; + background: #57da7d; + text-align: center; + opacity: 1; + left: 0; + bottom: -30px; + transform: translateY(100%); + + position: absolute; + display: none; + } + + .header-lang ul li a{ + font-weight: 500; + font-size: 16px; + text-transform: uppercase; + color: var(--creme-white); + } + + .category-back{ + width: 124px; + color: #121212; +height: 28px;border: 1px solid #121212; +border-radius: 65px; +background-color: transparent; +font-weight: 500; +font-size: 16px; +display: flex; +align-items:center; +justify-content: center; +margin-bottom:1.5rem; +margin-top: 14px; +} +.category-back::before{ + background-image: url("data:image/svg+xml,%3Csvg width='10' height='15' viewBox='0 0 10 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L2 7.5L9 14' stroke='%23121212' stroke-width='2' /%3E%3C/svg%3E"); + content: ''; + width: 10px; + height: 15px; + flex-shrink: 0; + margin-right: 8px; +} +.category-back:hover{ + color: #121212; +} + +.main-page-wrapper{ + margin-top: 0 !important; +} + +.header_icon{ + flex-shrink: 0; +} + +[class*="wd-section-stretch"] { + position: relative; + min-width: 100vw !important; + width: 100vw; + left: calc(50% - 50vw)!important; +} + +.btn{ + padding: 0 30px; +} + +.header_icon{ + position: relative; +} + +.basket-btn__counter{ + position: absolute; + top: 0; + right: 0; + border-radius: 100%; +background: #76ce75; +height: 17px; +width: 17px; +font-weight: 700; +font-size: 10px; +text-align: center; +color: var(--creme-white); +display: flex; +align-items: center; +justify-content: center; +} + + +@media (max-width: 575px) { + .wpcf7-form-control-wrap{ + width: 100%; + } +} + +.seller_bt{ + display: flex; + align-items: center; + gap: 12px; +} + +/* discount sale */ + +.discount__sale { + padding: 69px 0 80px; + border-radius: 60px; + background: var(--creme-white, #F4F1F0); + box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15); +} + +.discount__sale .discount_title { + color: var(--interface-main_black, #121212); + font-family: "Craftwork Grotest"; + font-size: 82px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-transform: uppercase; +} + +.discount__sale .discount_title span { + background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #76CE75 90%, #BBE38D 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.discount__sale .discount_form { + display: flex; +} + +.discount__sale .discount_form .discount_form-inp { + color: var(--interface-main_black, #121212); + border: 2px solid var(--interface-main_black, #121212); +} + +.discount__sale .discount_form .discount_form-btn { + color: var(--interface-main_black, #121212); + border: 2px solid var(--interface-main_black, #121212); +} + +.discount__sale .discount_form .discount_form-btn:hover { + color: #FFF; +} + +.discount__sale .discount_form-text { + color: var(--interface-main_black, #121212); + font-family: "Craftwork Grotest"; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: normal; + opacity: .6; + max-width: 750px; + margin-top: 6px; +} + +.discount__sale .discount_text { + margin-top: 27px; + color: var(--interface-main_black, #121212); + font-family: "Craftwork Grotest"; + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: normal; +} + +.discount__sale .discount_form .discount_form-inp::placeholder { + color: var(--interface-main_black, #121212); +} + +@media screen and (max-width: 576px) { + .discount__sale { + padding: 37px 0; + } + + .dicsount__body { + display: flex; + flex-direction: column; + margin-top: 26%; + } + + .discount__sale .discount_form { + flex-direction: column; + gap: 21px; + } + + .discount__sale .discount_top .discount_top-imgs .dicount_dog-img { + height: 356.534px; + width: 100%; + object-fit: contain; + object-position: right; + } + + .discount__sale .dicsount__body > { + order: 2; + } + + .discount__sale .discount_text { + order: 1; + margin-top: 0; + font-size: 18px; + } + + .discount__sale .discount_form-text { + order: 3; + font-size: 12px; + margin-top: 20px; + } + + .discount__sale .wpcf7 { + order: 2; + margin-top: 30px; + } + + .discount__sale .discount_form .discount_form-btn, + .discount__sale .discount_form .discount_form-inp { + text-align: center; + padding: 10px 10px 11px 10px; + font-size: 24px; + height: 50px; + justify-content: center; + } + + .discount__sale .discount_form .discount_form-inp::placeholder { + font-size: 24px; + } + + .discount__sale .discount_top .discount_top-imgs { + transform: unset; + } + + .discount__sale .discount_top .discount_top-imgs { + margin-top: -24px; + right: 15px; + width: calc(100% + 30px); + margin-bottom: -20%; + } +} + +.blog_card-title { + font-size: 28px; + font-style: normal; + font-weight: 700; + line-height: 32px; +} + +.blog__card-btn { + margin-top: 24px; + color: #000; + font-family: "Craftwork Grotest"; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: normal; + padding: 6px 15px 10px 15px; + max-width: max-content; + display: block; + margin-left: auto; + border-radius: 28px; + border: 1px solid #000; + background: var(--wh, #FFF); + transition: all .24s; +} + + +.blog_slider .blog_card:hover .blog__card-btn { + border-radius: 28px; + border: 1px solid var(--interface-main_white, #FFF); + background: transparent; + color: var(--interface-main_white, #FFF); + transition: all .24s; +} + +.blog__row { + display: flex; + justify-content: space-between; + align-items: center; +} + +.blog__row .blog_text { + max-width: 627px; +} + +.truth_top { + position: relative; +} + +.truth_top picture img { + width: 315.563px; + height: 308.2px; + position: absolute; + right: 0; + top: -110px; +} + +.truth .truth_title { + text-align: left; + width: 100%; + font-size: 74px; + font-style: normal; + font-weight: 700; + line-height: normal; + margin-bottom: 62px; +} + +.truth_block .truth_end-text strong { + font-weight: 900; +} + +.truth__end-promo { + color: var(--grey-black, #121212); + font-family: "Craftwork Grotest"; + font-size: 24px; + font-style: normal; + font-weight: 900; + line-height: normal; + text-transform: uppercase; +} + +.truth__end-btns { + margin-top: 10px; + display: flex; + gap: 12px; +} + +.truth__end-btn { + padding: 10px 10px 11px 10px; + font-family: "Craftwork Grotest"; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: normal; + border-radius: 48px; + max-width: 210px; + width: 100%; + text-align: center; + transition: all .3s; + text-transform: none; +} + +.truth__end-btn.--white { + color: var(--grey-black, #121212); + border: 2px solid var(--grey-black, #121212); + background-color: transparent; +} + +.truth__end-btn.--white:hover { + background: #121212; + color: #FFF; + transition: all .3s; +} + +.truth__end-btn.--black { + background: var(--interface-main_black, #121212); + color: var(--interface-main_white, #FFF); + border: 2px solid transparent; +} + +.truth__end-btn.--black span { + position: relative; + padding-right: 16px; +} + +.truth__end-btn.--black span::after { + content: ''; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + width: 13px; + height: 13px; + background-size: 100%; + background-repeat: no-repeat; + transition: all .3s; + background-position: center; + background-image: url('data:image/svg+xml,'); +} + +.truth__end-btn.--black:hover { + background: transparent; + color: #121212; + border-color: #000; + transition: all .3s; +} + +.truth__end-btn.--black:hover span::after { + transition: all .3s; + background-image: url('data:image/svg+xml,'); +} + +@media screen and (max-width: 576px) { + .truth_top picture img { + position: relative; + top: unset; + right: unset; + left: 0; + width: 294.209px; + height: 198.713px; + } + + .truth .truth_title { + text-align: right; + } + + .truth__end-btns { + flex-direction: column; + } + + .truth__end-btn { + max-width: 100%; + } + + .truth .truth_title { + margin-bottom: 0; + } +} + +.home__block { + max-width: 50%; +} + +.home__title { + color: var(--interface-background, #F2F2F2); + font-family: "Craftwork Grotest"; + font-size: 48px; + font-style: normal; + font-weight: 700; + line-height: 56px; /* 116.667% */ + text-transform: uppercase; +} + +@media (min-width: 1600px){ + .home__title { + + font-size: 64px; + line-height: 120%; + } +} +.home__subtitle { + color: var(--interface-background, #F2F2F2); + font-family: "Craftwork Grotest"; + margin-top: 32px; + font-size: 20px; + font-style: normal; + font-weight: 500; + line-height: 24px; /* 120% */ +} + +.home__btn { + border-radius: 20px; + background: var(--interface-main_white, #FFF); + padding: 12px 24px; + color: var(--interface-main_black, #121212); + font-family: "Craftwork Grotest"; + font-size: 20px; + font-style: normal; + font-weight: 600; + line-height: 24px; /* 120% */ + display: block; + margin-top: 32px; + max-width: 290px; + text-align: center; + width: 100%; + border: 2px solid transparent; +} + +.home__btn span { + position: relative; + padding-right: 20px; +} + +.home__btn span::after { + content: ''; + width: 13px; + height: 13px; + background-size: 100%; + background-repeat: no-repeat; + background-position: center; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + background-image: url('data:image/svg+xml,'); +} + +.home__btn:hover { + border-color: #FFF; + background: transparent; + color: #FFF; +} + +.home__btn:hover span::after { + background-image: url('data:image/svg+xml,'); +} + +.home__pagination { + margin-top: 120px; +} + +.home__pagination .swiper-pagination-bullet { + width: 39.278px; + height: 6px; + border-radius: 54px; + opacity: 0.5; + background: var(--interface-main_white, #FFF); +} + +.home__pagination .swiper-pagination-bullet-active { + opacity: 1; +} + +.home__item img { + position: absolute; + right: -142px; + top: -110px; + height: auto; + width: 70%; + max-width: 600px; +} + +@media (min-width: 1420px) { + .home__item img { + position: absolute; + right: -142px; + top: -110px; + height: auto; + width: 70%; + max-width: 800px; + } +} + +.home__swiper, +.home__swiper .swiper-wrapper { + height: auto; +} + +.blog .blog_slider { + margin-top: 128px; +} + +.cosmopet-x { + padding: 36px 0 0 0; + width: 100%; + overflow: hidden; +} + +.cosmopet-x__swiper, +.cosmopet-x__swiper .swiper-wrapper { + height: auto; +} + +.cosmopet-x__title { + color: var(--creme-white, #F4F1F0); + font-family: "Craftwork Grotest"; + font-size: 82px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-transform: uppercase; +} + +.cosmopet-x__swiper { + margin-top: 52px; + position: relative; +} + +.cosmopet-x__item { + position: relative; + width: 100%; + height: 484px; +} + +.cosmopet-x__item::before { + content: ''; + position: absolute; + left: 0; + top: 0; + height: 100%; + z-index: 1; + width: 100%; + border-radius: 60px; + border: 2px solid var(--creme-white, #F4F1F0); + background: linear-gradient(180deg, rgba(255, 255, 255, 0.83) 0%, rgba(255, 255, 255, 0.00) 25.17%, rgba(255, 255, 255, 0.00) 65%, rgba(255, 255, 255, 0.83) 80%); +} + +.cosmopet-x__bg { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + object-position: center; + border-radius: 60px; +} + +.cosmopet-x__body { + position: absolute; + z-index: 2; + bottom: 0; + left: 0; + width: 100%; + padding: 36px 35px; +} + +.cosmopet-x__heading { + color: var(--grey-black, #121212); + font-family: "Craftwork Grotest"; + font-size: 22px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-transform: uppercase; +} + +.cosmopet-x__btn { + display: block; + max-width: max-content; + margin-top: 7px; + color: #000; + font-family: "Craftwork Grotest"; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: normal; + padding: 6px 15px 10px 15px; + border-radius: 28px; + border: 1px solid #000; + background: var(--wh, #FFF); +} + +.cosmopet-x__top { + position: absolute; + height: auto; + width: 60%; + top: 43px; + left: 50%; + transform: translateX(-50%); + z-index: 2; +} + +.cosmopet-x .slider-arrows { + top: 50%; + transform: translateY(-50%); + position: absolute; + width: 100%; +} + +.cosmopet-x .slider-arrows .cosmopet-prev { + left: -30px; +} + +.cosmopet-x .slider-arrows .cosmopet-next { + right: -30px; +} + +.slider-arrow { + background-image: url('data:image/svg+xml,')!important; +} + +.discount_top { + position: relative; +} + +.dicsount__body { + margin-top: 39px; +} + +.reviews_items .reviews_item { + flex: 0 0 calc(50% - 23px); + min-height: 334px; +} + +.reviews__left { + flex: 0 0 50%; + display: flex; + flex-direction: column; + gap: 23px; +} + +.reviews_item-top + span { + color: var(--creme-white, #F4F1F0); + font-family: "Craftwork Grotest"; + font-size: 12px; + font-style: normal; + font-weight: 500; + line-height: normal; +} + +.reviews_item1 .reviews_item-top + span { + color: var(--interface-main_black, #121212); +} + +.reviews .container { + position: relative; +} + +.truth { + padding-top: 180px; +} + +.blogosphere{ + padding-bottom: 6vh; +} + +.blogosphere__item { + position: relative; + /* width: 100%; */ + /* width: auto; + height: 33vh; */ + /* padding-bottom: 177.6061776061776%; */ + height: 60vh; + width: 36vh; +} + +.blogosphere__item .blogosphere__preview { + position: relative; + height: 60vh; + width: 36vh; + object-fit: cover; + /* height: 100%; + width: 100%; */ + /* position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + object-fit: cover; + object-position: center; */ + border-radius: 33.6px; + box-shadow: 0px 4px 14.4px 0px rgba(0, 0, 0, 0.33); +} + +.blogosphere__content { + position: absolute; + /* width: 25vw; */ + width: 100%; + padding: 10px 15px; + display: flex; + align-items: center; + gap: 10px; + z-index: 1; +} + +.blogosphere__avatar +{ + position: relative; + width: 39.2px; + height: 39.2px; + flex-shrink: 0; + box-shadow: unset; + border: 1.4px solid #FFF; + border-radius: 100%; + flex-shrink: 0; +} + +.blogosphere__name { + color: #FFF; + font-family: "Craftwork Grotest"; + font-size: 16.8px; + font-style: normal; + font-weight: 700; + line-height: 22.4px; /* 133.333% */ +} + +.blogosphere__swiper.swiper { + position: relative; +} + +.blogosphere__swiper .carousel .carousel-item{ + width: auto; + height: auto; +} + +.blogosphere__swiper .slider-arrows { + position: absolute; + top: 50%; + transform: translate(-50%, -50%); + max-width: 421px; + width: 100%; + left: 50%; + pointer-events: none; +} + +.blogosphere { + padding-top: 60px; +} + +.blogosphere__top { + display: flex; + align-items: center; + gap: 30px; +} + +.blogosphere__title { + background-size: 100%; + background-repeat: no-repeat; + background-position: center; + width: 692.514px; + height: 71.298px; + background-image: url('data:image/svg+xml,'); +} + +.blogosphere__circle { + flex-shrink: 0; +} + +.marketplace__swiper, .marketplace__swiper .swiper-wrapper { + height: auto; +} + +.marketplace__swiper .swiper-slide { + max-width: max-content; +} + +.marketplace__title { + color: var(--grey-black, #121212); + font-family: "Craftwork Grotest"; + font-size: 36px; + font-style: normal; + font-weight: 700; + line-height: 40px; /* 111.111% */ + text-transform: uppercase; +} + +.marketplace__swiper { + margin-top: 50px; + margin-left: -70px; + margin-right: -70px; +} + +.marketplace { + position: relative; +} + +.marketplace:after { + content: ''; + position: absolute; + right: 0; + bottom: 0; + width: 222px; + height: 671px; + background: linear-gradient(270deg, #F6F4F3 0%, rgba(242, 242, 242, 0.00) 100%); + z-index: 1; +} + +.blog_card .blog__card-wrapper .blog_card-img { + width: 100%; + height: 100%; + position: absolute; +} + +.blog__card-wrapper { + position: relative; + width: 100%; + padding-bottom: 61.31687242798354%; +} + +.discount__sale .discount_form .discount_form-inp { + opacity: 1; +} + +.discount__sale .discount_form .discount_form-inp::placeholder { + opacity: .6; +} + +.discount__sale .discount_title span { + background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +.blog_link.main_link:hover span { + background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; +} + +@media screen and (max-width: 991px) { + .reviews__left { + width: 100%; + } +} + +@media screen and (max-width: 768px) { + .home__item img { + position: relative; + right: unset; + top: unset; + width: 100%; + height: auto; + } + + .home__item { + display: flex; + flex-direction: column-reverse; + } + + .home__block { + max-width: 100%; + margin-top: 12px; + } + + .home__title { + font-size: 32px; + font-style: normal; + font-weight: 700; + line-height: 38px; /* 118.75% */ + letter-spacing: -0.32px; + text-transform: uppercase; + } + + .home__subtitle { + margin-top: 16px; + } + + .home__btn { + margin-top: 16px; + max-width: 100%; + } + + .home__pagination { + margin-top: 12px; + text-align: center; + } + + .blog .blog_slider { + margin-top: 28px; + } + + .cosmopet-x__title { + font-size: 32px; + line-height: 38px; /* 118.75% */ + } + + .cosmopet-x__item { + height: 0; + padding-bottom: 151.25%; + } + + .cosmopet-x .slider-arrows { + display: flex; + } + + .cosmopet-x__swiper { + margin-top: 23px; + } + + .slider-arrows .cosmopet-prev { + left: -16px; + } + + .slider-arrows .cosmopet-next { + right: -16px; + } + + .reviews .reviews_title { + text-align: left!important; + font-size: 32px!important; + line-height: 38px!important; /* 118.75% */ + letter-spacing: -0.32px!important; + text-transform: uppercase!important; + margin: 0!important; + } + + .reviews_item .reviews_item-top { + justify-content: space-between; + } + + .reviews__left { + width: 100%; + } + + .reviews_items .reviews_item { + transform: unset!important; + } + + .reviews_items .reviews_item { + width: 100%!important; + } + + .reviews_items .reviews_person-mob { + display: none; + } + + .reviews_item .reviews_item-text { + font-size: 16px!important; + font-style: normal!important; + font-weight: 500!important; + line-height: 20px!important; + } + + .reviews_item .reviews_item-top b { + font-size: 19px!important; + font-style: normal!important; + font-weight: 700!important; + line-height: 24px!important; /* 120% */ + text-transform: uppercase!important; + } + + .reviews_item .reviews_item-text { + max-width: 100%!important; + } + + .truth { + padding-top: 78px; + } + + .blogosphere__circle { + display: none; + } + + .blogosphere__swiper.swiper { + margin-left: -15px; + width: calc(100% + 30px); + } + + .marketplace__title { + font-size: 32px; + line-height: 38px; /* 118.75% */ + letter-spacing: -0.32px; + } + + .marketplace__swiper { + margin-top: 24px; + margin-left: 0px; + margin-right: 0px; + } + + .smiSlider .slider-arrows { + transform: translate(-50%, -50%)!important; + width: 106%!important; + } + + .truth .truth_title span { + background: var(--Accent-1, radial-gradient(200.43% 141.42% at 100% 0%, #188892 0%, #1EA49C 45%, #76CE75 90%, #BBE38D 100%)); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + color: none; + } + + .truth { + padding-top: 20px!important; + } + + .truth_content-wrap { + padding: 0 30px; + } +} + +@media screen and (max-width: 540px) { + .marketplace:after { + display: none; + } + + .truth .truth_content .truth_block, .truth .truth_content-end .truth_block { + height: auto!important; + } + + .truth .truth_block { + padding: 25px 15px 26px 15px!important; + } + + .blog_block .blog_text { + max-width: 100%!important; + font-size: 18px!important; + font-style: normal!important; + font-weight: 500!important; + line-height: 24px!important; + } + + .home { + background: var(--radial); + } + + .blogosphere__swiper .slider-arrows { + display: flex; + padding: 0 4.5px; + } + + .truth_block .truth_links { + padding-bottom: 0!important; + } + + .reviews_items .reviews_item { + padding: 32px 20px 35px 24px!important; + border-radius: 3.75rem!important; + } + + .reviews_items .reviews_item::after { + border-radius: 3.75rem!important; + } + + .blogosphere__top { + margin-bottom: -55px; + } + + .truth_block .truth_block-text { + min-height: unset!important; + } + + .discount { + margin-top: -50px; + } + + .sellers { + padding-top: 35px; + } + + .blogSlider .slider-arrows { + display: none!important; + } + + .blog_slider { + padding-bottom: 0!important; + } + + .cosmopet-x .slider-arrows .cosmopet-prev { + left: -10px; + } + + .cosmopet-x .slider-arrows .cosmopet-next { + right: -10px; + } + + .sellers { + padding-bottom: 120px!important; + } + + .discount__sale { + border-radius: 24px; + } + + .discount_form .discount_form-btn { + opacity: 1!important; + } + + .blogosphere { + padding-top: 40px; + } + + .reviews { + padding: 56px 0 62px!important; + } + + .reviews_item-top + span { + line-height: 15px; + } + + .reviews_block .reviews_items { + margin-left: 0!important; + } + + .reviews_item-name { + max-width: 70%; + } + + .reviews_item .reviews_item-top img { + width: 72px!important; + height: 72px!important; + } + + .reviews__left { + gap: 10px; + } +} + +.blogSlider .swiper-slide { + height: auto; +} + +.blogSlider .swiper-slide .blog_card { + height: 100%; +} + +.blogSlider .swiper-slide .blog_card .blog_card-info-wrap { + height: 100%; +} + +.blog_slider { + padding-bottom: 92px; +} + +.blog_card .blog_card-info { + justify-content: space-between; +} + +.blog_card-text { + flex: auto; +} + + +.carousel-item.active { + /* pointer-events: none; */ +} + +.sec-bf{ + position: relative; + z-index: 3; +} + +.copied{ + position: absolute; + top: -14px; + border-radius: 20px; + font-size: 13px; + right: -20px; + background: #fff; + padding: 5px; + opacity: 0; + pointer-events: none; + color: #000; +} + +.truth__end-btn.active .copied{ + opacity: 1; +} + +.home { + overflow: hidden; +} + + +.reviews_block { + position: relative; +} + +.reviews_items.--visible { + display: flex; + flex-wrap: wrap; + gap: 20px; +} + +.reviews_row { + flex: 1 1 100%; + display: flex; +} + +.reviews_row--left { + justify-content: flex-start; +} + +.reviews_row--right { + justify-content: flex-end; +} + +.reviews_item { + width: 50%; + /* Каждый блок занимает половину ширины */ +} + +.reviews_item-swiper { + width: 100%; +} + +.reviews_item-img { + border-radius: 50%; +} + +.reviews_item-top { + display: flex; + justify-content: space-between; + padding-bottom: 10px; +} + +.reviews_item-text { + margin-top: 10px; +} + +.reviews_item.reviews_item1 { + flex: 1 1 50%; + max-width: 50%; +} + +.reviews_item.reviews_item2, +.reviews_item.reviews_item4 { + flex: 1 1 calc(50% - 20px); + max-width: 50%; +} + +.reviews_item.reviews_item2 { + position: absolute; + max-width: 500px; + height: 360px; + right: -4%; + bottom: 25%; +} + +.reviews .reviews_person { + position: absolute; + right: -100px; + top: -20%; +} + +@media (max-width: 768px) { + .reviews_row { + justify-content: center !important; + /* На мобильных устройствах центрируем */ + } + + .reviews_item { + width: 100%; + /* На мобильных устройствах блоки на всю ширину */ + } + + .reviews_person { + position: static; + margin: 20px auto; + max-width: 150px; + } + + .reviews_item.reviews_item1 { + flex: 1 1 50%; + max-width: 100%; + } + + .reviews_item.reviews_item2, + .reviews_item.reviews_item4 { + flex: 1 1 calc(50% - 20px); + max-width: 100%; + } + + .reviews_item.reviews_item2 { + position: unset; + max-width: 500px; + height: 360px; + right: -4%; + bottom: 25%; + } + + .reviews .reviews_person { + position: absolute; + right: -100px; + top: -20%; + } + + .reviews_row { + justify-content: center !important; + display: contents; + } +} + + +.no-scroll { + overflow: hidden; +} +.img--mobile{ + display: none; +} +@media only screen and (max-width: 1170px) { + .about_block .about_cards { + grid-template-columns: 48.5% 48.5%; + gap: 30px 20px; + } + .about_cards .about_company{ + max-width: 380px; + } + + .sellers_slider .swiper { + padding-left: 0; + padding-right: 0; + } + .blog_slider .swiper { + padding-left: 30px; + padding-right: 30px; + } + + .truth_block .truth_block-title, + .truth .truth_title { + font-size: 60px; + line-height: 70px; + width: 100%; + } + .discount_top .discount_title { + font-size: 60px; + max-width: 550px; + line-height: 65px; + } + .discount_top .discount_top-imgs { + position: absolute; + top: 20px; + right: -50px; + } + .discount_top .discount_top-imgs .dicount_dog-img { + width: 400px; + } + + .reviews_block .reviews_items{ + margin-left: -30px; + } + +} +@media only screen and (min-width: 600px){ +.swiper-slide-active .sellers_card { + + transform: scale(1.05); /* Увеличение на 1.2 */ + transition: transform 0.3s ease; + background: #fff; +} +} +@media only screen and (max-width: 950px){ + .about_us .about_us-title, + .sellers_top .sellers_title, + .about_info .about_title, + .home_block .home_title { + font-size: 65px; + line-height: 78px; + } + .about .about_block { + gap: 0; + } + .about_block .about_info-wrap{ + gap: 30px; + } + .about_info .about_text { + font-size: 20px; + line-height: 24px; + } + + .about_info-wrap .about_img img { + width: 230px; + height: 560px; + } + + .blog_card .blog_card-info-wrap { + width: 108%; + } + .sellers_top .slider-arrows { + display: none; +} + .seller_block .sellers_top { + align-items: start; + flex-direction: column; + gap: 10px; + } + .sellers_card .sellers_card-img { + /* width: 100%; */ + } + .sellers_card .sellers_card-text{ + text-align: center; + } + .about_us-block .about_us-cards { + grid-template-columns: 48% 48%; + gap: 17px; + } + + .truth_block .truth_block-text p{ + max-width: 400px; + } + .truth_top .gift_img { + margin-left: -120px; + width: 400px; + } + + .reviews_block .reviews_items{ + flex-direction: column; + margin-left: 0; + gap: 0; + align-items: center; + } + .reviews .reviews_title{ + text-align: center; + } + .reviews .reviews_person{ + display: none; + } + .reviews_person-mob{ + display: flex; + order: 3; + object-fit: contain; + margin-top: -80px; + z-index: -2; + } + .reviews_items .reviews_item{ + border-radius: 25px; + padding: 10px 14px; + } + .reviews_items .reviews_item::after{ + border-radius: 25px; + } + .reviews_items .reviews_item1{ + order: 1; + } + .reviews_items .reviews_item2{ + order: 2; + transform: rotate(7deg); + padding: 13px; + margin-top: 10px; + z-index: -1; + margin-left: -4px; + } + .reviews_items .reviews_item6{ + order: 4; + transform: rotate(2deg); + margin-top: -80px; + } + .reviews_items .reviews_item3{ + order: 6; + transform: rotate(2.18deg); + margin-top: 5px; + z-index: -2; + } + .reviews_items .reviews_item4{ + order: 5; + transform: rotate(-1.7deg); + margin-top: 0px; + z-index: -1; + } + .reviews_items .reviews_item5{ + order: 7; + transform: rotate(-3.14deg); + margin-top: -3px; + z-index: -3; + } + + .reviews_item .reviews_item-top b { + font-size: 20px; + line-height: 22px; + } + .reviews_item .reviews_item-text { + font-size: 12px; + line-height: 14.4px; + max-width: 228px; + } +} + +@media only screen and (max-width: 776px){ + .home_dog + { + display: none; + } + .sellers_slider .swiper { + width: 568px; + } + .sellers_card .sellers_card-img { + height: 260px; + } + .slider-arrows { + display: none; + } + .home_block-dog{ + display: flex; + margin-top: 20px; + } + .home .container { + padding: 68px 30px 180px; + } + + .blog_block .blog_title, + .about_info .about_title{ + font-size: 44px; + line-height: 50px; + } + .about_info-wrap .about_img { + max-width: 200px; + } + .about_card .about_card-title { + font-size: 20px; + line-height: 24px; + } + .blog_block .blog_text, + .about_card .about_card-text { + font-size: 16px; + line-height: 18px; + } + .about_card .about_card-info { + gap: 2px; + } + .about_us-card .about_us-card-info h2 { + font-size: 12px; + line-height: 16px; + font-weight: 700; + } + .about_us-card .about_us-card-info span { + font-size: 12px; + line-height: 14px; + } + .about_us-block .about_us-card { + border-radius: 25px; + height: 181px; + } + .about_us-card .about_us-card-info{ + gap: 4px; + padding: 55px 20px 40px; + } + .about_us-cards .about_us-card .about_us-card-info { + height: 131px; + } + .about_us-card .card_date { + top: auto; + right: auto; + bottom: 16px; + left: 20px; + right: 0; + z-index: 2; + padding: 0; + border-radius: 0; + height: fit-content; + width: fit-content; + font-size: 12px; + line-height: 14.4px; + background: transparent; + font-weight: 700; + } + + /* start: QUIZ - max-width: 776px */ + .truth_content-end .truth_block .truth_info { + margin-top: 0px; + } + .truth .truth_top { + flex-direction: column-reverse; + } + .truth_top .gift_line-img{ + display: flex; + } + .truth .truth_title{ + max-width: 500px; + margin-left: auto; + } + .truth_top .gift_img { + transform: rotate(-45deg); + margin-right: auto; + margin-left: -50px; + } + .truth_block .truth_info { + position: relative; + width: 100%; + margin-top: 0; + align-items: center; + flex-direction: column-reverse; + } + .truth_content::after{ + border-radius: 25px; + } + .truth_block .truth_links { + flex-direction: column; + gap: 12px; + padding-bottom: 26px; + width: 100%; + } + .truth_block .truth_link { + width: 100%; + height: 50px; + align-items: center; + justify-content: start; + padding: 8px 20px; + } + + .truth .truth_block { + border-radius: 25px; + height: auto; + padding: 25px 15px 0px 15px; + } + .truth_content-end .truth_block .truth_info{ + flex-direction: column; + } + .truth_content-end .truth_block .truth_links{ + padding-top: 30px; + } + .truth_content-end .truth_block .truth_link{ + width: 100%; + } + .truth_content-end .truth_block .truth_block-text{ + flex-direction: column; + } + .truth_content-end .truth_block .truth_block-text p{ + max-width: 230px; + } + .truth_content-end .truth_xn{ + width: 90px; + height: 58px; + } + .truth_content-end .truth_info img { + width: auto !important; + height: 26vh !important; + object-fit: cover; + position: absolute; + bottom: -21vh; + left: -62px; + } + .truth_content-end .truth_block .truth_link { + width: 100%; + background: #FFF; + } + .truth_content-end .truth_block .truth_end-text{ + width: 100%; + } + + /* end: QUIZ - max-width: 776px */ + + /* start: Наш блог - max-width: 776px*/ + .blog_card .blog_card-title { + font-size: 20px; + line-height: 25.4px; + } + .blog_card .blog_card-text { + font-size: 16px; + line-height: 18.4px; + } + .blog_card .blog_card-info{ + gap: 9px; + } + .blog_slider .blog_card { + border-radius: 30px; + } + .blog_card .blog_card-info-wrap{ + width: 100%; + border-radius: 0; + padding: 12px 14px 16px 16px; + } + .blog_slider .blog_card:hover .blog_card-info-wrap{ + padding-right: 14px; + } + .blog_slider .blog_card:hover { + overflow: hidden; + } + .blog_card .card-line-img{ + display: none; + } + .blog_card .blog_card-img{ + border-radius: 30px 30px 0 0; + } + /* end: Наш блог - max-width: 776px */ + + /* start: Узнайте о нас больше и получите скидку! - max-width: 776px */ + .discount .discount_top{ + margin-bottom: 148px; + order: 1; + } + .discount_block .discount_text{ + order: 2; + margin-bottom: 20px; + } + .discount_block .discount_form{ + order: 3; + margin-bottom: 20px; + } + .discount_block .discount_form-text{ + order: 4; + margin-bottom: 0; + } + .discount_block .discount_cosmodog{ + order: 5; + } + .discount_top .discount_title { + font-size: 48px; + line-height: 52px; + } + .discount_top .discount_top-imgs { + right: -165px; + top: 100px; + } + .discount_top .discount_top-imgs img{ + width: 314px; + } + + .discount_block .discount_form{ + flex-direction: column; + gap: 8px; + width: 100%; + } + .discount_form .discount-line{ + display: none; + } + .discount_form .discount_form-btn, + .discount_form .discount_form-inp{ + width: 100%; + } + /* end: Узнайте о нас больше и получите скидку! - max-width: 776px */ + + .post-single-page .article-body-container{ + padding-bottom: 100px; + } +} + +/* GP | Mobile */ +@media only screen and (max-width: 576px) { + + /*Слайдер*/ + .about .container-fluid { + padding-right: 0; + padding-left: 0; + } + + /*Бестселлеры*/ + .sellers .sellers_card { + background: #fff; + } + .sellers_slider { + height: 530px; + } + .gp_tags { + border: 1px solid #121212; + border-radius: 48px; + padding:2px 4px 2px 4px; + font-size: 14px; + line-height: 18px; + height: 24px; + } + /* .tags_block { + width: 200px; + } */ + .sellers_slider .swiper { + display: flex; + align-items: stretch; + width: 320px; + height: inherit; + } + .seller_name { +font-size: 20px; +font-weight: 500; +line-height: 24px; +text-align: left; + } + .seller_price { + font-size: 20px; + font-weight: bold; + line-height: 30px; + text-align: left; + margin-bottom: 8px; + margin-top: 8px; + } + /* start: Scrollbar */ + body::-webkit-scrollbar { + width: .2rem; + /* background: #fff0; */ + background: linear-gradient(#0F5881, #76CE75, #ECF39F); + } + + body::-webkit-scrollbar-thumb { + border-radius: 4px; + background: rgba(128, 128, 128, 0.9); + } + /* end: Scrollbar */ + + /* start: ОБЩИЕ */ + .img--desktop { + display: none; + } + + .img--mobile { + display: block; + } + /* end: ОБЩИЕ */ + + .main_link { + font-size: 12px; + line-height: 14.4px; + width: 129px; + height: 29px; + padding: 7px; + } + + + .home .home_line2 { + display: flex; + } + + .home .home_line { + display: none; + } + + .home .home_block { + gap: 8px; + } + + .home_block .home_title { + font-size: 26px; + line-height: 34px; + width: 80vw; + } + + .about { + border-radius: 25px; + padding-bottom: 0; + } + + .about > .container { + width: 100%; + margin-right: auto; + margin-left: auto; + } + + .about .about_info-wrap{ + flex-direction: column; + } + + .about_info-wrap .about_img{ + max-width: unset; + width: 100vw; + } + .about_info-wrap .about_img img{ + height: auto; + width: 100%; + } + + .about_cards .about_card { + gap: 0; + } + + .about_cards .about_card-right { + align-items: end; + text-align: end; + } + + .about_card-right .about_card-text { + margin-left: auto; + } + + .about_card .about_card-gif1, + .about_card .about_card-gif4 { + width: 87px; + height: 87px; + } + + .about_card .about_card-gif2 { + width: 99px; + height: 99px; + } + + .about_card .about_card-gif3 { + width: 117px; + height: 102px; + } + + .about_company { + margin-top: 4vh; + } + + .about_company .about_company-logo img { + height: 33px; + } + + .about_company .about_company-logo img:nth-child(1), + .about_company .about_company-logo img:nth-child(3), + .about_company .about_company-logo img:nth-child(4) { + height: 33px; + } + + .about_company .about_company-logo { + display: flex; + gap: 0px 5px; + margin-top: 2%; + justify-content: space-around; + } + + .about_company .about_company-text { + font-size: 12px; + line-height: 14.4px; + } + + .about_cards .about_company { + padding: 15px 16px 18px 16px; + gap: 5px; + border-radius: 25px; + } + + .about_cards .about_company::after { + border-radius: 25px; + } + + .about_company .about_company-logo img { + width: auto; + } + + .about_block .about_cards { + grid-template-columns: 100%; + gap: 10px; + } + + .about_us-cards .about_us-card .about_us-card-info { + height: 151px; + } + + .truth_block .truth_block-text p, + .about_card .about_card-title { + font-size: 12px; + line-height: 18.2px; + } + + .discount_block .discount_text, + .blog_card .blog_card-text, + .blog_block .blog_text, + .truth_block .truth_link, + .sellers_card .sellers_card-text, + .about_card .about_card-text { + font-size: 12px; + line-height: 14.2px; + } + + .about_card .about_card-gif { + margin-bottom: -17px; + } + + .about_slider { + padding: 0; + } + + .about_slider .carousel { + height: 55vh; + min-height: 55vh; + } + + .about .about_block { + gap: 55px; + } + + .about_slider .slide { + padding: 10px 39px; + width: 280px; + height: 280px; + border-radius: 100%; + gap: 12px; + } + + .about_slider .carousel .carousel-item { + padding: 10px 39px; + width: 290px; + height: 290px; + border-radius: 100%; + } + + .about_slider .carousel .carousel-item::after { + background-image: url(../img/border-mobile.png); + border-radius: 100%; + } + + .about_slider .prev { + left: 10vw; + } + + .about_slider .next { + right: 10vw; + } + + .about_slider .slide.active { + transform: translate(0, -20px); + } + + .about_slider .slide img { + width: 113px; + height: 113px; + } + + .about_slider .slide_info { + gap: 6px; + } + + .about_slider .slide_text, + .about_slider .slide_title { + font-size: 12px; + line-height: 14.4px; + text-align: center; + } + + .about_us-block .about_us-card::after, + .about_us-card .about_us-card-img { + border-radius: 25px; + } + + .about_us-card .about_us-card-info { + border-radius: 0 0 25px 25px; + } + + .discount_top .discount_title, + .blog_block .blog_title, + .truth_block .truth_block-title, + .about_us .about_us-title, + .sellers_top .sellers_title { + font-size: 30px; + line-height: 36px; + } + + .sellers_card .sellers_card-img { + width: 100%; + height: 290px; + object-fit: contain; + } + + .sellers .sellers_card { + border-radius: 24px; + height: 520px; + padding:31px 16px 31px 16px; + } + .sellers .swiper-slide{ + max-height: 35vh; + } + + .section_wrap { + padding: 110px 0 52px; + } + + .sellers { + position: relative; + padding-bottom: 87px; + } + + .sellers .sellers_link { + position: absolute; + bottom: 24px; + right: 22px; + } + + .seller_block .sellers_top { + gap: 0; + margin-bottom: 15px; + } + + .reviews { + padding: 90px 0px 36px; + border-radius: 25px 25px 0 0; + } + + /* QUIZ */ + .truth { + border-radius: 0 0 25px 25px; + padding-bottom: 47px; + } + + .truth .truth_content .truth_block, + .truth .truth_content-end .truth_block + { + height: 70vh; + } + + .truth .truth_title { + font-size: 30px; + line-height: 36px; + max-width: 260px; + } + + .truth_top .gift_img { + margin-left: -24px; + width: 160px; + } + + .truth_top .gift_line-img { + bottom: 44px; + width: auto; + } + + .truth_block .truth_block-text img { + width: 29px; + } + + .truth_block .truth_block-title { + max-width: 171px; + margin-bottom: 7px; + } + + .truth_block .truth_line { + gap: 16px; + margin-bottom: 10px; + } + + .truth_block .truth_line span { + width: 34px; + } + + .truth_block .truth_link { + height: 29px; + border-width: 2px; + } + + .truth_content-end .truth_info img { + width: 100%; + } + + .truth_block .truth_info img { + height: 170px; + width: auto; + } + + .truth_links .truth_result { + display: none; + } + + .truth_block .truth_block-text { + gap: 11px; + } + + .truth .truth_block { + height: 470px; + } + + .truth_block .truth_links { + width: 100%; + margin-right: 0; + } + .truth_error .truth_block-text, + .truth_success .truth_block-text + { + margin-bottom: 25%; + } + + /* 381 string in adaptive */ + .truth_content-end .truth_info img { + /* width: auto !important; + object-fit: cover; + position: absolute; + left: -62px; */ + height: 30vh !important; + bottom: 0; + left: unset; + right: 0; + } + + /* QUIZ - конец */ + + + /* Наш блог */ + .blog { + position: relative; + padding-top: 63px; + padding-bottom: 90px; + } + + .blog .blog_link { + position: absolute; + bottom: 35px; + right: 30px; + } + + .blog_card .blog_card-img { + height: 120px; + object-fit: cover; + } + + .blog_card .blog_card-title { + font-size: 12px; + line-height: 16px; + } + + .blog_block .blog_text { + max-width: 230px; + } + + .blog_slider .swiper { + padding-left: 15px; + padding-right: 15px; + } + /* Наш блог - конец */ + + + /* Узнайте о нас больше и получите скидку! */ + .discount { + padding: 0px 0 43px; + } + + .discount_block .discount_text { + max-width: 260px; + } + + .discount_top .discount_top-imgs { + right: -136px; + top: 87px; + } + + .discount_top .discount_top-imgs .dicount_dog-img { + width: 314px; + width: 110vw; + } + + .discount_form .discount_form-inp { + height: 29px; + padding: 6px 13px; + font-size: 12px; + line-height: 14.4px; + } + + .discount_form .discount_form-inp::placeholder { + font-size: 12px; + line-height: 14.4px; + } + + .discount_form .discount_form-btn { + justify-content: start; + padding: 5px 15px; + background: var(--creme-white, #F4F1F0); + color: #62c57e; + opacity: 0.6; + } + .discount_form img{ + display: none; + } + .discount_form span{ + width: 100%; + } + + .discount_block .discount_cosmodog { + border-radius: 25px; + height: 415px; + } + + .discount_cosmodog .discount_cosmodog_info { + height: 245px; + gap: 14px; + padding: 10px 19px; + } + + .discount_cosmodog .discount_cosmodog-title { + text-align: start; + font-size: 26px; + line-height: 31.2px; + max-width: 202px; + margin-right: auto; + } + + .discount_cosmodog .discount_cosmodog-text { + font-size: 12px; + line-height: 14.4px; + max-width: 231px; + text-align: start; + margin-right: auto; + } + + .discount_top .discount_top-imgs { + right: -20%; + top: 0; + transform: scale(1.8); + z-index: 0; + margin-bottom: -91%; + margin-top: 20%; + position: relative; + } + + .discount_block .wpcf7 { + order: 3; + } + + /* Узнайте о нас больше и получите скидку! - конец */ + + /* start: Отзывы ветеринаров */ + .reviews .reviews_title { + font-size: 26px; + line-height: 31px; + max-width: 278px; + margin: 0 auto; + } + + .reviews .reviews_block { + margin-top: 20px; + } + + .reviews_block .reviews_items { + flex-wrap: unset; + gap: 10px; + } + + .reviews_items .reviews_item { + width: 80vw; + gap: 10px; + } + + .reviews_items .reviews_item2 { + margin-top: -0px; + } + + .reviews_items .reviews_item1 { + transform: rotate(-5.35deg); + } + + .reviews_items .reviews_item3 { + margin-top: 3px; + } + + .reviews_items .reviews_item4 { + margin: unset; + } + + .reviews_items .reviews_person-mob { + margin-bottom: -10%; + } + + .reviews_item .reviews_item-name { + display: flex; + flex-direction: column; + gap: 20px; + } + + .reviews_item .reviews_item-top b { + font-size: 12px; + line-height: 16px; + text-transform: uppercase; + } + + .reviews_item .reviews_item-top span { + max-width: 134px; + } + + /* end: Отзывы ветеринаров */ + + /* start: О НАС ПИШУТ СМИ*/ + .about_us-card .about_us-card-info span a { + font-size: 14px; + } + + .about_us-block .about_us-cards { + grid-template-columns: 1fr; + } + + .about_us-card .card_date { + right: 20px; + left: unset; + } + + .about_us-cards .about_us-card-info { + height: 130px; + } + + .about_us-card .about_us-card-info { + padding: 55px 20px 20px; + } + + .about_us-card-info.card-info--half-gradient { + background: linear-gradient(0deg, #F4F1F0 45%, rgba(244, 241, 240, 0) 100%); + } + + .truth_content-end .truth_block .truth_end-text, + .truth_content-end .truth_block .truth_block-text { + position: static; + } + + .truth_content-end .truth_block .truth_link { + border-width: 2px; + position: static; + bottom: 28px; + right: 0; + width: 100%; + margin-bottom: 76px; + z-index: 2; + } + + .truth_content-end .truth_info { + bottom: 0; + left: 0; + position: absolute; + } + + /* end: О НАС ПИШУТ СМИ */ + + /* start: Проверьте свои знания и получите подарок! */ + .truth_top .gift_img { + width: 64vw; + margin: unset; + transform: translateX(-22%) rotate(-45deg); + } + + .truth_top .gift_line-img { + top: 40%; + } + + .truth .truth_block { + padding: 25px; + } + + .truth_block .truth_line { + gap: 10%; + } + + .truth_block .truth_block-text { + min-height: 20%; + } + + .truth_points { + font-size: 30px; + } + + /* end: О НАС ПИШУТ СМИ */ + + + /* start: Наш блог */ + .blog_slider .blog_card { + height: 290px; + } + + .blog_card .blog_card-img { + border-color: #121212; + } + + .blog_card .blog_card-info-wrap { + border-radius: 0 0 30px 30px; + border-color: #121212; + } + + .blog_slider .blog_card:hover .blog_card-info-wrap{ + border-radius: 0 0 30px 30px; + width: 100%; + } + /* end: Наш блог */ + + + + /* start: Футер */ + .footer_form .footer_form-title h2, + .footer_box .footer_box-title { + font-size: 12px; + line-height: 16.2px; + font-weight: 700; + } + + .footer_box .footer_box-link { + font-size: 12px; + line-height: 16.2px; + } + + .footer_form .footer_form-textarea textarea, + .footer_form .footer_form-inp input { + height: 28px; + border: 1px solid var(--grey-black, #121212); + padding: 5px 18px; + font-size: 12px; + line-height: 14.4px; + opacity: .5; + } + + .footer_form .footer_block .footer_bottom a, + .footer_form .footer_form-inp input::placeholder { + font-size: 12px; + line-height: 14.4px; + } + + .footer_form .footer_form-textarea textarea { + height: 123px; + min-height: unset; + padding: 7px 18px; + border-radius: 17px !important; + } + + .footer_form .footer_form-textarea { + display: flex; + flex-direction: column; + gap: 13px; + } + + .footer_form-textarea .footer_form-btn { + position: static; + width: 100%; + min-height: unset; + } + + .footer_block .footer_social { + gap: 14px; + } + + .footer_block .footer_bottom a:nth-child(2) { + display: none; + } + + .footer_form .footer_form-inp { + flex-direction: column; + } + + .footer .footer_box{ + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-template-rows: repeat(2, 1fr); + row-gap: 14px; + column-gap: 0; + } + .footer .footer_box .footer_line-mob + { + grid-area: 1 / 2 / 3 / 3; + height: 100%; + padding-top: 4px; + } + .footer .footer_box .footer_line-mob1{ + margin-left: -30%; + } + .footer .footer_box .footer_box-title{ + grid-area: 1 / 1 / 1 / 1; + } + .footer .footer_box .footer_box-link{ + grid-area: 2 / 1 / 2 / 1; + } + .footer_box .footer_line-mob{ + display: block; + } + .footer_block .footer_bottom a{ + font-size: 12px; + line-height: 18px; + } + /* end: Футер */ +} + +@media only screen and (max-width: 350px) { + .reviews_block .reviews_items { + margin-left: -20px; + } +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/front-page/img/Stars-for-form.png b/wp-content/themes/cosmopet/static/front-page/img/Stars-for-form.png new file mode 100644 index 0000000..4d195ed Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/Stars-for-form.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-gif1.gif b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif1.gif new file mode 100644 index 0000000..ec1eae7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif1.gif differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-gif2.gif b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif2.gif new file mode 100644 index 0000000..10be576 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif2.gif differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-gif3.gif b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif3.gif new file mode 100644 index 0000000..f1eb5e5 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_card-gif3.gif differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-logo1.svg b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo1.svg new file mode 100644 index 0000000..ffe65d5 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo1.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-logo2.svg b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo2.svg new file mode 100644 index 0000000..96ce1ce --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo2.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-logo3.svg b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo3.svg new file mode 100644 index 0000000..38564b8 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo3.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_card-logo4.svg b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo4.svg new file mode 100644 index 0000000..4a0b145 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/about_card-logo4.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_slider-img1.png b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img1.png new file mode 100644 index 0000000..292615d Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_slider-img2.png b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img2.png new file mode 100644 index 0000000..4100697 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_slider-img3.png b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img3.png new file mode 100644 index 0000000..fd08ded Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_slider-img4.png b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img4.png new file mode 100644 index 0000000..35c98cd Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img4.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_slider-img5.png b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img5.png new file mode 100644 index 0000000..9cce47c Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_slider-img5.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/about_us-card-img.png b/wp-content/themes/cosmopet/static/front-page/img/about_us-card-img.png new file mode 100644 index 0000000..a680715 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/about_us-card-img.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/aks.svg b/wp-content/themes/cosmopet/static/front-page/img/aks.svg new file mode 100644 index 0000000..4b67b5a --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/aks.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/Anim7.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/Anim7.svg new file mode 100644 index 0000000..20b62af --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/Anim7.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/BALANCED_RECIPE.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/BALANCED_RECIPE.svg new file mode 100644 index 0000000..372764e --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/BALANCED_RECIPE.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/HIGH_ABSOLUTION.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/HIGH_ABSOLUTION.svg new file mode 100644 index 0000000..54cc20d --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/HIGH_ABSOLUTION.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/MAIN.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/MAIN.svg new file mode 100644 index 0000000..96f1e22 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/MAIN.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/SAFETY.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/SAFETY.svg new file mode 100644 index 0000000..7633dd1 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/SAFETY.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/SPECIAL_STRUCTURE.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/SPECIAL_STRUCTURE.svg new file mode 100644 index 0000000..758d61b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/SPECIAL_STRUCTURE.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/anim2.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/anim2.svg new file mode 100644 index 0000000..88e25a2 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/anim2.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/anim5.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/anim5.svg new file mode 100644 index 0000000..ef2eedd --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/anim5.svg @@ -0,0 +1,5 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/animations/gus.svg b/wp-content/themes/cosmopet/static/front-page/img/animations/gus.svg new file mode 100644 index 0000000..ad47c65 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/animations/gus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/front-page/img/bars.svg b/wp-content/themes/cosmopet/static/front-page/img/bars.svg new file mode 100644 index 0000000..c5f23ad --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/bars.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/blog-anim.svg b/wp-content/themes/cosmopet/static/front-page/img/blog-anim.svg new file mode 100644 index 0000000..11ad71b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/blog-anim.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/front-page/img/blog_card-img.jpg b/wp-content/themes/cosmopet/static/front-page/img/blog_card-img.jpg new file mode 100644 index 0000000..99403af Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/blog_card-img.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/blogger.png b/wp-content/themes/cosmopet/static/front-page/img/blogger.png new file mode 100644 index 0000000..b15ceec Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/blogger.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/border-mobile.png b/wp-content/themes/cosmopet/static/front-page/img/border-mobile.png new file mode 100644 index 0000000..4b0a256 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/border-mobile.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/border.png b/wp-content/themes/cosmopet/static/front-page/img/border.png new file mode 100644 index 0000000..797c2d2 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/border.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/card-line.svg b/wp-content/themes/cosmopet/static/front-page/img/card-line.svg new file mode 100644 index 0000000..e84b36b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/card-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cat-lakom.svg b/wp-content/themes/cosmopet/static/front-page/img/cat-lakom.svg new file mode 100644 index 0000000..c7754ea --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cat-lakom.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cat_dog.png b/wp-content/themes/cosmopet/static/front-page/img/cat_dog.png new file mode 100644 index 0000000..cba67ed Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cat_dog.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/close.svg b/wp-content/themes/cosmopet/static/front-page/img/close.svg new file mode 100644 index 0000000..682c4f3 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/close.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-1.png b/wp-content/themes/cosmopet/static/front-page/img/cosmo-1.png new file mode 100644 index 0000000..72b0d16 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmo-1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-2.png b/wp-content/themes/cosmopet/static/front-page/img/cosmo-2.png new file mode 100644 index 0000000..645d524 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmo-2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-3.png b/wp-content/themes/cosmopet/static/front-page/img/cosmo-3.png new file mode 100644 index 0000000..3559c6a Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmo-3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-4.png b/wp-content/themes/cosmopet/static/front-page/img/cosmo-4.png new file mode 100644 index 0000000..85d6859 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmo-4.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-1.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-1.svg new file mode 100644 index 0000000..cbe73fb --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-1.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-2.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-2.svg new file mode 100644 index 0000000..17af78b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-2.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-3.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-3.svg new file mode 100644 index 0000000..cf24883 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-3.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-4.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-4.svg new file mode 100644 index 0000000..48a97e8 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmo-top-4.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmobaka.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmobaka.svg new file mode 100644 index 0000000..1c5d3a9 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmobaka.svg @@ -0,0 +1,18 @@ + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmocat.png b/wp-content/themes/cosmopet/static/front-page/img/cosmocat.png new file mode 100644 index 0000000..0ba971f Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmocat.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmocats.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmocats.svg new file mode 100644 index 0000000..957f65a --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmocats.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmodog-img.png b/wp-content/themes/cosmopet/static/front-page/img/cosmodog-img.png new file mode 100644 index 0000000..5b42411 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmodog-img.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmodog.png b/wp-content/themes/cosmopet/static/front-page/img/cosmodog.png new file mode 100644 index 0000000..84c2b98 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/cosmodog.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/cosmodogs.svg b/wp-content/themes/cosmopet/static/front-page/img/cosmodogs.svg new file mode 100644 index 0000000..6494f3c --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/cosmodogs.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/dec-m.svg b/wp-content/themes/cosmopet/static/front-page/img/dec-m.svg new file mode 100644 index 0000000..bbcec11 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/dec-m.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/dicount-dog.png b/wp-content/themes/cosmopet/static/front-page/img/dicount-dog.png new file mode 100644 index 0000000..b0d2f16 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/dicount-dog.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale-mob.png b/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale-mob.png new file mode 100644 index 0000000..05dfc20 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale-mob.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale.png b/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale.png new file mode 100644 index 0000000..2769914 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/dicsount-sale.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/discount-line-w.svg b/wp-content/themes/cosmopet/static/front-page/img/discount-line-w.svg new file mode 100644 index 0000000..bd7fb64 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/discount-line-w.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/discount-line.svg b/wp-content/themes/cosmopet/static/front-page/img/discount-line.svg new file mode 100644 index 0000000..bd7fb64 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/discount-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog.jpg b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog.jpg new file mode 100644 index 0000000..46a70b1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog2.png b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog2.png new file mode 100644 index 0000000..5aa030b Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog3.jpg b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog3.jpg new file mode 100644 index 0000000..ac98e97 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/discount_cosmodog3.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/dog-lakom.svg b/wp-content/themes/cosmopet/static/front-page/img/dog-lakom.svg new file mode 100644 index 0000000..cb877c9 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/dog-lakom.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/dog.png b/wp-content/themes/cosmopet/static/front-page/img/dog.png new file mode 100644 index 0000000..8d880a1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/dog.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/entoprotein-img.svg b/wp-content/themes/cosmopet/static/front-page/img/entoprotein-img.svg new file mode 100644 index 0000000..18a91cc --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/entoprotein-img.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/error_result1.png b/wp-content/themes/cosmopet/static/front-page/img/error_result1.png new file mode 100644 index 0000000..66fcd92 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/error_result1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/error_result2.png b/wp-content/themes/cosmopet/static/front-page/img/error_result2.png new file mode 100644 index 0000000..3b0e4ad Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/error_result2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/error_result3.png b/wp-content/themes/cosmopet/static/front-page/img/error_result3.png new file mode 100644 index 0000000..7179d05 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/error_result3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/error_result4.png b/wp-content/themes/cosmopet/static/front-page/img/error_result4.png new file mode 100644 index 0000000..3b649da Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/error_result4.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer__figure.svg b/wp-content/themes/cosmopet/static/front-page/img/footer__figure.svg new file mode 100644 index 0000000..9a210c9 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer__figure.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer__figure__arrow.svg b/wp-content/themes/cosmopet/static/front-page/img/footer__figure__arrow.svg new file mode 100644 index 0000000..13a76e7 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer__figure__arrow.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob.svg new file mode 100644 index 0000000..94cc8ea --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob2.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob2.svg new file mode 100644 index 0000000..795f8b1 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_line-mob2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_line.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_line.svg new file mode 100644 index 0000000..102ee12 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_line.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_logo.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_logo.svg new file mode 100644 index 0000000..83dea47 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_logo2.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_logo2.svg new file mode 100644 index 0000000..9bfa206 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_logo2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_shop.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_shop.svg new file mode 100644 index 0000000..0af8968 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_shop.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_shop2.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_shop2.svg new file mode 100644 index 0000000..6a47ead --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_shop2.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/footer_user.svg b/wp-content/themes/cosmopet/static/front-page/img/footer_user.svg new file mode 100644 index 0000000..0f29e71 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/footer_user.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/gift-line.svg b/wp-content/themes/cosmopet/static/front-page/img/gift-line.svg new file mode 100644 index 0000000..766e60e --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/gift-line.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/gift-new-mob.png b/wp-content/themes/cosmopet/static/front-page/img/gift-new-mob.png new file mode 100644 index 0000000..27e4a9d Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/gift-new-mob.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/gift-new.png b/wp-content/themes/cosmopet/static/front-page/img/gift-new.png new file mode 100644 index 0000000..ac71ed5 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/gift-new.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/gift.png b/wp-content/themes/cosmopet/static/front-page/img/gift.png new file mode 100644 index 0000000..e95f9b2 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/gift.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/gov.png b/wp-content/themes/cosmopet/static/front-page/img/gov.png new file mode 100644 index 0000000..8b303f8 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/gov.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/hero-1.png b/wp-content/themes/cosmopet/static/front-page/img/hero-1.png new file mode 100644 index 0000000..e6893b1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/hero-1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/hero-2.png b/wp-content/themes/cosmopet/static/front-page/img/hero-2.png new file mode 100644 index 0000000..5590cc0 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/hero-2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/home-line.svg b/wp-content/themes/cosmopet/static/front-page/img/home-line.svg new file mode 100644 index 0000000..7daaa63 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/home-line.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/home-line2.svg b/wp-content/themes/cosmopet/static/front-page/img/home-line2.svg new file mode 100644 index 0000000..7baee62 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/home-line2.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/i-arr_down.svg b/wp-content/themes/cosmopet/static/front-page/img/i-arr_down.svg new file mode 100644 index 0000000..d6e1bf3 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/i-arr_down.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/i-arr_down_black.svg b/wp-content/themes/cosmopet/static/front-page/img/i-arr_down_black.svg new file mode 100644 index 0000000..167b671 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/i-arr_down_black.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/arrdown.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/arrdown.svg new file mode 100644 index 0000000..b238ab6 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/arrdown.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/arrright.png b/wp-content/themes/cosmopet/static/front-page/img/icons/arrright.png new file mode 100644 index 0000000..c4f9ba9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/icons/arrright.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/bars.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/bars.svg new file mode 100644 index 0000000..c5f23ad --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/bars.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/bars2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/bars2.svg new file mode 100644 index 0000000..32025c8 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/bars2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob.svg new file mode 100644 index 0000000..94cc8ea --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob2.svg new file mode 100644 index 0000000..795f8b1 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line-mob2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line.svg new file mode 100644 index 0000000..102ee12 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line2.svg new file mode 100644 index 0000000..069c991 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/footer_line2.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-back.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-back.svg new file mode 100644 index 0000000..17a1f09 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-back.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-card.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-card.svg new file mode 100644 index 0000000..a9ececd --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-card.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-card2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-card2.svg new file mode 100644 index 0000000..58cdab3 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-card2.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-close.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-close.svg new file mode 100644 index 0000000..682c4f3 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-close.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-delete.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-delete.svg new file mode 100644 index 0000000..a3f1871 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-delete.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-minus.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-minus.svg new file mode 100644 index 0000000..77084d2 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-minus.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-plus.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-plus.svg new file mode 100644 index 0000000..ccfa620 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-plus.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-subtract.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-subtract.svg new file mode 100644 index 0000000..7c70d1d --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-subtract.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg.svg new file mode 100644 index 0000000..87d305f --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg2.svg new file mode 100644 index 0000000..ebc2305 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-tg2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-user.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user.svg new file mode 100644 index 0000000..8e71d33 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-user2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user2.svg new file mode 100644 index 0000000..3ac452e --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user2.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo.svg new file mode 100644 index 0000000..7f638e0 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo2.svg new file mode 100644 index 0000000..ed61a3f --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-user_photo2.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk.svg new file mode 100644 index 0000000..d7ef12b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk2.svg new file mode 100644 index 0000000..1ab96fe --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-vk2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex.svg new file mode 100644 index 0000000..7441a46 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex2.svg new file mode 100644 index 0000000..f07c652 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/i-yandex2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/logo.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/logo.svg new file mode 100644 index 0000000..702e879 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/icons/logo2.svg b/wp-content/themes/cosmopet/static/front-page/img/icons/logo2.svg new file mode 100644 index 0000000..b2b8087 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/icons/logo2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/indeka.png b/wp-content/themes/cosmopet/static/front-page/img/indeka.png new file mode 100644 index 0000000..f952bc7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/indeka.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/labrador with stars -- mobile.png b/wp-content/themes/cosmopet/static/front-page/img/labrador with stars -- mobile.png new file mode 100644 index 0000000..2eef1e3 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/labrador with stars -- mobile.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/labrador with stars.png b/wp-content/themes/cosmopet/static/front-page/img/labrador with stars.png new file mode 100644 index 0000000..2301af7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/labrador with stars.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/logo.svg b/wp-content/themes/cosmopet/static/front-page/img/logo.svg new file mode 100644 index 0000000..319f8a0 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/logo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/menu-mobile__cross.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/menu-mobile__cross.svg new file mode 100644 index 0000000..1bd5d02 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/menu-mobile__cross.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__cart-icon.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__cart-icon.svg new file mode 100644 index 0000000..c502da5 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__cart-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__decoration-line.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__decoration-line.svg new file mode 100644 index 0000000..bb0e58d --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__decoration-line.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo--white.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo--white.svg new file mode 100644 index 0000000..42f516a --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo--white.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo.svg new file mode 100644 index 0000000..3fc424c --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__logo.svg @@ -0,0 +1,14 @@ + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__profile-icon.svg b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__profile-icon.svg new file mode 100644 index 0000000..8dbbc82 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/mobile-menu/mobile-menu__profile-icon.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/news/1.png b/wp-content/themes/cosmopet/static/front-page/img/news/1.png new file mode 100644 index 0000000..f06a172 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/news/1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/news/2.png b/wp-content/themes/cosmopet/static/front-page/img/news/2.png new file mode 100644 index 0000000..442c04f Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/news/2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/news/3.png b/wp-content/themes/cosmopet/static/front-page/img/news/3.png new file mode 100644 index 0000000..e5e111c Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/news/3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets-reviews.png b/wp-content/themes/cosmopet/static/front-page/img/pets-reviews.png new file mode 100644 index 0000000..2b732f9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets-reviews.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/11.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/11.jpg new file mode 100644 index 0000000..135a8b1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/11.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/12.webp b/wp-content/themes/cosmopet/static/front-page/img/pets/12.webp new file mode 100644 index 0000000..902aacd Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/12.webp differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/13.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/13.jpg new file mode 100644 index 0000000..14071a8 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/13.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/14.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/14.jpg new file mode 100644 index 0000000..184df31 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/14.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/15.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/15.jpg new file mode 100644 index 0000000..6ecffb1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/15.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/16.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/16.jpg new file mode 100644 index 0000000..5595403 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/16.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/17.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/17.jpg new file mode 100644 index 0000000..65636c1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/17.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/18.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/18.jpg new file mode 100644 index 0000000..3c5bc70 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/18.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/19.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/19.jpg new file mode 100644 index 0000000..2a298aa Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/19.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/20.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/20.jpg new file mode 100644 index 0000000..abad711 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/20.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/21.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/21.jpg new file mode 100644 index 0000000..12fe6b3 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/21.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/22.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/22.jpg new file mode 100644 index 0000000..65636c1 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/22.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/23.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/23.jpg new file mode 100644 index 0000000..4c66ae9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/23.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/24.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/24.jpg new file mode 100644 index 0000000..ce01379 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/24.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/25.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/25.jpg new file mode 100644 index 0000000..8380183 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/25.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/26.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/26.jpg new file mode 100644 index 0000000..82e3a1f Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/26.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/27.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/27.jpg new file mode 100644 index 0000000..2d8c79e Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/27.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/28.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/28.jpg new file mode 100644 index 0000000..64a1029 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/28.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_1.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_1.jpg new file mode 100644 index 0000000..a1b63ac Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_1.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_10.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_10.jpg new file mode 100644 index 0000000..267f097 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_10.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_11.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_11.jpg new file mode 100644 index 0000000..534f1a4 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_11.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_12.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_12.jpg new file mode 100644 index 0000000..a1df8e0 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_12.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_13.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_13.jpg new file mode 100644 index 0000000..30c0606 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_13.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_14.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_14.jpg new file mode 100644 index 0000000..28e9cd9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_14.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_2.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_2.jpg new file mode 100644 index 0000000..5b50174 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_2.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_3.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_3.jpg new file mode 100644 index 0000000..4889763 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_3.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_4.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_4.jpg new file mode 100644 index 0000000..c4074f5 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_4.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_5.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_5.jpg new file mode 100644 index 0000000..c28187d Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_5.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_6.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_6.jpg new file mode 100644 index 0000000..2fe7ab5 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_6.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_7.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_7.jpg new file mode 100644 index 0000000..dffe632 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_7.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_8.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_8.jpg new file mode 100644 index 0000000..bf04b71 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_8.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_9.jpg b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_9.jpg new file mode 100644 index 0000000..2862d6d Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/pets/tag_cosmopet_9.jpg differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/puppy.png b/wp-content/themes/cosmopet/static/front-page/img/puppy.png new file mode 100644 index 0000000..c5b9c91 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/puppy.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/quiz/birds_mobile.png b/wp-content/themes/cosmopet/static/front-page/img/quiz/birds_mobile.png new file mode 100644 index 0000000..549576e Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/quiz/birds_mobile.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/review_avatar.svg b/wp-content/themes/cosmopet/static/front-page/img/review_avatar.svg new file mode 100644 index 0000000..1b3ad76 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/review_avatar.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/reviews/Evstigneeva.png b/wp-content/themes/cosmopet/static/front-page/img/reviews/Evstigneeva.png new file mode 100644 index 0000000..b53666b Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/reviews/Evstigneeva.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/reviews/Korovkina.png b/wp-content/themes/cosmopet/static/front-page/img/reviews/Korovkina.png new file mode 100644 index 0000000..7bda5b4 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/reviews/Korovkina.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/reviews/Popov.png b/wp-content/themes/cosmopet/static/front-page/img/reviews/Popov.png new file mode 100644 index 0000000..19231e9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/reviews/Popov.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/reviews_person-mob.png b/wp-content/themes/cosmopet/static/front-page/img/reviews_person-mob.png new file mode 100644 index 0000000..b9bbbba Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/reviews_person-mob.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/reviews_person.png b/wp-content/themes/cosmopet/static/front-page/img/reviews_person.png new file mode 100644 index 0000000..7fd31c2 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/reviews_person.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/ryba.png b/wp-content/themes/cosmopet/static/front-page/img/ryba.png new file mode 100644 index 0000000..e63e8c7 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/ryba.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-1.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-1.svg new file mode 100644 index 0000000..a111cdc --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-1.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-2.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-2.svg new file mode 100644 index 0000000..4670a08 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-2.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-3.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-3.svg new file mode 100644 index 0000000..cfb6b51 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-3.svg @@ -0,0 +1,75 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-4.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-4.svg new file mode 100644 index 0000000..0f652a9 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-4.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-5.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-5.svg new file mode 100644 index 0000000..87d3f75 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-5.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-6.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-6.svg new file mode 100644 index 0000000..cc62f61 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-6.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-7.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-7.svg new file mode 100644 index 0000000..8d3de83 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-7.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-8.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-8.svg new file mode 100644 index 0000000..00bf280 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-8.svg @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/scrollable-9.svg b/wp-content/themes/cosmopet/static/front-page/img/scrollable-9.svg new file mode 100644 index 0000000..82dbe31 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/scrollable-9.svg @@ -0,0 +1,37 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/shop.svg b/wp-content/themes/cosmopet/static/front-page/img/shop.svg new file mode 100644 index 0000000..e3a535a --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/shop.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/slider-next.svg b/wp-content/themes/cosmopet/static/front-page/img/slider-next.svg new file mode 100644 index 0000000..c9d2f40 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/slider-next.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/slider-prev.svg b/wp-content/themes/cosmopet/static/front-page/img/slider-prev.svg new file mode 100644 index 0000000..f255341 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/slider-prev.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/sphere-1.png b/wp-content/themes/cosmopet/static/front-page/img/sphere-1.png new file mode 100644 index 0000000..55a2cc8 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/sphere-1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/success_result1.png b/wp-content/themes/cosmopet/static/front-page/img/success_result1.png new file mode 100644 index 0000000..26b898b Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/success_result1.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/success_result2.png b/wp-content/themes/cosmopet/static/front-page/img/success_result2.png new file mode 100644 index 0000000..446c37b Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/success_result2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/success_result3.png b/wp-content/themes/cosmopet/static/front-page/img/success_result3.png new file mode 100644 index 0000000..b674941 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/success_result3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/success_result4.png b/wp-content/themes/cosmopet/static/front-page/img/success_result4.png new file mode 100644 index 0000000..3b649da Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/success_result4.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/telegram.svg b/wp-content/themes/cosmopet/static/front-page/img/telegram.svg new file mode 100644 index 0000000..48ada70 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/telegram.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/telegram2.svg b/wp-content/themes/cosmopet/static/front-page/img/telegram2.svg new file mode 100644 index 0000000..f30a8de --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/telegram2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_error.png b/wp-content/themes/cosmopet/static/front-page/img/truth_error.png new file mode 100644 index 0000000..52811b0 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_error.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_img2.png b/wp-content/themes/cosmopet/static/front-page/img/truth_img2.png new file mode 100644 index 0000000..ec46092 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_img2.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_img3.png b/wp-content/themes/cosmopet/static/front-page/img/truth_img3.png new file mode 100644 index 0000000..534ba17 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_img3.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_img4.png b/wp-content/themes/cosmopet/static/front-page/img/truth_img4.png new file mode 100644 index 0000000..b80410d Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_img4.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_img5.png b/wp-content/themes/cosmopet/static/front-page/img/truth_img5.png new file mode 100644 index 0000000..2813bad Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_img5.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_img6.png b/wp-content/themes/cosmopet/static/front-page/img/truth_img6.png new file mode 100644 index 0000000..8a9fa27 Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_img6.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_num.svg b/wp-content/themes/cosmopet/static/front-page/img/truth_num.svg new file mode 100644 index 0000000..b9a030b --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/truth_num.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_num2.svg b/wp-content/themes/cosmopet/static/front-page/img/truth_num2.svg new file mode 100644 index 0000000..4e9028c --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/truth_num2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_num3.svg b/wp-content/themes/cosmopet/static/front-page/img/truth_num3.svg new file mode 100644 index 0000000..c8b28de --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/truth_num3.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_num4.svg b/wp-content/themes/cosmopet/static/front-page/img/truth_num4.svg new file mode 100644 index 0000000..daf2261 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/truth_num4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_num5.svg b/wp-content/themes/cosmopet/static/front-page/img/truth_num5.svg new file mode 100644 index 0000000..b9b9cfe --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/truth_num5.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_person.png b/wp-content/themes/cosmopet/static/front-page/img/truth_person.png new file mode 100644 index 0000000..a1b387e Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_person.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/truth_succes-img.png b/wp-content/themes/cosmopet/static/front-page/img/truth_succes-img.png new file mode 100644 index 0000000..73b5d4e Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/truth_succes-img.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/user.svg b/wp-content/themes/cosmopet/static/front-page/img/user.svg new file mode 100644 index 0000000..ae4fbe6 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/user.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/vector-head.svg b/wp-content/themes/cosmopet/static/front-page/img/vector-head.svg new file mode 100644 index 0000000..72e8627 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/vector-head.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/wk.svg b/wp-content/themes/cosmopet/static/front-page/img/wk.svg new file mode 100644 index 0000000..790d1d9 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/wk.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/wk2.svg b/wp-content/themes/cosmopet/static/front-page/img/wk2.svg new file mode 100644 index 0000000..5d98595 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/wk2.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/xn-border.svg b/wp-content/themes/cosmopet/static/front-page/img/xn-border.svg new file mode 100644 index 0000000..9371dfe --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/xn-border.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/xn.svg b/wp-content/themes/cosmopet/static/front-page/img/xn.svg new file mode 100644 index 0000000..8c3c7b1 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/xn.svg @@ -0,0 +1,3 @@ + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/yagnenok.png b/wp-content/themes/cosmopet/static/front-page/img/yagnenok.png new file mode 100644 index 0000000..342858b Binary files /dev/null and b/wp-content/themes/cosmopet/static/front-page/img/yagnenok.png differ diff --git a/wp-content/themes/cosmopet/static/front-page/img/yandex.svg b/wp-content/themes/cosmopet/static/front-page/img/yandex.svg new file mode 100644 index 0000000..b70eddd --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/yandex.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/img/yandex2.svg b/wp-content/themes/cosmopet/static/front-page/img/yandex2.svg new file mode 100644 index 0000000..13118d2 --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/img/yandex2.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/front-page/js/main.js b/wp-content/themes/cosmopet/static/front-page/js/main.js new file mode 100644 index 0000000..ef30cbf --- /dev/null +++ b/wp-content/themes/cosmopet/static/front-page/js/main.js @@ -0,0 +1,493 @@ +// Scroll for by class "scroll_link" +const smoothLinks = document.querySelectorAll('.scroll_link'); +for (let smoothLink of smoothLinks) { + smoothLink.addEventListener('click', function (e) { + e.preventDefault(); + const id = smoothLink.getAttribute('href'); + + document.querySelector(id).scrollIntoView({ + behavior: 'smooth', + block: 'start' + }); + }); +}; + +// Header menu +document.addEventListener('DOMContentLoaded', function () { + let body = document.querySelector('body'); + let header = document.querySelector('.header'); + jQuery('.header-lang').on('click', function(){ + jQuery(this).find('ul').toggle() + }) + + /* Здесь было открытие/закрытие моб.меню */ + // let headerBars = document.querySelector('.header_bars'); + // let headerClose = document.querySelector('.header_close'); + // jQuery(".header_bars").on('click', function(){jQuery('.header_navs').toggleClass('active')}) + // headerBars.addEventListener('click', function () { + // header.classList.add('mobile-open'); + // body.classList.add('no-scroll'); + // }); + + // function removeActiveClass() { + // header.classList.remove('mobile-open'); + // body.classList.remove('no-scroll'); + // } + + // headerClose.addEventListener('click', removeActiveClass); + + jQuery(".header_bars").on('click', function(){jQuery('.header_navs').toggleClass('active')}) + + /* start: aboutSlider */ + // var slider = carousel_init(); + // function carousel_init() { + // var carousel = document.querySelectorAll('.carousel'); + // if (window.innerWidth > 421) { + // var options = { + // numVisible: 5, + // // indicators: true, + // } + // } else if (window.innerWidth < 421) { + // var options = { + // numVisible: 3, + // // indicators: true, + // } + // } + // var instances = M.Carousel.init(carousel, options); + // document.querySelectorAll('.about_slider_nav').forEach(btn => { + // btn.addEventListener('click', function (e) { + // // window.t = e.target.closest('button') + // // console.log(t) + // if (e.target.closest('button').classList.contains('next')) { + // instances[0].next(); + // }else{ + // instances[0].prev(); + // } + // }); + // }); + // return instances; + // } + + /* GP | Start: Анимация в блоке "Отзывы ветеринаров" */ + // const reviewsItems = jQuery('.reviews_item') + // setInterval(() => { + // if (jQuery(reviewsItems[0]).is(':visible')) { + // jQuery(reviewsItems[0]).hide() + // jQuery(reviewsItems[1]).show() + // } else { + // jQuery(reviewsItems[0]).show() + // jQuery(reviewsItems[1]).hide() + // } + + // setTimeout(() => { + // if (jQuery(reviewsItems[2]).is(':visible')) { + // jQuery(reviewsItems[2]).hide() + // jQuery(reviewsItems[3]).show() + // } else { + // jQuery(reviewsItems[2]).show() + // jQuery(reviewsItems[3]).hide() + // } + // }, 3000); + + // setTimeout(() => { + // if (jQuery(reviewsItems[4]).is(':visible')) { + // jQuery(reviewsItems[4]).hide() + // jQuery(reviewsItems[5]).show() + // } else { + // jQuery(reviewsItems[4]).show() + // jQuery(reviewsItems[5]).hide() + // } + // }, 6000); + // }, 9000); + /* GP | End: Анимация в блоке "Отзывы ветеринаров" */ + + + /* GP | Start: blogosphere__swiper */ + + // function carousel_init_new() { + // const carousel = document.querySelector('.blogosphere__swiper'); + // let options = {}; // Переменная для хранения текущих параметров + + // // Функция для обновления настроек в зависимости от размера экрана + // function setOptions() { + // if (window.innerWidth > 421) { + // options = { + // numVisible: 5, + // onCycleTo: (el) => { + // const slides = carousel.querySelectorAll('.carousel-item'); + + // slides.forEach((slide) => { + // const video = slide.querySelector('video'); + // if (video) { + // video.pause(); + // } + // }); + // } + // }; + // } else { + // options = { + // numVisible: 3, + // }; + // } + + + // } + + // // Инициализация карусели с текущими параметрами + // function initCarousel() { + // setOptions(); // Устанавливаем параметры при инициализации + // M.Carousel.init(carousel, options); // Инициализация карусели с новыми параметрами + // } + + // // Инициализация карусели при загрузке страницы + // initCarousel(); + + // // Обновляем карусель при изменении размера окна + // window.addEventListener('resize', function () { + // // Уничтожаем старую карусель и создаем новую с обновленными параметрами + // if (carousel) { + // carousel.M_Carousel.destroy(); + // } + // initCarousel(); + // }); + + // // Прямое добавление обработчиков на кнопки + // const nextBtn = document.querySelector('.blogosphere__btn.next'); + // const prevBtn = document.querySelector('.blogosphere__btn.prev'); + + // if (nextBtn && prevBtn) { + // nextBtn.addEventListener('click', (e) => { + // e.preventDefault(); + // e.stopPropagation(); + // if (carousel) { + // carousel.M_Carousel.next(); + // } + // }); + + // prevBtn.addEventListener('click', (e) => { + // e.preventDefault(); + // e.stopPropagation(); + // if (carousel) { + // carousel.M_Carousel.prev(); + // } + // }); + // } + // } + + // // Инициализация карусели + // carousel_init_new(); + + /* GP | End: */ + + + let home = new Swiper(".home__swiper ", { + slidesPerView: 1, + spaceBetween: 1000, + loop:true, + autoplay: { + delay: 5000, + }, + pagination: { + el: ".home__pagination", + clickable: true + }, + }); + + let market = new Swiper(".marketplace__swiper ", { + slidesPerView: 'auto', + spaceBetween: 13, + + mousewheel: { + sensitivity: 1, + enabled: true, + releaseOnEdges: true, + }, + }); + + // sellerSlider + let sellerSlider = new Swiper(".sellerSlider", { + slidesPerView: 5, + spaceBetween: 24, + centeredSlides: true, + initialSlide: 1, + loop:true, + navigation: { + nextEl: '.sellerSlider-next', + prevEl: '.sellerSlider-prev' + }, + mousewheel: { + sensitivity: 1, + enabled: true, + releaseOnEdges: true, + }, + breakpoints: { + 250: { + slidesPerView: 1, + spaceBetween: 22, + }, + 576: { + slidesPerView: 2, + spaceBetween: 20, + }, + 768: { + slidesPerView: 2.5, + spaceBetween: 20, + }, + 1024: { + slidesPerView: 3, + spaceBetween: 20, + }, + 1400: { + slidesPerView: 5, + spaceBetween: 24, + }, + } + }); + + // blogSlider + let blogSlider = new Swiper(".blogSlider", { + slidesPerView: 2.5, + spaceBetween: 43, + mousewheel: { + sensitivity: 1, + enabled: true, + releaseOnEdges: true, + }, + navigation: { + nextEl: '.blogSlider-next', + prevEl: '.blogSlider-prev' + }, + breakpoints: { + 300: { + slidesPerView: 1.3, + spaceBetween: 20, + }, + 776: { + slidesPerView: 1.3, + spaceBetween: 53, + }, + 991: { + slidesPerView: 2.4, + spaceBetween: '5%', + }, + 1400: { + slidesPerView: 2.4, + spaceBetween: '5%', + }, + } + }); + + let cosmopetSwiper = new Swiper(".cosmopet-x__swiper", { + slidesPerView: 2.5, + spaceBetween: 43, + mousewheel: { + sensitivity: 1, + enabled: true, + releaseOnEdges: true, + }, + navigation: { + nextEl: '.cosmopet-next', + prevEl: '.cosmopet-prev' + }, + breakpoints: { + 300: { + slidesPerView: 1, + spaceBetween: 200, + }, + 776: { + slidesPerView: 2, + spaceBetween: 30, + }, + 991: { + slidesPerView: 2.4, + spaceBetween: '5%', + }, + 1400: { + slidesPerView: 3, + spaceBetween: 37, + }, + } + }); + + let smigSlider = new Swiper(".smiSlider", { + slidesPerView: 3.3, + spaceBetween: 40, + navigation: { + nextEl: '.smiSlider-next', + prevEl: '.smiSlider-prev' + }, + mousewheel: { + sensitivity: 1, + enabled: true, + releaseOnEdges: true, + }, + breakpoints: { + 300: { + slidesPerView: 1.3, + spaceBetween: 20, + }, + 776: { + slidesPerView: 1.3, + spaceBetween: 40, + }, + 991: { + slidesPerView: 2.4, + spaceBetween: 40, + }, + 1400: { + slidesPerView: 2.8, + spaceBetween: 40, + }, + } + }); + + let petsSlider = new Swiper(".discount_cosmodog__slider", { + slidesPerView: 1, + spaceBetween: 0, + effect: "fade", + autoplay: { + delay: 5000, + }, + }); +}); + + +// Quiz +document.addEventListener('DOMContentLoaded', function () { + const truthContents = document.querySelectorAll('.truth_content'); + let currentIndex = 0; + let correctAnswers = 0; + + truthContents.forEach(content => { + const successBtn = content.querySelector('.success_btn'); + const errorBtn = content.querySelector('.error_btn'); + const nextBtn = content.querySelectorAll(".next_btn"); + const truthSuccess = content.querySelector('.truth_success'); + const truthError = content.querySelector('.truth_error'); + const truthDefault = content.querySelector('.truth_default'); + + if (successBtn) { + successBtn.addEventListener('click', function () { + truthDefault.style.display = 'none'; + truthSuccess.classList.add('show'); + correctAnswers++; + }); + } + + if (errorBtn) { + errorBtn.addEventListener('click', function () { + truthDefault.style.display = 'none'; + truthError.classList.add('show'); + }); + } + + if (nextBtn) { + nextBtn.forEach(btn => { + btn.addEventListener('click', function () { + truthSuccess.classList.contains('show') ? truthSuccess.classList.remove('show') : truthError.classList.remove('show'); + content.classList.remove('active'); + + currentIndex++; + + if (currentIndex < truthContents.length) { + truthContents[currentIndex].classList.add('active'); + } + if (truthContents.length - currentIndex == 1) { + truthContents[currentIndex].querySelector(".truth_points-corrects").innerHTML = correctAnswers; + truthContents[currentIndex].querySelector(".truth_points-all").innerHTML = currentIndex ; + } + }) + }); + } + + // Initial visibility + if (truthDefault) { + truthDefault.style.display = 'block'; + } + }); + +}); + +// discount cosmodog img +document.addEventListener('DOMContentLoaded', function () { + const cosmodogContainer = document.querySelector('.discount_cosmodog'); + if (cosmodogContainer){ + const images = cosmodogContainer.querySelectorAll('.discount_cosmodog-img'); + let currentIndex = 0; + + cosmodogContainer.addEventListener('click', function () { + images[currentIndex].classList.remove('active'); + currentIndex = (currentIndex + 1) % images.length; + images[currentIndex].classList.add('active'); + }); + } + +}); + +document.addEventListener('DOMContentLoaded', function () { + jQuery('.truth-form').on('submit', function(e){ + e.preventDefault(); + var form = new FormData(this); + var action = jQuery(this).attr('action') + jQuery.ajax({ + url: action, + data: form, + processData: false, + contentType: false, + type: 'POST', + success: function (response) { + response = JSON.parse(response) + if (response.status == 'Success'){ + jQuery('.truth_end-text--before').hide() + jQuery('.truth_end-text--sent').show() + } + } + }); + }) + + + + jQuery('body').on('click', '[data-copy]', async function(){ + + + try { + const textToCopy = jQuery(this).data('copy'); + await navigator.clipboard.writeText(textToCopy); + + jQuery(this).addClass('active') + setTimeout(function(){ + jQuery(this).removeClass('active') + }, 2000) + } catch (err) { + + } + }) +}); + + +document.addEventListener('DOMContentLoaded', function () { + const sliders = document.querySelectorAll('.reviews_item-swiper'); + sliders.forEach((slider, index) => { + new Swiper(slider, { + slidesPerView: 1, + spaceBetween: 0, + loop: true, + autoplay: { + delay: 3000, // Интервал переключения слайдов (3 секунды) + disableOnInteraction: false, + pauseOnMouseEnter: false, + // Задержка перед началом автопрокрутки для каждого слайдера + delayBeforeStart: index * + 1000, // 0 сек для первого, 1 сек для второго, 2 сек для третьего + }, + }); + }); + + // Swiper не поддерживает delayBeforeStart нативно, поэтому добавим кастомную задержку + sliders.forEach((slider, index) => { + const swiperInstance = slider.swiper; + setTimeout(() => { + swiperInstance.autoplay.start(); + }, index * 1000); // Задержка перед стартом: 0, 1000, 2000 мс + }); +}); \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/production/css/style.css b/wp-content/themes/cosmopet/static/production/css/style.css new file mode 100644 index 0000000..83d9b25 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/css/style.css @@ -0,0 +1,1574 @@ + +/* PRODUCTION */ + +.hero{ + position: relative; + background: var(--radial); + overflow: hidden; + z-index: 1; +} +.hero .container{ + padding-top: 298px; + padding-bottom: 291px; + position: relative; +} +.hero_image{ + position: absolute; + top: 0; + right: 0; + z-index: -2; +} +.hero_title{ + font-size: 96px; + font-weight: 700; + line-height: 100%; + text-transform: uppercase; + color: #F4F1F0; + padding: 0 0 236px 0; +} + +.production_steps{ + border-radius: 60px; + background: var(--creme-white, #F4F1F0); + box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15); + position: relative; + z-index: 2; + margin-top: -52px; + padding: 52px 0 50px 0; +} +.steps_main_photo{ + margin: 0 auto; + display: flex; +} +.steps_desc{ + font-size: 36px; + font-style: normal; + font-weight: 700; + line-height: 122%; + color: #000; + text-transform: uppercase; + padding: 44px 0 0 0; +} + +.steps_desc--min{ + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 116%; + color: #121212; + padding: 30px 0 30px 0; + background-color: transparent; + position: relative; +} +.steps_title{ + font-size: 96px; + font-style: normal; + font-weight: 700; + line-height: 100%; + text-transform: uppercase; + color: var(--grey-black, #121212); + padding: 173px 0; +} +.production_steps_row{ + position: relative; +} +.production_steps_row .production_steps_line{ + position: absolute; + left: -60px; + top: -60px; + z-index: -1; +} +.step_top{ + display: flex; + align-items: center; + gap: 30px; + margin: 0 0 70px 0; + text-transform: uppercase; +} +.step_top div{ + font-size: 36px; + font-style: normal; + font-weight: 700; + line-height: 122%; + color: #000; +} +.step_body_wrap{ + position: relative; + border-radius: 60px; + z-index: 1; +} +.step_line{ + position: absolute; + z-index: -1; +} +.step_body{ + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 116%; + color: #121212; + padding: 60px 0 60px 145px; + background-color: transparent; + position: relative; + margin: 170px 0 0 0; +} +.step_body:first-child{ + margin: 0; +} +.step_body_wrap::after{ + position: absolute; + content: ''; + inset: 0px; + background: #F3F1F0; + z-index: -2; + border-radius: 60px; +} +.step_body_wrap::before{ + position: absolute; + content: ''; + inset: -2px; + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + z-index: -2; + border-radius: 60px; +} +.steps_block:nth-child(3) .step_body:nth-child(2){ + margin: 90px 0 0 0; +} +.steps_block:nth-child(3) .step_body:first-child{ + padding: 90px 0 40px 480px; +} +.steps_block:nth-child(4) .step_body:nth-child(2){ + margin: 90px 0 0 0; +} +.steps_block:nth-child(4) .step_body:first-child{ + padding: 90px 0 40px 480px; +} +.step_body p{ + padding: 28px 0 0 0; + max-width: 440px; +} +.step_body p:first-child{ + padding: 0; +} +.step_body.left{ + padding: 60px 0 60px 480px; +} +.step_body.left .step_image{ + right: inherit; + left: 70px; +} +.step_image{ + position: absolute; + top: 50%; + right: 20px; + transform: translate(0, -50%); +} +.steps_block{ + margin: 0 0 110px 0; +} +.steps_block:first-child{ + margin: 0 0 165px 0; +} +.steps_block:first-child .step_body_wrap{ + z-index: 2; +} +.steps_block:first-child .step_line{ + left: 141px; + top: -221px; +} +.steps_block:nth-child(2) .step_line:first-child{ + left: 108px; + top: -500px; +} +.steps_block:nth-child(2) .step_line:nth-child(2){ + left: 15px; + top: -38px; +} +.steps_block:nth-child(2) .step_body:nth-child(3){ + margin: 51px 0 0 0; + padding: 60px 0 136px 480px; +} +.steps_block:nth-child(2) .step_line:nth-child(3){ + left: -41px; + bottom: -454px; +} +.steps_block:nth-child(3) .step_line:nth-child(1){ + left: -41px; + top: -370px; +} +.steps_block:nth-child(3) .step_line:nth-child(2){ + left: 241px; + bottom: 215px; +} +.steps_block:nth-child(4) .step_line:nth-child(1){ + left: 132px; + top: -227px; +} +.steps_block:nth-child(4) .step_line:nth-child(2){ + left: 247px; + bottom: -102px; +} +.steps_block:nth-child(4) .step_image{ + right: 104px; + top: 37%; +} +.productions_slider{ + padding: 200px 0 140px 0; + background: var(--GR2, radial-gradient(358.38% 263.16% at 123.55% -27.98%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%)); + position: relative; + margin: -55px 0 0 0; +} +.productions_slider .section_desc{ + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 133%; + color: #F4F1F0; + text-transform: uppercase; + padding: 0 0 87px 0; + max-width: 607px; +} +.productions_slider_title{ + font-size: 82px; + font-style: normal; + font-weight: 700; + line-height: 102%; + text-transform: uppercase; + color: #F4F1F0; + padding: 0 0 26px; +} +.productions_swiper{ + padding: 34px 0; +} +.productions_slider .swiper-wrapper{ + display: flex; + flex-wrap: wrap; + gap: 32px; +} +.productions_slider__slide{ + width: auto !important; + position: relative; + border-radius: 60px; + border: 2px solid var(--creme-white, #F4F1F0); + z-index: 1; +} +.productions_slider__slide p{ + position: absolute; + width: 100%; + padding: 0 14px 39px 29px; + left: 0; + bottom: 0; + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 116%; + z-index: 1; +} +.productions_slider__slide img{ + display: flex; + width: 100%; + border-radius: 60px; +} +.productions_slider__slide::after{ + position: absolute; + content: ''; + inset: -1px; + border-radius: 60px; + background: linear-gradient(0deg, #F4F1F0 14.5%, rgba(244, 241, 240, 0.00) 42.5%); + z-index: 0; +} + +.feed_production{ + border-radius: 60px 60px 0 0; + background: var(--creme-white, #F4F1F0); + box-shadow: 6px 9px 20px 0px rgba(0, 0, 0, 0.15); + padding: 125px 0 397px 0; + margin: -52px 0 0 0; + position: relative; +} +.feed_production .section_title{ + font-size: 99px; + font-style: normal; + font-weight: 700; + line-height: 109%; + text-transform: uppercase; + padding: 0 0 75px 0; +} +.feed_steps__row{ + border-radius: 60px; + position: relative; + z-index: 1; + padding: 105px 144px 0 148px; +} +.feed_steps__row::after{ + position: absolute; + content: ''; + inset: 0px; + background: #F3F1F0; + z-index: -1; + border-radius: 60px; +} +.feed_steps__row::before{ + position: absolute; + content: ''; + inset: -2px; + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + z-index: -1; + border-radius: 60px; +} +.step_title{ + font-size: 24px; + font-style: normal; + font-weight: 700; + line-height: 133%; + text-transform: uppercase; + color: #000; + padding: 0 0 16px 0; +} +.feed_step__item p{ + font-size: 24px; + font-style: normal; + font-weight: 500; + line-height: 116%; + color: #000; +} +.feed_step__item{ + position: relative; + z-index: 1; +} +.feed_step__item img{ + position: absolute; + z-index: -1; +} +.feed_step__item:nth-child(odd) img{ + left: 0; + top: 50%; + transform: translate(0, -50%); +} +.feed_step__item:nth-child(even) img{ + right: 0; + top: 50%; + transform: translate(0, -50%); +} +.feed_step__item:first-child{ + margin: 0 0 106px 0; + padding: 0 0 0 175px; +} +.feed_step__item:first-child img{ + left: -70px; +} +.feed_step__item:nth-child(2){ + margin: 0 0 106px 0; + padding: 0 169px 0 0; +} +.feed_step__item:nth-child(2) img{ + right: -100px; +} +.feed_step__item:nth-child(3){ + margin: 0 0 106px 0; + padding: 0 0 0 222px; +} +.feed_step__item:nth-child(3) img{ + left: -50px; +} +.feed_step__item:nth-child(4){ + margin: 0 0 106px 0; + padding: 0 132px 0 0; +} +.feed_step__item:nth-child(4) img{ + right: -135px; +} +.feed_step__item:nth-child(5){ + margin: 0 -143px 78px 0; + padding: 0 0 0 318px; +} +.feed_step__item:nth-child(5) img{ + left: -100px; +} +.feed_step__item:nth-child(6){ + margin: 0 0 78px 0; + padding: 0 174px 0 0; +} +.feed_step__item:nth-child(6) img{ + right: -100px; +} +.feed_step__item:nth-child(7){ + margin: 0 -110px 78px 0; + padding: 0 0 0 314px; +} +.feed_step__item:nth-child(7) img{ + left: -100px; +} +.feed_step__item:nth-child(8){ + padding: 0 0 305px 0; +} +.last_step_image{ + position: absolute; + left: 50%; + bottom: 0; + transform: translate(-50%, 50%); + display: flex; + justify-content: center; + align-items: center; + z-index: 1; + width: 435px; + height: 435px; +} +.last_step_image::after{ + position: absolute; + content: ''; + inset: 2px; + border-radius: 50%; + background: #F3F1F0; + z-index: -1; +} +.last_step_image::before{ + position: absolute; + content: ''; + inset: 0; + border-radius: 50%; + background: linear-gradient(21.69deg, #F44242 23.69%, #569EF0 66.57%); + z-index: -1; +} +.steps_line{ + position: absolute; + top: -54px; + left: 20px; + z-index: 0; +} + +.footer2{ + position: relative; + background-image: radial-gradient(340.42% 256.77% at 134.37% -31.49%, #0F5881 0%, #1EA49C 36.98%, #76CE75 66.67%, #ECF39F 91.15%); +} +.footer2 *{ + color: #F4F1F0 !important; +} +.footer2 *{ + border-color: #F4F1F0 !important; +} +.footer2 *::placeholder{ + color: #F4F1F0 !important; +} +.footer2 .footer_navs .footer_nav{ + -webkit-text-fill-color: #F4F1F0; +} +.footer2 .footer_form-textarea .footer_form-btn{ + background-color: rgba(244, 241, 240, .6); + color: #26a899 !important; +} +.footer2 .footer_form-textarea .footer_form-btn:hover{ + background-color: rgba(244, 241, 240, 1) !important; +} + + + +@media (max-width: 1170px) { + + .hero_title { + font-size: 78px; + padding: 150px 0; + } + .steps_title { + font-size: 72px; + } + .steps_desc { + font-size: 28px; + } + .step_body{ + padding: 60px 0 60px 50px; + } + .step_image{ + right: 10px; + } + .steps_block:nth-child(2) .step_line:first-child { + left: 94px; + top: -550px; + } + .steps_block:nth-child(2) .step_line:nth-child(2) { + top: 29px; + } + .steps_block:nth-child(3) .step_line:nth-child(2) { + left: 264px; + bottom: 215px; + width: 52%; + } + .steps_block:nth-child(4) .step_line:nth-child(1) { + left: 130px; + top: -249px; + width: 65%; + } + .steps_block:nth-child(4) .step_line:nth-child(2) { + left: 199px; + bottom: -97px; + } + .productions_slider_title { + font-size: 65px; + } + .productions_slider__slide { + width: calc(33.3% - 22px) !important; + } + .productions_slider__slide p{ + font-size: 20px; + } + .feed_steps__row{ + padding: 105px 144px 0 103px; + } + .step_title, + .feed_step__item p{ + font-size: 23px; + } +} + + +@media (max-width: 950px){ + + + .hero .container { + padding-top: 100px; + padding-bottom: 170px; + } + .hero_title { + font-size: 60px; + padding: 120px 0; + } + .steps_main_photo{ + width: 50%; + } + .steps_desc { + font-size: 20px; + } + .steps_title { + font-size: 68px; + padding: 100px 0; + } + .step_top div { + font-size: 27px; + } + .step_image{ + max-width: 38%; + } + .step_body { + padding: 60px 0 60px 40px; + } + .step_body p{ + max-width: 400px; + } + .step_body.left .step_image { + left: 28px; + } + .step_body.left { + padding: 60px 0 60px 345px; + } + .steps_block:nth-child(2) .step_body:nth-child(3) { + margin: 0px 0 0 0; + padding: 60px 0 60px 340px; + } + .step_body{ + margin: 100px 0 0 0; + } + .steps_block:nth-child(4) .step_line:nth-child(2) { + left: 83px; + bottom: -96px; + width: 60%; + height: 73%; + } + .steps_block:nth-child(4) .step_image { + right: 46px; + top: 37%; + } + .steps_block:first-child .step_line { + left: 124px; + top: -191px; + width: 60%; + } + .steps_block:nth-child(2) .step_line:first-child { + left: 77px; + top: -467px; + width: 80%; + } + .step_top svg{ + max-width: 120px; + } + .steps_block:nth-child(2) .step_line:nth-child(2) { + top: -50px; + width: 80%; + height: 100%; + } + .steps_block:nth-child(3) .step_line:nth-child(2) { + left: 177px; + bottom: 215px; + width: 63%; + } + .steps_block:nth-child(4) .step_line:nth-child(1) { + left: 130px; + top: -295px; + width: 65%; + } + .productions_slider_title { + font-size: 53px; + } + .productions_slider__slide, + .productions_slider__slide::after, + .productions_slider__slide img{ + border-radius: 35px; + } + .productions_slider__slide p{ + padding: 0 15px 15px 15px; + font-size: 17px; + } + .feed_production .section_title { + font-size: 53px; + } + .steps_line{ + display: none; + } + .feed_step__item{ + display: flex; + align-items: center; + gap: 10px; + padding: 0 !important; + margin: 0 0 50px 0 !important; + } + .feed_step__item img{ + max-width: 40%; + position: unset; + transform: none !important; + } + .feed_steps__row{ + padding: 55px 25px 0 25px; + } + .feed_step__item:nth-child(even){ + flex-direction: row-reverse; + } + .last_step_image img{ + width: 100%; + height: 100%; + object-fit: contain; + } + .last_step_image{ + width: 350px; + height: 350px; + } + .feed_step__item:nth-child(8) { + padding: 0 0 250px 0 !important; + } + .hero_image{ + width: 100%; + } +} + + +@media (max-width: 776px){ + + + .hero_title { + font-size: 45px; + } + .steps_desc { + font-size: 18px; + } + .steps_title { + font-size: 45px; + } + .step_top svg { + max-width: 100px; + } + .step_line{ + display: none; + } + .step_top div { + font-size: 25px; + } + .step_body, + .step_body.left, + .steps_block:nth-child(2) .step_body:nth-child(3), + .steps_block:nth-child(3) .step_body:first-child, + .steps_block:nth-child(4) .step_body:first-child, + .steps_block:nth-child(3) .step_body:nth-child(2){ + padding: 30px; + margin: 30px 0 0 0; + } + .step_body p{ + max-width: 100%; + } + .step_image{ + position: unset; + max-width: 100%; + transform: none; + } + .step_body{ + display: flex; + flex-direction: column-reverse; + align-items: center; + gap: 8px; + } + .steps_block:last-child .step_body:first-child{ + align-items: flex-start; + } + .steps_block:last-child .step_body:nth-child(2){ + align-items: flex-end; + margin: -160px 0 0 0; + } + .steps_block:last-child .step_body:first-child .step_image, + .steps_block:last-child .step_body:nth-child(2) .step_image{ + max-width: 158px; + } + .step_top{ + margin: 0; + } + .steps_block { + margin: 0 0 60px 0; + } + .step_body, .steps_desc--min { + font-size: 20px; + } + .productions_slider{ + padding: 140px 0; + } + .productions_slider .section_desc { + font-size: 20px; + padding: 0 0 50px 0; + } + .productions_slider_title { + font-size: 37px; + } + .productions_slider .swiper-wrapper{ + gap: 0; + flex-wrap: nowrap; + } + .productions_slider__slide { + width: calc(50% - 16px); + } + .feed_production .section_title { + font-size: 38px; + } + .feed_production{ + padding: 50px 0 170px 0; + border-radius: 25px 25px 0 0; + } + .feed_step__item img{ + max-width: 50%; + } + .feed_step__item, + .feed_step__item:nth-child(even){ + flex-direction: column; + } + .last_step_image::before, + .last_step_image::after{ + display: none; + } + .feed_steps__row::after, + .feed_steps__row::before, + .feed_steps__row{ + border-radius: 32px; + } + .step_body_wrap, + .step_body_wrap::before, + .step_body_wrap::after{ + border-radius: 32px; + } + .production_steps{ + border-radius: 25px; + } + .steps_block:last-child .step_body:nth-child(2) div{ + width: 100%; + } + .steps_block:last-child .step_body:nth-child(2) div p{ + width: 100%; + text-align: left; + } + .steps_block:last-child .step_body:first-child .step_image, + .steps_block:last-child .step_body:nth-child(2) .step_image { + max-width: 125px; + } + .steps_block:last-child{ + margin: 0; + } + .production_steps{ + padding: 37px 0 96px 0; + } + .productions_slider { + padding: 116px 0 156px 0; + } + .productions_slider .section_desc { + font-size: 12px; + padding: 0 0 31px 0; + } + .productions_slider_title { + font-size: 28px; + } + .productions_swiper{ + padding: 10px 0 0 0; + overflow: visible; + } + .feed_production .section_title { + font-size: 28px; + padding: 0 0 31px 0; + } + .feed_production { + padding: 64px 0 252px 0; + } + .feed_steps__row { + padding: 0px 15px 0 16px; + } + .feed_step__item img { + max-width: 100%; + } + .step_title, + .feed_step__item p { + font-size: 12px; + line-height: 133.3%; + } + .step_title{ + padding: 0 0 8px 0; + } + .feed_steps__row{ + margin: 0 -12px; + } + .last_step_image { + width: 280px; + height: 280px; + } + .feed_step__item:nth-child(8) { + padding: 0 0 155px 0 !important; + margin: -40px 0 0 0 !important; + } +} + + +@media (max-width: 576px){ + + + .hero .container{ + padding-top: 0; + padding-bottom: 0; + } + .hero_block{ + display: flex; + flex-direction: column; + justify-content: space-between; + min-height: 100svh; + padding: 180px 0 140px 0; + } + .hero_title { + font-size: 32px; + width: 100%; + word-break: break-word; + padding: 0; + } + .hero_image{ + width: auto; + height: 84%; + object-fit: contain; + top: 50%; + right: -115px; + transform: translate(0, -50%); + } + .steps_desc { + font-size: 16px; + padding: 16px 0 0 0; + } + .steps_title{ + font-size: 32px; + padding: 50px 0 34px 0; + } + .step_top{ + flex-direction: column; + align-items: flex-start; + gap: 0; + margin: 0 0 8px 0; + } + .step_top svg { + max-width: 72px; + } + .step_top div { + font-size: 16px; + } + .step_body, .steps_desc--min{ + font-size: 12px; + } + .steps_desc--min{ + padding-top: 10px; + padding-bottom: 10px; + } + .step_body p { + padding: 12px 0 0 0; + } + .step_body, + .step_body.left, + .steps_block:nth-child(2) .step_body:nth-child(3), + .steps_block:nth-child(3) .step_body:first-child, + .steps_block:nth-child(4) .step_body:first-child, + .steps_block:nth-child(3) .step_body:nth-child(2){ + padding: 30px 15px 0 15px; + margin: 0; + } + .steps_block:last-child .step_body:nth-child(2){ + padding: 30px 15px 30px 15px; + } + .steps_block:nth-child(2) .step_body:nth-child(3) .step_image, + .steps_block:nth-child(3) .step_body:nth-child(2) .step_image{ + margin: 0 0 -22px 0; + } + .steps_block:nth-child(1) .step_image{ + margin: 0 0 -50px 0; + } + .step_body_wrap::before{ + inset: -1px; + } + .steps_block:first-child { + margin: 0 0 79px 0; + } + .productions_slider__slide p { + padding: 0 8px 12px 16px; + font-size: 12px; + } + .productions_slider__slide { + width: calc(66% - 16px) !important; + } + .steps_block:last-child .step_body:first-child .step_image{ + max-width: 50%; + } + .steps_block:last-child .step_body:nth-child(2) .step_image{ + max-width: 42%; + } + .feed_step__item:first-child img{ + margin: -25px 0 0 0; + } + .steps_main_photo{ + width: 100%; + } +} + +.home .home_line2, +.home .home_line, +.hero .home_line2, +.hero .home_line{ + position: absolute; + top: 70px; + left: -15px; + width: 102%; + z-index: 1; +} +.home .home_line2, +.hero .home_line2{ + display: none; + top: 37px; + left: -24px; + width: 108%; + z-index: -1; +} + +@media (max-width: 576px){ + + .home .home_line2, + .hero .home_line2 { + display: flex; + } + .home .home_line, + .hero .home_line{ + display: none; + } + +} + +@media (max-width: 576px) { + .hero_image { + width: 147%; + max-width: none; + height: auto; + object-fit: contain; + top: 45%; + right: -51px; + transform: translate(0, -50%); + } + .home .home_line2, .hero .home_line2 { + top: 56px; + left: 0px; + width: 108%; + z-index: -1; + } +} + + +@media (max-width: 1170px) { + .footer_form .footer_form-title h2, + .footer_box .footer_box-title{ + font-size: 30px; + line-height: 34px; + } + .footer_box .footer_box-link { + font-size: 20px; + line-height: 24px; + } + .pet_inputs .input_name{ + font-size: 22px; + padding: 31px 22px; + } + .section_title2 { + font-size: 70px; + } + .hero_title { + font-size: 78px; + padding: 150px 0; + } + .block_title { + font-size: 30px; + } + .block_title { + font-size: 24px; + } + .about .section_top, + .advantage_row2, + .diagram{ + margin: 0 0 150px 0; + } + .advantage_row{ + margin: 200px 0 150px 0; + } + .protein{ + margin: 150px 0 140px 0; + } +} + +@media (max-width: 950px){ + .footer_form .footer_form-info, + .footer_form .footer_form-inp input, + .footer_form .footer_form-inp{ + width: 100%; + } +.section_title{ + font-size: 48px; +} +.section_title2 { + font-size: 55px; +} +.description{ + font-size: 20px; +} +.hero_title { + font-size: 60px; + padding: 120px 0; +} +.hero .cont { + padding-top: 100px; + padding-bottom: 170px; +} +.faq_block .faq_top{ + padding: 30px 0; +} +.about{ + padding: 100px 0; +} +.about .section_top, .advantage_row2, .diagram { + margin: 0 0 100px 0; +} +.advantage_row .advantage_item:nth-child(3) { + margin: 74px 0 0 0; +} +.advantage_row{ + margin: 200px 0 100px 0; +} +.protein { + margin: 100px 0 140px 0; +} +.etaps_row{ + margin: 100px 0; +} +.etaps_col{ + gap: 100px; +} +.advantage_title { + font-size: 28px; +} +.protein .description:nth-child(4) { + bottom: 98px; +} +.protein .description:nth-child(3) { + bottom: 98px; +} +.etaps_anim{ + display: none; +} +.etaps_row{ + padding-right: 0; +} +} +@media (max-width: 776px){ + /* FAQ */ + .section_top .section_title{ + width: 100%; + } + .section_title{ + width: 100%; + } + .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq{ + padding: 0 0 80px 0; + } + .section_title2 { + font-size: 36px; + margin: 0 0 20px 0; + } + .description{ + font-size: 16px; + } + + .header_navs select{ + color: var(--grey-black); + border-color: var(--grey-black); + background-image: url(../img/i-arr_down_black.svg); + } + .hero_title { + font-size: 45px; + } + .hero_image{ + display: none; + } + .hero_image_mobile{ + display: block; + position: absolute; + top: 45px; + right: 50%; + transform: translate(50%,0); + z-index: -2; + mix-blend-mode: soft-light; + } + .home .home_line2, .hero .home_line2 { + position: absolute; + display: block; + top: 56px; + left: 0; + width: 108%; + z-index: -1; + } + .about .section_top{ + flex-direction: column; + gap: 0; + align-items: center; + } + .block_title { + font-size: 22px; + } + .about_top_image2{ + display: block; + } + .about_top_image{ + display: none; + } + .about{ + padding: 80px 0; + } + + /* FAQ */ + .faq_block .faq_item{ + padding: 0 40px 0 30px; + font-size: 18px; + } + .faq_section{ + padding: 120px 0; + } + .faq_block .faq_top { + padding: 25px 0; + } + + /* */ + .etap_right_anim{ + display: none; + } + .advantage_row .advantage_item:not(.for_border .advantage_item){ + width: 70%; + max-width: 100%; + } + .advantage_row .for_border:has(.advantage_item){ + max-width: 100%; + width: 100%; + } + .advantage_image{ + max-width: 150px; + max-height: 150px; + width: 100%; + height: auto; + object-fit: contain; + top: -100px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -108px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -115px; + } + .for_border .advantage_item{ + padding: 25px 24px 25px 30px; + } + .advantage_row .advantage_item:nth-child(3){ + margin: 0; + } + .advantage_row .advantage_item:nth-child(2){ + text-align: right; + display: flex; + flex-direction: column; + align-items: flex-end; + width: 100% !important; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, + .advantage_row .advantage_item:nth-child(2) .description{ + max-width: 60%; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image{ + left: unset; + right: 0; + } + .advantage_row2{ + flex-direction: column-reverse; + gap: 90px; + } + .advantage_row2 .advantage_item:not(.for_border .advantage_item){ + width: 100%; + max-width: 100%; + } + .advantage_row{ + margin: 150px 0 100px 0; + gap: 90px; + } + .advantage_title:not(.advantage_row2 .advantage_title){ + width: 54%; + } + .etaps_row { + margin: 80px 0; + } + .etaps_col { + gap: 70px; + } + .about .section_top, .advantage_row2, .diagram { + margin: 0 0 80px 0; + } + .advantage_title { + font-size: 20px; + } + .protein .description:first-child { + top: -16px; + } + .protein .description:nth-child(2) { + top: -16px; + } + .protein .description:nth-child(3) { + bottom: 78px; + } + .protein .description:nth-child(4) { + bottom: 78px; + } +} + +@media (max-width: 576px){ + .section_title { + font-size: 26px; + } + .faq .section_desc{ + margin: 12px 0 0 0; + } + .faq .data_block{ + margin: 15px 0 0 0; + } + .faq_item{ + font-size: 12px; + padding: 0 14px; + border-width: 1px; + } + .faq_top { + padding: 25px 0; + } + .faq_body.open{ + margin: 0 0 14px 0; + } + .faq{ + padding: 0 0 45px 0; + } + + .section_title2 { + font-size: 26px; + margin: 0 0 12px 0; + } + .description{ + font-size: 12px; + line-height: 115%; + } + .main_link { + font-size: 12px; + line-height: 14.4px; + width: 129px; + height: 29px; + padding: 7px; + } + .hero .cont { + padding-top: 217px; + padding-bottom: 94px; + } + .hero_block { + display: flex; + flex-direction: column; + justify-content: flex-end; + gap: 18px; + padding: 0 0 54px 0; + } + .hero_title { + font-size: 32px; + width: 100%; + padding: 0; + } + + .block_title { + font-size: 12px; + line-height: 135%; + } + .about .section_top { + margin: 0 0 50px 0; + } + + .faq_block .faq_item{ + font-size: 12px; + padding: 0 14px; + } + .faq_block .faq_top { + padding: 20px 0; + } + .faq_block .faq_body{ + line-height: normal; + } + .faq_block .faq_body.open{ + margin: 0 0 14px 0; + line-height: normal; + } + /* */ + .about{ + padding: 40px 0 60px 0; + border-radius: 25px; + } + .about .section_top{ + margin: 0 0 50px 0; + } + .description:last-child{ + margin-bottom: 0; + } + .description{ + margin-top: 20px; + } + .advantage_title { + font-size: 12px; + margin: 0 0 5px 0; + } + .advantage_image2{ + margin: 10px 0 0 0; + } + .advantage_image{ + max-width: 87px; + max-height: 87px; + top: -55px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_image { + top: -58px; + } + .advantage_row .advantage_item:nth-child(3) .advantage_image { + top: -70px; + } + .advantage_item .description:not(.for_border .description) { + width: 84%; + } + .for_border .advantage_item .description{ + line-height: 115%; + } + .advantage_row { + margin: 90px 0 70px 0; + gap: 64px; + } + .advantage_row .advantage_item:nth-child(2) .advantage_title, .advantage_row .advantage_item:nth-child(2) .description { + max-width: 66%; + } + .about .for_border{ + border-radius: 25px; + } + .about .for_border .advantage_item{ + border-radius: 23px; + padding: 17px 23px; + } + .advantage_row2{ + gap: 40px; + } + .advantage_row2, .diagram { + margin: 0 0 50px 0; + } + .protein { + margin: 50px 0; + } + .diagram_texts{ + margin: 2px 0 10px 0; + gap: 19px; + } + .diagram_texts .description { + width: 26.3%; + margin-top: 20px; + margin-bottom: 0; + } + .diagram img { + width: 110%; + left: -5%; + position: relative; + } + .etaps_row { + margin: 10px 0 0 0; + } + .mobile_none{ + display: none; + } + .desctop_none{ + display: block; + } + .etap_item{ + gap: 5px; + } + .etap_item img{ + width: 46px; + flex-shrink: 0; + height: 26px; + margin-right: -4px; + margin-left: -15px; + } + .etap_item .description{ + line-height: 135%; + margin-top: 0; + } + .etaps_col { + gap: 43px; + } + .description svg{ + width: 5px; + height: 11px; + } + .faq_section .section_title2{ + display: none; + } + .faq_block{ + border-width: 1px; + border-radius: 25px; + } + .faq_block .faq_item{ + border-width: 1px; + } + .faq_arr_down img{ + height: 4px; + width: 7px; + } + .faq_block .faq_title{ + line-height: 100%; + } + .mobile_none2{ + display: none; + } + .remined_text img{ + width: 17px; + height: 17px; + } + .protein .description{ + max-width: 106px; + } + .protein .description:first-child { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(2) { + top: -5px; + transform: translateY(-100%); + margin-top: 0; + } + .protein .description:nth-child(3) { + bottom: 59px; + } + .protein .description:nth-child(4) { + bottom: 57px; + } + .protein::before{ + top: -15%; + } + .etap_item:nth-child(2) .description { + max-width: 100%; + } + + .footer_form .footer_form-title h2, +.footer_box .footer_box-title{ + font-size: 12px; + line-height: 16.2px; + font-weight: 700; +} +.footer_box .footer_box-link{ + font-size: 12px; + line-height: 16.2px; +} +.footer_form-textarea textarea, +.footer_form-inp input { + height: 28px; + border: 1px solid var(--grey-black, #121212); + padding: 5px 18px; + font-size: 12px; + line-height: 14.4px; + opacity: .5; +} +.footer_block .footer_bottom a, +.footer_form-inp input::placeholder{ + font-size: 12px; + line-height: 14.4px; +} +.footer_form-textarea textarea{ + height: 123px; + padding: 7px 18px; + border-radius: 17px; +} +.footer_form .footer_form-textarea{ + display: flex; + flex-direction: column; + gap: 13px; +} +.footer_form-textarea .footer_form-btn{ + position: static; + width: 100%; +} +.footer_block .footer_social{ + gap: 14px; +} +.footer_block .footer_bottom a:nth-child(2){ + display: none; +} +.footer_form .footer_form-inp{ + flex-direction: column; +} +} + +@media (min-width: 576px){ + .mobile_none{ + display: block !important; + } + .data_block_title .mobile_none, + .collapse_input .mobile_none{ + display: inline !important; + } + .desctop_none{ + display: none !important; + } +} +@media (max-width: 450px){ + .protein .description:nth-child(3) { + bottom: 48px; + } + .protein .description:nth-child(4) { + bottom: 46px; + right: -25px; + } +} + +.advantage_item .description{ + margin-top: 0; +} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/static/production/img/cat_dog.png b/wp-content/themes/cosmopet/static/production/img/cat_dog.png new file mode 100644 index 0000000..cba67ed Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/cat_dog.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed1.png b/wp-content/themes/cosmopet/static/production/img/feed1.png new file mode 100644 index 0000000..3227b10 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed1.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed2.png b/wp-content/themes/cosmopet/static/production/img/feed2.png new file mode 100644 index 0000000..67fccae Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed2.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed3.png b/wp-content/themes/cosmopet/static/production/img/feed3.png new file mode 100644 index 0000000..025384b Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed3.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed4.png b/wp-content/themes/cosmopet/static/production/img/feed4.png new file mode 100644 index 0000000..2f9e96b Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed4.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed5.png b/wp-content/themes/cosmopet/static/production/img/feed5.png new file mode 100644 index 0000000..a77bc20 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed5.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed6.png b/wp-content/themes/cosmopet/static/production/img/feed6.png new file mode 100644 index 0000000..2fcf211 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed6.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed7.png b/wp-content/themes/cosmopet/static/production/img/feed7.png new file mode 100644 index 0000000..a02ffdc Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed7.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/feed8.png b/wp-content/themes/cosmopet/static/production/img/feed8.png new file mode 100644 index 0000000..c0e67c9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/feed8.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/home-line.svg b/wp-content/themes/cosmopet/static/production/img/home-line.svg new file mode 100644 index 0000000..7daaa63 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/img/home-line.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/production/img/home-line2.svg b/wp-content/themes/cosmopet/static/production/img/home-line2.svg new file mode 100644 index 0000000..7baee62 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/img/home-line2.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/production/img/production_main.png b/wp-content/themes/cosmopet/static/production/img/production_main.png new file mode 100644 index 0000000..30aae42 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_main.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_slider1.png b/wp-content/themes/cosmopet/static/production/img/production_slider1.png new file mode 100644 index 0000000..ff9a5a5 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_slider1.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_slider2.png b/wp-content/themes/cosmopet/static/production/img/production_slider2.png new file mode 100644 index 0000000..f9244e6 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_slider2.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_slider3.png b/wp-content/themes/cosmopet/static/production/img/production_slider3.png new file mode 100644 index 0000000..d9a64ff Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_slider3.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_slider4.png b/wp-content/themes/cosmopet/static/production/img/production_slider4.png new file mode 100644 index 0000000..ddebafc Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_slider4.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_slider5.png b/wp-content/themes/cosmopet/static/production/img/production_slider5.png new file mode 100644 index 0000000..0f09f0e Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_slider5.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step1.png b/wp-content/themes/cosmopet/static/production/img/production_step1.png new file mode 100644 index 0000000..72ee696 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step1.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step2.png b/wp-content/themes/cosmopet/static/production/img/production_step2.png new file mode 100644 index 0000000..61fa102 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step2.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step3.png b/wp-content/themes/cosmopet/static/production/img/production_step3.png new file mode 100644 index 0000000..eda1481 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step3.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step4.png b/wp-content/themes/cosmopet/static/production/img/production_step4.png new file mode 100644 index 0000000..f59f085 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step4.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step5.png b/wp-content/themes/cosmopet/static/production/img/production_step5.png new file mode 100644 index 0000000..2c8af24 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step5.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step6.png b/wp-content/themes/cosmopet/static/production/img/production_step6.png new file mode 100644 index 0000000..8970e5d Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step6.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step7.png b/wp-content/themes/cosmopet/static/production/img/production_step7.png new file mode 100644 index 0000000..bd757f6 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step7.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/production_step8.png b/wp-content/themes/cosmopet/static/production/img/production_step8.png new file mode 100644 index 0000000..210ae26 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/production_step8.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/slider-next.svg b/wp-content/themes/cosmopet/static/production/img/slider-next.svg new file mode 100644 index 0000000..c9d2f40 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/img/slider-next.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/production/img/slider-prev.svg b/wp-content/themes/cosmopet/static/production/img/slider-prev.svg new file mode 100644 index 0000000..f255341 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/img/slider-prev.svg @@ -0,0 +1,4 @@ + + + + diff --git a/wp-content/themes/cosmopet/static/production/img/step_border.svg b/wp-content/themes/cosmopet/static/production/img/step_border.svg new file mode 100644 index 0000000..3bf8fbb --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/img/step_border.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/wp-content/themes/cosmopet/static/production/img/step_line1.png b/wp-content/themes/cosmopet/static/production/img/step_line1.png new file mode 100644 index 0000000..5654e0e Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line1.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line2.png b/wp-content/themes/cosmopet/static/production/img/step_line2.png new file mode 100644 index 0000000..4111a17 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line2.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line3.png b/wp-content/themes/cosmopet/static/production/img/step_line3.png new file mode 100644 index 0000000..190b73d Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line3.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line4.png b/wp-content/themes/cosmopet/static/production/img/step_line4.png new file mode 100644 index 0000000..eedd3f0 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line4.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line5.png b/wp-content/themes/cosmopet/static/production/img/step_line5.png new file mode 100644 index 0000000..a932802 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line5.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line6.png b/wp-content/themes/cosmopet/static/production/img/step_line6.png new file mode 100644 index 0000000..c840f9b Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line6.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line7.png b/wp-content/themes/cosmopet/static/production/img/step_line7.png new file mode 100644 index 0000000..c840f9b Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line7.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/step_line8.png b/wp-content/themes/cosmopet/static/production/img/step_line8.png new file mode 100644 index 0000000..69be647 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/step_line8.png differ diff --git a/wp-content/themes/cosmopet/static/production/img/steps_main_photo.png b/wp-content/themes/cosmopet/static/production/img/steps_main_photo.png new file mode 100644 index 0000000..72822c9 Binary files /dev/null and b/wp-content/themes/cosmopet/static/production/img/steps_main_photo.png differ diff --git a/wp-content/themes/cosmopet/static/production/js/script.js b/wp-content/themes/cosmopet/static/production/js/script.js new file mode 100644 index 0000000..ad938d7 --- /dev/null +++ b/wp-content/themes/cosmopet/static/production/js/script.js @@ -0,0 +1,52 @@ +// Header menu +document.addEventListener('DOMContentLoaded', function () { + + var swiper1 = document.querySelector('.productions_swiper') +if (swiper1.length !==0 && screen.width < 768) { + + const breakpoint = screen.width; + + + const breakpoinChekker = function() { + if (breakpoint >= 768) { + if (swiper1 !== undefined) { + swiper1.destroy(true, true); + return; + } + } else if (breakpoint < 768) { + return enableSwiper(); + } + }; + window.addEventListener('resize', function() { + const breakpoint = screen.width; + if (breakpoint >= 768) { + if (swiper1 !== undefined) swiper1.destroy(true, true); + return; + } else if (breakpoint < 768) { + return enableSwiper(); + } + }) + const enableSwiper = function() { + + const swiper = new Swiper('.productions_swiper', { + breakpoints: { + 0: { + slidesPerView: 'auto', + spaceBetween: 16, + + }, + 576: { + slidesPerView: 'auto', + spaceBetween: 32, + + }, + }, + }) + + } + + breakpoinChekker() +} + +}) + diff --git a/wp-content/themes/cosmopet/templates/about/about.twig b/wp-content/themes/cosmopet/templates/about/about.twig new file mode 100644 index 0000000..0772953 --- /dev/null +++ b/wp-content/themes/cosmopet/templates/about/about.twig @@ -0,0 +1,112 @@ +{% set bodyClass = 'main-np' %} +{% extends 'layout.twig' %} +{% block content %} + + +
    +
    + +
    + hero image + hero image + +
    +
    +
    +
    + E-protein + E-protein +
    {{text}}
    +
    +

    {{adv_title}}

    +
    + {% for item in adv %} +
    + +
    {{item.title}}
    +

    {{item.text}}

    +
    + {% endfor %} +
    +
    +

    {{ adv_sum }}

    +
    +
    +
    +
    + {% for item in adv_2 %} +
    +
    {{item.title}}
    + {% if item.img %} + + {% endif %} +

    {{item.text}}

    +
    + {% endfor %} + +
    +

    {{about_title}}

    +
    {{about_text}}
    +
    + {% for item in about_points %} +

    {{item.text}}

    + {% endfor %} + + {{ about_img.alt }} +
    +

    {{ diag_title }}

    +
    +
    + {% for item in diag_points %} +

    {{item.text}}

    + {% endfor %} + +
    + {{ diag_img.alt }} +
    +

    {{e_title}}

    +
    + +
    + {% for item in e_points %} +
    + +

    + {{item.text}} +

    +
    + {% endfor %} +
    + + 4 +
    + +
    +
    +
    +
    +
    FAQ
    +
    + {% for item in faq %} +
    +
    +
    {{item.q}}
    + + + +
    +

    {{item.answ}}

    +
    + {% endfor %} +
    +
    +
    + + + +{% endblock %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/about/template-about.php b/wp-content/themes/cosmopet/templates/about/template-about.php new file mode 100644 index 0000000..cfd3778 --- /dev/null +++ b/wp-content/themes/cosmopet/templates/about/template-about.php @@ -0,0 +1,39 @@ + + + + false, 'version' => '1.0.0']); +}); + +$context = Timber::get_context(); +$context['title'] = get_field('title'); +$context['text'] = get_field('text'); +$context['adv_title'] = get_field('adv_title'); +$context['adv_text'] = get_field('adv_text'); +$context['adv'] = get_field('adv'); +$context['adv_sum'] = get_field('adv_sum'); +$context['adv_2'] = get_field('adv_2'); +$context['about_title'] = get_field('about_title'); +$context['about_text'] = get_field('about_text'); +$context['about_img'] = get_field('about_img'); +$context['about_points'] = get_field('about_points'); +$context['diag_title'] = get_field('diag_title'); +$context['diag_points'] = get_field('diag_points'); +$context['diag_img'] = get_field('diag_img'); +$context['e_title'] = get_field('e-title'); +$context['e_points'] = get_field('e-points'); +$context['faq'] = get_field('faq'); + +Timber::render('templates/about/about.twig', $context); + +?> diff --git a/wp-content/themes/cosmopet/templates/blog/blog-single.twig b/wp-content/themes/cosmopet/templates/blog/blog-single.twig index 33fddb0..019dc97 100644 --- a/wp-content/themes/cosmopet/templates/blog/blog-single.twig +++ b/wp-content/themes/cosmopet/templates/blog/blog-single.twig @@ -28,6 +28,13 @@

    {{post.date}}

    {{ function('pll_e', 'время чтения') }}: {{post.reading_time}}

    + {% if post.get_author_name %} +
    + + {{post.get_author_name}} + +
    + {% endif %}
    {{post.thumbnail.alt}} diff --git a/wp-content/themes/cosmopet/templates/blog/editorial.twig b/wp-content/themes/cosmopet/templates/blog/editorial.twig index 89e20a2..0409128 100644 --- a/wp-content/themes/cosmopet/templates/blog/editorial.twig +++ b/wp-content/themes/cosmopet/templates/blog/editorial.twig @@ -9,8 +9,7 @@
    - diff --git a/wp-content/themes/cosmopet/templates/front-page/front-page.twig b/wp-content/themes/cosmopet/templates/front-page/front-page.twig new file mode 100644 index 0000000..b38919d --- /dev/null +++ b/wp-content/themes/cosmopet/templates/front-page/front-page.twig @@ -0,0 +1,649 @@ +{% set bodyClass = 'main-np' %} +{% extends 'layout.twig' %} + + +{% block content %} + + + +
    +
    +
    +
    + {% for slide in slider %} +
    +
    +
    +

    {{ slide.slide_title }}

    +
    {{ slide.slide_description }}
    + {{ slide.btn_text }} +
    + +
    +
    + {% endfor %} +
    +
    +
    +
    +
    + + +
    +
    +
    +
    + + +
    +
    +

    {{about_title}}

    +

    {{about_desc}}

    +
    +
    +
    +
    +
    +
    + {% for item in about_list %} +
    + +
    +

    {{ item.title }}

    +

    {{ item.text }}

    +
    +
    + {% endfor %} + +
    +

    {{ about_comp_text }}

    + +
    +
    +
    +
    + +
    +
    +
    {{about_rev_title}}
    +
    +
    + {% for item in about_rev %} +
    +
    + +
    +
    + {% endfor %} +
    +
    +
    +
    +
    + + +
    +
    +

    {{reviews_title}}

    +
    +
    + {% if post.meta('reviews_repeater') %} + {% set reviews = post.meta('reviews_repeater') %} + + {# Create three blocks #} + {% for i in 0..2 %} + {% set block_class = i == 0 ? 'reviews_item1' : (i == 1 ? 'reviews_item2' : 'reviews_item4') %} + {% set row_class = i % 2 == 0 ? 'reviews_row reviews_row--left' : 'reviews_row reviews_row--right' %} + +
    +
    +
    +
    + + {# Output reviews with step 3, starting from current block index #} + {% for j in range(i, reviews|length - 1, 3) %} + {% set review = reviews[j] %} +
    +
    +
    {{ review.review_name }}
    + +
    + {{ review.review_position }} +

    {{ review.review_text }}

    +
    + {% endfor %} + +
    +
    +
    +
    + {% endfor %} + {% endif %} + + +
    + +
    +
    +
    + +
    +
    +
    + + + + +

    {{ q_title }}

    +
    + +
    +
    +
    +
    + + + + + +
    +
    {{ q_1.title }}
    +
    + +

    {{ q_1.text }}

    +
    +
    + + {{ q_1.img.alt }} +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    +

    {{ q_1.text_true }}

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    +

    {{ q_1.text_true }}

    +
    +
    + + +
    +
    +
    + +
    +
    +
    + + + + + +
    + +

    {{ q_2.title }}

    +
    + +

    {{ q_2.text }}

    +
    +
    + + {{ q_2.img.alt }} +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    +

    {{q_2.text_true}} +

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    +

    {{q_2.text_true}} +

    +
    +
    + + +
    +
    +
    + +
    +
    +
    + + + + + +
    +
    {{q_2.title}}
    +
    + +

    {{q_3.text}}

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это правда!') }}
    +
    +

    {{q_3.text_true}}

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это правда!') }}
    +
    +

    {{q_3.text_true}}

    +
    +
    + + +
    +
    +
    + +
    +
    +
    + + + + + +
    +
    {{q_4.text_title}}
    +
    + +

    {{q_4.text}}

    +
    +
    + + {{q_4.img.alt}} +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это правда!') }}
    +
    +

    {{q_4.text_true}}

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это правда!') }}
    +
    +

    {{q_4.text_true}}

    +
    +
    + + +
    +
    +
    + +
    +
    +
    + + + + + +
    +
    {{q_5.title}}
    +
    + +

    {{q_5.text}}

    +
    +
    + + {{q_5.img.alt}} +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    +

    {{q_5.text_true}}

    +
    +
    + + +
    +
    + +
    +
    + + + + + +
    +
    {{ function('pll_e', 'Это миф!') }}
    +
    + +
    +
    + + +
    +
    +
    + +
    +
    +
    {{ function('pll_e', 'ваш результат') }}
    +
    +
    + + / + +
    +
    +

    {{promo_text}} +

    +
    {{promo}}
    +
    + + {{ function('pll_e', 'В магазин') }} +
    +
    + +
    +
    +
    +
    +
    +
    + +
    +
    +
    +

    {{ post.meta('cosmopet_x_blocktitle') }}

    +
    +
    + {% for slide in post.meta('cosmopet_x_slider') %} +
    +
    + + +
    +
    {{ slide.title }} +
    + подробнее +
    +
    +
    + {% endfor %} +
    +
    + + +
    +
    +
    +
    +
    + +
    +
    +
    +
    +

    {{ function('pll_e', 'Наш блог') }}

    +
    +
    +

    {{ function('pll_e', 'Новости рынка кормов и экологии, полезные статьи о здоровье домашних животных') }}

    + {{ function('pll_e', 'Все статьи') }} +
    +
    +
    + +
    + +
    +
    + + +
    +
    +
    +

    {{sub_title}} +

    +
    + + +
    +
    +
    + +
    +

      +
      + +
      + + + + + + +
      +
      +
      +

      + {{ function('pll_e', 'Подписываясь на рассылку, я даю согласие на обработку персональных данных, на получение рекламных сообщений и новостей о товарах и услугах') }}

      +

      {{sub_text}}

      +
      +
      +
      + + +{% endblock %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/front-page/template-front-page.php b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php new file mode 100644 index 0000000..9a6b9f1 --- /dev/null +++ b/wp-content/themes/cosmopet/templates/front-page/template-front-page.php @@ -0,0 +1,79 @@ + + + + false, 'version' => '1.0.0']); +}); + + +// Создаем функцию для получения постов +function get_blog_posts_data() { + $args = array( + 'post_type' => 'post', + 'posts_per_page' => 6, + ); + + $posts = new WP_Query($args); + $formatted_posts = array(); + + if ($posts->have_posts()) { + while ($posts->have_posts()) { + $posts->the_post(); + + $formatted_post = array( + 'title' => get_the_title(), + 'link' => get_permalink(), + 'excerpt' => get_the_excerpt(), + 'thumbnail' => has_post_thumbnail() + ? get_the_post_thumbnail_url(get_the_ID(), 'full') + : get_template_directory_uri() . "/static/front-page/img/blog_card-img.jpg" + ); + + $formatted_posts[] = $formatted_post; + } + wp_reset_postdata(); + } + + return $formatted_posts; +} + + +$context = Timber::get_context(); +$context['slider'] = get_field('slider'); +$context['about_title'] = get_field('about_title'); +$context['about_desc'] = get_field('about_desc'); +$context['about_img'] = get_field('about_img'); +$context['about_img_m'] = get_field('about_img_m'); +$context['about_list'] = get_field('about_list'); +$context['about_comp_text'] = get_field('about_comp_text'); +$context['about_comp_logo'] = get_field('about_comp_logo'); +$context['about_rev'] = get_field('about_rev'); +$context['reviews_repeater'] = get_field('reviews_repeater'); +$context['blog_posts'] = get_blog_posts_data(); +$context['about_rev_title'] = get_field('about_rev_title'); +$context['q_title'] = get_field('q_title'); +$context['reviews_title'] = get_field('reviews_title'); +$context['q_1'] = get_field('q_1'); +$context['q_2'] = get_field('q_2'); +$context['q_3'] = get_field('q_3'); +$context['q_4'] = get_field('q_4'); +$context['q_5'] = get_field('q_5'); +$context['promo'] = get_field('promo'); +$context['promo_text'] = get_field('promo_text'); + +$context['sub_title'] = get_field('sub_title'); +$context['sub_text'] = get_field('sub_text'); +Timber::render('templates/front-page/front-page.twig', $context); + +?> diff --git a/wp-content/themes/cosmopet/templates/header_RU.twig b/wp-content/themes/cosmopet/templates/header.twig similarity index 82% rename from wp-content/themes/cosmopet/templates/header_RU.twig rename to wp-content/themes/cosmopet/templates/header.twig index 3d5da02..86e36f2 100644 --- a/wp-content/themes/cosmopet/templates/header_RU.twig +++ b/wp-content/themes/cosmopet/templates/header.twig @@ -1,3 +1,10 @@ +{# Получаем ID страницы блога из настроек #} +{% set posts_page_id = function('get_option', 'page_for_posts') %} + +{# Получаем URL этой страницы #} +{% set blog_url = function('get_permalink', posts_page_id) %} + +
      @@ -105,21 +142,25 @@ diff --git a/wp-content/themes/cosmopet/templates/header_ENG.twig b/wp-content/themes/cosmopet/templates/header_ENG.twig deleted file mode 100644 index 2fabde6..0000000 --- a/wp-content/themes/cosmopet/templates/header_ENG.twig +++ /dev/null @@ -1,154 +0,0 @@ -
      -
      - -
      - - PRODUCTS - - For cats - - For dogs - -
      - - - -
      -
      -
      - - - - - - -
      -
      -
      - -
      -
        - {{ function('pll_the_languages', {'echo': false, 'display_names_as': 'slug'}) }} -
      -
      -
      -
      -
      - - -
      - -
      -
      -
      -
      - For cats - -
      -
      - For dogs - -
      -
      -
      - - -
      \ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/layout.twig b/wp-content/themes/cosmopet/templates/layout.twig index ac4f89e..1a88a14 100644 --- a/wp-content/themes/cosmopet/templates/layout.twig +++ b/wp-content/themes/cosmopet/templates/layout.twig @@ -1,31 +1,17 @@ + {{ function('wp_head') }} + {{ function('wp_title') }} - - - - - - - - - - - {{ function('wp_head') }} - {% if current_lang == 'en' %} - {% include 'header_ENG.twig' %} - {% elseif current_lang == 'fr' %} - {% else %} - {% include 'header_RU.twig' %} - {% endif %} + {% include 'header.twig' %}
      diff --git a/wp-content/themes/cosmopet/templates/production/production.twig b/wp-content/themes/cosmopet/templates/production/production.twig new file mode 100644 index 0000000..2ae13ca --- /dev/null +++ b/wp-content/themes/cosmopet/templates/production/production.twig @@ -0,0 +1,210 @@ +{% set bodyClass = 'main-np' %} + +{% extends 'layout.twig' %} + + +{% block content %} + + +
      +
      +
      +

      {{title}}

      + {{btn_text}} +
      + + +
      + hero image +
      + +
      +
      + +
      + {% for item in desc %} +

      {{ item.text }}

      + {% endfor %} +
      +
      {{ function('pll_e', 'ЭТАПЫ ПРОИЗВОД­СТВА') }}
      +
      + {% if steps_1[0] is defined %} + +
      +
      + + + + + + + + + +
      {{ steps_1[0].title }}
      +
      +
      + {% for item in steps_1[0].content %} +
      + {% if item.img %} + item.img.alt + {% endif %} +
      + {{ item.text }} +
      +
      + {% endfor %} + +
      +
      + {% endif %} + {% if steps_1[1] is defined %} +
      +
      + + + + + + + + + +
      {{ steps_1[1].title }}
      +
      +
      + {% for item in steps_1[1].content %} +
      + {% if item.img %} + item.img.alt + {% endif %} +
      + {{ item.text }} +
      +
      + {% endfor %} +
      + + + +
      +
      +
      + {% endif %} + {% if steps_1[2] is defined %} +
      +
      + + + + + + + + + +
      {{ steps_1[2].title }}
      +
      +
      + {% for item in steps_1[2].content %} +
      + {% if item.img %} + item.img.alt + {% endif %} +
      + {{ item.text }} +
      +
      + {% endfor %} +
      + + +
      +
      +
      + {% endif %} +{% if steps_1[3] is defined %} +
      +
      + + + + + + + + + +
      {{ steps_1[3].title }}
      +
      +
      + {% for item in steps_1[3].content %} +
      + {% if item.img %} + item.img.alt + {% endif %} +
      + {{ item.text }} +
      +
      + {% endfor %} +
      + + +
      +
      +
      + {% endif %} +
      +
      +
      + + +
      +
      +
      {{ function('pll_e', 'Этапы производс­тва корма') }}
      +
      + + {% for item in steps_2 %} +
      + {% if item.img %} + {{item.img.alt}} + {% endif %} +
      +
      {{item.title}}
      +

      {{item.text}}

      +
      +
      + {% endfor %} +
      + + + + +
      +
      +
      + + + + +{% endblock %} \ No newline at end of file diff --git a/wp-content/themes/cosmopet/templates/production/template-prod-page.php b/wp-content/themes/cosmopet/templates/production/template-prod-page.php new file mode 100644 index 0000000..f5980cb --- /dev/null +++ b/wp-content/themes/cosmopet/templates/production/template-prod-page.php @@ -0,0 +1,28 @@ + + + + false, 'version' => '1.0.0']); +}); + +$context = Timber::get_context(); + +$context['title'] = get_field('title'); +$context['btn_text'] = get_field('btn_text'); +$context['desc'] = get_field('desc'); +$context['steps_1'] = get_field('steps_1'); +$context['steps_2'] = get_field('steps_2'); + +Timber::render('templates/production/production.twig', $context); + +?> diff --git a/wp-content/themes/cosmopet/modules/blog/components/most-read/component-ajax-controller.php b/wp-content/themes/cosmopet/templates/shop/index.php similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/most-read/component-ajax-controller.php rename to wp-content/themes/cosmopet/templates/shop/index.php diff --git a/wp-content/themes/cosmopet/modules/blog/components/single/component-ajax-controller.php b/wp-content/themes/cosmopet/templates/shop/shop.twig similarity index 100% rename from wp-content/themes/cosmopet/modules/blog/components/single/component-ajax-controller.php rename to wp-content/themes/cosmopet/templates/shop/shop.twig diff --git a/wp-content/uploads-webpc/.htaccess b/wp-content/uploads-webpc/.htaccess new file mode 100644 index 0000000..67c3297 --- /dev/null +++ b/wp-content/uploads-webpc/.htaccess @@ -0,0 +1 @@ + \ No newline at end of file