@charset "UTF-8";
/*!
Theme Name: Apex Prodesign
Theme URI: https://apex.prodesign.bg/
Author: Prodesign
Author URI: https://prodesign.bg/
Description: Custom WordPress theme for Apex.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: apex-prodesign
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Apex is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  overflow-wrap: break-word;
}

p, li, figcaption {
  overflow-wrap: break-word;
}

ul, ol {
  list-style: none;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

img {
  height: auto;
}

input, button, textarea, select, optgroup {
  font: inherit;
  color: inherit;
}

button {
  cursor: pointer;
  background: none;
  border: none;
}

textarea {
  resize: vertical;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Fonts (@font-face)
--------------------------------------------- */
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-cyrillic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-italic-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-italic-cyrillic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Roboto";
  src: url("fonts/roboto/roboto-var-italic-latin-ext.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Akrobat";
  src: url("fonts/akrobat/Akrobat-Regular.woff2") format("woff2"), url("fonts/akrobat/Akrobat-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("fonts/akrobat/Akrobat-SemiBold.woff2") format("woff2"), url("fonts/akrobat/Akrobat-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("fonts/akrobat/Akrobat-Bold.woff2") format("woff2"), url("fonts/akrobat/Akrobat-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Akrobat";
  src: url("fonts/akrobat/Akrobat-ExtraBold.woff2") format("woff2"), url("fonts/akrobat/Akrobat-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
/* Typography
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin: 0 0 0.5em;
  color: #191130;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h1 a:focus,
h2 a:hover,
h2 a:focus,
h3 a:hover,
h3 a:focus,
h4 a:hover,
h4 a:focus,
h5 a:hover,
h5 a:focus,
h6 a:hover,
h6 a:focus {
  color: #EE2E2F;
  text-decoration: none;
}

h1 {
  font-size: clamp(2rem, 4vw, 3rem);
}

h2 {
  font-size: clamp(1.6rem, 3vw, 2.25rem);
}

h3 {
  font-size: 1.35rem;
}

h4 {
  font-size: 1.15rem;
}

h5 {
  font-size: 1rem;
}

h6 {
  font-size: 0.9rem;
  letter-spacing: 0.04em;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #f0efed;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #818181;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: #818181;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.6;
}

/* Elements
--------------------------------------------- */
:root {
  --apex-primary: #EE2E2F;
  --apex-primary-dark: #c4271f;
  --apex-ink: #191130;
  --apex-container: 1440px;
  --apex-font-heading: Akrobat, Roboto, Arial Narrow, system-ui, sans-serif;
  --apex-font-body: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif;
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
  overflow-x: clip;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
body {
  background-color: #fff;
  color: #818181;
  overflow-x: hidden;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

hr {
  background-color: #F0F0F0;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #EE2E2F;
  text-decoration: none;
  cursor: pointer;
}
a:hover, a:focus, a:active {
  color: #c4271f;
  text-decoration: none;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: transparent;
  border-radius: 3px;
  background: #EE2E2F;
  color: rgba(0, 0, 0, 0.8);
  padding: 20px 18px 20px 32px;
  cursor: pointer;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: transparent;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: transparent;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #191130;
  border: 1px solid #F0F0F0;
  border-radius: 3px;
  padding: 3px 8px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #191130;
}

select {
  border: 1px solid #F0F0F0;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1440px) {
  .container {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
@media (max-width: 767px) {
  .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}

.apex-bleed {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
}

.site-content {
  padding-top: 48px;
  padding-bottom: 48px;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Site header
--------------------------------------------- */
.site-main:not(.homepage) {
  margin-top: var(--header-height, calc(72px + 44px));
}

body.has-transparent-header .site-main:has(> .page-hero) {
  margin-top: 0;
}

.site-header {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100010;
  border-bottom: 1px solid rgba(255, 255, 255, 0.11);
  background: rgba(255, 255, 255, 0.01);
  transition: background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}
@media (max-width: 767px) {
  .site-header {
    border-bottom-width: 0;
  }
}
.site-header .sub-menu * {
  color: #191130;
}
.site-header.is-scrolled, .site-header.has-mega-open, .site-header.has-search-open, .site-header.has-menu-open {
  background: #ffffff;
  border-bottom-color: #F0F0F0;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}
.site-header.is-scrolled .site-branding, .site-header.has-mega-open .site-branding, .site-header.has-search-open .site-branding, .site-header.has-menu-open .site-branding {
  color: #000;
}
.site-header.is-scrolled .custom-logo-link, .site-header.has-mega-open .custom-logo-link, .site-header.has-search-open .custom-logo-link, .site-header.has-menu-open .custom-logo-link {
  color: #000;
}
.site-header.is-scrolled .site-title a, .site-header.has-mega-open .site-title a, .site-header.has-search-open .site-title a, .site-header.has-menu-open .site-title a {
  color: #191130;
}
.site-header.is-scrolled .main-navigation__link, .site-header.has-mega-open .main-navigation__link, .site-header.has-search-open .main-navigation__link, .site-header.has-menu-open .main-navigation__link {
  color: #191130;
}
.site-header.is-scrolled .main-navigation__link:hover, .site-header.is-scrolled .main-navigation__link:focus, .site-header.has-mega-open .main-navigation__link:hover, .site-header.has-mega-open .main-navigation__link:focus, .site-header.has-search-open .main-navigation__link:hover, .site-header.has-search-open .main-navigation__link:focus, .site-header.has-menu-open .main-navigation__link:hover, .site-header.has-menu-open .main-navigation__link:focus {
  color: #EE2E2F;
}
.site-header.is-scrolled .current-menu-item > .main-navigation__link,
.site-header.is-scrolled .current_page_item > .main-navigation__link,
.site-header.is-scrolled .current-menu-ancestor > .main-navigation__link,
.site-header.is-scrolled .current_page_ancestor > .main-navigation__link, .site-header.has-mega-open .current-menu-item > .main-navigation__link,
.site-header.has-mega-open .current_page_item > .main-navigation__link,
.site-header.has-mega-open .current-menu-ancestor > .main-navigation__link,
.site-header.has-mega-open .current_page_ancestor > .main-navigation__link, .site-header.has-search-open .current-menu-item > .main-navigation__link,
.site-header.has-search-open .current_page_item > .main-navigation__link,
.site-header.has-search-open .current-menu-ancestor > .main-navigation__link,
.site-header.has-search-open .current_page_ancestor > .main-navigation__link, .site-header.has-menu-open .current-menu-item > .main-navigation__link,
.site-header.has-menu-open .current_page_item > .main-navigation__link,
.site-header.has-menu-open .current-menu-ancestor > .main-navigation__link,
.site-header.has-menu-open .current_page_ancestor > .main-navigation__link {
  color: #EE2E2F;
}
.site-header.is-scrolled .header-icons__search,
.site-header.is-scrolled .header-icons__link, .site-header.has-mega-open .header-icons__search,
.site-header.has-mega-open .header-icons__link, .site-header.has-search-open .header-icons__search,
.site-header.has-search-open .header-icons__link, .site-header.has-menu-open .header-icons__search,
.site-header.has-menu-open .header-icons__link {
  color: #191130;
}
.site-header.is-scrolled .header-icons__search:hover, .site-header.is-scrolled .header-icons__search:focus,
.site-header.is-scrolled .header-icons__link:hover,
.site-header.is-scrolled .header-icons__link:focus, .site-header.has-mega-open .header-icons__search:hover, .site-header.has-mega-open .header-icons__search:focus,
.site-header.has-mega-open .header-icons__link:hover,
.site-header.has-mega-open .header-icons__link:focus, .site-header.has-search-open .header-icons__search:hover, .site-header.has-search-open .header-icons__search:focus,
.site-header.has-search-open .header-icons__link:hover,
.site-header.has-search-open .header-icons__link:focus, .site-header.has-menu-open .header-icons__search:hover, .site-header.has-menu-open .header-icons__search:focus,
.site-header.has-menu-open .header-icons__link:hover,
.site-header.has-menu-open .header-icons__link:focus {
  color: #EE2E2F;
}
@media (max-width: 767px) {
  body.home .site-header {
    background: #ffffff;
    border-bottom-color: #F0F0F0;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  }
  body.home .site-header .site-branding {
    color: #000;
  }
  body.home .site-header .custom-logo-link {
    color: #000;
  }
  body.home .site-header .site-title a {
    color: #191130;
  }
  body.home .site-header .main-navigation__link {
    color: #191130;
  }
  body.home .site-header .main-navigation__link:hover, body.home .site-header .main-navigation__link:focus {
    color: #EE2E2F;
  }
  body.home .site-header .current-menu-item > .main-navigation__link,
  body.home .site-header .current_page_item > .main-navigation__link,
  body.home .site-header .current-menu-ancestor > .main-navigation__link,
  body.home .site-header .current_page_ancestor > .main-navigation__link {
    color: #EE2E2F;
  }
  body.home .site-header .header-icons__search,
  body.home .site-header .header-icons__link {
    color: #191130;
  }
  body.home .site-header .header-icons__search:hover, body.home .site-header .header-icons__search:focus,
  body.home .site-header .header-icons__link:hover,
  body.home .site-header .header-icons__link:focus {
    color: #EE2E2F;
  }
}

.site-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 72px;
}
@media (max-width: 1365px) {
  .site-header__inner {
    align-items: stretch;
  }
}
@media (min-width: 1440px) {
  .site-header__inner {
    min-height: 85px;
    max-width: 1452px;
  }
}
@media (max-width: 767px) {
  .site-header__inner {
    min-height: 64px;
  }
}

@media (max-width: 767px) {
  body.home .site-main.homepage {
    margin-top: 64px;
  }
}
.site-header__nav {
  display: flex;
  align-items: center;
  gap: 48px;
  width: 100%;
  justify-content: space-between;
  padding-left: 32px;
}
@media (max-width: 1365px) {
  .site-header__nav {
    justify-content: flex-end;
    gap: 24px;
  }
}

.header-icons {
  display: flex;
  align-items: center;
  gap: 32px;
  color: #fff;
  transition: color 0.25s ease;
}
@media (max-width: 479px) {
  .header-icons {
    gap: 16px;
  }
}
.header-icons__search {
  display: flex;
  align-items: center;
  padding: 0;
  background: none;
  border: 0;
  cursor: pointer;
  color: inherit;
}
.header-icons__icon {
  width: 22px;
  height: 22px;
  max-width: none;
  display: flex;
}
.header-icons__icon svg {
  width: 100%;
  height: auto;
}
.header-icons__nav {
  display: flex;
}
.header-icons__menu {
  display: flex;
  align-items: center;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 479px) {
  .header-icons__menu {
    gap: 16px;
  }
}
@media (max-width: 767px) {
  .header-icons__menu li:has(> .header-icons__link--account) {
    display: none;
  }
}
.header-icons__link {
  position: relative;
  display: flex;
  align-items: center;
  color: inherit;
  text-decoration: none;
}
.header-icons__link:hover, .header-icons__link:focus {
  color: #EE2E2F;
}
.header-icons__badge {
  position: absolute;
  top: -6px;
  right: -8px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #EE2E2F;
  color: #fff;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 9px;
  font-weight: 500;
  line-height: 1;
}
.header-icons__badge[data-count="0"] {
  display: none;
}

.header-search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 150;
  padding: 24px 0;
  background-color: #ffffff;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.header-search[hidden] {
  display: none;
}

.site-branding {
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  transition: color 0.25s ease;
}
.site-branding .custom-logo-link {
  color: #fff;
}
.site-branding .custom-logo {
  display: block;
  height: 40px;
  width: auto;
}
@media (min-width: 1280px) {
  .site-branding .custom-logo {
    height: 45px;
  }
}
.site-branding .site-title {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
}
.site-branding .site-title a {
  color: #fff;
  text-decoration: none;
}
.site-branding .site-title a:hover {
  color: #EE2E2F;
}
.site-branding .site-description {
  margin: 2px 0 0;
  font-size: 0.8rem;
  color: #818181;
}

.topbar {
  background: #FAFAFA;
  max-height: 100px;
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
@media (max-width: 1365px) {
  .topbar {
    display: none;
  }
}
.topbar.is-hidden {
  max-height: 0;
  transition: max-height 0.3s ease-out, opacity 0.3s ease-out;
  opacity: 0;
}
.topbar__inner {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 24px;
  font-size: 12px;
  padding: 0 25px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar__inner {
    padding: 0 0 0 16px !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .topbar__inner {
    flex-direction: column;
    padding: 0 0 0 25px !important;
  }
}
@media (min-width: 1920px) {
  .topbar__inner {
    max-width: 1470px;
    margin-left: calc(50% - 702px);
    margin-right: 0;
    padding: 0 !important;
  }
}
.topbar__left, .topbar__right {
  display: flex;
  align-items: center;
  gap: 20px;
}
.topbar__left {
  padding: 10px 0;
}
.topbar__right {
  height: auto;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .topbar__right {
    justify-content: flex-end;
    gap: 32px;
  }
}
.topbar__right .btn {
  height: 100%;
}
@media (min-width: 1920px) {
  .topbar__right {
    gap: 32px;
  }
}
.topbar__locations {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar__locations {
    display: none;
  }
}
.topbar__locations li {
  display: flex;
}
.topbar__locations a {
  color: #818181;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 12px;
  transition: 0.2s linear;
}
@media (min-width: 1366px) {
  .topbar__locations a {
    font-weight: 500;
    letter-spacing: 0.24px;
    color: rgba(25, 17, 48, 0.7);
  }
}
.topbar__locations a:hover {
  color: #EE2E2F;
}
.topbar__locations-icon {
  display: flex;
  color: #EE2E2F;
  width: 24px;
  height: 24px;
}
.topbar__locations-icon svg path {
  fill: #acacac;
}
.topbar__menu {
  padding: 0 24px;
  position: relative;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar__menu {
    padding: 0 24px 0 0;
  }
}
.topbar__menu::before, .topbar__menu::after {
  content: "";
  position: absolute;
  width: 2px;
  height: calc(100% - 8px);
  top: 50%;
  transform: translateY(-50%);
  background-color: #EE2E2F;
}
.topbar__menu::before {
  left: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar__menu::before {
    display: none;
  }
}
.topbar__menu::after {
  right: 0;
}
.topbar__links {
  display: flex;
  align-items: center;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.topbar__links li {
  display: flex;
}
.topbar__links a {
  color: #818181;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 4px 12px;
}
@media (min-width: 1366px) {
  .topbar__links a {
    font-weight: 500;
    letter-spacing: 0.24px;
    color: rgba(25, 17, 48, 0.7);
  }
}
.topbar__links a:hover {
  color: #EE2E2F;
}
.topbar__lang {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #818181;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 500;
  font-size: 12px;
  text-transform: uppercase;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}
.topbar__phone {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #191130;
  text-decoration: none;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-weight: 700;
  padding: 10px 16px;
  font-size: 20px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar__phone {
    font-size: 16px;
    padding: 0 6px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .topbar__phone {
    padding: 0;
  }
}
.topbar__phone:hover {
  color: #EE2E2F;
}
.topbar .btn {
  padding: 10px 20px 10px 24px;
  font-size: 16px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .topbar .btn {
    font-size: 14px;
    padding: 14px 10px 14px 16px;
  }
}
@media (min-width: 1920px) {
  .topbar .btn {
    padding-left: 43.5px;
    padding-right: 39.5px;
  }
}
.topbar .btn::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 10.2% 100%, 0 100%);
  transition: transform 0.25s ease;
  transform: rotate(180deg);
}

/* Site footer
--------------------------------------------- */
.site-footer {
  background: #ffffff;
  border-top: 1px solid #F0F0F0;
  color: #191130;
}

.site-footer__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 80px;
  padding-top: 80px;
  padding-bottom: 48px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1023px) {
  .site-footer__inner {
    flex-flow: column nowrap;
  }
}

.site-footer__brand {
  flex: 0 0 280px;
  max-width: 100%;
}
@media (min-width: 1440px) {
  .site-footer__brand {
    flex-basis: 357px;
  }
}

.site-footer__logo {
  display: inline-block;
  margin-bottom: 24px;
}
.site-footer__logo .custom-logo-link {
  color: #000;
}
.site-footer__logo .custom-logo {
  display: block;
  height: 48px;
  width: auto;
}
@media (min-width: 768px) {
  .site-footer__logo .custom-logo {
    height: 45px;
  }
}

.site-footer__logo--text {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  text-decoration: none;
  color: #EE2E2F;
}
.site-footer__logo--text span {
  color: #191130;
}

.site-footer__tagline {
  margin: 0 0 48px;
  max-width: 280px;
  color: #818181;
  font-size: 0.95rem;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .site-footer__tagline {
    max-width: 263px;
    font-size: 14px;
    line-height: 1.43;
  }
}

.site-footer__contact-label {
  display: block;
  margin-bottom: 4px;
  color: #818181;
  font-size: 0.85rem;
}

.site-footer__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #191130;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
}
.site-footer__phone svg {
  width: 20px;
  height: 20px;
  fill: #EE2E2F;
}
@media (min-width: 768px) {
  .site-footer__phone {
    font-size: 36px;
    line-height: 1;
    letter-spacing: 0.36px;
  }
  .site-footer__phone svg {
    width: 17px;
    height: 17px;
  }
}
.site-footer__phone:hover {
  color: #EE2E2F;
}

.site-footer__social {
  display: flex;
  gap: 12px;
  margin-top: 48px;
}
.site-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #f0efed;
  color: #818181;
  cursor: pointer;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.site-footer__social a svg {
  width: auto;
  height: 17px;
  fill: currentColor;
}
.site-footer__social a:hover {
  background: #EE2E2F;
  color: #fff;
}
@media (min-width: 768px) {
  .site-footer__social {
    align-items: center;
    gap: 24px;
  }
  .site-footer__social a {
    width: 24px;
    height: 24px;
    border-radius: 0;
    background: none;
    color: #c5c5c5;
  }
  .site-footer__social a svg {
    width: 24px;
    height: auto;
  }
  .site-footer__social a:hover {
    background: none;
    color: #EE2E2F;
  }
}

.site-footer__main {
  flex: 1 1 0;
  min-width: 0;
}

.site-footer__cols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 48px;
}
@media (max-width: 767px) {
  .site-footer__cols {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}
@media (min-width: 1280px) {
  .site-footer__cols {
    grid-template-columns: repeat(4, minmax(0, max-content));
    column-gap: clamp(24px, 3.4vw, 64px);
  }
}
@media (min-width: 1440px) {
  .site-footer__cols {
    grid-template-columns: minmax(0, 270px) minmax(0, 245px) minmax(0, 249px) minmax(0, 1fr);
    column-gap: 0;
  }
}

.footer-col__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin: 0 0 24px;
  list-style: none;
  cursor: default;
  pointer-events: none;
}
.footer-col__title::-webkit-details-marker {
  display: none;
}

.footer-col__title-text {
  margin: 0;
  color: #818181;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-col__chevron {
  display: none;
  flex-shrink: 0;
  color: #818181;
  transition: transform 0.2s ease;
}

.footer-col__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .footer-col__list {
    padding-top: 14px;
  }
}
.footer-col__list li {
  margin-bottom: 14px;
}
.footer-col__list a {
  color: #191130;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
}
.footer-col__list a:hover {
  color: #EE2E2F;
}
@media (min-width: 1280px) {
  .footer-col__list li {
    display: flex;
    margin-bottom: 6px;
    line-height: 28px;
  }
  .footer-col__list a {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.26px;
    line-height: 1.4;
  }
}

@media (max-width: 767px) {
  .footer-col {
    border-bottom: 1px solid #F0F0F0;
  }
  .footer-col__title {
    margin: 0;
    padding: 8px 0;
    cursor: pointer;
    pointer-events: auto;
  }
  .footer-col__chevron {
    display: flex;
  }
  .footer-col[open] .footer-col__chevron {
    transform: rotate(180deg);
  }
  .footer-col__list {
    padding-bottom: 16px;
  }
  .footer-col__list li:last-child {
    margin-bottom: 0;
  }
}
.site-footer__locations {
  margin-top: 80px;
}
@media (max-width: 767px) {
  .site-footer__locations {
    display: none;
  }
}

.footer-locations {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-locations li + li::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 22px;
  margin: 0 16px;
  background: #F0F0F0;
  vertical-align: middle;
}
.footer-locations a {
  color: #191130;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.2s ease, color 0.2s ease;
}
.footer-locations a:hover {
  color: #EE2E2F;
  opacity: 1;
}

.site-footer__bottom {
  border-top: 1px solid #F0F0F0;
}

.site-footer__bottom-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: 22px;
  padding-bottom: 27px;
  font-size: 12px;
  letter-spacing: 0.72px;
  color: #ACACAC;
}
@media (max-width: 767px) {
  .site-footer__bottom-inner {
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 0.85rem;
    letter-spacing: normal;
    color: #818181;
  }
}

.footer-legal {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
}
@media (max-width: 767px) {
  .footer-legal {
    gap: 24px;
  }
}
.footer-legal a {
  color: #ACACAC;
  text-decoration: none;
}
@media (max-width: 767px) {
  .footer-legal a {
    color: #818181;
  }
}
.footer-legal a:hover {
  color: #EE2E2F;
}

.footer-copy {
  margin: 0;
  color: #3f3f3f;
}
@media (max-width: 767px) {
  .footer-copy {
    color: #818181;
  }
}

.footer-credit {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 20px;
  color: #ACACAC;
}
@media (max-width: 767px) {
  .footer-credit {
    display: block;
    color: #818181;
  }
}
.footer-credit a {
  display: inline-flex;
  align-items: center;
  color: #f5841f;
  font-weight: 600;
  text-decoration: none;
}
.footer-credit a:hover {
  text-decoration: underline;
}
.footer-credit__logo {
  display: block;
  width: 87px;
  height: auto;
}
.footer-credit__name {
  display: none;
}
@media (max-width: 767px) {
  .footer-credit__logo {
    display: none;
  }
  .footer-credit__name {
    display: inline;
  }
}

@media (min-width: 768px) {
  .footer-copy {
    order: 1;
  }
  .footer-legal {
    order: 2;
  }
  .footer-credit {
    order: 3;
  }
}
@media (min-width: 1280px) {
  .footer-credit {
    width: 443px;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 60em) {
  .site-footer__inner {
    gap: 48px;
  }
}
/* Buttons
--------------------------------------------- */
.button,
.btn,
.wp-block-button__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 8px;
  padding: 20px 18px 20px 32px;
  background: #EE2E2F;
  color: #fff;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  text-decoration: none;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  line-height: 1;
  transition: 0.2s linear;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .button,
  .btn,
  .wp-block-button__link {
    padding: 14px 10px 14px 16px;
  }
}
.button .btn__icon,
.btn .btn__icon,
.wp-block-button__link .btn__icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .button .btn__icon,
  .btn .btn__icon,
  .wp-block-button__link .btn__icon {
    width: 35px;
  }
}
.button .btn__icon svg,
.btn .btn__icon svg,
.wp-block-button__link .btn__icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .button .btn__icon svg,
  .btn .btn__icon svg,
  .wp-block-button__link .btn__icon svg {
    width: 35px;
    height: 12px;
  }
}
.button .btn__icon svg path,
.btn .btn__icon svg path,
.wp-block-button__link .btn__icon svg path {
  transition: d 0.3s ease;
}
.button::after,
.btn::after,
.wp-block-button__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 10.2% 100%, 0 100%);
  transition: transform 0.25s ease;
}
.button:hover, .button:focus,
.btn:hover,
.btn:focus,
.wp-block-button__link:hover,
.wp-block-button__link:focus {
  color: #fff;
  text-decoration: none;
}
.button:hover .btn__icon, .button:focus .btn__icon,
.btn:hover .btn__icon,
.btn:focus .btn__icon,
.wp-block-button__link:hover .btn__icon,
.wp-block-button__link:focus .btn__icon {
  clip-path: inset(0 0 0 0);
}
.button:hover .btn__icon svg path, .button:focus .btn__icon svg path,
.btn:hover .btn__icon svg path,
.btn:focus .btn__icon svg path,
.wp-block-button__link:hover .btn__icon svg path,
.wp-block-button__link:focus .btn__icon svg path {
  d: path("M0 6.70703H36M30 12.707L36 6.70703L30 0.707031");
}

.btn--icon-only {
  padding: 0;
  justify-content: center;
}
.btn--icon-only::after {
  display: none;
}
.btn--icon-only .btn__icon {
  clip-path: inset(0 0 0 0);
}

.btn--dark {
  background: #191130;
}
.btn--dark:hover, .btn--dark:focus {
  color: #fff;
}

.btn--outline {
  background: transparent;
  color: #EE2E2F;
  border: 2px solid #EE2E2F;
}
.btn--outline::after {
  background-color: transparent;
  border-top: 2px solid #EE2E2F;
  clip-path: none;
}
.btn--outline:hover, .btn--outline:focus {
  background: #EE2E2F;
  color: #fff;
}

.btn--ghost {
  padding: 0.9em 0 0.7em;
  background: transparent;
  color: #191130;
}
.btn--ghost::after {
  display: none;
}
.btn--ghost::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1.6px;
  background-color: currentColor;
  transition: width 0.2s linear;
}
.btn--ghost:hover, .btn--ghost:focus {
  background: transparent;
  color: #EE2E2F;
}
.btn--ghost:hover::before, .btn--ghost:focus::before {
  width: 0;
}

/* Section eyebrow
--------------------------------------------- */
.section-eyebrow {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (max-width: 767px) {
  .section-eyebrow {
    align-items: center;
  }
}
.section-eyebrow__line {
  display: flex;
  flex-shrink: 0;
  color: #EE2E2F;
}

/* Breadcrumb (page-hero, catalog-hero, contacts-hero, projects, single product)
--------------------------------------------- */
.apex-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 40px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #818181;
}
.apex-breadcrumb a {
  color: #ACACAC;
  text-decoration: none;
}
.apex-breadcrumb a:hover, .apex-breadcrumb a:focus {
  color: #EE2E2F;
}
.apex-breadcrumb__sep {
  display: flex;
  align-items: center;
  margin: 0 4px;
  color: currentColor;
}
.apex-breadcrumb__sep-icon {
  height: 9px;
  color: #ACACAC;
}
.apex-breadcrumb__sep-icon svg {
  width: auto;
  height: 100%;
}
.apex-breadcrumb__current {
  color: #191130;
}
.apex-breadcrumb--on-dark {
  color: #fff;
}

/* Blog post card
--------------------------------------------- */
.blog-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-card {
    margin: 0 !important;
  }
}
@media (min-width: 1280px) {
  .blog-card {
    padding-bottom: 32px;
  }
}
.blog-card__media {
  display: block;
  aspect-ratio: 276/136;
  overflow: hidden;
}
@media (max-width: 767px) {
  .blog-card__media {
    aspect-ratio: 328/173.38;
  }
}
@media (min-width: 1280px) {
  .blog-card__media {
    aspect-ratio: 437/231;
  }
}
.blog-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}
.blog-card__media:hover img {
  transform: scale(1.05);
}
.blog-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 16px;
  padding: 32px 32px 40px 32px;
}
@media (max-width: 767px) {
  .blog-card__body {
    padding: 32px 0 0 0;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .blog-card__body {
    padding: 16px 16px 20px 16px;
  }
}
.blog-card__meta {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0;
}
.blog-card__header {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
.blog-card__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-card__title {
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .blog-card__title {
    display: block;
    overflow: visible;
  }
}
.blog-card__title a {
  color: inherit;
  text-decoration: none;
}
.blog-card__title a:hover {
  color: #EE2E2F;
}
.blog-card__excerpt {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #818181;
  line-height: 1.6;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin: 0;
}
@media (min-width: 1024px) {
  .blog-card__excerpt {
    line-height: 1.43;
  }
}
.blog-card__excerpt p {
  margin: 0;
}
.blog-card .btn {
  margin-top: auto;
  align-self: flex-start;
  margin-left: 32px;
}
@media (max-width: 767px) {
  .blog-card .btn {
    margin-left: 0;
    margin-top: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .blog-card .btn {
    margin-left: 16px;
  }
}
@media (min-width: 1280px) {
  .blog-card .btn {
    padding: 17.5px 18px 17.5px 27.5px;
  }
}

/* Featured products strip (shared: Мотокари page, homepage)
--------------------------------------------- */
.home-featured {
  padding: 0 0 0px 0;
}
@media (max-width: 1023px) {
  .home-featured {
    padding: 40px 0 56px 0;
    border: 1px solid #F0F0F0;
    border-width: 1px 0;
  }
}
.home-featured .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
@media (max-width: 1023px) {
  .home-featured .container {
    padding: 0 !important;
  }
}
.home-featured .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid #F0F0F0;
  border-width: 1px 0;
}
@media (max-width: 1279px) {
  .home-featured .wrapper {
    display: block;
    padding: 0 16px;
    border: 0;
  }
}
.home-featured ul.products {
  display: contents;
}
.home-featured__swiper {
  display: contents !important;
}
.home-featured__pagination {
  display: none;
}
.home-featured__intro {
  display: flex;
  flex-direction: column;
  padding: 32px 29px;
}
@media (max-width: 1279px) {
  .home-featured__intro {
    padding: 0 0 32px;
  }
}
.home-featured__intro .section-eyebrow {
  margin-bottom: 16px;
}
.home-featured__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (min-width: 1280px) {
  .home-featured__heading {
    font-size: 48px;
    line-height: 1;
  }
}
@media (max-width: 1279px) {
  .home-featured__heading {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .home-featured__heading {
    font-size: 28px;
  }
}
.home-featured .btn {
  margin-top: auto;
  margin-bottom: 108px;
}
@media (max-width: 1279px) {
  .home-featured .btn {
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .home-featured .btn {
    padding-top: 40px;
    color: #EE2E2F;
    text-transform: none;
  }
}
@media (min-width: 768px) {
  .home-featured .btn {
    padding: 0;
    height: 17px;
    color: #EE2E2F;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.28px;
    text-transform: none;
  }
}
@media (min-width: 1280px) {
  .home-featured ul.products li.product.apex-product-card {
    float: none;
    width: auto;
    margin: 0 !important;
    box-shadow: none;
    border-left: 1px solid #F0F0F0;
  }
  .home-featured ul.products li.product.apex-product-card:nth-child(4n) {
    border-left: none;
  }
  .home-featured ul.products li.product.apex-product-card:nth-child(n+4) {
    border-top: 1px solid #F0F0F0;
  }
  .home-featured ul.products li.product.apex-product-card img {
    aspect-ratio: auto;
    height: 260px;
  }
}
@media (max-width: 1279px) {
  .home-featured__swiper {
    display: block !important;
    overflow: hidden;
    position: relative;
  }
  .home-featured ul.products {
    display: flex;
    margin: 0;
    padding: 0 0 4px;
    list-style: none;
  }
  .home-featured ul.products li.product.apex-product-card {
    float: none;
    width: auto;
    margin: 0 !important;
    box-shadow: none;
    flex: 0 0 78%;
    max-width: 300px;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .home-featured ul.products li.product.apex-product-card {
    flex-basis: 100%;
    max-width: none;
  }
}
@media (max-width: 1279px) {
  .home-featured__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .home-featured__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .home-featured__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1279px) {
  .home-featured__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .home-featured__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-motokari .home-featured .wrapper {
    grid-template-columns: repeat(4, 355px);
  }
  body.page-template-page-motokari .home-featured ul.products li.product.apex-product-card .woocommerce-loop-product__title {
    margin-top: 16px;
  }
  body.page-template-page-motokari .home-featured ul.products li.product.apex-product-card .price,
  body.page-template-page-motokari .home-featured ul.products li.product.apex-product-card .apex-product-card__inquiry {
    margin-top: 16px;
    min-height: 30px;
  }
  body.page-template-page-motokari .home-featured ul.products li.product.apex-product-card img {
    width: 274px;
  }
  body.page-template-page-motokari .home-featured ul.products li.product.apex-product-card .apex-product-card__inquiry {
    line-height: 30px;
  }
  body.page-template-page-motokari .home-featured__intro {
    padding-left: 25px;
  }
  body.page-template-page-motokari .home-featured__intro .section-eyebrow {
    margin-top: -41px;
  }
}
/* Featured models strip (landing pages: Складова техника)
--------------------------------------------- */
.featured-models {
  border-bottom: 1px solid #F0F0F0;
}
.featured-models__grid {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.featured-models__grid::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  width: min(100%, 25% * var(--models-count, 4));
  background-image: linear-gradient(to right, #F0F0F0 1px, transparent 1px);
  background-size: calc(100% / var(--models-count, 4)) 100%;
  background-repeat: repeat-x;
  border-right: 1px solid #F0F0F0;
}
.featured-models__swiper {
  display: contents;
}
@media (max-width: 1279px) {
  .featured-models__swiper {
    display: block;
    grid-column: 1/-1;
    overflow: hidden;
    position: relative;
  }
}
.featured-models ul.products {
  display: contents;
}
@media (max-width: 1279px) {
  .featured-models ul.products {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
  }
}
.featured-models__intro {
  position: relative;
  z-index: 1;
  grid-column: 1/-1;
  padding: 120px 30px 88px 30px;
}
@media (max-width: 1023px) {
  .featured-models__intro {
    padding-top: 0;
  }
}
.featured-models__pagination {
  display: none;
}
.featured-models ul.products li.product.apex-product-card {
  position: relative;
  z-index: 1;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  box-shadow: none;
  background: transparent;
}
@media (max-width: 1279px) {
  .featured-models ul.products li.product.apex-product-card {
    flex-shrink: 0;
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .featured-models {
    padding: 56px 0;
  }
}
@media (max-width: 599px) {
  .featured-models {
    padding: 40px 0;
  }
  .featured-models__intro {
    padding: 24px 20px 16px;
  }
}
@media (max-width: 1279px) {
  .featured-models {
    padding-bottom: 24px;
  }
  .featured-models__grid::before {
    display: none;
  }
  .featured-models__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .featured-models__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .featured-models__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1279px) {
  .featured-models__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .featured-models__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .featured-models__intro {
    padding-top: 113px;
    padding-bottom: 75.6px;
  }
}
/* Category cards (landing pages: second-level product categories)
--------------------------------------------- */
.category-cards {
  border-bottom: 1px solid #F0F0F0;
}
.category-cards .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.category-cards__inner {
  padding: 134px 30px 86px 30px;
}
@media (max-width: 1023px) {
  .category-cards__inner {
    padding: 56px 0;
  }
}
.category-cards__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 69px;
}
@media (max-width: 1023px) {
  .category-cards__header {
    align-items: flex-start;
    text-align: start;
  }
}
.category-cards__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin: 16px 0 0;
}
@media (min-width: 1024px) {
  .category-cards__heading {
    line-height: 1;
  }
}
@media (max-width: 1023px) {
  .category-cards__br {
    display: none;
  }
}
.category-cards__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  max-width: 700px;
  margin: 16px 0 0;
}
.category-cards__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .category-cards__grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 17px;
  }
}
.category-cards__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 44%;
  min-height: 330px;
  background-color: #ECECEC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  overflow: hidden;
  container-type: inline-size;
  isolation: isolate;
}
.category-cards__card:hover .category-cards__media img {
  transform: scale(1.04);
}
.category-cards__card:hover .category-cards__arrow-icon {
  clip-path: inset(0 0 0 0);
}
.category-cards__card:hover .category-cards__arrow-icon svg path {
  d: path("M0 6.70703H36M30 12.707L36 6.70703L30 0.707031");
}
.category-cards__body {
  display: flex;
  flex-direction: column;
  padding: 36px 24px 32px 32px;
  min-width: 0;
}
.category-cards__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  overflow-wrap: normal;
}
.category-cards__card-link {
  color: inherit;
  text-decoration: none;
}
.category-cards__card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.category-cards__card-link:hover, .category-cards__card-link:focus {
  color: #EE2E2F;
}
.category-cards__card-desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #818181;
  line-height: 1.6;
  margin: 24px 0 0;
}
.category-cards__arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 40px;
  margin-top: auto;
  background-color: #EE2E2F;
  color: #fff;
}
@media (min-width: 1024px) {
  .category-cards__arrow {
    width: 57px;
    height: 42px;
  }
}
.category-cards__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 10.2% 100%, 0 100%);
}
.category-cards__arrow--mobile-only {
  display: none;
}
.category-cards__arrow-icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .category-cards__arrow-icon {
    width: 35px;
  }
}
.category-cards__arrow-icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .category-cards__arrow-icon svg {
    width: 35px;
    height: 12px;
  }
}
.category-cards__arrow-icon svg path {
  transition: d 0.3s ease;
}
.category-cards__arrow-icon {
  margin-right: -19px;
}
.category-cards__media {
  overflow: hidden;
  position: absolute;
  z-index: -1;
  mix-blend-mode: multiply;
  bottom: 0;
  width: 40%;
  height: auto;
  left: 60%;
}
.category-cards__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}
.category-cards--stacked-titles .category-cards__body {
  grid-column: 1/-1;
}
.category-cards--stacked-titles .category-cards__card-title {
  width: min-content;
  font-size: clamp(20px, 8.4cqi, 26px);
}
.category-cards--stacked-titles .category-cards__card-desc {
  max-width: 50%;
}
@media (max-width: 767px) {
  .category-cards__body {
    grid-column: 1/-1;
  }
  .category-cards__media {
    bottom: 24px;
  }
  .category-cards__card {
    min-height: 240px;
  }
  .category-cards__card-desc {
    margin-bottom: 24px;
  }
  .category-cards--stacked-titles .category-cards__card-desc {
    max-width: none;
  }
}
.category-cards--split .category-cards__inner {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  padding: 84px 30px 64px 30px;
}
@media (max-width: 1023px) {
  .category-cards--split .category-cards__inner {
    padding: 56px 0;
  }
}
.category-cards--split .category-cards__header {
  flex: 0 0 404px;
  align-items: flex-start;
  text-align: left;
  margin-bottom: 0;
}
.category-cards--split .category-cards__heading {
  margin-top: 24px;
}
.category-cards--split .category-cards__subtitle {
  max-width: 344px;
  margin-top: 40px;
}
.category-cards--split .category-cards__grid {
  flex: 1 1 auto;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 767px) {
  .category-cards--split .category-cards__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 1199px) {
  .category-cards--split .category-cards__inner {
    flex-direction: column;
    gap: 40px;
  }
  .category-cards--split .category-cards__header {
    flex-basis: auto;
  }
  .category-cards--split .category-cards__grid {
    align-self: stretch;
  }
}
@media (max-width: 767px) {
  .category-cards--split .category-cards__card {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    min-height: 104px;
  }
  .category-cards--split .category-cards__body {
    justify-content: center;
    padding: 16px 24px;
  }
  .category-cards--split .category-cards__card-desc {
    margin-top: 12px;
    max-width: calc(100% - 48px);
  }
  .category-cards--split .category-cards__media {
    display: none;
  }
  .category-cards--split .category-cards__arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    margin-top: 0;
  }
  .category-cards--split .category-cards__arrow::after {
    top: 0;
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}
.category-cards--hub {
  padding: 0 0 80px;
}
.category-cards--hub .category-cards__grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .category-cards--hub .category-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .category-cards--hub .category-cards__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .category-cards--hub .category-cards__grid {
    gap: 17px;
  }
  .category-cards--hub .category-cards__card {
    grid-template-columns: 1fr 44%;
    grid-template-rows: none;
    height: 179px;
    min-height: 0;
  }
  .category-cards--hub .category-cards__body {
    padding: 24px 16px 24px 24px;
  }
  .category-cards--hub .category-cards__card-desc {
    display: none;
  }
}
.category-cards--home {
  border-bottom: none;
}
@media (max-width: 767px) {
  .category-cards--home {
    border-bottom: 1px solid #F0F0F0;
  }
}
@media (max-width: 1023px) {
  .category-cards--home .category-cards__header {
    align-items: flex-start;
    text-align: start;
  }
}
@media (min-width: 1024px) {
  .category-cards--home .category-cards__header {
    margin-bottom: 49px;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__header {
    margin-bottom: 49px;
  }
}
.category-cards--home .category-cards__inner {
  padding-top: 80px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__inner {
    padding: 44px 0 66px 0;
  }
}
.category-cards--home .category-cards__grid {
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__grid {
    grid-template-columns: repeat(1, 1fr) !important;
    gap: 17px;
  }
}
.category-cards--home .category-cards__card {
  min-height: 230px;
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card {
    min-height: 0;
    height: 179px;
    display: flex;
  }
}
.category-cards--home .category-cards__card:nth-child(-n+2) {
  min-height: 308px;
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card:nth-child(-n+2) {
    min-height: 0 !important;
    height: 179px;
    display: flex;
  }
}
.category-cards--home .category-cards__card .category-cards__media {
  left: unset;
  right: -30%;
  bottom: -15%;
  width: 85%;
}
@media (min-width: 1024px) {
  .category-cards--home .category-cards__card .category-cards__media {
    right: -36%;
    width: 78%;
  }
}
.category-cards--home .category-cards__card--featured .category-cards__media {
  width: 45%;
  left: unset;
  right: 2.5%;
  bottom: -80px;
}
.category-cards--home .category-cards__card--featured .category-cards__card-title {
  width: auto;
  font-size: clamp(26px, 8.4cqi, 36px);
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__body {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__card-desc {
    display: none;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__arrow {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__cta {
    display: none;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__arrow--mobile-only {
    display: inline-flex;
  }
}
.category-cards__card--featured .category-cards__card-title {
  font-size: 36px;
  letter-spacing: 0.36px;
}
@media (max-width: 767px) {
  .category-cards__card--featured .category-cards__card-title {
    font-size: 26px;
    letter-spacing: 0.26px;
  }
}
.category-cards__card--featured .category-cards__card-desc {
  color: #3f3f3f;
  line-height: 1.43;
}
@media (min-width: 1024px) {
  .category-cards__card--featured .category-cards__card-desc {
    font-size: 16px;
  }
}
.category-cards--home .category-cards__card--featured {
  grid-column: span 3;
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card--featured {
    grid-column: span 1;
  }
}
.category-cards__cta {
  margin-top: auto;
}
@media (min-width: 1024px) {
  .category-cards__cta .btn {
    padding: 17.5px 18.6px 17.5px 30px;
  }
}
@media (max-width: 1023) {
  .category-cards__grid {
    grid-template-columns: 1fr;
  }
  .category-cards__card {
    min-height: 260px;
  }
  .category-cards--home .category-cards__card--featured {
    grid-column: span 1;
  }
  .category-cards__heading {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .category-cards__card {
    grid-template-columns: 1fr;
    grid-template-rows: auto 150px;
  }
  .category-cards__body {
    padding: 24px 20px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-stelazhi .category-cards__inner {
    padding-top: 80px;
  }
  body.page-template-page-stelazhi .category-cards__header,
  body.page-template-page-skladova-tehnika .category-cards__header {
    margin-bottom: 56px;
  }
  body.page-template-page-stelazhi .category-cards__subtitle,
  body.page-template-page-skladova-tehnika .category-cards__subtitle {
    max-width: 944px;
  }
  body.page-template-page-stelazhi .category-cards__card,
  body.page-template-page-skladova-tehnika .category-cards__card {
    grid-template-columns: 60% 40%;
  }
  body.page-template-page-stelazhi .category-cards__body {
    padding-right: 19px;
  }
  body.page-template-page-stelazhi .category-cards__card-desc,
  body.page-template-page-skladova-tehnika .category-cards__card-desc {
    color: #3F3F3F;
    line-height: 1.43;
  }
}
@media (min-width: 768px) {
  body.page-template-page-stelazhi .category-cards__media {
    top: 0;
    bottom: 0;
    height: 100%;
  }
  body.page-template-page-stelazhi .category-cards__media img {
    object-fit: cover;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .category-cards__body {
    padding-right: 22px;
  }
  body.page-template-page-skladova-tehnika .category-cards__media {
    left: auto;
    right: 0;
    width: 172px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-pochistvashta-tehnika .category-cards--split .category-cards__inner {
    padding-top: 117px;
    padding-bottom: 59px;
  }
  body.page-template-page-pochistvashta-tehnika .category-cards--split .category-cards__heading {
    margin-top: 16px;
  }
  body.page-template-page-pochistvashta-tehnika .category-cards--split .category-cards__media {
    top: 0;
    bottom: 0;
    left: auto;
    right: 0;
    width: 172px;
    height: 100%;
  }
  body.page-template-page-pochistvashta-tehnika .category-cards--split .category-cards__media img {
    object-fit: contain;
  }
  body.page-template-page-pochistvashta-tehnika .category-cards--split .category-cards__card-desc {
    max-width: 212px;
    color: #3F3F3F;
    line-height: 1.43;
  }
}
@media (max-width: 767px) {
  .category-cards--home .category-cards__card .category-cards__media,
  .category-cards--home .category-cards__card--featured .category-cards__media {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: 48%;
    height: 100%;
  }
  .category-cards--home .category-cards__card .category-cards__media img,
  .category-cards--home .category-cards__card--featured .category-cards__media img {
    object-fit: contain;
    object-position: right bottom;
  }
}
/* Мотокари — „По производител" (page-motokari.php)
--------------------------------------------- */
.motokari-brands .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.motokari-brands__inner {
  padding: 80px 30px 48px 30px;
}
@media (max-width: 479px) {
  .motokari-brands__inner {
    padding: 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .motokari-brands__inner {
    padding: 80px 0 48px 0;
  }
}
.motokari-brands__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  max-width: 826px;
  margin: 0 auto 56px;
}
@media (max-width: 1023px) {
  .motokari-brands__header {
    align-items: flex-start;
    text-align: start;
    margin: 0 0 56px 0;
  }
}
.motokari-brands__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.motokari-brands__subtitle {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #818181;
}
.motokari-brands__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
@media (max-width: 767px) {
  .motokari-brands__grid {
    row-gap: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .motokari-brands__grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.motokari-brands__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 40px;
  overflow: hidden;
  background-color: #ECECEC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}
.motokari-brands__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.motokari-brands__media {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 300px;
  max-width: 42%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .motokari-brands__media {
    display: none;
  }
}
.motokari-brands__media img {
  display: block;
  width: 100%;
  height: auto;
}
.motokari-brands__card-header {
  display: flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  padding-right: 90px;
}
.motokari-brands__logo {
  display: block;
  flex-shrink: 0;
  max-width: 220px;
  max-height: 32px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: left;
}
.motokari-brands__logo--text {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
}
.motokari-brands__separator {
  flex-shrink: 0;
  align-self: stretch;
  width: 1px;
  background-color: #ACACAC;
}
@media (max-width: 479px) {
  .motokari-brands__separator {
    display: none;
  }
}
.motokari-brands__tagline {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.84px;
  text-transform: uppercase;
  color: #3F3F3F;
}
.motokari-brands__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.motokari-brands__list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  color: #191130;
}
.motokari-brands__list-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-top: 3px;
  color: #EE2E2F;
}
.motokari-brands__cta {
  margin-top: auto;
}
@media (max-width: 991px) {
  .motokari-brands__heading {
    font-size: 40px;
  }
  .motokari-brands__media {
    width: 220px;
  }
}
@media (max-width: 767px) {
  .motokari-brands {
    padding: 56px 0;
  }
  .motokari-brands__heading {
    font-size: 32px;
  }
  .motokari-brands__grid {
    grid-template-columns: 1fr;
  }
  .motokari-brands__card {
    padding: 32px 24px;
  }
  .motokari-brands__card-header {
    flex-wrap: wrap;
  }
  .motokari-brands__media {
    position: static;
    width: 100%;
    max-width: 240px;
    margin: 24px auto 0;
  }
}

@media (min-width: 1440px) {
  .motokari-brands__heading {
    line-height: 1;
    max-width: 12.6em;
  }
  .motokari-brands__header {
    gap: 24px;
    max-width: 944px;
  }
  .motokari-brands__grid {
    gap: 19px;
    max-width: 1375px;
    margin-inline: auto;
  }
  .motokari-brands__card {
    min-height: 474px;
  }
  .motokari-brands__logo:not(.motokari-brands__logo--text) {
    max-width: none;
    max-height: none;
    object-fit: cover;
    object-position: center;
  }
  .motokari-brands__card:nth-child(1) .motokari-brands__logo:not(.motokari-brands__logo--text) {
    width: 200px;
    height: 43px;
  }
  .motokari-brands__card:nth-child(2) .motokari-brands__logo:not(.motokari-brands__logo--text) {
    width: 166px;
    height: 30px;
  }
  .motokari-brands__tagline {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.72px;
  }
  .motokari-brands__separator {
    align-self: center;
    height: 35px;
  }
  .motokari-brands__list {
    gap: 8px;
  }
  .motokari-brands__list li {
    line-height: 1.43;
  }
  .motokari-brands__list-icon {
    margin-top: 6px;
  }
  .motokari-brands__list-icon svg path {
    stroke-width: 2.8;
  }
  .motokari-brands__cta .btn {
    padding-top: 17.4px;
    padding-bottom: 17.4px;
  }
}
@media (min-width: 1440px) {
  .motokari-brands__card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.1'/%3E%3C/svg%3E");
  }
}
/* Мотокари — „По тип задвижване" (page-motokari.php)
--------------------------------------------- */
.motokari-drivetrain {
  border-top: 1px solid #F0F0F0;
}
@media (max-width: 479px) {
  .motokari-drivetrain {
    border-bottom: 1px solid #F0F0F0;
  }
}
.motokari-drivetrain .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.motokari-drivetrain__inner {
  padding: 80px 30px 48px 30px;
}
@media (max-width: 479px) {
  .motokari-drivetrain__inner {
    padding: 0;
  }
}
@media (min-width: 480px) and (max-width: 1023px) {
  .motokari-drivetrain__inner {
    padding: 80px 0 48px 0;
  }
}
.motokari-drivetrain__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
  margin-bottom: 40px;
}
@media (max-width: 1023px) {
  .motokari-drivetrain__header {
    align-items: flex-start;
    text-align: start;
  }
}
.motokari-drivetrain__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.motokari-drivetrain__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 18px;
  column-gap: 18px;
}
.motokari-drivetrain__card:last-child:nth-child(odd) {
  grid-column: 1/-1;
}
.motokari-drivetrain__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 32px 40px;
  background-color: #ECECEC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  text-decoration: none;
  transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.motokari-drivetrain__card:hover, .motokari-drivetrain__card:focus {
  background-color: #ffffff;
}
.motokari-drivetrain__card:hover .motokari-drivetrain__icon, .motokari-drivetrain__card:focus .motokari-drivetrain__icon {
  color: #EE2E2F;
}
.motokari-drivetrain__label {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
}
.motokari-drivetrain__count {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #818181;
}
.motokari-drivetrain__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  color: #191130;
  transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 991px) {
  .motokari-drivetrain__heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .motokari-drivetrain {
    padding: 56px 0;
  }
  .motokari-drivetrain__heading {
    font-size: 32px;
  }
  .motokari-drivetrain__grid {
    grid-template-columns: 1fr;
    row-gap: 17px;
    column-gap: 17px;
  }
  .motokari-drivetrain__card {
    padding: 24px;
    min-height: 112px;
  }
  .motokari-drivetrain__label {
    font-size: 18px;
  }
  .motokari-drivetrain__count {
    flex-basis: 100%;
  }
}

@media (min-width: 1440px) {
  .motokari-drivetrain__card {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.1'/%3E%3C/svg%3E");
  }
}
@media (min-width: 1440px) {
  .motokari-drivetrain__heading {
    line-height: 1;
    max-width: 12.6em;
  }
  .motokari-drivetrain__grid {
    column-gap: 24px;
    row-gap: 19px;
    max-width: 1376px;
    margin-inline: auto;
  }
  .motokari-drivetrain__card {
    min-height: 112px;
  }
  .motokari-drivetrain__card {
    padding-left: 28px;
  }
  .motokari-drivetrain__label {
    gap: 20px;
    font-size: 26px;
    letter-spacing: 0.26px;
  }
  .motokari-drivetrain__count {
    font-size: 16px;
    color: #818181;
  }
  .motokari-drivetrain__card {
    padding-block: 27.5px;
    padding-right: 33px;
  }
  .motokari-drivetrain__icon svg {
    width: 57px;
    height: 57px;
  }
}
/* Catalog hub hero (/produkti/: light split opener)
--------------------------------------------- */
.catalog-hero {
  padding: 48px 0 56px;
}
.catalog-hero .apex-breadcrumb {
  margin-bottom: 40px;
}
.catalog-hero__row {
  display: grid;
  grid-template-columns: 1fr minmax(0, 420px);
  align-items: start;
  gap: 40px 64px;
}
.catalog-hero__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.catalog-hero__text p {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  line-height: 1.6;
  margin: 0;
}
.catalog-hero__text p + p {
  margin-top: 12px;
}
@media (max-width: 991px) {
  .catalog-hero {
    padding: 40px 0 48px;
  }
  .catalog-hero .apex-breadcrumb {
    margin-bottom: 24px;
  }
  .catalog-hero__row {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .catalog-hero__heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .catalog-hero {
    padding: 48px 0;
  }
  .catalog-hero .apex-breadcrumb {
    margin-bottom: 16px;
  }
  .catalog-hero__row {
    gap: 48px;
  }
  .catalog-hero__heading {
    font-size: 40px;
  }
}

/* Catalog hub (/produkti/) — page-scoped override-и на споделени компоненти
--------------------------------------------- */
.produkti-page .home-featured .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}

/* Стелажи (page-stelazhi.php) — page-scoped override-и на споделени компоненти
--------------------------------------------- */
.stelazhi-page .category-cards__grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1279px) {
  .stelazhi-page .category-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .stelazhi-page .category-cards__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .stelazhi-page .category-cards__card {
    grid-template-rows: unset;
    min-height: unset;
  }
}
@media (max-width: 1023px) {
  .stelazhi-page .category-cards__card {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .stelazhi-page .category-cards__body {
    padding: 24px 20px 70px 20px;
  }
}
.stelazhi-page .category-cards__card-title {
  padding-right: 7cqi;
}
@media (max-width: 1023px) {
  .stelazhi-page .category-cards__card-title {
    padding-right: 0;
  }
}
@media (max-width: 1023px) {
  .stelazhi-page .category-cards__media {
    display: none;
  }
}
@media (max-width: 767px) {
  .stelazhi-page .category-cards__arrow {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .stelazhi-page .category-cards__arrow::after {
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}

/* Складова техника (page-skladova-tehnika.php) — page-scoped override-и на
   споделени компоненти
--------------------------------------------- */
@media (min-width: 1024px) {
  .skladova-tehnika-page .category-cards__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .skladova-tehnika-page .category-cards__card {
    grid-template-rows: unset;
    min-height: unset;
  }
}
@media (max-width: 1023px) {
  .skladova-tehnika-page .category-cards__card {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .skladova-tehnika-page .category-cards__body {
    padding: 24px 20px 70px 20px;
  }
}
.skladova-tehnika-page .category-cards__media {
  top: 0;
  right: 0;
  bottom: 0;
  left: 56%;
  width: auto;
  height: auto;
}
.skladova-tehnika-page .category-cards__media img {
  object-fit: cover;
}
@media (max-width: 1023px) {
  .skladova-tehnika-page .category-cards__media {
    display: none;
  }
}
@media (max-width: 767px) {
  .skladova-tehnika-page .category-cards__arrow {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .skladova-tehnika-page .category-cards__arrow::after {
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}

/* Автосервизно оборудване (page-avtoservizno-oborudvane.php) — page-scoped
   override-и на споделени компоненти
--------------------------------------------- */
.avtoservizno-oborudvane-page .category-cards__grid {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1279px) {
  .avtoservizno-oborudvane-page .category-cards__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .avtoservizno-oborudvane-page .category-cards__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .avtoservizno-oborudvane-page .category-cards__card {
    grid-template-rows: unset;
    min-height: unset;
  }
}
@media (max-width: 1023px) {
  .avtoservizno-oborudvane-page .category-cards__card {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .avtoservizno-oborudvane-page .category-cards__body {
    padding: 24px 20px 70px 20px;
  }
}
.avtoservizno-oborudvane-page .category-cards__media {
  top: 0;
  right: 0;
  bottom: 0;
  left: 56%;
  width: auto;
  height: auto;
}
.avtoservizno-oborudvane-page .category-cards__media img {
  object-fit: cover;
}
@media (max-width: 1023px) {
  .avtoservizno-oborudvane-page .category-cards__media {
    display: none;
  }
}
@media (max-width: 767px) {
  .avtoservizno-oborudvane-page .category-cards__arrow {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .avtoservizno-oborudvane-page .category-cards__arrow::after {
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}

/* Почистваща техника (page-pochistvashta-tehnika.php) — page-scoped
   override-и на споделени компоненти
--------------------------------------------- */
@media (max-width: 767px) {
  .pochistvashta-tehnika-page .category-cards__card {
    grid-template-rows: unset;
    min-height: unset;
  }
}
@media (max-width: 1023px) {
  .pochistvashta-tehnika-page .category-cards__card {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .pochistvashta-tehnika-page .category-cards__body {
    padding: 24px 20px 70px 20px;
  }
}
@media (max-width: 1023px) {
  .pochistvashta-tehnika-page .category-cards__media {
    display: none;
  }
}
@media (max-width: 767px) {
  .pochistvashta-tehnika-page .category-cards__arrow {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 767px) {
  .pochistvashta-tehnika-page .category-cards__arrow::after {
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}

/* Search form (searchform.php — header overlay, 404, no-results)
--------------------------------------------- */
.apex-search-form {
  display: flex;
  gap: 16px;
}
.apex-search-form__input {
  flex: 1 1 auto;
  min-width: 0;
  height: 43px;
  padding: 0 16px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #191130;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  border-radius: 0;
  appearance: none;
}
.apex-search-form__input::placeholder {
  color: #818181;
}
.apex-search-form__input:focus {
  outline: none;
  border-color: #EE2E2F;
}
.apex-search-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  height: 43px;
  padding: 0 28px 0 40px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #fff;
  background-color: #EE2E2F;
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  clip-path: polygon(14.5px 0, 100% 0, 100% 100%, 0 100%);
}
.apex-search-form__submit:hover, .apex-search-form__submit:focus {
  background-color: #c4271f;
}
.apex-search-form__icon {
  display: inline-flex;
}
.apex-search-form__icon svg {
  display: block;
  width: 20px;
  height: 20px;
}
@media (max-width: 575px) {
  .apex-search-form {
    gap: 12px;
  }
  .apex-search-form__submit {
    padding: 0 16px;
    clip-path: none;
  }
}

/* Parts search (Резервни части: SKU / catalog-number lookup card)
--------------------------------------------- */
.parts-search {
  position: relative;
  z-index: 2;
}
.parts-search__card {
  position: relative;
}
.parts-search__panel {
  display: grid;
  grid-template-columns: minmax(0, 300px) 1fr;
  gap: 40px;
  align-items: stretch;
  margin: 0;
  padding: 40px;
  background-color: #F4F4F4;
}
.parts-search__panel--advanced {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  grid-template-rows: 0fr;
  overflow: hidden;
  visibility: hidden;
  transition: grid-template-rows 0.3s ease, visibility 0s 0.3s;
}
.parts-search__aside, .parts-search__grid {
  overflow: hidden;
  min-height: 0;
}
.parts-search__switch:checked ~ .parts-search__panel--basic {
  visibility: hidden;
}
.parts-search__switch:checked ~ .parts-search__panel--advanced {
  grid-template-rows: 1fr;
  visibility: visible;
  transition: grid-template-rows 0.3s ease;
}
.parts-search__aside {
  display: flex;
  flex-direction: column;
}
.parts-search__label {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.parts-search__hint {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #818181;
  line-height: 1.5;
  margin: 12px 0 0;
}
.parts-search__toggle {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
  margin-top: auto;
  padding-top: 20px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #191130;
  cursor: pointer;
}
.parts-search__toggle:hover {
  color: #EE2E2F;
}
.parts-search__toggle-icon {
  font-size: 17px;
  line-height: 1;
  color: #191130;
}
.parts-search__fields {
  display: flex;
  gap: 16px;
}
.parts-search__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.parts-search__grid .parts-search__submit {
  justify-self: end;
}
.parts-search__input {
  width: 100%;
  min-width: 0;
  height: 43px;
  padding: 0 8px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #191130;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
}
.parts-search__input::placeholder {
  color: #818181;
}
.parts-search__input:focus {
  outline: none;
  border-color: #EE2E2F;
}
.parts-search__fields .parts-search__input {
  flex: 1 1 auto;
}
.parts-search__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-shrink: 0;
  height: 43px;
  padding: 0 28px 0 40px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: #fff;
  background-color: #EE2E2F;
  border: 0;
  cursor: pointer;
  transition: background-color 0.2s ease;
  clip-path: polygon(14.5px 0, 100% 0, 100% 100%, 0 100%);
}
.parts-search__submit:hover, .parts-search__submit:focus {
  background-color: #c4271f;
}
.parts-search__submit-icon {
  display: inline-flex;
}
.parts-search__submit-icon svg {
  display: block;
}
@media (max-width: 991px) {
  .parts-search__panel {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .parts-search__toggle {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .parts-search__panel {
    padding: 28px 20px;
  }
  .parts-search__fields, .parts-search__grid {
    grid-template-columns: 1fr;
    display: grid;
  }
  .parts-search__panel--basic .parts-search__aside {
    display: contents;
  }
  .parts-search__panel--basic .parts-search__label {
    order: 1;
  }
  .parts-search__panel--basic .parts-search__fields {
    order: 2;
  }
  .parts-search__panel--basic .parts-search__toggle {
    order: 3;
    padding-top: 0;
  }
  .parts-search__submit {
    justify-self: start;
    padding: 0 40px 0 28px;
    clip-path: polygon(0 0, 100% 0, calc(100% - 14.5px) 100%, 0 100%);
  }
}

@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-search__panel {
    grid-template-columns: 378px 1fr;
    padding-inline: 32px;
  }
  body.page-template-page-rezervni-chasti .parts-search__submit {
    padding: 0 33.7px 0 45.7px;
  }
}
/* Parts origin (Резервни части: „Български или вносни мотокари?" two cards)
--------------------------------------------- */
.parts-origin {
  border-bottom: 1px solid #F0F0F0;
}
.parts-origin .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.parts-origin__inner {
  padding: 143px 30px 32px 30px;
}
@media (max-width: 767px) {
  .parts-origin__inner {
    padding: 0;
  }
}
.parts-origin__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 48px;
}
@media (max-width: 1023px) {
  .parts-origin__header {
    align-items: flex-start;
    text-align: start;
  }
}
.parts-origin__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 16px 0 0;
}
.parts-origin__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  line-height: 1.6;
  max-width: 720px;
  margin: 16px 0 0;
}
.parts-origin__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.parts-origin__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 48px 40px;
  background-color: #F4F4F4;
}
.parts-origin__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 28px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  line-height: 1.15;
  margin: 0;
}
.parts-origin__card-text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #818181;
  line-height: 1.7;
  margin: 20px 0 0;
}
.parts-origin__card-action {
  margin-top: auto;
  padding-top: 32px;
}
.parts-origin__arrow {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 40px;
  background-color: #EE2E2F;
  color: #fff;
}
.parts-origin__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
}
.parts-origin__arrow-icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .parts-origin__arrow-icon {
    width: 35px;
  }
}
.parts-origin__arrow-icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .parts-origin__arrow-icon svg {
    width: 35px;
    height: 12px;
  }
}
.parts-origin__arrow-icon svg path {
  transition: d 0.3s ease;
}
.parts-origin__arrow-icon {
  margin-right: -19px;
}
@media (max-width: 991px) {
  .parts-origin__heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .parts-origin {
    padding: 56px 0;
  }
  .parts-origin__grid {
    grid-template-columns: 1fr;
  }
  .parts-origin__card {
    padding: 24px 20px 70px 20px;
    min-height: unset;
  }
  .parts-origin__heading {
    font-size: 32px;
  }
  .parts-origin__card-title {
    font-size: 24px;
  }
  .parts-origin__card-text {
    display: none;
  }
  .parts-origin__card-action {
    display: none;
  }
  .parts-origin__arrow--mobile-only {
    display: inline-flex;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-origin__heading {
    line-height: 1;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-origin__grid {
    grid-template-columns: repeat(2, 678px);
    gap: 21px;
    margin-left: 3px;
  }
  body.page-template-page-rezervni-chasti .parts-origin__card {
    min-height: 363px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-origin__card-title {
    font-size: 40px;
    line-height: 1;
    max-width: 11em;
  }
  body.page-template-page-rezervni-chasti .parts-origin__card-text {
    font-size: 16px;
    line-height: 1.43;
    color: #191130;
    max-width: 560px;
  }
  body.page-template-page-rezervni-chasti .parts-origin__card {
    background-color: #F7F7F7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
    background-size: 16px;
  }
  body.page-template-page-rezervni-chasti .parts-origin__card-action .btn {
    padding-top: 17.4px;
    padding-bottom: 17.4px;
  }
  body.page-template-page-rezervni-chasti .parts-origin__inner {
    padding-bottom: 59px;
  }
}
/* Parts brands (Резервни части: „Намерете части по марка машина" strip)
--------------------------------------------- */
.parts-brands {
  border-bottom: 1px solid #F0F0F0;
}
.parts-brands .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.parts-brands__inner {
  padding: 90px 30px 68px 30px;
}
@media (max-width: 767px) {
  .parts-brands__inner {
    padding: 0;
  }
}
.parts-brands__header {
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1023px) {
  .parts-brands__header {
    align-items: flex-start;
  }
}
.parts-brands__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 16px 0 0;
}
.parts-brands__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 29px;
}
.parts-brands__item {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1;
  text-decoration: none;
  margin: 38px 22px;
}
.parts-brands__item:hover .parts-brands__name, .parts-brands__item:focus .parts-brands__name {
  color: #EE2E2F;
}
.parts-brands__name {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  color: #191130;
  transition: color 0.2s ease;
}
.parts-brands__count {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
  color: #818181;
}
@media (max-width: 991px) {
  .parts-brands__heading {
    font-size: 40px;
  }
  .parts-brands__grid {
    gap: 24px 32px;
  }
  .parts-brands__item {
    width: calc(33.333% - 22px);
  }
}
.parts-brands__pagination {
  display: none;
}
@media (max-width: 767px) {
  .parts-brands {
    padding: 56px 0;
  }
  .parts-brands__heading {
    font-size: 32px;
  }
  .parts-brands__swiper {
    overflow: hidden;
    position: relative;
  }
  .parts-brands__grid {
    flex-wrap: nowrap;
    gap: 0;
  }
  .parts-brands__item {
    flex: 0 0 auto;
    min-width: 150px;
    width: auto;
    margin: 0;
    padding: 24px 22px;
    background-color: #F7F7F7;
    gap: 8px;
  }
  .parts-brands__name {
    font-size: 26px;
  }
  .parts-brands__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .parts-brands__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .parts-brands__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 767px) {
  .parts-brands__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .parts-brands__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-brands__grid {
    margin-left: 2px;
  }
  body.page-template-page-rezervni-chasti .parts-brands__item {
    flex: 0 0 250px;
    margin: 0;
    padding: 26.1px 0;
  }
  body.page-template-page-rezervni-chasti .parts-brands__name {
    font-size: 28px;
  }
  body.page-template-page-rezervni-chasti .parts-brands__count {
    font-size: 14px;
  }
  body.page-template-page-rezervni-chasti .parts-brands__inner {
    padding-top: 98px;
    padding-bottom: 44.8px;
  }
  body.page-template-page-rezervni-chasti .parts-brands__header {
    margin-bottom: 65px;
  }
}
/* Parts categories (Резервни части: „Изберете тип резервна част" — static cards)
--------------------------------------------- */
.parts-categories {
  border-bottom: 1px solid #F0F0F0;
}
.parts-categories .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.parts-categories__inner {
  padding: 84px 30px 64px 30px;
  display: flex;
  align-items: flex-start;
  gap: 64px;
}
@media (max-width: 767px) {
  .parts-categories__inner {
    padding: 0;
  }
}
.parts-categories__header {
  flex: 0 0 404px;
  display: flex;
  flex-direction: column;
}
.parts-categories__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 24px 0 0;
}
.parts-categories__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  color: #818181;
  max-width: 344px;
  margin: 40px 0 0;
}
.parts-categories__grid {
  flex: 1 1 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.parts-categories__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 44%;
  min-height: 328px;
  background-color: #EFEFEF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  overflow: hidden;
}
.parts-categories__card:hover .parts-categories__media img {
  transform: scale(1.04);
}
.parts-categories__card:hover .parts-categories__arrow-icon {
  clip-path: inset(0 0 0 0);
}
.parts-categories__card:hover .parts-categories__arrow-icon svg path {
  d: path("M0 6.70703H36M30 12.707L36 6.70703L30 0.707031");
}
.parts-categories__body {
  display: flex;
  flex-direction: column;
  padding: 32px 24px 32px 32px;
  min-width: 0;
}
.parts-categories__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.parts-categories__card-link {
  color: inherit;
  text-decoration: none;
}
.parts-categories__card-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.parts-categories__card-link:hover, .parts-categories__card-link:focus {
  color: #EE2E2F;
}
.parts-categories__card-desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #3F3F3F;
  margin: 24px 0 0;
}
.parts-categories__arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 40px;
  margin-top: auto;
  background-color: #EE2E2F;
  color: #fff;
}
.parts-categories__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 10.2% 100%, 0 100%);
}
.parts-categories__arrow-icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .parts-categories__arrow-icon {
    width: 35px;
  }
}
.parts-categories__arrow-icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .parts-categories__arrow-icon svg {
    width: 35px;
    height: 12px;
  }
}
.parts-categories__arrow-icon svg path {
  transition: d 0.3s ease;
}
.parts-categories__arrow-icon {
  margin-right: -19px;
}
.parts-categories__media {
  overflow: hidden;
}
.parts-categories__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}
@media (max-width: 1199px) {
  .parts-categories__inner {
    flex-direction: column;
    gap: 40px;
  }
  .parts-categories__header {
    flex-basis: auto;
  }
  .parts-categories__heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .parts-categories {
    padding: 56px 0;
  }
  .parts-categories__grid {
    grid-template-columns: 1fr;
  }
  .parts-categories__heading {
    font-size: 32px;
  }
  .parts-categories__card {
    grid-template-rows: unset;
    min-height: unset;
  }
  .parts-categories__body {
    padding: 24px 20px 70px 20px;
  }
  .parts-categories__arrow {
    margin: 0;
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .parts-categories__arrow::after {
    left: auto;
    right: calc(100% - 1px);
    clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
  }
}
@media (max-width: 1023px) {
  .parts-categories__card {
    grid-template-columns: 1fr;
  }
  .parts-categories__media {
    display: none;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .parts-categories__heading {
    line-height: 1;
    margin-top: 15px;
  }
  body.page-template-page-rezervni-chasti .parts-categories__card {
    background-color: #ECECEC;
    grid-template-columns: 60% 40%;
  }
  body.page-template-page-rezervni-chasti .parts-categories__body {
    padding-right: 22px;
  }
  body.page-template-page-rezervni-chasti .parts-categories__media {
    justify-self: end;
    width: 172px;
  }
}
/* Trust badge (Автосервизно оборудване: „Оборудване от доказани производители")
--------------------------------------------- */
.trust-badge {
  padding: 32px 0;
  background-color: #FAFAFA;
  border-top: 1px solid #ECECEC;
  border-bottom: 1px solid #ECECEC;
}
.trust-badge__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.trust-badge__lead {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-shrink: 0;
}
.trust-badge__icon {
  display: inline-flex;
  flex-shrink: 0;
  color: #191130;
}
.trust-badge__icon svg {
  display: block;
  width: 48px;
  height: 45px;
}
.trust-badge__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
  max-width: 267px;
  margin: 0;
}
.trust-badge__desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #666;
  max-width: 806px;
  margin: 0;
}
@media (max-width: 991px) {
  .trust-badge__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }
}
@media (max-width: 767px) {
  .trust-badge {
    padding: 56px 0;
  }
  .trust-badge__heading {
    font-size: 20px;
  }
}
@media (max-width: 479px) {
  .trust-badge__lead {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}

/* USP strip (landing pages: icon guarantees band)
--------------------------------------------- */
.usp-strip {
  padding: 32px 0;
  background-color: #F4F4F4;
}
.usp-strip__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 96px;
  padding: 0 30px;
}
.usp-strip__item {
  display: flex;
  align-items: center;
  gap: 16px;
  grid-column: span 1;
  min-width: 0;
}
.usp-strip__icon {
  flex-shrink: 0;
  display: inline-flex;
  color: #191130;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 6px;
}
.usp-strip__icon svg {
  display: block;
  width: auto;
  height: 100%;
}
.usp-strip__text {
  display: flex;
  flex-direction: column;
  gap: 22px;
  min-width: 0;
}
.usp-strip__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.usp-strip__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #818181;
}
@media (max-width: 1365px) {
  .usp-strip__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 32px;
  }
}
@media (max-width: 479px) {
  .usp-strip__grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767px) {
  .usp-strip {
    padding: 56px 0;
  }
  .usp-strip__grid {
    gap: 40px;
  }
  .usp-strip__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .usp-strip__text {
    gap: 16px;
  }
  .usp-strip__title {
    font-size: 20px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .usp-strip {
    padding: 52.5px 0;
    background-color: #FAFAFA;
  }
  body.page-template-page-rezervni-chasti .usp-strip__grid {
    gap: 40px;
  }
  body.page-template-page-rezervni-chasti .usp-strip__title {
    white-space: nowrap;
  }
}
/* Brand partner (Почистваща техника: „Официален партньор" — IPC spotlight)
--------------------------------------------- */
.brand-partner .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 40px 30px;
}
.brand-partner__panels {
  display: flex;
  gap: 20px;
}
.brand-partner__panel {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 50%;
  height: 632px;
  overflow: hidden;
}
.brand-partner__panel--info {
  background: #ECECEC;
  justify-content: space-between;
  padding: 57px 55px 68px;
}
.brand-partner__logo {
  display: block;
  width: 244px;
  height: auto;
}
.brand-partner__panel--media {
  isolation: isolate;
}
.brand-partner__panel--media::before, .brand-partner__panel--media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}
.brand-partner__panel--media::before {
  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
}
.brand-partner__panel--media::after {
  background-image: linear-gradient(180deg, rgba(25, 17, 48, 0.6) 68%, rgba(25, 17, 48, 0) 100%), linear-gradient(90deg, rgba(25, 17, 48, 0.3), rgba(25, 17, 48, 0.3));
}
.brand-partner__panel--media .brand-partner__panel-body {
  justify-content: flex-end;
  height: 100%;
  padding: 0 55px 56px 61px;
}
.brand-partner__panel-body {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.brand-partner__heading {
  margin: 24px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.brand-partner__heading--on-dark {
  margin-top: 16px;
  color: #fff;
}
.brand-partner__desc {
  max-width: 556px;
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #666;
}
.brand-partner__desc--on-dark {
  max-width: 510px;
  color: #fff;
}
.brand-partner__panel--media .section-eyebrow {
  color: #fff;
}
.brand-partner__panel-cta {
  display: flex;
}
.brand-partner__banner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px 40px;
  margin-top: 29px;
  padding: 62px 60px;
  background: #7bbc47;
}
.brand-partner__banner-heading {
  max-width: 523px;
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
}
.brand-partner__banner-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 510px;
}
.brand-partner__banner-desc {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #fff;
}
.brand-partner__banner-link {
  position: relative;
  width: fit-content;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}
.brand-partner__banner-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1.6px;
  background-color: #fff;
  transition: width 0.2s linear;
}
.brand-partner__banner-link:hover, .brand-partner__banner-link:focus {
  color: #fff;
}
.brand-partner__banner-link:hover::after, .brand-partner__banner-link:focus::after {
  width: 0;
}

@media screen and (max-width: 61.9375em) {
  .brand-partner__panels {
    flex-direction: column;
  }
  .brand-partner__panel {
    width: 100%;
  }
  .brand-partner__banner {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) {
  .brand-partner .container {
    padding: 56px 16px;
  }
  .brand-partner__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .brand-partner__panels {
    display: contents;
  }
  .brand-partner__panel {
    height: auto;
    padding: 40px 16px;
  }
  .brand-partner__panel--info {
    order: 1;
  }
  .brand-partner__panel--media {
    order: 3;
    height: 433px;
  }
  .brand-partner__panel--media .brand-partner__panel-body {
    gap: 81px;
    padding: 0;
  }
  .brand-partner__logo {
    width: 179px;
  }
  .brand-partner__panel-body {
    gap: 56px;
  }
  .brand-partner__heading {
    font-size: 26px;
  }
  .brand-partner__desc {
    font-size: 14px;
  }
  .brand-partner__panel--info .brand-partner__desc {
    color: #191130;
  }
  .brand-partner__banner {
    order: 2;
    margin-top: 0;
    padding: 40px 16px;
    gap: 48px;
  }
  .brand-partner__banner-heading {
    font-size: 26px;
  }
  .brand-partner__banner-text {
    gap: 32px;
  }
  .brand-partner__banner-desc {
    font-size: 14px;
  }
}
body.page-template-page-pochistvashta-tehnika .brand-partner__panel--info {
  background: #FAFAFA;
}

@media (min-width: 1440px) {
  body.page-template-page-pochistvashta-tehnika .brand-partner .brand-partner__panel--info .brand-partner__panel-body {
    gap: 34px;
  }
  body.page-template-page-pochistvashta-tehnika .brand-partner .brand-partner__panel--info .brand-partner__heading {
    margin-top: -19px;
  }
  body.page-template-page-pochistvashta-tehnika .brand-partner .brand-partner__panel--media .brand-partner__heading {
    margin-top: -24px;
  }
  body.page-template-page-pochistvashta-tehnika .brand-partner .brand-partner__panel--media .brand-partner__desc {
    margin-top: -14px;
  }
}
/* Services grid (Сервиз: service_item CPT grid)
--------------------------------------------- */
.services-grid {
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.services-grid .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding-top: 80px;
}
@media (max-width: 1023px) {
  .services-grid .container {
    padding-top: 56px;
  }
}
.services-grid__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  max-width: 826px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .services-grid__header {
    align-items: flex-start;
    text-align: start;
    margin: 0;
  }
}
.services-grid__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.services-grid__subtitle {
  max-width: 759px;
  margin: 16px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #818181;
}
.services-grid__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 56px;
  border-top: 1px solid #F0F0F0;
}
.services-grid__card {
  padding: 48px 32px;
  background-color: #fff;
  border-left: 1px solid #F0F0F0;
}
.services-grid__card:nth-child(4n+1) {
  border-left: 0;
}
.services-grid__card:nth-child(n+5) {
  border-top: 1px solid #F0F0F0;
}
.services-grid__head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.services-grid__icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-top: 8px;
  color: #EE2E2F;
}
.services-grid__icon img {
  display: block;
  width: 16px;
  height: 16px;
  object-fit: contain;
}
.services-grid__title {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.26px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.services-grid__desc {
  margin: 16px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #818181;
}
@media (max-width: 1279px) {
  .services-grid__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .services-grid__card:nth-child(4n+1) {
    border-left: 1px solid #F0F0F0;
  }
  .services-grid__card:nth-child(2n+1) {
    border-left: 0;
  }
  .services-grid__card:nth-child(n+5) {
    border-top: 0;
  }
  .services-grid__card:nth-child(n+3) {
    border-top: 1px solid #F0F0F0;
  }
  .services-grid__heading {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .services-grid__grid {
    grid-template-columns: 1fr;
  }
  .services-grid__card {
    border-left: 0 !important;
    border-top: 1px solid #F0F0F0 !important;
    padding: 24px 4px;
  }
  .services-grid__card:first-child {
    border-top: 0 !important;
  }
  .services-grid__heading {
    font-size: 32px;
  }
}

/* Serviz subscription block (Сервиз: "Абонаментни договори за поддръжка")
--------------------------------------------- */
.serviz-subscription {
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.serviz-subscription .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .serviz-subscription .container {
    padding: 56px 0;
  }
}
.serviz-subscription__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 64px;
  padding: 0 30px;
}
@media (max-width: 1023px) {
  .serviz-subscription__inner {
    padding: 0;
  }
}
.serviz-subscription__lead, .serviz-subscription__body {
  display: flex;
  flex-direction: column;
  flex: 1 1 0;
  max-width: 580px;
}
.serviz-subscription__lead {
  gap: 56px;
}
.serviz-subscription__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.serviz-subscription__body p {
  margin: 0 0 24px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #818181;
}
.serviz-subscription__body p:last-of-type {
  margin-bottom: 0;
}
.serviz-subscription__body ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.serviz-subscription__body ul li {
  position: relative;
  padding-left: 28px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.1;
  color: #191130;
}
.serviz-subscription__body ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 11px;
  background: url("images/check.svg") center/contain no-repeat;
}
@media (max-width: 1023px) {
  .serviz-subscription__inner {
    flex-direction: column;
    gap: 40px;
  }
  .serviz-subscription__lead, .serviz-subscription__body {
    max-width: none;
  }
  .serviz-subscription__heading {
    font-size: 36px;
  }
  .serviz-subscription__lead {
    display: contents;
  }
  .serviz-subscription__heading {
    order: 1;
  }
  .serviz-subscription__body {
    order: 2;
  }
  .serviz-subscription__lead .btn {
    order: 3;
  }
}

/* Serviz request form (Сервиз: "Подайте сервизна заявка онлайн")
--------------------------------------------- */
.serviz-request {
  padding: 80px 0;
  background-color: #ECECEC;
}
@media (max-width: 1023px) {
  .serviz-request {
    padding: 56px 0;
  }
}
.serviz-request {
  scroll-margin-top: var(--header-height, 72px);
}
.serviz-request__inner {
  display: flex;
  align-items: stretch;
}
.serviz-request__panel {
  flex: 1 1 52%;
  padding: 52px 81px;
  background-color: #fff;
}
.serviz-request__panel .apex-inquiry-form {
  margin-top: 40px;
}
.serviz-request__heading {
  margin: 24px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.serviz-request__subtitle {
  max-width: 550px;
  margin: 24px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #818181;
}
.serviz-request__media {
  position: relative;
  flex: 1 1 48%;
  overflow: hidden;
}
.serviz-request__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.serviz-request__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(25, 17, 48, 0.6);
}
@media (max-width: 1023px) {
  .serviz-request__inner {
    flex-direction: column;
    gap: 32px;
  }
  .serviz-request__panel {
    padding: 0;
    background-color: transparent;
  }
  .serviz-request__media {
    flex: 0 0 auto;
    height: 250px;
  }
}

/* Naem rental types (Под наем: 3 fixed plan cards)
--------------------------------------------- */
.naem-rental-types {
  padding: 80px 0;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.naem-rental-types .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.naem-rental-types__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 24px;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .naem-rental-types__header {
    align-items: flex-start;
    text-align: start;
  }
}
.naem-rental-types__heading {
  max-width: 826px;
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.naem-rental-types__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.naem-rental-types__card {
  padding: 44px 40px;
  background-color: #ECECEC;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}
.naem-rental-types__card-title {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 0.32px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.naem-rental-types__card-subtitle {
  margin: 8px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #191130;
}
.naem-rental-types__card-desc {
  margin: 24px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #191130;
}
.naem-rental-types__card-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 32px 0 0;
  padding: 0;
  list-style: none;
}
.naem-rental-types__card-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #191130;
}
.naem-rental-types__card-list-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-top: 4px;
  color: #EE2E2F;
}
@media (max-width: 1279px) {
  .naem-rental-types__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .naem-rental-types {
    padding: 56px 0;
  }
  .naem-rental-types__header {
    margin-bottom: 40px;
  }
  .naem-rental-types__heading {
    font-size: 36px;
  }
  .naem-rental-types__card {
    padding: 32px 28px;
  }
}
@media (max-width: 767px) {
  .naem-rental-types {
    padding: 56px 0;
  }
  .naem-rental-types__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .naem-rental-types__heading {
    font-size: 32px;
  }
  .naem-rental-types__card {
    padding: 24px 0;
    background: none;
    background-image: none;
    border-top: 1px solid #F0F0F0;
  }
  .naem-rental-types__card-title {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    font-size: 26px;
  }
  .naem-rental-types__card-title::before {
    content: "";
    flex-shrink: 0;
    width: 20px;
    height: 14px;
    margin-top: 5px;
    background-color: #EE2E2F;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='14' viewBox='0 0 16 11' fill='none'%3E%3Cpath d='M1 5.5L5.5 10L15 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    mask-repeat: no-repeat;
  }
  .naem-rental-types__card-subtitle, .naem-rental-types__card-desc {
    margin-left: 34px;
  }
  .naem-rental-types__card-desc {
    color: #818181;
  }
  .naem-rental-types__card-list {
    display: none;
  }
}

/* Naem mini CTA band (Под наем)
--------------------------------------------- */
.naem-mini-cta {
  padding: 64px 0;
  border-bottom: 1px solid #F0F0F0;
}
.naem-mini-cta .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.naem-mini-cta__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.naem-mini-cta__heading {
  max-width: 672px;
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.36px;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.naem-mini-cta__actions {
  display: flex;
  align-items: center;
  gap: 24px;
  flex-wrap: wrap;
}
.naem-mini-cta__link {
  position: relative;
  width: fit-content;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  color: #191130;
  line-height: 1;
  text-decoration: none;
}
.naem-mini-cta__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1.6px;
  background-color: #191130;
  transition: width 0.2s linear;
}
.naem-mini-cta__link:hover, .naem-mini-cta__link:focus {
  color: #191130;
}
.naem-mini-cta__link:hover::after, .naem-mini-cta__link:focus::after {
  width: 0;
}
@media (min-width: 1024px) and (max-width: 1365px) {
  .naem-mini-cta {
    padding: 48px 0;
  }
  .naem-mini-cta__heading {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .naem-mini-cta {
    padding: 40px 0;
  }
  .naem-mini-cta__heading {
    font-size: 28px;
  }
}

/* Naem process (Под наем: "Как протича процесът по наемане?")
--------------------------------------------- */
.naem-process {
  border-bottom: 1px solid #F0F0F0;
  position: relative;
  overflow: hidden;
}
.naem-process::after {
  content: "";
  position: absolute;
  right: 0;
  width: 70%;
  bottom: -106px;
  height: 120px;
  background-color: #EE2E2F;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='999' height='34' viewBox='0 0 999 34' fill='none'%3E%3Cpath d='M0 120L28 0H999V120H0Z' fill='%23EE2E2F'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto 100%;
}
.naem-process .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding-top: 95px;
}
@media (max-width: 1023px) {
  .naem-process .container {
    padding-top: 56px;
  }
}
.naem-process__inner {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 64px;
  padding: 0 30px 80px 30px;
}
@media (max-width: 1023px) {
  .naem-process__inner {
    padding: 0 30px 56px 30px;
  }
}
.naem-process__heading {
  flex: 0 0 222px;
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.36px;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.naem-process__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px;
  flex: 1 1 auto;
}
.naem-process__step {
  display: flex;
  flex-direction: column;
}
.naem-process__number {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.36px;
  line-height: 1.1;
  color: #EE2E2F;
}
.naem-process__step-title {
  margin: 24px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.22px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.naem-process__step-text {
  margin: 24px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #818181;
}
@media (max-width: 1023px) {
  .naem-process::after {
    left: 0;
  }
  .naem-process__inner {
    flex-direction: column;
    gap: 32px;
  }
  .naem-process__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-process__grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

/* Naem categories (Под наем: "Видове техника за наем")
--------------------------------------------- */
.naem-categories {
  border-bottom: 1px solid #F0F0F0;
}
.naem-categories .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 117px 30px;
}
@media (max-width: 1023px) {
  .naem-categories .container {
    padding: 56px 30px;
  }
}
.naem-categories__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.naem-categories__header .section-eyebrow {
  margin-bottom: 24px;
}
.naem-categories__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.naem-categories__subtitle {
  max-width: 344px;
  margin: 40px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #818181;
}
.naem-categories__layout {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.naem-categories__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 44%;
  min-height: 395px;
  background-color: #ececec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  overflow: hidden;
}
.naem-categories__card:hover .naem-categories__media img {
  transform: scale(1.04);
}
.naem-categories__card:hover .naem-categories__card-btn-icon {
  clip-path: inset(0 0 0 0);
}
.naem-categories__card:hover .naem-categories__card-btn-icon svg path {
  d: path("M0 6.70703H36M30 12.707L36 6.70703L30 0.707031");
}
.naem-categories__body {
  display: flex;
  flex-direction: column;
  padding: 35px 24px 32px 27px;
  min-width: 0;
}
.naem-categories__card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
  min-height: 262px;
}
.naem-categories__card-title {
  min-height: 57.2px;
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  letter-spacing: 0.26px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.naem-categories__card-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.naem-categories__card-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #191130;
}
.naem-categories__card-list-icon {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  margin-top: 3px;
  color: #EE2E2F;
}
.naem-categories__card-btn {
  position: relative;
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 8px;
  margin-top: 32px;
  padding: 12px 20px;
  background-color: #EE2E2F;
  color: #fff;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: 1.12px;
  text-transform: uppercase;
  text-decoration: none;
}
.naem-categories__card-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - 1px);
  width: 12px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(0 0, 100% 0, 10.2% 100%, 0 100%);
}
.naem-categories__card-btn:hover, .naem-categories__card-btn:focus {
  color: #fff;
}
.naem-categories__card-btn-icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-categories__card-btn-icon {
    width: 35px;
  }
}
.naem-categories__card-btn-icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-categories__card-btn-icon svg {
    width: 35px;
    height: 12px;
  }
}
.naem-categories__card-btn-icon svg path {
  transition: d 0.3s ease;
}
.naem-categories__arrow {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 40px;
  background-color: #EE2E2F;
  color: #fff;
}
.naem-categories__arrow::after {
  content: "";
  position: absolute;
  top: 0;
  left: auto;
  right: calc(100% - 1px);
  width: 16px;
  height: 100%;
  background-color: inherit;
  clip-path: polygon(100% 0, 0 0, 89.8% 100%, 100% 100%);
}
.naem-categories__arrow-icon {
  display: inline-flex;
  align-items: center;
  width: 37px;
  clip-path: inset(0 7px 0 0);
  transition: clip-path 0.3s ease;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-categories__arrow-icon {
    width: 35px;
  }
}
.naem-categories__arrow-icon svg {
  display: block;
  width: 37px;
  height: 14px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-categories__arrow-icon svg {
    width: 35px;
    height: 12px;
  }
}
.naem-categories__arrow-icon svg path {
  transition: d 0.3s ease;
}
.naem-categories__arrow-icon {
  margin-right: -19px;
}
.naem-categories__media {
  overflow: hidden;
}
.naem-categories__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
}
@media (max-width: 1279px) {
  .naem-categories__layout {
    grid-template-columns: repeat(2, 1fr);
  }
  .naem-categories__heading {
    font-size: 40px;
  }
}
@media (max-width: 1023px) {
  .naem-categories__layout {
    grid-template-columns: 1fr;
  }
  .naem-categories__card {
    grid-template-columns: 1fr;
    min-height: unset;
  }
  .naem-categories__media {
    display: none;
  }
  .naem-categories__card-list {
    display: none;
  }
  .naem-categories__card-content {
    min-height: unset;
  }
  .naem-categories__card-btn {
    display: none;
  }
  .naem-categories__arrow--mobile-only {
    display: inline-flex;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .naem-categories__layout {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .naem-categories {
    padding: 56px 0;
  }
  .naem-categories__heading {
    font-size: 32px;
  }
  .naem-categories__body {
    padding: 24px 20px 70px 20px;
  }
}

/* Naem request form (Под наем: "Получете оферта в рамките на 1 работен ден")
--------------------------------------------- */
.naem-request {
  padding: 80px 0;
  background-color: #ECECEC;
  scroll-margin-top: var(--header-height, 72px);
}
@media (max-width: 1023px) {
  .naem-request {
    padding: 56px 0;
  }
}
.naem-request__inner {
  display: flex;
  align-items: stretch;
}
.naem-request__panel {
  flex: 1 1 52%;
  padding: 52px 81px;
  background-color: #fff;
}
.naem-request__panel .apex-inquiry-form {
  margin-top: 40px;
}
.naem-request__heading {
  margin: 24px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
}
.naem-request__subtitle {
  max-width: 550px;
  margin: 24px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.43;
  color: #818181;
}
.naem-request__media {
  position: relative;
  flex: 1 1 48%;
  overflow: hidden;
}
.naem-request__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.naem-request__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(25, 17, 48, 0.6);
}
@media (max-width: 1023px) {
  .naem-request__inner {
    flex-direction: column;
    gap: 48px;
  }
  .naem-request__panel {
    padding: 0;
    background-color: transparent;
  }
  .naem-request__media {
    flex: 0 0 auto;
    height: 250px;
  }
}

/* Compare table (landing pages: category × spec matrix)
--------------------------------------------- */
.compare-table {
  padding: 80px 0;
  background-color: #ECECEC;
}
.compare-table__inner {
  padding: 0 30px;
}
@media (max-width: 479px) {
  .compare-table__inner {
    padding: 0;
  }
}
.compare-table__header {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
  margin-bottom: 80px;
}
.compare-table__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 24px 0 0;
}
.compare-table__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  max-width: 387px;
  margin: 40px 0 0;
}
.compare-table__scroll {
  overflow-x: auto;
}
.compare-table__accordion {
  display: none;
}
.compare-table__item {
  border-top: 1px solid #F0F0F0;
}
.compare-table__item:last-child {
  border-bottom: 1px solid #F0F0F0;
}
.compare-table__item-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 24px 0;
  cursor: pointer;
  list-style: none;
}
.compare-table__item-question::-webkit-details-marker {
  display: none;
}
.compare-table__item-label {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.9px;
  text-transform: uppercase;
  color: #191130;
}
.compare-table__item-icon {
  flex-shrink: 0;
  width: 12px;
  height: 6px;
  background-color: #191130;
  mask: url("images/icons/chevron-down.svg") center/contain no-repeat;
  -webkit-mask: url("images/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform 0.2s linear;
}
.compare-table__item[open] .compare-table__item-icon {
  transform: rotate(180deg);
}
.compare-table__item-answer {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 0 24px;
}
.compare-table__item-row-label {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.43;
  color: #191130;
}
.compare-table__item-row-value {
  margin: 4px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #666;
}
.compare-table__table {
  width: 100%;
  min-width: 900px;
  table-layout: fixed;
  border-collapse: collapse;
  margin: 0;
}
.compare-table__table th,
.compare-table__table td {
  padding: 24px 28px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
  border-left: 1px solid #F0F0F0;
}
.compare-table__table th:first-child,
.compare-table__table td:first-child {
  border-left: 0;
  padding-left: 0;
}
.compare-table__table thead th {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  color: #191130;
  white-space: nowrap;
}
.compare-table__table tbody th {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  color: #191130;
  width: 200px;
}
.compare-table__table tbody td {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #666;
}
.compare-table__table__corner,
.compare-table__table .compare-table__corner {
  border: 0;
}
@media (max-width: 1023px) {
  .compare-table__scroll {
    display: none;
  }
  .compare-table__accordion {
    display: block;
  }
}
@media (max-width: 991px) {
  .compare-table {
    padding: 56px 0;
  }
  .compare-table__header {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 48px;
  }
  .compare-table__heading {
    font-size: 36px;
  }
  .compare-table__subtitle {
    max-width: none;
    margin-top: 16px;
  }
}
@media (max-width: 599px) {
  .compare-table {
    padding: 40px 0;
  }
  .compare-table__heading {
    font-size: 28px;
  }
}

body.page-template-page-skladova-tehnika .compare-table {
  background-color: #FAFAFA;
}

@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .compare-table__heading {
    line-height: 1;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .compare-table__table thead th {
    font-size: 16px;
  }
  body.page-template-page-skladova-tehnika .compare-table__table tbody th {
    font-size: 14px;
  }
  body.page-template-page-skladova-tehnika .compare-table__table tbody td {
    font-size: 14px;
    color: #818181;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .compare-table__table th,
  body.page-template-page-skladova-tehnika .compare-table__table td {
    padding: 20px 28px;
    border-color: #E4E4E4;
  }
  body.page-template-page-skladova-tehnika .compare-table__table th:first-child,
  body.page-template-page-skladova-tehnika .compare-table__table td:first-child {
    padding-left: 0;
  }
  body.page-template-page-skladova-tehnika .compare-table__table thead th {
    padding-block: 14px;
  }
  body.page-template-page-skladova-tehnika .compare-table__table tbody td {
    line-height: 1.43;
  }
}
/* Projects (case study cards — `project` CPT)
--------------------------------------------- */
.projects {
  border-bottom: 1px solid #F0F0F0;
}
.projects .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.projects__inner {
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .projects__inner {
    padding: 0;
  }
}
.projects__header {
  padding: 0 0 72px;
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .projects__header {
    margin: unset;
    padding: 0 0 40;
  }
}
.projects__grid {
  padding: 0 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 767px) {
  .projects__grid {
    padding: 0;
  }
}
.projects__pagination {
  display: none;
}
.projects__card {
  display: flex;
  flex-direction: column;
  padding: 0 0 32px;
}
@media (max-width: 767px) {
  .projects__card {
    padding: 0;
  }
}
.projects__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.projects__media {
  margin-bottom: 24px;
  overflow: hidden;
}
.projects__media img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center;
  transition: transform 0.3s ease;
}
@media (min-width: 480px) and (max-width: 767px) {
  .projects__media img {
    height: 320px;
  }
}
.projects__card:hover .projects__media img {
  transform: scale(1.04);
}
.projects__meta {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0;
}
.projects__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #191130;
  margin: 12px 0 62px;
}
.projects__card-link {
  color: inherit;
  text-decoration: none;
}
.projects__card-link:hover, .projects__card-link:focus {
  color: #EE2E2F;
}
.projects .btn {
  margin-top: auto;
}
.projects__footer {
  display: flex;
  justify-content: center;
  margin-top: 72px;
}
@media (max-width: 767px) {
  .projects__footer {
    margin-top: 48px;
  }
}
@media (max-width: 1023px) {
  .projects {
    padding: 56px 0;
  }
  .projects__swiper {
    overflow: hidden;
    position: relative;
    padding: 0 30px;
  }
  .projects__grid {
    padding: 0;
    display: flex;
    gap: 0;
  }
  .projects__card {
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
  }
  .projects__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 48px;
    position: static !important;
  }
  .projects__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .projects__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1023px) {
  .projects__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .projects__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}
@media (max-width: 767px) {
  .projects__swiper {
    padding: 0;
  }
  .projects__card-title {
    font-size: 20px;
  }
}

.projects-archive__empty {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  color: #818181;
}
.projects-archive .blog-featured .container {
  padding-top: 34px;
}
@media (max-width: 767px) {
  .projects-archive .blog-featured .container {
    padding-top: 0;
  }
}
.projects-archive .blog-featured__card {
  max-width: 820px;
}
.projects-archive .blog-featured__excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.projects-archive .blog-hub {
  border-bottom: 1px solid #F0F0F0;
}
.projects-archive .blog-hub__main {
  padding-bottom: 96px;
}
@media (max-width: 1023px) {
  .projects-archive .blog-hub__main {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .projects-archive__end {
    display: flex;
    flex-direction: column;
  }
  .projects-archive__end .clients {
    order: -1;
  }
}
.projects-archive .blog-hero-quicklinks {
  padding-top: 48px;
}

@media (min-width: 1440px) {
  body.page-template-page-stelazhi .projects__media img {
    height: 231px;
  }
  body.page-template-page-stelazhi .projects__body {
    padding-inline: 32px;
  }
  body.page-template-page-stelazhi .projects__card-title {
    margin-bottom: 37px;
  }
  body.page-template-page-stelazhi .projects__inner {
    padding-bottom: 72px;
  }
  body.page-template-page-stelazhi .projects__meta {
    font-size: 10px;
  }
  body.page-template-page-stelazhi .projects__card .btn {
    padding: 17.4px 14px 17.4px 32px;
  }
  body.page-template-page-stelazhi .projects__footer .btn {
    padding: 0;
    height: 24px;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
  }
}
/* Project single (вътрешната страница на проект)
--------------------------------------------- */
.project-single .blog-hub {
  border-bottom: 1px solid #F0F0F0;
}
.project-single .blog-hub .blog-hub__main,
.project-single .blog-hub .blog-sidebar {
  padding-bottom: 96px;
}
@media (max-width: 1023px) {
  .project-single .blog-hub .blog-hub__main,
  .project-single .blog-hub .blog-sidebar {
    padding-bottom: 0;
  }
}
.project-single .blog-hub .blog-sidebar {
  padding-top: 77px;
}
.project-single .entry-content h2 {
  font-size: 36px;
}
.project-single .entry-content .accent {
  color: #EE2E2F;
}
.project-single__header {
  padding: 56px 0 40px;
}
.project-single__header .apex-breadcrumb {
  margin-bottom: 24px;
}
.project-single__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 16px;
  max-width: 940px;
}
.project-single__meta {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0;
}
.project-single__share {
  display: none;
}
@media (max-width: 1023px) {
  .project-single__share {
    display: block;
    margin-top: 40px;
  }
}
.project-single__share .share-links {
  padding: 0;
  gap: 32px;
}
.project-single__media .container {
  max-width: 1920px;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.project-single__media img {
  display: block;
  width: 100%;
  max-height: 520px;
  object-fit: cover;
  object-position: center;
}
@media (max-width: 1023px) {
  .project-single__header {
    padding: 56px 0 32px;
  }
  .project-single__title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .project-single__title {
    font-size: 26px;
  }
  .project-single__media img {
    max-height: 260px;
  }
}
@media (max-width: 1023px) {
  .project-single__end {
    display: flex;
    flex-direction: column;
  }
  .project-single__end .projects {
    order: -1;
  }
}

.project-single .blog-hub__main {
  min-width: 0;
}

.project-gallery {
  position: relative;
  width: 100%;
  min-width: 0;
  margin: 48px 0 0;
  overflow: hidden;
}
.project-gallery__slide img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 3/2;
  object-fit: cover;
}
.project-gallery__arrow {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 0;
  background-color: #EE2E2F;
  color: #fff;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background-color 0.2s linear, opacity 0.2s linear;
}
.project-gallery__arrow:hover, .project-gallery__arrow:focus {
  background-color: #c4271f;
}
.project-gallery__arrow--prev {
  left: 0;
}
.project-gallery__arrow--next {
  right: 0;
}
.project-gallery__arrow.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.project-gallery__pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 16px;
  position: static !important;
}
.project-gallery__pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D4D4D4;
  opacity: 1;
  transition: 0.2s linear;
  cursor: pointer;
}
@media (max-width: 767px) {
  .project-gallery__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
.project-gallery__pagination .swiper-pagination-bullet-active {
  width: 36px;
  border-radius: 20px;
  background-color: #EE2E2F;
  opacity: 1;
}
@media (max-width: 767px) {
  .project-gallery__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}

/* Hero slide
--------------------------------------------- */
.hero-slide {
  position: relative;
  height: auto;
  flex: 1 1 auto;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hero-slide .container {
  height: 100%;
}
.hero-slide__media {
  position: absolute;
  inset: 0;
}
.hero-slide__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.hero-slide__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #161224 8.88%, rgba(25, 17, 48, 0.2) 82.69%, rgba(25, 17, 48, 0) 113.82%), linear-gradient(0deg, rgba(25, 17, 48, 0.4) 0%, rgba(25, 17, 48, 0.4) 100%);
}
.hero-slide__content {
  position: relative;
  z-index: 1;
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 24px;
  height: 100%;
  padding-top: 212px;
  padding-bottom: 176px;
}
@media (min-width: 1440px) {
  .hero-slide__content {
    padding-bottom: 188px;
  }
}
@media (min-width: 1280px) {
  .hero-slide__content {
    padding-left: 32px;
  }
}
@media (max-width: 767px) {
  .hero-slide__content {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
    gap: 5px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-slide__content {
    width: 100%;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .hero-slide__content {
    width: 55%;
    padding-top: 170px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .hero-slide__content {
    width: 70%;
  }
}
.hero-slide__content .section-eyebrow {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3.6px;
}
@media (max-width: 767px) {
  .hero-slide__content .section-eyebrow {
    font-size: 14px;
    letter-spacing: 2.6px;
    gap: 0;
  }
  .hero-slide__content .section-eyebrow .section-eyebrow__line {
    display: none;
  }
}
.hero-slide__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 72px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .hero-slide__heading {
    font-size: 48px;
  }
}
@media (min-width: 1280px) and (max-width: 1439px) {
  .hero-slide__heading {
    font-size: 52px;
  }
}
@media (min-width: 1440px) {
  .hero-slide__heading {
    line-height: 1;
  }
}
.hero-slide__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 18px;
  color: #fff;
  max-width: 650px;
  margin: 24px 0 0 0;
}
@media (max-width: 767px) {
  .hero-slide__subtitle {
    margin-top: 25px;
  }
}
@media (min-width: 1024px) and (max-width: 1439px) {
  .hero-slide__subtitle {
    font-size: 16px;
  }
}
@media (min-width: 1440px) {
  .hero-slide__subtitle {
    line-height: 1.4;
  }
}
.hero-slide__actions {
  display: flex;
  align-items: center;
  gap: 38.5px;
  flex-wrap: wrap;
  margin-top: 72px;
}
@media (max-width: 767px) {
  .hero-slide__actions {
    flex-flow: column;
    align-items: flex-start;
    gap: 22.5px;
    margin-top: 32px;
  }
}
.hero-slide__actions .btn {
  font-size: 18px !important;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-slide__actions .btn {
    font-size: 14px !important;
    line-height: unset;
  }
}
.hero-slide__actions .hero-slide__link {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  position: relative;
  width: fit-content;
  border: none;
  text-decoration: none;
  letter-spacing: 1.44px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .hero-slide__actions .hero-slide__link {
    font-size: 16px;
  }
}
.hero-slide__actions .hero-slide__link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.6px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  transition: 0.2s linear;
}
.hero-slide__actions .hero-slide__link:hover {
  color: #fff;
}
.hero-slide__actions .hero-slide__link:hover::after {
  width: 0;
}
@media (max-width: 991px) {
  .hero-slide__heading {
    font-size: 44px;
  }
}
@media (max-width: 599px) {
  .hero-slide__content {
    max-width: 100%;
  }
  .hero-slide__heading {
    font-size: 32px;
  }
}

/* Landing page hero (Складова техника, Мотокари, …)
--------------------------------------------- */
.page-hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 620px;
  padding: 80px 0;
  background-color: #191130;
  overflow: hidden;
}
body.has-transparent-header .page-hero {
  padding-top: calc(var(--header-height, calc(72px + 44px)) + 127px);
}
@media (max-width: 991px) {
  body.has-transparent-header .page-hero {
    padding-top: calc(var(--header-height, calc(72px + 44px)) + 96px);
  }
}
@media (max-width: 599px) {
  body.has-transparent-header .page-hero {
    padding-top: calc(var(--header-height, calc(72px + 44px)) + 64px);
  }
}
body.has-transparent-header .page-hero:not(.page-hero--with-search) {
  padding-bottom: 106px;
}
@media (max-width: 991px) {
  body.has-transparent-header .page-hero:not(.page-hero--with-search) {
    padding-bottom: 85px;
  }
}
@media (max-width: 599px) {
  body.has-transparent-header .page-hero:not(.page-hero--with-search) {
    padding-bottom: 64px;
  }
}
.page-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.page-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.page-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(25, 17, 48, 0.95) 0%, rgba(25, 17, 48, 0.85) 35%, rgba(25, 17, 48, 0.35) 70%, rgba(25, 17, 48, 0.25) 100%), linear-gradient(0deg, rgba(25, 17, 48, 0.25) 0%, rgba(25, 17, 48, 0.25) 100%);
}
.page-hero > .container {
  position: relative;
  z-index: 1;
}
.page-hero__side {
  position: absolute;
  top: 0;
  right: max(24px, (100% - 1440px) / 2);
  bottom: 0;
  width: min(45%, 680px);
  z-index: 0;
}
.page-hero__side img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.page-hero__side::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #191130 0%, rgba(25, 17, 48, 0.85) 20%, rgba(25, 17, 48, 0.3) 60%, rgba(25, 17, 48, 0.1) 100%);
}
@media (max-width: 767px) {
  .page-hero__side {
    right: 0;
    width: 100%;
  }
  .page-hero__side::after {
    background: linear-gradient(90deg, rgba(25, 17, 48, 0.92) 0%, rgba(25, 17, 48, 0.75) 100%);
  }
}
.page-hero--side-image .page-hero__content {
  max-width: 760px;
}
.page-hero__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
}
@media (max-width: 767px) {
  .page-hero__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.page-hero__content {
  max-width: 860px;
}
@media (max-width: 767px) {
  .page-hero__content {
    display: contents;
  }
}
.page-hero__icon {
  flex-shrink: 0;
  width: 260px;
}
.page-hero__icon img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1199px) {
  .page-hero__icon {
    width: 180px;
  }
}
@media (max-width: 767px) {
  .page-hero__icon {
    width: 51px;
    order: 2;
    margin-bottom: 16px;
  }
}
.industry-single .page-hero__icon {
  opacity: 0.2;
}
@media (max-width: 767px) {
  .industry-single .page-hero__icon {
    opacity: 1;
  }
}
.page-hero__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: clamp(30px, 5vw, 96px);
  font-weight: 700;
  line-height: 1.05;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
.page-hero__lead {
  margin-top: 32px;
}
.page-hero__lead p {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.85);
  line-height: 1.6;
  margin: 0;
}
.page-hero__lead p + p {
  margin-top: 12px;
}
.page-hero__lead ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px;
  list-style: none;
  margin: 32px 0 0;
  padding: 0;
}
.page-hero__lead ul li {
  position: relative;
  padding-left: 26px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  line-height: 1.4;
}
.page-hero__lead ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 12px;
  background: url("images/check.svg") center/contain no-repeat;
}
.page-hero__actions {
  display: flex;
  align-items: center;
  gap: 48px;
  flex-wrap: wrap;
  margin-top: 48px;
}
.page-hero__actions--split {
  justify-content: space-between;
  width: 100%;
}
.page-hero__note {
  max-width: 400px;
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  color: #fff;
}
.page-hero__link {
  position: relative;
  width: fit-content;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}
.page-hero__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1.6px;
  background-color: #fff;
  transition: width 0.2s linear;
}
.page-hero__link:hover, .page-hero__link:focus {
  color: #fff;
}
.page-hero__link:hover::after, .page-hero__link:focus::after {
  width: 0;
}
.page-hero--with-search {
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 0;
  overflow: unset;
  gap: 96px;
}
.page-hero--with-search .page-hero__content {
  padding-left: 39px;
}
@media (max-width: 991px) {
  .page-hero--with-search .page-hero__content {
    padding-left: 0;
  }
}
@media (max-width: 991px) {
  .page-hero {
    min-height: 520px;
    padding: 64px 0;
  }
  .page-hero__overlay {
    background: rgba(25, 17, 48, 0.8);
  }
  .page-hero--with-search {
    min-height: 520px;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .page-hero {
    min-height: 440px;
    padding: 48px 0;
  }
  .page-hero__lead ul {
    gap: 12px 24px;
  }
  .page-hero__actions {
    gap: 24px;
    margin-top: 32px;
  }
  .page-hero--with-search {
    min-height: 440px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .page-hero .apex-breadcrumb {
    order: 1;
  }
  .page-hero__heading {
    order: 3;
  }
  .page-hero__lead {
    order: 4;
  }
  .page-hero__actions {
    order: 5;
  }
  .page-hero__lead {
    margin-top: 36px;
  }
  .page-hero__lead p {
    line-height: 1.5;
  }
  .page-hero__lead ul {
    row-gap: 6px;
  }
  .page-hero__actions {
    gap: 53px 24px;
  }
}
.page-hero--light {
  min-height: 0;
  padding: 64px 0 96px;
  background-color: #ECECEC;
}
.page-hero--light::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -86px;
  width: 60%;
  max-width: 999px;
  height: 120px;
  background-color: #EE2E2F;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='999' height='34' viewBox='0 0 999 34' fill='none'%3E%3Cpath d='M0 120L28 0H999V120H0Z' fill='%23EE2E2F'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto;
}
.page-hero--light .page-hero__content {
  max-width: 960px;
}
.page-hero--light .page-hero__heading {
  color: #191130;
}
.page-hero--light .page-hero__lead p {
  color: #818181;
}
.page-hero--light .page-hero__lead ul li {
  color: #191130;
}
@media (max-width: 991px) {
  .page-hero--light {
    padding: 48px 0 72px;
  }
}
@media (max-width: 599px) {
  .page-hero--light {
    padding: 32px 0 56px;
  }
  .page-hero--light::after {
    width: 70%;
  }
}
.page-hero--has-icon {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  padding-top: 32px;
}
.page-hero--has-icon::after {
  bottom: -96px;
}

@media (min-width: 1440px) {
  body.page-template-page-motokari .page-hero__heading {
    font-size: clamp(54px, 3.75vw, 72px);
    line-height: 1;
    max-width: 9.8em;
  }
  body.page-template-page-rezervni-chasti .page-hero {
    min-height: 802px;
  }
  body.page-template-page-rezervni-chasti .page-hero__content {
    max-width: 1000px;
  }
  body.page-template-page-rezervni-chasti .page-hero__heading {
    font-size: clamp(54px, 3.75vw, 72px);
    line-height: 1;
    max-width: 12.6em;
  }
  body.page-template-page-rezervni-chasti .page-hero--with-search {
    padding-top: calc(var(--header-height, calc(72px + 44px)) + 107px);
  }
  body.page-template-page-rezervni-chasti .page-hero__lead p {
    font-size: 18px;
    line-height: 1.4;
  }
  body.page-template-page-za-nas .page-hero__heading {
    font-size: clamp(54px, 3.75vw, 72px);
    line-height: 1;
    max-width: 13.3em;
  }
  body.page-template-page-za-nas .page-hero__content {
    max-width: 992px;
    padding-left: 32px;
  }
  body.page-template-page-za-nas .page-hero--light {
    min-height: 523px;
    align-items: flex-start;
  }
  body.page-template-page-za-nas .page-hero__lead p {
    font-size: 18px;
    line-height: 1.4;
  }
  body.page-template-page-skladova-tehnika .page-hero__content,
  body.page-template-page-pochistvashta-tehnika .page-hero__content {
    max-width: 1172px;
    padding-left: 32px;
  }
  body.page-template-page-skladova-tehnika .page-hero__heading,
  body.page-template-page-pochistvashta-tehnika .page-hero__heading {
    font-size: clamp(54px, 3.75vw, 72px);
    line-height: 1;
    max-width: 15.3em;
  }
  body.page-template-page-skladova-tehnika .page-hero__lead p,
  body.page-template-page-pochistvashta-tehnika .page-hero__lead p {
    max-width: 860px;
    font-size: 18px;
    line-height: 1.4;
  }
  body.page-template-page-skladova-tehnika .page-hero:not(.page-hero--with-search),
  body.page-template-page-pochistvashta-tehnika .page-hero:not(.page-hero--with-search) {
    padding-bottom: 92.4px;
  }
  body.page-template-page-skladova-tehnika .page-hero__actions .btn,
  body.page-template-page-pochistvashta-tehnika .page-hero__actions .btn {
    padding: 21.4px 27.4px 21.4px 41.4px;
  }
  body.page-template-page-stelazhi .page-hero__content {
    max-width: 1172px;
    padding-left: 32px;
  }
  body.page-template-page-stelazhi .page-hero__actions .btn {
    padding: 21.4px 24px 21.4px 37px;
  }
  body.page-template-page-stelazhi .page-hero__lead p {
    max-width: 640px;
    font-size: 18px;
    line-height: 1.5;
  }
  body.page-template-page-stelazhi .page-hero__heading {
    font-size: clamp(54px, 3.75vw, 72px);
    line-height: 1;
    max-width: 15.3em;
  }
  body.page-template-page-motokari .page-hero,
  body.page-template-page-stelazhi .page-hero,
  body.page-template-page-skladova-tehnika .page-hero,
  body.page-template-page-pochistvashta-tehnika .page-hero {
    min-height: 802px;
    align-items: flex-start;
  }
  body.page-template-page-motokari .page-hero__content {
    padding-left: 32px;
  }
  body.page-template-page-motokari .page-hero__lead p {
    display: inline;
    font-size: 18px;
    line-height: 1.43;
  }
  body.page-template-page-motokari .page-hero__lead p + p {
    margin-top: 0;
  }
  body.page-template-page-motokari .page-hero__lead p + p::before {
    content: " ";
  }
  body.page-template-page-motokari .page-hero__lead {
    font-size: 18px;
    line-height: 1.43;
  }
  body.page-template-page-motokari .page-hero__actions {
    gap: 61px;
  }
  body.page-template-page-motokari .page-hero__actions .btn {
    padding: 21.4px 30px 21.4px 40px;
  }
}
body.page-template-page-za-nas .page-hero--light {
  background-color: #F7F7F7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}

/* Stats bar (landing pages: numbers under the hero)
--------------------------------------------- */
.stats-bar {
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  border-width: 1px 0;
}
@media (max-width: 767px) {
  .stats-bar .container {
    padding: 0 !important;
  }
}
.stats-bar__grid {
  display: grid;
  grid-template-columns: repeat(var(--stats-count, 4), 1fr);
  border-right: 1px solid #F0F0F0;
  background-image: linear-gradient(to right, #F0F0F0 1px, transparent 1px);
  background-size: calc(100% / var(--stats-count, 4)) 100%;
}
@media (max-width: 1023px) {
  .stats-bar__grid {
    grid-template-columns: repeat(2, 1fr);
    background-image: none;
  }
}
.stats-bar__stat {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 71px 100px 71px 99px;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .stats-bar__stat {
    padding: 48px 40px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .stats-bar__stat {
    padding: 56px 64px;
  }
}
@media (max-width: 767px) {
  .stats-bar__stat {
    padding: 0 24px 0 18px;
  }
}
@media (max-width: 1023px) {
  .stats-bar__stat:first-child, .stats-bar__stat:nth-child(2) {
    border-bottom: 1px solid #F0F0F0;
    padding-top: 40px;
    padding-bottom: 24px;
  }
}
@media (max-width: 1023px) {
  .stats-bar__stat:nth-last-child(2), .stats-bar__stat:last-child {
    padding-bottom: 40px;
    padding-top: 24px;
  }
}
@media (max-width: 1023px) {
  .stats-bar__stat:nth-child(odd) {
    border-right: 1px solid #F0F0F0;
  }
}
.stats-bar__stat-wrapper {
  width: fit-content;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .stats-bar__stat-wrapper {
    margin: unset;
    max-width: 100%;
  }
}
.stats-bar__number {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0;
}
@media (max-width: 767px) {
  .stats-bar__number {
    font-size: 28px;
    overflow-wrap: break-word;
  }
}
.stats-bar__label {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.1313rem;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (max-width: 767px) {
  .stats-bar__label {
    font-size: 10px;
    letter-spacing: 0.1rem;
    margin-top: 10px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-stelazhi .stats-bar .container,
  body.page-template-page-za-nas .stats-bar .container {
    border: 1px solid #F0F0F0;
    border-width: 0 1px;
  }
  body.page-template-page-stelazhi .stats-bar__grid,
  body.page-template-page-za-nas .stats-bar__grid {
    padding-inline: 32px;
    border-right: 0;
    background-image: none;
  }
  body.page-template-page-stelazhi .stats-bar__stat:not(:first-child),
  body.page-template-page-za-nas .stats-bar__stat:not(:first-child) {
    border-left: 1px solid #F0F0F0;
  }
  body.page-template-page-stelazhi .stats-bar__stat,
  body.page-template-page-za-nas .stats-bar__stat {
    padding: 78px 40px;
  }
  body.page-template-page-stelazhi .stats-bar__number,
  body.page-template-page-za-nas .stats-bar__number {
    font-size: 48px;
  }
  body.page-template-page-stelazhi .stats-bar__label,
  body.page-template-page-za-nas .stats-bar__label {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 2.1px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-za-nas .stats-bar__stat {
    padding-block: 85px;
  }
}
/* Industry — „4 ключови предизвикателства" (single-industry.php)
--------------------------------------------- */
.challenges {
  border-bottom: 1px solid #F0F0F0;
}
.challenges .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 0 0 80px 0;
}
@media (max-width: 1023px) {
  .challenges .container {
    padding-bottom: 48px;
  }
}
.challenges__inner {
  padding: 80px 0 0 0;
}
@media (max-width: 1023px) {
  .challenges__inner {
    padding-top: 48px;
  }
}
.challenges__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 48px;
  text-align: center;
}
.challenges__header .section-eyebrow {
  justify-content: center;
}
.challenges__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.challenges__subtitle {
  max-width: 640px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  margin: 0;
}
.challenges__grid {
  padding: 0 30px;
  display: grid;
  grid-template-columns: repeat(var(--challenges-count, 4), 1fr);
  border: 1px solid #F0F0F0;
  border-width: 1px 0;
}
.challenges__item {
  padding: 40px 32px;
}
.challenges__item:not(:first-child) {
  padding-left: 32px;
  border-left: 1px solid #F0F0F0;
}
.challenges__item-head {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 36px;
}
.challenges__icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin-top: 2px;
}
.challenges__item-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.challenges__item-text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.44;
  font-weight: 400;
  color: #818181;
  margin: 0;
}
@media (max-width: 1023px) {
  .challenges__grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }
  .challenges__item:nth-child(2) {
    border-left: 1px solid #F0F0F0;
    padding-left: 32px;
  }
  .challenges__item:nth-child(3) {
    border-left: 0;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .challenges__header {
    align-items: flex-start;
    text-align: left;
  }
  .challenges__header .section-eyebrow {
    justify-content: flex-start;
  }
  .challenges__heading {
    font-size: 26px;
  }
  .challenges__grid {
    grid-template-columns: 1fr;
    row-gap: 0;
    padding: 0;
    border: 0;
  }
  .challenges__item, .challenges__item:not(:first-child) {
    padding: 24px 0;
    border-left: 0;
    border-top: 1px solid #F0F0F0;
  }
  .challenges__item-head {
    gap: 16px;
    margin-bottom: 24px;
  }
  .challenges__icon {
    width: 22px;
    height: 22px;
  }
  .challenges__item-title {
    font-size: 26px;
    line-height: 1.25;
    letter-spacing: 0.04em;
  }
  .challenges__item-text {
    font-size: 14px;
    line-height: 1.6;
    padding-left: 38px;
  }
}

/* Industry — „Нашите решения" (single-industry.php)
--------------------------------------------- */
.solutions {
  border-bottom: 1px solid #F0F0F0;
}
.solutions .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.solutions__inner {
  padding: 80px 0;
}
@media (max-width: 1023px) {
  .solutions__inner {
    padding: 48px 0;
  }
}
.solutions__header {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 56px;
  margin: 0 auto;
  width: fit-content;
  align-items: center;
}
.solutions__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.solutions__grid {
  padding: 0 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 56px 20px;
}
.solutions__grid--triad .solution-card:nth-child(3):last-child {
  grid-column: 1/-1;
  justify-self: center;
  width: calc(50% - 10px);
}
@media (max-width: 1023px) {
  .solutions__grid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .solutions__grid--triad .solution-card:nth-child(3):last-child {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .solutions__header {
    align-items: flex-start;
    margin: 0;
    padding-bottom: 32px;
  }
  .solutions__header .section-eyebrow {
    justify-content: flex-start;
  }
  .solutions__grid {
    padding: 0;
    gap: 32px;
  }
}

.solution-card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.solution-card__media img {
  display: block;
}
.solution-card__body {
  position: relative;
  z-index: 1;
  padding: 64px 57px;
  width: 100%;
}
.solution-card__tag {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  margin: 0 0 16px;
}
.solution-card__tag-icon {
  display: flex;
  flex-shrink: 0;
  color: #EE2E2F;
}
.solution-card__tag-icon svg {
  display: block;
}
.solution-card__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.05;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  margin: 0 0 32px;
}
.solution-card__desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  max-width: 480px;
  margin: 0 0 32px;
}
.solution-card__checklist {
  display: flex;
  flex-direction: column;
  gap: 20px;
  list-style: none;
  max-width: 426px;
  margin: 0 0 40px;
  padding: 0;
}
.solution-card__checklist li {
  position: relative;
  padding-left: 32px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
}
.solution-card__checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 20px;
  height: 15px;
  background: url("images/solution-check.svg") left center/contain no-repeat;
}
.solution-card--cover {
  min-height: 637px;
  background-color: #191130;
}
.solution-card--cover .solution-card__media {
  position: absolute;
  inset: 0;
}
.solution-card--cover .solution-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.solution-card--cover .solution-card__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(25, 17, 48, 0.6) 68%, rgba(25, 17, 48, 0) 100%), linear-gradient(90deg, rgba(25, 17, 48, 0.3) 0%, rgba(25, 17, 48, 0.3) 100%);
}
.solution-card--cover .solution-card__tag,
.solution-card--cover .solution-card__title,
.solution-card--cover .solution-card__desc,
.solution-card--cover .solution-card__checklist li {
  color: #fff;
}
.solution-card--side {
  min-height: 637px;
  background-color: #ececec;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}
.solution-card--side .solution-card__tag,
.solution-card--side .solution-card__title,
.solution-card--side .solution-card__desc,
.solution-card--side .solution-card__checklist li {
  color: #191130;
}
.solution-card--side .solution-card__desc {
  color: #818181;
}
.solution-card--side .solution-card__media {
  position: absolute;
  right: 0;
  bottom: 0;
  width: min(73%, 480px);
  transform: translate(12%, 13.7%);
  pointer-events: none;
}
.solution-card--side .solution-card__media img {
  width: 100%;
  height: auto;
}
.solution-card--side .solution-card__desc {
  max-width: 440px;
}
.solution-card--side .solution-card__overlay {
  display: none;
}
@media (max-width: 767px) {
  .solution-card {
    min-height: 0;
  }
  .solution-card__body {
    padding: 40px 16px;
    max-width: none !important;
  }
  .solution-card__tag {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
  .solution-card__title {
    font-size: 26px;
    letter-spacing: 1px;
  }
  .solution-card__desc {
    font-size: 14px;
  }
  .solution-card__checklist {
    gap: 16px;
  }
  .solution-card__checklist li {
    font-size: 14px;
    padding-left: 28px;
  }
  .solution-card__checklist li::before {
    width: 16px;
    height: 11px;
    top: 2px;
  }
  .solution-card--side {
    background-image: none;
  }
  .solution-card--side .solution-card__media {
    position: absolute;
    inset: 0;
    right: auto;
    bottom: auto;
    width: 100%;
    max-width: none;
    margin-top: 0;
    transform: none;
    pointer-events: none;
  }
  .solution-card--side .solution-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .solution-card--side .solution-card__overlay {
    display: block;
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(236, 236, 236, 0.85) 0%, rgba(236, 236, 236, 0.85) 100%), linear-gradient(90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
  }
  .solution-card--side .solution-card__tag,
  .solution-card--side .solution-card__title,
  .solution-card--side .solution-card__desc,
  .solution-card--side .solution-card__checklist li {
    color: #191130;
  }
  .solution-card--side .solution-card__desc {
    color: #818181;
  }
}

/* Process steps (landing pages: from enquiry to installation)
--------------------------------------------- */
.process-steps {
  border-bottom: 1px solid #F0F0F0;
}
.process-steps .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 80px 0 48px 0;
}
@media (max-width: 1023px) {
  .process-steps .container {
    padding: 56px 16px;
  }
}
.process-steps__inner {
  width: 100%;
  padding: 0 30px;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .process-steps__inner {
    padding: 0;
  }
}
.process-steps__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  .process-steps__header {
    align-items: flex-start;
    text-align: start;
  }
}
.process-steps__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 16px 0 0;
}
.process-steps__grid {
  display: grid;
  grid-template-columns: repeat(var(--steps-count, 5), 1fr);
  gap: 24px;
}
.process-steps__pagination {
  display: none;
}
.process-steps__card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 14px 20px 38px 20px;
  background-color: #ECECEC;
  overflow: hidden;
}
.process-steps__number {
  position: absolute;
  top: -24px;
  left: -55px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 215px;
  font-weight: 700;
  letter-spacing: -4px;
  line-height: 1;
  color: rgba(25, 17, 48, 0.06);
  z-index: 0;
  pointer-events: none;
  user-select: none;
}
.process-steps__icon {
  position: relative;
  z-index: 1;
  align-self: flex-end;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px;
}
.process-steps__icon svg {
  width: 100%;
  height: auto;
}
.process-steps__card-title {
  position: relative;
  z-index: 1;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  line-height: 1.2;
  margin: 24px 0 0;
}
.process-steps__card-text {
  position: relative;
  z-index: 1;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #818181;
  line-height: 1.5;
  margin: 12px 0 0;
}
@media (max-width: 1279px) {
  .process-steps__swiper {
    overflow: hidden;
    position: relative;
  }
  .process-steps__grid {
    display: flex;
    gap: 0;
  }
  .process-steps__card {
    flex-shrink: 0;
    width: 100%;
    min-width: 0;
  }
  .process-steps__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .process-steps__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .process-steps__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1279px) {
  .process-steps__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1279px) and (max-width: 767px) {
  .process-steps__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}
@media (max-width: 767px) {
  .process-steps__heading {
    font-size: 32px;
  }
}
@media (max-width: 479px) {
  .process-steps__heading {
    font-size: 26px;
  }
}

.dostavka-page .process-steps {
  border-bottom: 1px solid #F0F0F0;
}
.dostavka-page .process-steps .container {
  padding: 80px 0 48px 0;
}
.dostavka-page .process-steps__inner {
  width: 100%;
  padding: 0 30px;
}

@media (min-width: 1440px) {
  body.page-template-page-stelazhi .process-steps__heading {
    font-size: 48px;
    line-height: 1;
    max-width: 10em;
  }
  body.page-template-page-stelazhi .process-steps__card {
    min-height: 210px;
    padding-bottom: 24px;
  }
  body.page-template-page-stelazhi .process-steps__card-title {
    margin-top: 13px;
  }
  body.page-template-page-stelazhi .process-steps__card {
    background-color: #F7F7F7;
  }
  body.page-template-page-stelazhi .process-steps__number {
    color: #ECECEC;
  }
  body.page-template-page-stelazhi .process-steps .container {
    padding-bottom: 27px;
  }
  body.page-template-page-stelazhi .process-steps__card-text {
    margin-top: 10px;
  }
}
/* Доставка — hero (двуколонен, само на тази страница)
--------------------------------------------- */
.dostavka-hero {
  padding: 99px 0 80px 0;
  background-color: #f7f7f7;
}
.dostavka-hero__inner {
  padding: 0 30px;
}
.dostavka-hero .apex-breadcrumb {
  margin-bottom: 40px;
}
.dostavka-hero__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.dostavka-hero__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  flex-shrink: 0;
  max-width: 564px;
}
.dostavka-hero__lead {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #818181;
  margin: 0;
  max-width: 651px;
}
@media (max-width: 991px) {
  .dostavka-hero {
    padding: 0 0 56px;
  }
  .dostavka-hero__row {
    flex-direction: column;
    gap: 24px;
  }
  .dostavka-hero__heading {
    font-size: 36px;
  }
}
@media (max-width: 599px) {
  .dostavka-hero {
    padding: 0 0 40px;
  }
  .dostavka-hero__heading {
    font-size: 28px;
  }
  .dostavka-hero__lead {
    font-size: 16px;
  }
}

/* Доставка — „3 метода на доставка"
--------------------------------------------- */
.methods .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.methods__inner {
  padding: 80px 0 0 0;
}
.methods__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 48px;
  text-align: center;
}
.methods__header .section-eyebrow {
  justify-content: center;
}
.methods__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.methods__subtitle {
  max-width: 640px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  margin: 0;
}
.methods__grid {
  display: grid;
  grid-template-columns: repeat(var(--methods-count, 3), 1fr);
  border-top: 1px solid #F0F0F0;
}
.methods__item {
  padding: 80px 80px 80px 40px;
  border-bottom: 1px solid #F0F0F0;
}
.methods__item:not(:first-child) {
  padding-left: 40px;
  border-left: 1px solid #F0F0F0;
}
.methods__item-head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
.methods__icon {
  flex-shrink: 0;
  width: 24px;
  height: 18px;
}
.methods__item-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.methods__item-intro {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  line-height: 1.43;
  color: #191130;
  margin: 0 0 24px;
}
.methods__item-text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  color: #818181;
  margin: 0;
}
@media (max-width: 767px) {
  .methods {
    padding: 48px 0;
  }
  .methods__grid {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
  .methods__item, .methods__item:not(:first-child) {
    border-left: 0;
    padding-left: 0;
    padding-top: 0;
  }
}

/* Блог хъб — hero (двуколонен, само на тази страница)
--------------------------------------------- */
.blog-hero {
  background-color: #fff;
}
.blog-hero .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 56px 30px;
}
@media (max-width: 767px) {
  .blog-hero .container {
    padding: 56px 16px;
  }
}
.blog-hero__inner {
  padding: 0 30px;
}
@media (max-width: 767px) {
  .blog-hero__inner {
    padding: 0;
  }
}
.blog-hero .apex-breadcrumb {
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .blog-hero .apex-breadcrumb {
    margin-bottom: 16px;
  }
}
.blog-hero__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 48px;
}
.blog-hero__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  flex-shrink: 0;
  max-width: 564px;
}
.blog-hero__lead {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: #818181;
  margin: 0;
  max-width: 400px;
}
@media (max-width: 1023px) {
  .blog-hero__row {
    flex-direction: column;
    gap: 24px;
  }
  .blog-hero__heading {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .blog-hero__row {
    gap: 48px;
  }
  .blog-hero__heading {
    font-size: 40px;
  }
  .blog-hero__lead {
    font-size: 14px;
  }
}

/* Блог хъб — открояваща статия
--------------------------------------------- */
.blog-featured {
  position: relative;
}
.blog-featured .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 0 30px 32px 30px;
}
@media (max-width: 767px) {
  .blog-featured .container {
    padding: 0 16px 48px 16px;
  }
}
.blog-featured__inner {
  position: relative;
}
.blog-featured__media {
  width: 100%;
  aspect-ratio: 1380/558;
  overflow: hidden;
  position: relative;
}
.blog-featured__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.blog-featured__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(25, 17, 48, 0.5);
}
.blog-featured__card {
  position: absolute;
  left: 48px;
  bottom: 48px;
  width: 100%;
  max-width: 640px;
  background-color: #fff;
  padding: 40px 48px 30px 40px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 45px) 100%, 0 100%);
}
.blog-featured__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 12px;
}
.blog-featured__title a {
  color: inherit;
  text-decoration: none;
}
.blog-featured__title a:hover, .blog-featured__title a:focus {
  color: #EE2E2F;
}
.blog-featured__meta {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0 0 36px;
}
.blog-featured__excerpt {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  margin: 0 0 36px;
}
@media (max-width: 1023px) {
  .blog-featured__card {
    position: static;
    max-width: none;
    padding: 32px 24px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .blog-featured__card {
    padding: 24px 24px 20px 24px;
  }
  .blog-featured__title {
    font-size: 28px;
  }
  .blog-featured__meta {
    margin: 0 0 20px;
  }
  .blog-featured__excerpt {
    font-size: 14px;
    margin: 0 0 20px;
  }
}
@media (max-width: 767px) {
  .blog-featured__media {
    aspect-ratio: 328/327;
  }
  .blog-featured__media::after {
    display: none;
  }
  .blog-featured__card {
    display: flex;
    flex-direction: column;
    padding: 32px 0 0;
  }
  .blog-featured__title {
    font-size: 24px;
    line-height: 1;
    margin: 0 0 24px;
  }
  .blog-featured__meta {
    order: -1;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 16px;
  }
  .blog-featured__excerpt {
    font-size: 14px;
    line-height: 1.43;
    margin: 0 0 32px;
  }
}

/* Блог хъб — мрежа + странична лента
--------------------------------------------- */
.blog-hub {
  padding-top: 32px;
}
.blog-hub .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.blog-hub__layout {
  display: grid;
  grid-template-columns: 1fr 469px;
}
.blog-hub__main {
  border-right: 1px solid #F0F0F0;
  padding: 55px 30px 0 34px;
}
.blog-hub__main .section-eyebrow {
  margin-bottom: 48px;
}
.blog-hub__main--full {
  border-right: 0;
  padding: 55px 30px;
}
.blog-hub__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
}
.blog-hub__empty {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  color: #818181;
}
@media (max-width: 1279px) {
  .blog-hub__layout {
    grid-template-columns: 1fr 400px;
    gap: 0;
  }
  .blog-hub__main {
    padding-right: 48px;
  }
}
@media (max-width: 1023px) {
  .blog-hub__layout {
    grid-template-columns: 1fr;
  }
  .blog-hub__main {
    border-right: 0;
    padding: 0;
  }
}
@media (max-width: 767px) {
  .blog-hub__grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 1024px) {
  .blog-hub-newsletter {
    display: none;
  }
}

.blog-sidebar {
  display: flex;
  flex-direction: column;
  gap: 48px;
  padding: 119px 0 0 0;
}
@media (max-width: 1023px) {
  .blog-page .blog-sidebar, .blog-single .blog-sidebar, .projects-archive .blog-sidebar, .project-single .blog-sidebar {
    display: none;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .blog-sidebar__quicklinks {
    padding-left: 32px;
    padding-right: 32px;
  }
  .blog-sidebar__tags {
    padding-left: 24px;
  }
}
.blog-sidebar__quicklinks {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 56px 40px;
  border: 1px solid #F0F0F0;
  border-width: 1px 0;
}
.blog-sidebar__quicklinks a {
  display: flex;
  align-items: center;
  gap: 12px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: #191130;
  text-decoration: none;
}
.blog-sidebar__quicklinks a:hover, .blog-sidebar__quicklinks a:focus {
  color: #EE2E2F;
}
.blog-sidebar__quicklink-icon {
  display: flex;
  flex-shrink: 0;
  color: #EE2E2F;
}
.blog-sidebar__quicklink-icon svg {
  display: block;
}
.blog-sidebar__tags {
  padding-left: 44px;
}
.blog-sidebar__tags-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 48px;
}
.blog-sidebar__tags ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.blog-sidebar__tags ul a {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #191130;
  text-decoration: none;
  letter-spacing: 1.4px;
}
.blog-sidebar__tags ul a:hover, .blog-sidebar__tags ul a:focus {
  color: #EE2E2F;
}
.blog-sidebar__tags ul a.is-active {
  color: #EE2E2F;
}
.blog-sidebar__newsletter {
  padding: 32px;
  background-color: #f7f7f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}
.blog-sidebar__newsletter .section-eyebrow {
  margin-bottom: 16px;
}
.blog-sidebar__newsletter .home-newsletter__form {
  width: 100%;
}
.blog-sidebar__newsletter-heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 24px;
}

.blog-quicklinks-tabs__list {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin: 0;
  padding: 0 0 16px;
  list-style: none;
}
@media (min-width: 768px) {
  .blog-quicklinks-tabs__list {
    justify-content: flex-start;
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .blog-quicklinks-tabs__list {
    padding-bottom: 10px;
  }
}
.blog-quicklinks-tabs__list::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #F0F0F0;
}
.blog-quicklinks-tabs__item {
  position: relative;
  display: inline-flex;
  padding: 0 0 16px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  color: #ACACAC;
  text-decoration: none;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .blog-quicklinks-tabs__item {
    padding-bottom: 0;
  }
}
.blog-quicklinks-tabs__item:hover, .blog-quicklinks-tabs__item:focus {
  color: #191130;
}
.blog-quicklinks-tabs__item.is-active {
  font-weight: 600;
  color: #191130;
}
.blog-quicklinks-tabs__item.is-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  height: 2px;
  background-color: #EE2E2F;
  z-index: 1;
}

.blog-hero-quicklinks {
  display: none;
}
@media (max-width: 1023px) {
  .blog-hero-quicklinks {
    display: block;
    padding-bottom: 32px;
  }
}
.blog-hero-quicklinks .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}

.blog-paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-top: 48px;
}
.blog-paginator__numbers {
  display: flex;
  align-items: center;
  gap: 4px;
}
.blog-paginator__page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 33px;
  height: 33px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #ACACAC;
  background-color: #fff;
  text-decoration: none;
}
.blog-paginator__page:hover, .blog-paginator__page:focus {
  color: #191130;
}
.blog-paginator__page.is-active {
  background-color: #ececec;
  color: #191130;
}
.blog-paginator__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9px;
  color: #191130;
}
.blog-paginator__arrow:hover, .blog-paginator__arrow:focus {
  color: #EE2E2F;
}
.blog-paginator__arrow svg {
  display: block;
}

/* "Сподели" — share-intent линкове (single-project.php)
--------------------------------------------- */
.share-links {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 0 40px 24px 40px;
}
.share-links__label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #191130;
}
.share-links__label svg {
  display: block;
  width: 18px;
  height: 20px;
}
.share-links a {
  display: flex;
  color: #D4D4D4;
  transition: color 0.2s ease;
}
.share-links a:hover, .share-links a:focus {
  color: #EE2E2F;
}
.share-links a svg {
  display: block;
  width: 20px;
  height: 20px;
}

/* Статия (single.php)
--------------------------------------------- */
.blog-single .blog-hub {
  border-bottom: 1px solid #F0F0F0;
  padding-top: 16px;
}
.blog-single .blog-hub .blog-hub__main,
.blog-single .blog-hub .blog-sidebar {
  padding-bottom: 117px;
}
@media (max-width: 1023px) {
  .blog-single .blog-hub .blog-hub__main,
  .blog-single .blog-hub .blog-sidebar {
    padding-bottom: 0;
  }
}
.blog-single .blog-hub .blog-hub__main {
  padding-top: 28px;
  padding-left: clamp(32px, 11.12%, 108px);
  padding-right: clamp(32px, 17.2%, 167px);
}
@media (max-width: 1023px) {
  .blog-single .blog-hub .blog-hub__main {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-single .blog-hub .blog-sidebar {
  padding-top: 31px;
}
.blog-single__header {
  padding: 99px 0 20px;
  background-color: #fff;
}
.blog-single__header .apex-breadcrumb {
  margin-bottom: 24px;
}
.blog-single__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 16px;
  max-width: 940px;
}
.blog-single__meta {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #EE2E2F;
  margin: 0;
}
.blog-single__share {
  display: none;
}
@media (max-width: 1023px) {
  .blog-single__share {
    display: block;
    margin-top: 40px;
  }
}
.blog-single__share .share-links {
  padding: 0;
  gap: 32px;
}
.blog-single__media img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 1023px) {
  .blog-single__header {
    padding: 56px 0 16px;
  }
}
@media (max-width: 767px) {
  .blog-single__header .apex-breadcrumb {
    margin-bottom: 16px;
  }
  .blog-single__meta {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 1px;
  }
}
@media (max-width: 1023px) {
  .blog-single__end {
    display: flex;
    flex-direction: column;
  }
  .blog-single__end .blog-related {
    order: -1;
  }
}

.blog-hub__main.entry-content {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #818181;
  position: relative;
}
.blog-hub__main.entry-content > * + * {
  margin-top: 24px;
}
@media (max-width: 1023px) {
  .blog-hub__main.entry-content.is-collapsible:not(.is-expanded) {
    max-height: 720px;
    overflow: hidden;
  }
}
.blog-hub__main.entry-content .entry-content__fade {
  display: none;
  margin-top: 0;
}
@media (max-width: 1023px) {
  .blog-hub__main.entry-content.is-collapsible:not(.is-expanded) .entry-content__fade {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 88px;
    padding-bottom: 24px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.57) 33%, #fff 63%);
  }
}
.blog-hub__main.entry-content .entry-content__toggle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #EE2E2F;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
}
.blog-hub__main.entry-content .entry-content__toggle:hover, .blog-hub__main.entry-content .entry-content__toggle:focus {
  color: #c4271f;
}
.blog-hub__main.entry-content h2 {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
  color: #191130;
  margin-top: 48px;
}
.blog-hub__main.entry-content h3 {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
  text-transform: uppercase;
  color: #191130;
  margin-top: 40px;
}
.blog-hub__main.entry-content p {
  margin: 0;
}
.blog-hub__main.entry-content ul,
.blog-hub__main.entry-content ol {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.blog-hub__main.entry-content ul li {
  position: relative;
  padding-left: 28px;
}
.blog-hub__main.entry-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 16px;
  height: 12px;
  background: url("images/check.svg") center/contain no-repeat;
}
.blog-hub__main.entry-content ol {
  counter-reset: entry-ol;
}
.blog-hub__main.entry-content ol li {
  position: relative;
  padding-left: 28px;
  counter-increment: entry-ol;
}
.blog-hub__main.entry-content ol li::before {
  content: counter(entry-ol) ".";
  position: absolute;
  left: 0;
  font-weight: 700;
  color: #EE2E2F;
}
.blog-hub__main.entry-content img {
  width: 100%;
  height: auto;
  display: block;
}
.blog-hub__main.entry-content > img,
.blog-hub__main.entry-content > .figure-pair {
  margin-top: 48px;
}
.blog-hub__main.entry-content > img + *,
.blog-hub__main.entry-content > .figure-pair + * {
  margin-top: 48px;
}
.blog-hub__main.entry-content a {
  color: #EE2E2F;
}
.blog-hub__main.entry-content a:hover, .blog-hub__main.entry-content a:focus {
  color: #c4271f;
}
.blog-hub__main.entry-content strong {
  color: #191130;
}
.blog-hub__main.entry-content .label {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-weight: 500;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: #191130;
}
.blog-hub__main.entry-content .figure-pair {
  display: flex;
  gap: 16px;
}
.blog-hub__main.entry-content .figure-pair img {
  flex: 1;
  aspect-ratio: 378/503;
  object-fit: cover;
}
.blog-hub__main.entry-content table {
  width: 100%;
  border-collapse: collapse;
}
.blog-hub__main.entry-content table th,
.blog-hub__main.entry-content table td {
  padding: 12px 0;
  border-bottom: 1px solid #F0F0F0;
  text-align: left;
  font-size: 16px;
}
.blog-hub__main.entry-content table th {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-weight: 500;
  color: #191130;
}
.blog-hub__main.entry-content table td {
  font-weight: 400;
  color: #818181;
}
.blog-hub__main.entry-content table th:not(:first-child),
.blog-hub__main.entry-content table td:not(:first-child) {
  text-align: right;
}

.blog-tags {
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid #F0F0F0;
}
.blog-tags__title {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #818181;
}
.blog-tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-tags__pill {
  display: inline-flex;
  align-items: center;
  padding: 7px 16px;
  border-radius: 100px;
  background-color: #ECECEC;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
  white-space: nowrap;
  color: #818181;
  text-decoration: none;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.blog-hub__main.entry-content ul.blog-tags__list {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.blog-hub__main.entry-content ul.blog-tags__list li {
  padding-left: 0;
}
.blog-hub__main.entry-content ul.blog-tags__list li::before {
  content: none;
}

.blog-hub__main.entry-content .blog-tags__title {
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .blog-hub__main.entry-content .blog-tags__title {
    margin-bottom: 24px;
  }
}

.blog-hub__main.entry-content .blog-tags__pill {
  color: #818181;
  text-decoration: none;
}
.blog-hub__main.entry-content .blog-tags__pill:hover, .blog-hub__main.entry-content .blog-tags__pill:focus {
  background-color: #EE2E2F;
  color: #fff;
}

.blog-related .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 40px 30px 80px 30px;
}
@media (max-width: 767px) {
  .blog-related .container {
    padding: 40px 16px 80px 16px;
  }
}
.blog-related__header {
  width: fit-content;
  margin: 0 auto 40px auto;
}
@media (max-width: 1023px) {
  .blog-related__header {
    margin: 0 0 40px 0;
  }
}
.blog-related__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
@media (max-width: 1023px) {
  .blog-related__grid {
    display: flex;
    grid-template-columns: unset;
    gap: 16px;
  }
}
.blog-related__footer {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
@media (max-width: 1023px) {
  .blog-related__footer {
    display: none;
  }
}
.blog-related__pagination {
  display: none;
}
@media (max-width: 1023px) {
  .blog-related__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .blog-related__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .blog-related__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1023px) {
  .blog-related__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .blog-related__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}
@media (max-width: 1023px) {
  .blog-related__swiper {
    overflow: hidden;
    position: relative;
  }
  .blog-related .blog-card {
    flex: 0 0 78%;
    max-width: 300px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .blog-related .blog-card {
    flex-basis: 100%;
    max-width: none;
  }
}

/* Системна страница (page-system.php: Поверителност, Общи условия, Бисквитки…)
--------------------------------------------- */
.system-hero {
  padding: 100px 0 80px;
  background-color: #f7f7f7;
}
.system-hero .container {
  padding: 0 48px;
}
.system-hero .apex-breadcrumb {
  margin-bottom: 24px;
}
.system-hero__row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 24px;
}
.system-hero__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.system-hero__meta {
  flex-shrink: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
  margin: 0;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .system-hero {
    padding: 64px 0 48px;
  }
  .system-hero__row {
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .system-hero__title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .system-hero {
    padding: 24px 0 32px;
  }
  .system-hero .apex-breadcrumb {
    margin-bottom: 16px;
  }
  .system-hero__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .system-hero__title {
    font-size: 28px;
    overflow-wrap: anywhere;
  }
  .system-hero__meta {
    font-size: 13px;
  }
}

.system-page__body {
  border-bottom: 1px solid #F0F0F0;
}
.system-page__body > .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 40px 0 200px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .system-page__body > .container {
    padding-top: 40px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .system-page__body > .container {
    border-width: 0;
    padding-top: 32px;
    padding-bottom: 80px;
  }
}

.system-page__content.entry-content {
  max-width: 772px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #818181;
  padding-left: 120px;
}
.system-page__content.entry-content > * + * {
  margin-top: 24px;
}
.system-page__content.entry-content h2 {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin-top: 48px;
}
.system-page__content.entry-content h3 {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin-top: 32px;
}
.system-page__content.entry-content p {
  margin: 0;
}
.system-page__content.entry-content ul,
.system-page__content.entry-content ol {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.system-page__content.entry-content a {
  color: #EE2E2F;
}
.system-page__content.entry-content a:hover, .system-page__content.entry-content a:focus {
  color: #c4271f;
}
.system-page__content.entry-content strong {
  color: #191130;
}
@media (max-width: 1023px) {
  .system-page__content.entry-content {
    padding-left: 0;
    max-width: none;
    overflow-wrap: break-word;
  }
}
@media (max-width: 767px) {
  .system-page__content.entry-content {
    font-size: 15px;
    line-height: 1.65;
  }
  .system-page__content.entry-content > * + * {
    margin-top: 20px;
  }
  .system-page__content.entry-content h2 {
    font-size: 18px;
    margin-top: 36px;
  }
  .system-page__content.entry-content h3 {
    font-size: 15px;
    margin-top: 24px;
  }
  .system-page__content.entry-content ul,
  .system-page__content.entry-content ol {
    margin-left: 0;
    padding-left: 20px;
  }
  .system-page__content.entry-content a {
    overflow-wrap: anywhere;
  }
  .system-page__content.entry-content img,
  .system-page__content.entry-content video,
  .system-page__content.entry-content iframe {
    max-width: 100%;
    height: auto;
  }
  .system-page__content.entry-content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
  }
}

/* Страница за грешка (404.php)
--------------------------------------------- */
.error-page__section {
  padding: 120px 0 160px;
  border-bottom: 1px solid #F0F0F0;
}
@media (max-width: 767px) {
  .error-page__section {
    padding: 64px 0 80px;
  }
}

.error-page__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}
.error-page__inner .section-eyebrow {
  justify-content: center;
  margin-bottom: 16px;
}

.error-page__code {
  margin: 0 0 8px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 180px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 4px;
  color: #EE2E2F;
}
@media (max-width: 767px) {
  .error-page__code {
    font-size: 112px;
  }
}

.error-page__title {
  margin: 0 0 16px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
@media (max-width: 767px) {
  .error-page__title {
    font-size: 28px;
  }
}

.error-page__lead {
  max-width: 560px;
  margin: 0 0 48px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #818181;
}

.error-page__search {
  width: 100%;
  max-width: 560px;
  margin-bottom: 48px;
}

.error-page__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px 48px;
}
.error-page__actions .btn {
  align-self: center;
  margin-right: 16px;
}

.error-page__link {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 700;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  text-decoration: none;
  color: #191130;
  border-bottom: 2px solid #EE2E2F;
  padding-bottom: 4px;
  transition: color 0.2s linear;
}
.error-page__link:visited {
  color: #191130;
}
.error-page__link:hover, .error-page__link:focus {
  color: #EE2E2F;
}

.error-page__help {
  margin: 48px 0 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
}
.error-page__help a {
  font-weight: 700;
  color: #191130;
  text-decoration: none;
  white-space: nowrap;
}
.error-page__help a:hover, .error-page__help a:focus {
  color: #EE2E2F;
}

/* Информативна страница на категория (product-cat-info.php: видовете стелажи)
--------------------------------------------- */
.tax-product_cat main#primary.site-main.cat-info-page {
  margin-top: var(--header-height, calc(72px + 44px));
}

.cat-info-page__body .system-page__content.entry-content {
  max-width: none;
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 767px) {
  .cat-info-page__body .system-page__content.entry-content {
    padding-left: 0;
    padding-right: 0;
  }
}

.cat-info-page .cat-info-page__body > .container {
  padding-bottom: 100px;
}

.cat-info-page .configurator + .home-cta > .container {
  padding-top: 80px;
}

/* Configurator band (Стелажи: red promo block)
--------------------------------------------- */
.configurator {
  position: relative;
  background-color: #EE2E2F;
  min-height: 724px;
  padding: 147px 0 210px;
  margin: 80px 0 0 0;
  clip-path: inset(-400px 0 0 0);
}
.configurator__media {
  position: absolute;
  top: -130px;
  left: 50%;
  margin-left: -117px;
  width: 878px;
  height: 860px;
  pointer-events: none;
}
@media (max-width: 479px) {
  .configurator__media {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .configurator__media {
    margin-left: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .configurator__media {
    width: 50%;
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .configurator__media {
    top: 0;
    margin-left: -35px;
    width: 730px;
  }
}
.configurator__media img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center top;
  display: block;
}
.configurator__content {
  position: relative;
  z-index: 1;
  max-width: 460px;
}
.configurator__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin: 0;
}
.configurator__text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  line-height: 1.7;
  margin: 24px 0 40px;
}
.configurator__cta {
  position: relative;
  z-index: 1;
  max-width: 460px;
}
.configurator__panel {
  position: absolute;
  left: 39%;
  right: 0;
  bottom: 56px;
  z-index: 2;
  background-color: #ffffff;
  clip-path: polygon(72px 0, 100% 0, 100% 100%, 0 100%);
}
.configurator__panel-inner {
  padding: 28px 40px 32px 112px;
}
.configurator__panel-title {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #191130;
  line-height: 1.43;
  margin: 0 0 24px;
}
.configurator__steps {
  display: grid;
  grid-template-columns: repeat(var(--steps-count, 4), auto);
  justify-content: start;
  gap: 40px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.configurator__step {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 150px;
  min-width: min-content;
}
.configurator__step-number {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  color: #EE2E2F;
}
@media (max-width: 767px) {
  .configurator__step-number {
    font-size: 26px;
  }
}
.configurator__step-label {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  overflow-wrap: normal;
}
@media (max-width: 767px) {
  .configurator__step-label {
    font-size: 20px;
  }
}
@media (max-width: 1399px) {
  .configurator__panel {
    left: 34%;
  }
  .configurator__steps {
    gap: 28px;
  }
}
@media (max-width: 1199px) {
  .configurator {
    padding: 72px 0 190px;
  }
  .configurator__heading {
    font-size: 40px;
  }
  .configurator__panel {
    left: 22%;
  }
}
@media (max-width: 1023px) {
  .configurator {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 64px 0 0;
    margin: 56px 0 0 0;
    clip-path: none;
  }
  .configurator__media {
    position: static;
    order: 4;
    width: 100%;
    height: auto;
    margin-top: 32px;
    opacity: 1;
  }
  .configurator__media img {
    height: auto;
    object-fit: cover;
  }
  .configurator__content {
    max-width: none;
    padding-bottom: 48px;
  }
  .configurator__heading {
    font-size: 28px;
  }
  .configurator__panel-row {
    order: 2;
  }
  .configurator__panel {
    position: static;
    background-color: transparent;
    clip-path: none;
  }
  .configurator__panel-inner {
    padding: 0;
  }
  .configurator__panel-title {
    color: #fff;
  }
  .configurator__steps {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 24px;
  }
}
@media (max-width: 1023px) and (max-width: 479px) {
  .configurator__steps {
    gap: 24px 16px;
  }
  .configurator__steps .configurator__step-label {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .configurator__step {
    max-width: none;
  }
  .configurator__step-number, .configurator__step-label {
    color: #fff;
  }
  .configurator__cta-row {
    order: 3;
    padding-top: 24px;
    margin-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.configurator--light {
  background-color: #F7F7F7;
}
.configurator--light .configurator__heading,
.configurator--light .configurator__text {
  color: #19112F;
}
.configurator--light .configurator__panel {
  background-color: #EE2E2F;
}
.configurator--light .configurator__panel-title,
.configurator--light .configurator__step-label,
.configurator--light .configurator__step-number {
  color: #fff;
}
@media (max-width: 1023px) {
  .configurator--light .configurator__panel {
    background-color: transparent;
  }
  .configurator--light .configurator__panel-title,
  .configurator--light .configurator__step-label,
  .configurator--light .configurator__step-number {
    color: #191130;
  }
  .configurator--light .configurator__cta-row {
    border-top-color: rgba(25, 17, 48, 0.1);
  }
}

@media (min-width: 1440px) {
  body.page-template-page-stelazhi .configurator__content, body.page-template-page-stelazhi .configurator__cta {
    max-width: 544px;
    padding-left: 32px;
  }
  body.page-template-page-stelazhi .configurator__heading {
    max-width: 460px;
  }
  body.page-template-page-stelazhi .configurator__text {
    max-width: 512px;
    font-size: 14px;
    line-height: 1.43;
  }
  body.page-template-page-stelazhi .configurator__cta .btn {
    padding: 21.4px 24px 21.4px 37px;
  }
  body.page-template-page-stelazhi .configurator__panel {
    bottom: 109px;
  }
  body.page-template-page-stelazhi .configurator__panel-inner {
    padding: 48px 40px 69.6px 112px;
  }
}
/* Mission & vision (За нас: шахматният блок с двете снимки)
--------------------------------------------- */
.mission-vision {
  padding: 80px 0;
  background-color: #ffffff;
}
.mission-vision__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: start;
}
.mission-vision__col {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.mission-vision__col--offset {
  padding-top: 40px;
}
.mission-vision__block {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 460px;
}
.mission-vision__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.mission-vision__text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  color: #818181;
  margin: 0;
}
.mission-vision__figure {
  margin: 0;
  max-width: 484px;
}
.mission-vision__image {
  display: block;
  width: 100%;
  aspect-ratio: 49/53;
  object-fit: cover;
  object-position: center;
}
.mission-vision__image--placeholder {
  object-fit: contain;
  background-color: #f2f3f5;
}
@media (max-width: 991px) {
  .mission-vision {
    padding: 48px 0;
    border-bottom: 1px solid #F0F0F0;
  }
  .mission-vision__grid {
    gap: 48px;
  }
  .mission-vision__col {
    gap: 32px;
  }
  .mission-vision__col--offset {
    padding-top: 0;
  }
  .mission-vision__heading {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .mission-vision {
    padding: 56px 0;
    border-bottom: 1px solid #F0F0F0;
  }
  .mission-vision__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .mission-vision__col {
    display: contents;
  }
  .mission-vision__block {
    max-width: none;
    gap: 24px;
  }
  .mission-vision__figure {
    max-width: none;
  }
  .mission-vision__heading {
    font-size: 36px;
  }
  .mission-vision__col:first-child .mission-vision__block {
    order: 1;
  }
  .mission-vision__col--offset .mission-vision__figure {
    order: 2;
  }
  .mission-vision__col--offset .mission-vision__block {
    order: 3;
  }
  .mission-vision__col:first-child .mission-vision__figure {
    order: 4;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-za-nas .mission-vision__heading {
    font-size: 40px;
    line-height: 1;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-za-nas .mission-vision {
    padding-top: 60px;
  }
  body.page-template-page-za-nas .mission-vision__grid {
    grid-template-columns: 517px 1fr;
    column-gap: 181px;
    padding-left: 97px;
  }
  body.page-template-page-za-nas .mission-vision__image {
    aspect-ratio: 484/513;
  }
  body.page-template-page-za-nas .mission-vision__text {
    line-height: 1.43;
  }
  body.page-template-page-za-nas .mission-vision__col:not(.mission-vision__col--offset) .mission-vision__block {
    max-width: 465px;
  }
  body.page-template-page-za-nas .mission-vision__col--offset .mission-vision__block {
    max-width: 451px;
  }
}
/* Values (За нас: принципите, по които работим)
--------------------------------------------- */
.values {
  padding: 80px 0;
  background-color: #ffffff;
}
.values__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 64px;
  text-align: center;
}
.values__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.values__grid {
  display: grid;
  grid-template-columns: repeat(var(--values-count, 4), 1fr);
  gap: 32px;
}
.values__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.values__icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 54px;
  margin-bottom: 8px;
}
.values__icon svg {
  height: 54px;
  width: auto;
}
.values__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.values__text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  color: #818181;
  margin: 0;
}
@media (max-width: 991px) {
  .values {
    padding: 48px 0;
    border-bottom: 1px solid #F0F0F0;
  }
  .values__header {
    margin-bottom: 48px;
  }
  .values__heading {
    font-size: 32px;
  }
  .values__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 32px;
  }
}
@media (max-width: 599px) {
  .values__heading {
    font-size: 26px;
  }
  .values__grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}
@media (max-width: 767px) {
  .values {
    padding: 56px 0;
    border-bottom: 1px solid #F0F0F0;
  }
  .values__header {
    align-items: flex-start;
    text-align: left;
    margin-bottom: 40px;
  }
  .values__heading {
    font-size: 36px;
  }
  .values__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .values__icon {
    min-height: 42px;
    margin-bottom: 0;
  }
  .values__icon svg {
    height: 42px;
  }
  .values__title {
    font-size: 24px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-za-nas .values__heading {
    font-size: 48px;
  }
  body.page-template-page-za-nas .values__grid {
    grid-template-columns: repeat(var(--values-count, 4), 214px);
    column-gap: 120px;
    justify-content: center;
  }
  body.page-template-page-za-nas .values {
    padding-top: 96px;
    padding-bottom: 126.6px;
  }
  body.page-template-page-za-nas .values__header {
    margin-bottom: 95px;
  }
}
/* Timeline (За нас: историята на фирмата — CPT `history`)
--------------------------------------------- */
.timeline {
  padding: 80px 0;
  background-color: #ECECEC;
  overflow: hidden;
}
.timeline__grid {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: 80px;
  align-items: start;
}
.timeline__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.timeline__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.timeline__text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
  line-height: 1.7;
  margin: 0;
}
.timeline__social {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 16px;
  color: #D4D4D4;
}
.timeline__social a {
  display: flex;
  color: inherit;
}
.timeline__social a:hover, .timeline__social a:focus {
  color: #EE2E2F;
}
.timeline__social svg {
  height: 20px;
  width: auto;
}
.timeline__main {
  min-width: 0;
}
.timeline__viewport {
  position: relative;
  height: 460px;
}
.timeline__axis {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  z-index: 0;
}
.timeline__line {
  position: absolute;
  inset: 0;
  background-color: #F0F0F0;
}
.timeline__progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background-color: #EE2E2F;
  transition: width 0.35s ease;
}
.timeline__swiper {
  position: relative;
  z-index: 1;
  height: 100%;
  overflow: hidden;
  mask-image: linear-gradient(to right, #000 78%, transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 78%, transparent 100%);
}
.timeline .swiper-wrapper {
  height: 100%;
}
.timeline__slide {
  position: relative;
  height: 100%;
}
.timeline__slide--spacer {
  pointer-events: none;
}
.timeline__event {
  position: absolute;
  left: 0;
  width: calc(100% - 32px);
}
.timeline__slide.is-top .timeline__event, .timeline__slide.is-top .timeline__event {
  bottom: calc(50% + 28px);
}
.timeline__slide.is-bottom .timeline__event {
  top: calc(50% + 28px);
}
.timeline__year {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  line-height: 1;
  margin: 0 0 14px;
  transition: color 0.2s linear;
}
.timeline__body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  color: #818181;
  line-height: 1.6;
}
.timeline__body p {
  margin: 0 0 6px;
}
.timeline__body p:last-child {
  margin-bottom: 0;
}
.timeline__node {
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #F0F0F0;
  transition: all 0.2s linear;
}
.timeline .swiper-slide-active .timeline__year {
  color: #EE2E2F;
}
.timeline .swiper-slide-active .timeline__node {
  width: 16px;
  height: 16px;
  background-color: #ffffff;
  border: 3px solid #EE2E2F;
  box-shadow: 0 0 0 4px rgba(238, 46, 47, 0.15);
}
.timeline__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 32px;
  margin-top: 24px;
}
.timeline__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 0;
  background: none;
  color: #EE2E2F;
  cursor: pointer;
  transition: color 0.2s linear;
}
.timeline__arrow:hover, .timeline__arrow:focus {
  color: #c4271f;
}
.timeline__arrow.swiper-button-disabled {
  color: #D4D4D4;
  cursor: default;
}
@media (max-width: 991px) {
  .timeline {
    padding: 48px 0;
  }
  .timeline__grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .timeline__heading {
    font-size: 26px;
  }
}
@media (max-width: 599px) {
  .timeline__viewport {
    height: 420px;
  }
}
@media (max-width: 767px) {
  .timeline {
    padding: 72px 0;
  }
  .timeline__grid {
    gap: 32px;
  }
  .timeline__intro {
    gap: 24px;
  }
  .timeline__heading {
    font-size: 36px;
  }
  .timeline__social {
    margin-top: 8px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-za-nas .timeline {
    background-color: #FAFAFA;
  }
  body.page-template-page-za-nas .timeline__heading {
    font-size: 48px;
    line-height: 1;
  }
  body.page-template-page-za-nas .timeline__grid {
    grid-template-columns: 297px minmax(0, 1fr);
    column-gap: 56px;
    padding-left: 47px;
  }
  body.page-template-page-za-nas .timeline__social svg {
    height: 24px;
  }
  body.page-template-page-za-nas .timeline {
    padding-block: 50px;
  }
}
/* Certificates (За нас: сертификати и партньорства — CPT `certificate`)
--------------------------------------------- */
.certificates {
  padding: 80px 0;
  background-color: #ffffff;
}
.certificates__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  margin-bottom: 64px;
  text-align: center;
}
.certificates__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.certificates__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid #F0F0F0;
}
.certificates__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 72px 48px;
  border-bottom: 1px solid #F0F0F0;
}
.certificates__item:nth-child(odd) {
  border-right: 1px solid #F0F0F0;
}
.certificates__logo {
  display: flex;
  align-items: center;
  min-height: 90px;
  margin-bottom: 32px;
}
.certificates__logo img {
  max-height: 90px;
  width: auto;
  max-width: 100%;
}
.certificates__logo-placeholder {
  opacity: 0.5;
}
.certificates__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 20px;
}
.certificates__desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
  line-height: 1.7;
}
.certificates__desc p {
  margin: 0 0 8px;
}
.certificates__desc p:last-child {
  margin-bottom: 0;
}
.certificates__refs {
  list-style: none;
  margin: 28px 0 0;
  padding: 0;
}
.certificates__refs li {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #191130;
}
.certificates__refs li + li {
  margin-top: 8px;
}
@media (max-width: 1023px) {
  .certificates {
    padding: 48px 0;
  }
  .certificates__header {
    margin-bottom: 48px;
  }
  .certificates__heading {
    font-size: 32px;
  }
  .certificates__item {
    padding: 48px 32px;
  }
}
@media (max-width: 767px) {
  .certificates {
    padding: 56px 0;
  }
  .certificates__header {
    align-items: flex-start;
    text-align: left;
    margin-bottom: 56px;
  }
  .certificates__heading {
    font-size: 36px;
  }
  .certificates__grid {
    grid-template-columns: 1fr;
  }
  .certificates__item {
    padding: 32px 0;
  }
  .certificates__item:nth-child(odd) {
    border-right: 0;
  }
  .certificates__item:last-child {
    border-bottom: 0;
  }
  .certificates__logo {
    margin-bottom: 16px;
  }
  .certificates__title {
    font-size: 24px;
    margin-bottom: 24px;
  }
}

/* Clients (За нас: logo wall — CPT `client`)
--------------------------------------------- */
.clients {
  border-top: 1px solid #F0F0F0;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .clients {
    border-bottom: 1px solid #F0F0F0;
  }
}
.clients .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
  padding: 87px 0 130px 0;
}
@media (max-width: 767px) {
  .projects-archive .clients .container {
    padding-top: 0;
  }
}
@media (max-width: 767px) {
  .clients .container {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.clients__header {
  display: flex;
  justify-content: center;
  margin-bottom: 116px;
}
@media (max-width: 767px) {
  .clients__header {
    justify-content: flex-start;
  }
}
.clients__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 48px 32px;
  align-items: center;
}
.clients__item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 60px;
}
.clients__item img {
  max-height: 56px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.clients__item.is-hidden {
  display: none;
}
.clients__logo-placeholder {
  opacity: 0.5;
}
.clients__more {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}
.clients__more-btn {
  padding: 0 0 4px;
  border: 0;
  border-bottom: 1.5px solid #191130;
  background: none;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #191130;
  cursor: pointer;
  transition: color 0.2s linear, border-color 0.2s linear;
}
.clients__more-btn:hover, .clients__more-btn:focus {
  color: #EE2E2F;
  border-color: #EE2E2F;
}
@media (max-width: 1023px) {
  .clients {
    padding: 48px 0;
  }
  .clients__header {
    margin-bottom: 40px;
  }
  .clients__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 24px;
  }
}
@media (max-width: 767px) {
  .clients__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px 20px;
  }
}

/* Reviews (За нас: отзиви от клиенти — CPT `review`)
--------------------------------------------- */
.reviews {
  padding: 80px 0;
  background-color: #ffffff;
}
.reviews__header {
  display: flex;
  justify-content: center;
  margin-bottom: 56px;
}
.reviews__viewport {
  position: relative;
}
.reviews__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  display: flex;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s linear;
}
.reviews__arrow svg {
  width: 29px;
  height: 29px;
  display: block;
}
.reviews__arrow--prev {
  left: -8px;
}
.reviews__arrow--prev svg {
  transform: rotate(180deg);
}
.reviews__arrow--next {
  right: -8px;
}
.reviews__arrow.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.reviews__swiper {
  margin: 0 40px;
  overflow: hidden;
}
.reviews__slide {
  height: auto;
}
.reviews__card {
  --card-pad-top: 28px;
  --card-pad-x: 48px;
  --card-pad-bottom: 48px;
  --card-gap: 48px;
  display: flex;
  flex-direction: column;
  gap: var(--card-gap);
  height: 100%;
  padding: var(--card-pad-top) var(--card-pad-x) var(--card-pad-bottom);
  background: linear-gradient(180deg, #f7f7f8 0%, #fbfbfc 100%);
}
.reviews__quote-mark {
  flex-shrink: 0;
  width: 72px;
  height: auto;
  margin-left: calc(var(--card-pad-x) * -1);
}
.reviews__quote {
  flex: 1 1 auto;
}
.reviews__quote p {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #191130;
  line-height: 1.7;
  margin: 0;
}
.reviews__quote p + p {
  margin-top: 12px;
}
.reviews__quote p:first-of-type::before {
  content: "„";
}
.reviews__quote p:last-of-type::after {
  content: "“";
}
.reviews__byline {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.3;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (max-width: 991px) {
  .reviews {
    padding: 48px 0;
  }
  .reviews__header {
    margin-bottom: 40px;
  }
  .reviews__card {
    --card-pad-top: 24px;
    --card-pad-x: 36px;
    --card-pad-bottom: 40px;
    --card-gap: 36px;
  }
}
@media (max-width: 599px) {
  .reviews__swiper {
    margin: 0 32px;
  }
  .reviews__arrow--prev {
    left: -4px;
  }
  .reviews__arrow--next {
    right: -4px;
  }
}
@media (max-width: 767px) {
  .reviews {
    padding: 48px 0 24px;
  }
  .reviews__header {
    justify-content: flex-start;
    margin-bottom: 16px;
  }
  .reviews__card {
    --card-pad-top: 8px;
    --card-pad-x: 48px;
    --card-pad-bottom: 48px;
    --card-gap: 48px;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-za-nas .reviews__card {
    box-sizing: border-box;
    min-height: 417px;
  }
  body.page-template-page-za-nas .reviews__arrow--prev {
    left: 16px;
  }
  body.page-template-page-za-nas .reviews__arrow--next {
    right: 16px;
  }
  body.page-template-page-za-nas .reviews__arrow.swiper-button-disabled {
    opacity: 1;
  }
}
/* Брандови страници (Template Name: Бранд) — изцяло статично съдържание
--------------------------------------------- */
.brand-page .page-hero__inner {
  align-items: flex-start;
}
.brand-page .page-hero__icon {
  margin-top: 4px;
}
.brand-page .category-cards__media img {
  object-fit: contain;
}

.brand-why {
  position: relative;
  overflow: hidden;
  padding: 120px 0;
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
.brand-why__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.brand-why__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.brand-why__media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(25, 17, 48, 0) 12%, rgba(25, 17, 48, 0.6) 58%), rgba(25, 17, 48, 0.5);
}
.brand-why > .container {
  position: relative;
  z-index: 1;
}
.brand-why__header {
  max-width: 640px;
  margin-bottom: 64px;
}
.brand-why__header .section-eyebrow {
  color: #fff;
}
.brand-why__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  margin: 16px 0 0;
}
.brand-why__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}
.brand-why__number {
  display: block;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: 0.36px;
  color: #EE2E2F;
  margin-bottom: 22px;
}
.brand-why__item-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  color: #fff;
  margin: 0 0 22px;
}
.brand-why__item-text {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  line-height: 1.43;
  color: #fff;
  margin: 0;
}
@media (max-width: 991px) {
  .brand-why {
    padding: 80px 0;
  }
  .brand-why__header {
    margin-bottom: 56px;
  }
  .brand-why__heading {
    font-size: 40px;
  }
  .brand-why__grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
}
@media (max-width: 767px) {
  .brand-why {
    padding: 56px 0;
  }
  .brand-why__header {
    margin-bottom: 48px;
  }
  .brand-why__heading {
    font-size: 36px;
  }
  .brand-why__grid {
    grid-template-columns: 1fr;
  }
}

.brand-featured {
  padding: 0 0 80px;
  border-top: 1px solid #F0F0F0;
}
.brand-featured .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.brand-featured__intro {
  padding: 32px 29px;
}
.brand-featured__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.brand-featured__pagination {
  display: none;
}
@media (max-width: 767px) {
  .brand-featured__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .brand-featured__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .brand-featured__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 767px) {
  .brand-featured__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .brand-featured__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}
@media (max-width: 767px) {
  .brand-featured__swiper {
    overflow: hidden;
    position: relative;
  }
  .brand-featured__grid {
    display: flex;
    grid-template-columns: unset;
    gap: 16px;
  }
  .brand-featured .apex-product-card {
    flex: 0 0 78%;
    max-width: 300px;
  }
}
@media (max-width: 767px) and (max-width: 479px) {
  .brand-featured .apex-product-card {
    flex-basis: 100%;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .brand-featured .products.brand-featured__grid li.product.apex-product-card {
    border: 0;
  }
}

.products.brand-featured__grid li.product.apex-product-card {
  float: none;
  width: auto;
  margin: 0;
  box-shadow: none;
  border-left: 1px solid #F0F0F0;
  border-top: 1px solid #F0F0F0;
}
.products.brand-featured__grid li.product.apex-product-card:first-child {
  border-left: none;
}

@media (max-width: 991px) {
  .brand-featured__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .products.brand-featured__grid li.product.apex-product-card:nth-child(2n+1) {
    border-left: none;
  }
}
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: flex;
  align-items: center;
}
.main-navigation__panel {
  display: flex;
}
.main-navigation__contact, .main-navigation__extra {
  display: none;
}
.main-navigation > .main-navigation__panel > ul {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.main-navigation .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999;
  flex-direction: column;
  gap: 0;
  min-width: 220px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #ffffff;
  border: 1px solid #F0F0F0;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
}
.main-navigation .sub-menu li {
  width: 100%;
}
.main-navigation .sub-menu a {
  padding: 8px 16px;
}
.main-navigation li:hover > .sub-menu,
.main-navigation li.focus > .sub-menu {
  display: flex;
}
.main-navigation li {
  position: relative;
}
.main-navigation li.has-mega {
  position: static;
}
.main-navigation__link {
  display: block;
  padding: 8px 0;
  color: #fff;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-decoration: none;
  transform: translateY(-2px);
}
.main-navigation__link:hover, .main-navigation__link:focus {
  color: #EE2E2F;
}
.current-menu-item > .main-navigation__link, .current_page_item > .main-navigation__link, .current-menu-ancestor > .main-navigation__link, .current_page_ancestor > .main-navigation__link {
  color: #EE2E2F;
}
li.menu-item-has-children > .main-navigation__link, li.has-mega > .main-navigation__link {
  display: flex;
  align-items: center;
  gap: 6px;
}
li.menu-item-has-children > .main-navigation__link::after, li.has-mega > .main-navigation__link::after {
  content: "";
  flex-shrink: 0;
  width: 11px;
  height: 6px;
  background-color: currentColor;
  mask: url("images/icons/chevron-down.svg") center/contain no-repeat;
  -webkit-mask: url("images/icons/chevron-down.svg") center/contain no-repeat;
  transition: transform 0.2s linear;
  transform: translateY(-2px);
}
li.menu-item-has-children:hover > .main-navigation__link::after, li.menu-item-has-children.focus > .main-navigation__link::after, li.has-mega:hover > .main-navigation__link::after, li.has-mega:focus-within > .main-navigation__link::after, li.has-mega.is-open > .main-navigation__link::after {
  transform: rotate(180deg);
}
li.has-mega:hover > .main-navigation__link, li.has-mega:focus-within > .main-navigation__link, li.has-mega.is-open > .main-navigation__link {
  color: #EE2E2F;
}
.menu-item-promo > .main-navigation__link {
  display: flex;
  align-items: center;
  gap: 8px;
}
.menu-item-promo > .main-navigation__link::before {
  content: "";
  order: 1;
  flex-shrink: 0;
  width: 21px;
  height: 21px;
  background: url("images/icons/promo.svg") center/contain no-repeat;
  background-size: 100% 100%;
  transform: translateY(-2px);
}
.menu-item-promo > .main-navigation__link::after {
  order: 2;
}

/* Mobile toggle button — solid red square, full header height, flush against
   the viewport edge (bleeds past .container's own gutter — @see the
   margin-right below), holding a 3-bar hamburger that morphs into an ×.
   Bars are always white — this is a filled CTA-style button, not a bare
   icon, so it doesn't need the .header-icons white/dark scroll flip. */
.menu-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 6px;
  height: 100%;
  aspect-ratio: 1/1;
  padding: 0;
  background-color: #EE2E2F;
  color: #fff;
  border: 0;
  cursor: pointer;
  border-radius: 0;
}
.menu-toggle__bar {
  width: 26px;
  height: 2px;
  background: currentColor;
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.menu-toggle[aria-expanded=true] .menu-toggle__bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.menu-toggle[aria-expanded=true] .menu-toggle__bar:nth-child(2) {
  opacity: 0;
}
.menu-toggle[aria-expanded=true] .menu-toggle__bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* Small screens: collapse the bar into a toggle-able dropdown. Bumped from
   1280 to 1366 — the 7-item desktop bar (plus a chevron on every item, plus
   Промоции's badge) doesn't fit cleanly between 1280-1365px, wrapping labels
   to 2 lines instead. @see js/mega-menu.js and _mega-menu.scss, which share
   this exact breakpoint and must move with it. */
@media (max-width: 1365px) {
  .menu-toggle {
    display: flex;
    margin-right: calc(-1 * 24px);
  }
}
@media (max-width: 1365px) and (max-width: 767px) {
  .menu-toggle {
    margin-right: calc(-1 * 16px);
  }
}
@media (max-width: 1365px) {
  .main-navigation__panel {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset: var(--header-height, calc(72px + 44px)) 0 0 0;
    overflow-y: auto;
    padding: 16px;
    background: #ffffff;
    z-index: 200;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(24px);
    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0s linear 0.25s;
  }
}
@media (max-width: 1365px) and (min-width: 1024px) and (max-width: 1365px) {
  .main-navigation__panel {
    left: auto;
    width: 420px;
    max-width: 90vw;
    box-shadow: -12px 0 28px rgba(0, 0, 0, 0.08);
  }
}
@media (max-width: 1365px) {
  body.has-menu-open {
    overflow: hidden;
  }
  .main-navigation.toggled > .main-navigation__panel {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
    transition: opacity 0.25s ease, transform 0.25s ease;
  }
  .main-navigation.toggled > .main-navigation__panel > ul {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .main-navigation__panel:has(.has-mega.is-open) .main-navigation__contact,
  .main-navigation__panel:has(.has-mega.is-open) .main-navigation__extra {
    display: none;
  }
  .main-navigation__panel:has(.has-mega.is-open) #primary-menu > li:not(.is-open) {
    display: none;
  }
  .main-navigation__link {
    justify-content: space-between;
    width: 100%;
    padding: 18px 0;
    border-bottom: 1px solid #F0F0F0;
    color: #191130;
    transform: none;
  }
  .main-navigation__link::after {
    width: 8px;
    height: 14px;
    margin-left: auto;
    mask-image: url("images/icons/chevron-right.svg");
    -webkit-mask-image: url("images/icons/chevron-right.svg");
    transform: none;
  }
  .main-navigation li.menu-item-has-children:hover > .main-navigation__link::after,
  .main-navigation li.menu-item-has-children.focus > .main-navigation__link::after,
  .main-navigation li.has-mega:hover > .main-navigation__link::after,
  .main-navigation li.has-mega:focus-within > .main-navigation__link::after,
  .main-navigation li.has-mega.is-open > .main-navigation__link::after {
    transform: none;
  }
  .main-navigation__contact {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
    padding: 20px 0;
    border-bottom: 1px solid #F0F0F0;
  }
  .main-navigation__contact-label {
    margin: 0;
    font-size: 12px;
    color: #818181;
  }
  .main-navigation__phone {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #191130;
    text-decoration: none;
    font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
    font-weight: 700;
    font-size: 20px;
  }
  .main-navigation__phone-icon {
    display: flex;
    width: 19px;
    height: 19px;
    max-width: none;
    color: #EE2E2F;
  }
  .main-navigation__phone-icon svg {
    width: 100%;
    height: auto;
  }
  .main-navigation__extra {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding-top: 24px;
  }
  .main-navigation__account,
  .main-navigation__locations {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #191130;
    text-decoration: none;
    font-size: 15px;
  }
  .main-navigation__account:hover, .main-navigation__account:focus,
  .main-navigation__locations:hover,
  .main-navigation__locations:focus {
    color: #EE2E2F;
  }
  .main-navigation__account-icon,
  .main-navigation__locations-icon {
    display: flex;
    width: 20px;
    height: 20px;
    max-width: none;
  }
  .main-navigation__account-icon svg,
  .main-navigation__locations-icon svg {
    width: 100%;
    height: auto;
  }
  .main-navigation__utility {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding-top: 20px;
    margin-top: 8px;
    border-top: 1px solid #F0F0F0;
  }
  .main-navigation__utility-links {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .main-navigation__utility-links a {
    color: #818181;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-size: 12px;
  }
  .main-navigation__utility-links a:hover, .main-navigation__utility-links a:focus {
    color: #EE2E2F;
  }
  .main-navigation__lang {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #818181;
    font-size: 12px;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Mega menu panels (главната навигация — един панел на раздел)
--------------------------------------------- */
.mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 140;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-8px);
  background-color: #ffffff;
  border-top: 1px solid #F0F0F0;
  box-shadow: 0 18px 32px rgba(0, 0, 0, 0.08);
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
@media (max-width: 1365px) {
  .mega-menu {
    display: none;
    position: absolute;
    inset: 0;
    overflow-y: auto;
    padding: 0 20px;
    z-index: 10;
  }
}
.mega-menu__inner {
  display: grid;
  align-items: stretch;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 1365px) {
  .mega-menu__inner {
    display: flex;
    max-width: none;
    margin: 0;
    flex-flow: column nowrap;
    gap: 49px;
    padding-top: 49px;
    padding-bottom: 50px;
  }
}
.mega-menu--motokari .mega-menu__inner {
  grid-template-columns: 1fr 1.15fr 1.15fr 1.15fr 1.1fr;
}
.mega-menu--motokari:not(:has(.mega-menu__col--visual)) .mega-menu__inner {
  grid-template-columns: 1.15fr 1.15fr 1.15fr 1.1fr;
}
.mega-menu--promocii .mega-menu__inner {
  grid-template-columns: 1fr 1.25fr 1.25fr 1.25fr 1.15fr;
}
.mega-menu--promocii:not(:has(.mega-menu__col--visual)) .mega-menu__inner {
  grid-template-columns: 1.25fr 1.25fr 1.25fr 1.15fr;
}
.mega-menu--stelazhi .mega-menu__inner, .mega-menu--avtoservizno .mega-menu__inner {
  grid-template-columns: 1fr 1.75fr 1.3fr 1.1fr;
}
.mega-menu--stelazhi:not(:has(.mega-menu__col--visual)) .mega-menu__inner, .mega-menu--avtoservizno:not(:has(.mega-menu__col--visual)) .mega-menu__inner {
  grid-template-columns: 1.75fr 1.3fr 1.1fr;
}
.mega-menu--produkti .mega-menu__inner {
  grid-template-columns: 0.9fr 1.4fr 1.4fr 1.4fr 0.95fr 1.05fr;
}
.mega-menu--produkti:not(:has(.mega-menu__col--visual)) .mega-menu__inner {
  grid-template-columns: 1.4fr 1.4fr 1.4fr 0.95fr 1.05fr;
}
.mega-menu--serviz .mega-menu__inner, .mega-menu--naem .mega-menu__inner {
  grid-template-columns: 220px minmax(280px, 360px) minmax(240px, 300px);
  justify-content: start;
}
.mega-menu--serviz:not(:has(.mega-menu__col--visual)) .mega-menu__inner, .mega-menu--naem:not(:has(.mega-menu__col--visual)) .mega-menu__inner {
  grid-template-columns: minmax(280px, 360px) minmax(240px, 300px);
}
.mega-menu__col {
  display: flex;
  flex-direction: column;
  padding: 32px 34px 40px;
  border-left: 1px solid #F0F0F0;
}
@media (max-width: 1365px) {
  .mega-menu__col {
    padding: 8px 0;
    border-left: 0;
    gap: 49px;
  }
}
.mega-menu__col:first-child {
  border-left: 0;
}
.mega-menu__col--muted {
  background-color: #ECECEC;
}
.mega-menu__col--visual {
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.mega-menu__col--visual img {
  display: block;
  width: 100%;
  max-width: 210px;
  height: auto;
}
.mega-menu__col--cta {
  align-items: center;
  justify-content: center;
  gap: 12px;
  text-align: center;
}
.mega-menu__col--cta .btn {
  margin-top: 8px;
}
.mega-menu__group + .mega-menu__group {
  margin-top: 34px;
}
.mega-menu__eyebrow {
  margin: 0 0 16px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #818181;
}
.mega-menu__links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.mega-menu__links li {
  display: flex;
}
.mega-menu__links a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
  text-transform: none;
  text-decoration: none;
  color: #191130;
  transition: color 0.2s ease;
}
.mega-menu__links a:hover, .mega-menu__links a:focus {
  color: #EE2E2F;
}
.mega-menu__links .mega-menu__link--emphasis {
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: #EE2E2F;
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}
.mega-menu__badge {
  padding: 2px 6px;
  border-radius: 2px;
  background-color: #EE2E2F;
  color: #fff;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.mega-menu .btn--ghost {
  margin-top: auto;
  align-self: flex-start;
}
.mega-menu__cta-title {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  font-weight: 400;
  color: #818181;
}
.mega-menu__phone {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #191130;
  text-decoration: none;
}
.mega-menu__phone:hover, .mega-menu__phone:focus {
  color: #EE2E2F;
}
.mega-menu__phone-icon {
  display: flex;
  width: 18px;
  height: 18px;
  color: #EE2E2F;
}
.mega-menu__phone-icon svg {
  width: 100%;
  height: auto;
}

.main-navigation li.has-mega:hover > .mega-menu,
.main-navigation li.has-mega:focus-within > .mega-menu,
.main-navigation li.has-mega.is-open > .mega-menu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.mega-menu__mobile-head {
  display: none;
}
@media (max-width: 1365px) {
  .mega-menu__mobile-head {
    display: flex;
    flex-direction: column;
    gap: 22px;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid #F0F0F0;
  }
}

@media (max-width: 1365px) {
  .main-navigation li.has-mega.is-open > .mega-menu {
    display: block;
  }
  .mega-menu__col--visual,
  .mega-menu__col--muted,
  .mega-menu__col--cta,
  .mega-menu__col .btn--ghost {
    display: none;
  }
  .mega-menu__back {
    display: flex;
    padding: 0;
    background: none;
    border: 0;
    color: #191130;
    cursor: pointer;
  }
  .mega-menu__back-icon {
    width: 16px;
    height: 16px;
    max-width: none;
    transform: rotate(180deg);
  }
  .mega-menu__mobile-title {
    display: block;
    margin: 0;
    font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: underline;
    text-underline-offset: 4px;
    color: #191130;
  }
  .mega-menu__mobile-title:hover, .mega-menu__mobile-title:focus {
    color: #EE2E2F;
  }
}
/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post,
.page {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* FAQ page
--------------------------------------------- */
.faq-page {
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 24px;
}
.faq-page__header {
  position: relative;
  z-index: 0;
  text-align: center;
  margin-bottom: 0.4em;
}
.faq-page__header::before {
  content: "?";
  position: absolute;
  z-index: 0;
  top: -0.55em;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 11rem;
  font-weight: 700;
  line-height: 1;
  color: rgba(238, 46, 47, 0.06);
  pointer-events: none;
}
.faq-page__header .entry-title {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-bottom: 0.45em;
  margin-bottom: 0;
}
.faq-page__header .entry-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 64px;
  height: 3px;
  border-radius: 2px;
  background: #EE2E2F;
}
.faq-page__intro {
  max-width: 620px;
  margin: 0 auto 3em;
  text-align: center;
  color: #818181;
  font-size: 1.05rem;
}
@media (max-width: 599px) {
  .faq-page {
    padding: 48px 24px;
  }
  .faq-page__header::before {
    font-size: 7rem;
  }
}

.faq-list {
  counter-reset: faq-group;
}

.faq-group {
  margin-bottom: 3em;
  counter-increment: faq-group;
}
.faq-group:last-child {
  margin-bottom: 0;
}
.faq-group__title {
  display: flex;
  align-items: center;
  gap: 0.65em;
  font-size: 1.3rem;
  color: #191130;
  margin: 0 0 1em;
}
.faq-group__title::before {
  content: counter(faq-group, decimal-leading-zero);
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background: #EE2E2F;
  color: #fff;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 0.8rem;
  font-weight: 700;
}
.faq-group__items {
  display: flex;
  flex-direction: column;
  gap: 0.75em;
}

.faq-item {
  background: #ffffff;
  border: 1px solid #F0F0F0;
  border-radius: 14px;
  overflow: hidden;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.faq-item:hover {
  border-color: rgba(238, 46, 47, 0.35);
}
.faq-item[open] {
  border-color: #EE2E2F;
  box-shadow: 0 12px 30px rgba(25, 17, 48, 0.08);
}
.faq-item__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  padding: 1.1em 1.4em;
  cursor: pointer;
  list-style: none;
  font-weight: 600;
  font-size: 1.02rem;
  color: #191130;
}
.faq-item__question::-webkit-details-marker {
  display: none;
}
.faq-item__question:hover {
  color: #EE2E2F;
}
.faq-item__icon {
  flex: 0 0 auto;
  position: relative;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #ECECEC;
  transition: background-color 0.2s ease, transform 0.25s ease;
}
.faq-item__icon::before, .faq-item__icon::after {
  content: "";
  position: absolute;
  background: #EE2E2F;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}
.faq-item__icon::before {
  top: 50%;
  left: 50%;
  width: 12px;
  height: 2px;
  transform: translate(-50%, -50%);
}
.faq-item__icon::after {
  top: 50%;
  left: 50%;
  width: 2px;
  height: 12px;
  transform: translate(-50%, -50%);
}
.faq-item[open] .faq-item__icon {
  background: #EE2E2F;
  transform: rotate(180deg);
}
.faq-item[open] .faq-item__icon::before, .faq-item[open] .faq-item__icon::after {
  background: #fff;
}
.faq-item[open] .faq-item__icon::after {
  opacity: 0;
}
.faq-item__answer {
  padding: 1em 1.4em 1.4em;
  border-top: 1px solid #F0F0F0;
  color: #818181;
}
.faq-item__answer p:first-child {
  margin-top: 0;
}
.faq-item__answer p:last-child {
  margin-bottom: 0;
}
.faq-item__answer ul,
.faq-item__answer ol {
  margin: 0.5em 0 0.5em 1.25em;
}

/* Locations page
--------------------------------------------- */
.locations-page {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.locations-page__header {
  text-align: center;
  margin-bottom: 0.5em;
}
.locations-page__intro {
  text-align: center;
  color: #818181;
  margin-bottom: 2.5em;
}

.locations-list {
  display: flex;
  flex-direction: column;
  gap: 1.25em;
}

.location-card {
  background: #ffffff;
  border: 1px solid #F0F0F0;
  border-radius: 10px;
  padding: 1.5em 1.75em;
  scroll-margin-top: 96px;
}
.location-card--hq {
  border-color: #EE2E2F;
  border-left-width: 4px;
}
.location-card__header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.75em;
  margin-bottom: 1em;
}
.location-card__title {
  font-size: 1.2rem;
  color: #191130;
  margin: 0;
}
.location-card__badge {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #EE2E2F;
  background: rgba(238, 46, 47, 0.08);
  border: 1px solid rgba(238, 46, 47, 0.3);
  border-radius: 999px;
  padding: 0.25em 0.75em;
}
.location-card__meta {
  list-style: none;
  margin: 0;
  padding: 0;
}
.location-card__row {
  display: flex;
  gap: 0.5em;
  padding: 0.35em 0;
}
.location-card__row + .location-card__row {
  border-top: 1px solid #F0F0F0;
}
.location-card__label {
  flex: 0 0 130px;
  font-weight: 600;
  color: #191130;
}
.location-card__value {
  color: #818181;
}
.location-card__value a {
  color: #EE2E2F;
}
.location-card__value a:hover {
  color: #c4271f;
}
.location-card__desc {
  margin-top: 1em;
  padding-top: 1em;
  border-top: 1px solid #F0F0F0;
  color: #818181;
}

@media (max-width: 480px) {
  .location-card__row {
    flex-direction: column;
    gap: 0.1em;
  }
  .location-card__label {
    flex-basis: auto;
  }
}
/* Contacts page (hero + offices/map + CF7 form)
--------------------------------------------- */
.contacts-hero {
  background-color: #ffffff;
}
.contacts-hero .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.contacts-hero__inner {
  padding: 98px 30px 46px 30px;
}
.contacts-hero__top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
  margin-bottom: 80px;
}
.contacts-hero__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.contacts-hero__social {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}
.contacts-hero__social a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c5c5c5;
  width: 24px;
  height: 24px;
}
.contacts-hero__social a svg {
  width: 100%;
  height: auto;
}
.contacts-hero__social a:hover {
  color: #EE2E2F;
}
.contacts-hero__social svg {
  width: auto;
  height: 22px;
  fill: currentColor;
}
.contacts-hero__lead {
  margin: 8px 0 0;
  padding-right: 150px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.43;
  color: #818181;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
}
.contacts-hero__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  max-width: 1030px;
  margin: 0 auto;
}

.contact-card {
  position: relative;
  padding: 24px;
  background-color: #ECECEC;
  display: flex;
  flex-flow: column nowrap;
  justify-content: space-between;
  gap: 36px;
}
.contact-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72px;
  height: 10px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='10' viewBox='0 0 72 10' fill='none'%3E%3Cpath d='M0 37L22.8989 0H817V37H0Z' fill='%23EE2E2F'/%3E%3C/svg%3E");
}
.contact-card-header {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.contact-card__label {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  display: block;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #818181;
}
.contact-card__value {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  letter-spacing: 0.36px;
  word-break: break-word;
}
.contact-card__value:hover {
  color: #EE2E2F;
}
.contact-card--email .contact-card__value {
  font-size: 24px;
}
.contact-card__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  color: #EE2E2F;
}
.contact-card__note {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
}

.contacts-offices {
  border-top: 1px solid #F0F0F0;
}
.contacts-offices .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.contacts-offices__inner {
  padding: 90px 30px 64px 30px;
}
@media (max-width: 1023px) {
  .contacts-offices__inner {
    padding: 72px 24px;
  }
}
.za-nas-page .contacts-offices {
  background-color: #ffffff;
}
.contacts-offices__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 64px;
}
.contacts-offices__heading {
  margin: 16px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.contacts-offices__body {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
}
.contacts-offices__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 1023px) {
  .contacts-offices {
    border-bottom: 1px solid #F0F0F0;
  }
}
@media (max-width: 767px) {
  .contacts-offices__inner {
    padding: 56px 0;
  }
  .contacts-offices__header {
    align-items: flex-start;
    text-align: left;
    margin-bottom: 48px;
  }
  .contacts-offices__heading {
    font-size: 36px;
  }
  .contacts-offices__list {
    border-top: 1px solid #F0F0F0;
  }
}
.contacts-offices__map {
  position: relative;
}
.contacts-offices__canvas {
  height: 100%;
  z-index: 0;
}

.office-item {
  border-bottom: 1px solid #F0F0F0;
}
.office-item__toggle {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  padding: 20px 0;
  border: 0;
  background: none;
  text-align: left;
  cursor: pointer;
}
.office-item__city-group {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  gap: 8px;
}
.office-item__city {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  color: #191130;
}
.office-item__chevron {
  flex-shrink: 0;
  color: #191130;
  transition: transform 0.2s ease;
}
.office-item.is-open .office-item__chevron {
  transform: rotate(180deg);
}
.office-item__tags {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}
.office-item__tag {
  padding: 7px 16px;
  border-radius: 999px;
  background-color: #F0F0F0;
  font-size: 13px;
  line-height: 1.25;
  color: #191130;
  white-space: nowrap;
}
.office-item__details {
  display: none;
  padding: 0 0 24px;
}
.office-item__row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.5;
  color: #818181;
}
.office-item__row:last-child {
  margin-bottom: 0;
}
.office-item__row a {
  color: inherit;
  text-decoration: none;
}
.office-item__row a:hover {
  color: #EE2E2F;
}
.office-item__row--phone {
  margin-top: 18px;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
  color: #191130;
}
.office-item__row--phone a {
  color: #191130;
}
.office-item__row--phone a:hover {
  color: #EE2E2F;
}
.office-item__icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  margin-top: 1px;
  overflow: visible;
}
.office-item__row--phone .office-item__icon {
  width: 22px;
  height: 22px;
  margin-top: 2px;
}
.office-item.is-open .office-item__details {
  display: block;
}
@media (max-width: 1023px) {
  .office-item__toggle {
    padding: 26px 0;
  }
  .office-item__city {
    font-size: 24px;
  }
  .office-item__row {
    font-size: 15px;
  }
  .office-item__icon {
    width: 22px;
    height: 22px;
  }
}
@media (max-width: 767px) {
  .office-item__toggle {
    padding: 32px 0;
  }
  .office-item__city {
    font-size: 26px;
  }
  .office-item__details {
    padding: 0 0 32px;
  }
  .office-item__row {
    gap: 10px;
    margin-bottom: 9px;
    font-size: 16px;
  }
  .office-item__row--phone {
    margin-top: 0;
    font-size: 24px;
  }
  .office-item__icon {
    width: 24px;
    height: 24px;
  }
  .office-item__row--phone .office-item__icon {
    width: 24px;
    height: 24px;
    margin-top: 0;
  }
}

.apex-map-pin {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.apex-map-pin svg {
  width: 34px;
  height: 47px;
  overflow: visible;
}

.contacts-form {
  background-color: #ffffff;
}
.contacts-form .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
.contacts-form__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  padding: 111px 0 56px 0;
}
.contacts-form--no-image .contacts-form__inner {
  grid-template-columns: 1fr;
}
.contacts-form__media {
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  .contacts-form__media {
    display: none;
  }
}
.contacts-form__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.contacts-form__panel {
  padding: 48px;
  background-color: #ECECEC;
}
.contacts-form__heading {
  margin: 16px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  text-transform: uppercase;
  color: #191130;
}
.contacts-form__text {
  margin: 16px 0 32px;
  font-size: 14px;
  line-height: 1.7;
  color: #818181;
}

.contacts-form__form .apex-form__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 24px;
}
.contacts-form__form .apex-form__field--full {
  grid-column: 1/-1;
}
.contacts-form__form label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 500;
  color: #191130;
}
.contacts-form__form .wpcf7-not-valid-tip {
  margin-top: 4px;
  font-size: 12px;
  color: #EE2E2F;
}
.contacts-form__form input[type=text],
.contacts-form__form input[type=email],
.contacts-form__form input[type=tel],
.contacts-form__form select,
.contacts-form__form textarea {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #F0F0F0;
  background-color: #ffffff;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #191130;
}
.contacts-form__form input[type=text]:focus,
.contacts-form__form input[type=email]:focus,
.contacts-form__form input[type=tel]:focus,
.contacts-form__form select:focus,
.contacts-form__form textarea:focus {
  border-color: #EE2E2F;
  outline: none;
}
.contacts-form__form textarea {
  min-height: 96px;
  resize: vertical;
}
.contacts-form__form .apex-form__consent {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 12px;
  line-height: 1.5;
  color: #818181;
}
.contacts-form__form .apex-form__consent .wpcf7-list-item {
  margin: 0;
}
.contacts-form__form .apex-form__consent label {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 0;
  font-weight: 400;
  color: #818181;
  cursor: pointer;
}
.contacts-form__form .apex-form__consent input[type=checkbox] {
  flex: 0 0 auto;
  margin: 1px 0 0;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #fff no-repeat center/12px 9px;
  border: 1.4px solid #acacac;
  border-radius: 0;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.contacts-form__form .apex-form__consent input[type=checkbox]:checked {
  border-color: #EE2E2F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.0709' height='23.092' viewBox='0 0 30.0709 23.092' fill='none'%3E%3Cpath d='M26.5355 3.53547L10.723 19.5355L3.53547 12.2627' stroke='%23EE2E2F' stroke-width='5' stroke-linecap='square'/%3E%3C/svg%3E");
}
.contacts-form__form .apex-form__consent input[type=checkbox]:focus-visible {
  outline: 2px solid #EE2E2F;
  outline-offset: 2px;
}
.contacts-form__form .apex-form__consent a {
  color: #EE2E2F;
}
.contacts-form__form .apex-form__actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.contacts-form__form input[type=submit]:not(.btn),
.contacts-form__form .wpcf7-submit:not(.btn) {
  display: inline-flex;
  align-items: center;
  padding: 14px 32px;
  border: 0;
  background-color: #EE2E2F;
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #fff;
  cursor: pointer;
}
.contacts-form__form input[type=submit]:not(.btn):hover,
.contacts-form__form .wpcf7-submit:not(.btn):hover {
  background-color: #c4271f;
}
.contacts-form__form .wpcf7-spinner {
  margin: 0 0 0 8px;
}

@media (max-width: 900px) {
  .contacts-hero__top,
  .contacts-offices__body,
  .contacts-form__inner {
    grid-template-columns: 1fr;
  }
  .contacts-offices__canvas {
    height: 400px;
  }
  .contacts-hero__cards {
    grid-template-columns: 1fr;
    max-width: none;
  }
  .contacts-hero__heading,
  .contacts-offices__heading {
    font-size: 28px;
  }
  .contacts-form__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
  .contacts-form__media {
    max-height: 280px;
    order: 2;
  }
  .contacts-form__panel {
    padding: 32px 24px;
    background-color: transparent;
  }
  .contacts-form .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .contacts-form__form .apex-form__grid {
    grid-template-columns: 1fr;
  }
}
@media (min-width: 1440px) {
  .contacts-hero__inner {
    padding-top: 97px;
  }
  .contacts-hero .apex-breadcrumb {
    margin-bottom: 30px;
  }
  .contacts-hero__heading {
    font-size: 48px;
    line-height: 1;
  }
  .contacts-hero__top {
    grid-template-columns: 601px 1fr;
  }
  .contacts-hero__lead {
    margin-top: 0;
  }
  .contacts-hero__social {
    gap: 24px;
    margin-top: 26px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-kontakti .contacts-form__inner,
  body.page-template-page-za-nas .contacts-form__inner {
    grid-template-columns: 747fr 693fr;
  }
}
@media (min-width: 901px) {
  body.page-template-page-kontakti .contacts-form__form .apex-form__grid,
  body.page-template-page-za-nas .contacts-form__form .apex-form__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__field,
  body.page-template-page-za-nas .contacts-form__form .apex-form__field {
    flex: 1 1 calc(50% - 12px);
    min-width: 0;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__field.apex-form__field--full,
  body.page-template-page-za-nas .contacts-form__form .apex-form__field.apex-form__field--full {
    flex-basis: 100%;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__field.apex-form__consent,
  body.page-template-page-za-nas .contacts-form__form .apex-form__field.apex-form__consent {
    flex: 1 1 260px;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__field.apex-form__actions,
  body.page-template-page-za-nas .contacts-form__form .apex-form__field.apex-form__actions {
    flex: 0 0 auto;
    margin-left: auto;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__consent .wpcf7-list-item-label,
  body.page-template-page-za-nas .contacts-form__form .apex-form__consent .wpcf7-list-item-label {
    text-wrap: pretty;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__consent .apex-form__req,
  body.page-template-page-za-nas .contacts-form__form .apex-form__consent .apex-form__req {
    white-space: nowrap;
  }
}
@media (min-width: 901px) {
  body.page-template-page-kontakti .contacts-form__panel,
  body.page-template-page-za-nas .contacts-form__panel {
    background-color: #F7F7F7;
  }
}
@media (min-width: 901px) {
  body.page-template-page-kontakti .contacts-form__heading,
  body.page-template-page-za-nas .contacts-form__heading {
    font-size: 40px;
    line-height: 1;
    text-wrap: balance;
  }
  body.page-template-page-kontakti .contacts-form__text,
  body.page-template-page-za-nas .contacts-form__text {
    max-width: 504px;
  }
}
@media (min-width: 901px) {
  body.page-template-page-kontakti .contacts-form__form,
  body.page-template-page-za-nas .contacts-form__form {
    max-width: 586px;
  }
  body.page-template-page-kontakti .contacts-form__form .apex-form__grid,
  body.page-template-page-za-nas .contacts-form__form .apex-form__grid {
    gap: 24px;
  }
  body.page-template-page-kontakti .contacts-form__form input[type=text],
  body.page-template-page-kontakti .contacts-form__form input[type=email],
  body.page-template-page-kontakti .contacts-form__form input[type=tel],
  body.page-template-page-kontakti .contacts-form__form select,
  body.page-template-page-za-nas .contacts-form__form input[type=text],
  body.page-template-page-za-nas .contacts-form__form input[type=email],
  body.page-template-page-za-nas .contacts-form__form input[type=tel],
  body.page-template-page-za-nas .contacts-form__form select {
    height: 40px;
    padding-top: 0;
    padding-bottom: 0;
  }
  body.page-template-page-kontakti .contacts-form__form textarea,
  body.page-template-page-za-nas .contacts-form__form textarea {
    height: 120px;
    min-height: 120px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-kontakti .contacts-form__inner {
    padding-top: 0;
    padding-bottom: 140px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-za-nas .contacts-form__inner {
    padding-top: 62px;
    padding-bottom: 80px;
  }
}
/* Departments (Отдели: Сервиз / Продажби / Резервни части / Счетоводство —
   global, reused across pages — @see template-parts/global/contacts-departments.php)
--------------------------------------------- */
.contacts-departments {
  background-color: #ECECEC;
  border-top: 1px solid #F0F0F0;
}
.contacts-departments__inner {
  padding: 104px 30px;
}
@media (max-width: 1023px) {
  .contacts-departments__inner {
    padding: 88px 24px;
  }
}
@media (max-width: 767px) {
  .contacts-departments__inner {
    padding: 72px 0;
  }
}
.contacts-departments__header {
  scroll-margin-top: calc(var(--header-height, 72px) + 32px);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 56px;
}
@media (max-width: 767px) {
  .contacts-departments__header {
    align-items: flex-start;
    text-align: left;
  }
}
.contacts-departments__heading {
  margin: 16px 0 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
}
.contacts-departments__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: start;
  gap: 20px;
}
.contacts-departments__stack {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  grid-column: span 1;
}

.department-card {
  background-color: #ffffff;
  padding: 48px 40px;
  display: flex;
  flex-flow: column nowrap;
}
.department-card--service {
  grid-column: span 1;
}
.department-card--sales {
  grid-column: span 2;
}
.department-card-header {
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
  list-style: none;
  cursor: pointer;
  position: relative;
}
.department-card-header::-webkit-details-marker {
  display: none;
}
.department-card-header::marker {
  content: "";
}
.department-card__chevron {
  display: none;
  position: absolute;
  top: 4px;
  right: 0;
  flex-shrink: 0;
  color: #191130;
  transition: transform 0.2s ease;
}
.department-card__icon-badge {
  display: block;
  width: 65px;
  height: 65px;
}
.department-card__icon-badge svg {
  display: block;
  width: 100%;
  height: 100%;
}
.department-card__title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
.department-card__groups {
  display: flex;
  flex-flow: column nowrap;
  gap: 26px;
}
.department-card__columns {
  display: flex;
  gap: 80px;
  flex-wrap: wrap;
}
.department-card__column {
  display: flex;
  flex-flow: column nowrap;
  gap: 26px;
  flex: 1 1 258px;
}
.department-card__group {
  display: flex;
  flex-flow: column nowrap;
  gap: 27px;
}
.department-card__group-label {
  margin: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: #191130;
}
.department-card__group-rows, .department-card__meta {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
}
.department-card__meta--inline {
  gap: 0;
}
.department-card__icon {
  flex: 0 0 auto;
  width: 24px;
  height: 24px;
  overflow: visible;
}
.department-card__row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.department-card__row a {
  color: inherit;
  text-decoration: none;
}
.department-card__row a:hover {
  color: #EE2E2F;
}
.department-card__row--phone {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  color: #191130;
}
.department-card__row--phone a {
  color: #191130;
}
.department-card__row--phone a:hover {
  color: #EE2E2F;
}
.department-card__row--email {
  font-size: 16px;
  color: #818181;
}
.department-card__row--email .department-card__icon {
  color: #EE2E2F;
}
.department-card__accordion {
  display: flex;
  flex-flow: column nowrap;
  gap: 26px;
}
@media (min-width: 1024px) {
  .department-card__accordion .department-card-header {
    cursor: default;
    pointer-events: none;
  }
  .department-card__accordion .department-card__icon-badge {
    align-self: center;
  }
  .department-card__accordion .department-card__title {
    text-align: center;
  }
}

@media (max-width: 1024px) {
  .contacts-departments__grid {
    grid-template-columns: 1fr;
  }
  .department-card--service,
  .department-card--sales,
  .contacts-departments__stack {
    grid-column: span 1;
  }
}
@media (max-width: 900px) {
  .contacts-departments__heading {
    font-size: 28px;
  }
}
@media (max-width: 600px) {
  .department-card__columns {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .contacts-departments__grid,
  .contacts-departments__stack {
    gap: 8px;
  }
  .department-card {
    padding: 0;
    gap: 0;
  }
  .department-card__accordion {
    gap: 0;
  }
  .department-card-header {
    padding: 16px 24px;
    gap: 24px;
    flex-flow: row nowrap;
    align-items: center;
    background-color: #ffffff;
  }
  .department-card__accordion > :not(summary) {
    padding: 16px 24px 32px;
    background-color: #ffffff;
  }
  .department-card__icon-badge {
    width: 43px;
    height: 43px;
  }
  .department-card__title {
    font-size: 20px;
    letter-spacing: 1px;
  }
  .department-card__chevron {
    display: block;
    position: static;
    margin-left: auto;
  }
  .department-card__accordion[open] .department-card__chevron {
    transform: rotate(180deg);
  }
  .department-card__meta--inline {
    display: none !important;
  }
}
body.page-template-page-kontakti .contacts-departments {
  background-color: #F7F7F7;
}

@media (min-width: 1440px) {
  body.page-template-page-kontakti .contacts-departments__header {
    margin-bottom: 44px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-kontakti .contacts-departments__grid {
    grid-template-columns: 324px 329px 329px 328px;
    justify-content: center;
  }
}
/* Single location page (single-lokatsiya.php)
--------------------------------------------- */
.lokatsiya-hero {
  padding: 32px 0 64px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .lokatsiya-hero {
    padding: 48px 0 48px;
  }
}
@media (max-width: 767px) {
  .lokatsiya-hero .apex-breadcrumb {
    margin-bottom: 16px;
  }
}
.lokatsiya-hero__top {
  display: flex;
  gap: 24px;
  align-items: start;
  margin-bottom: 32px;
}
@media (max-width: 1023px) {
  .lokatsiya-hero__top {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 767px) {
  .lokatsiya-hero__top {
    margin-bottom: 48px;
  }
}
.lokatsiya-hero__heading {
  margin: 0;
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  width: 45%;
}
@media (max-width: 1023px) {
  .lokatsiya-hero__heading {
    width: 100%;
  }
}
.lokatsiya-hero__intro {
  font-size: 16px;
  font-weight: 400;
  color: #818181;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .lokatsiya-hero__intro {
    font-size: 14px;
  }
}
.lokatsiya-hero__intro p {
  margin: 0;
}
.lokatsiya-hero__intro p + p {
  margin-top: 12px;
}
.lokatsiya-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (max-width: 767px) {
  .lokatsiya-hero__tags {
    flex-direction: column;
    align-items: flex-start;
  }
}
.lokatsiya-hero__tag {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 999px;
  background-color: #ECECEC;
  font-size: 14px;
  font-weight: 500;
  color: #191130;
}
.lokatsiya-hero__tag img {
  flex-shrink: 0;
  width: 16px;
  height: 12px;
}

.lokatsiya-details {
  padding: 0 0 80px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .lokatsiya-details {
    padding-bottom: 48px;
  }
}
.lokatsiya-details__body {
  display: grid;
  grid-template-columns: 278px 1fr;
  gap: 32px;
  align-items: start;
}
@media (max-width: 1023px) {
  .lokatsiya-details__body {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
.lokatsiya-details__info {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.lokatsiya-details__amenities {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .lokatsiya-details__amenities {
    margin-top: 48px;
  }
}
.lokatsiya-details__row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  color: #818181;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  line-height: 1.43;
}
.lokatsiya-details__row a {
  color: inherit;
  text-decoration: none;
}
.lokatsiya-details__row a:hover {
  color: #EE2E2F;
}
.lokatsiya-details__row--phone {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.24px;
  text-transform: uppercase;
  color: #191130;
}
.lokatsiya-details__row--phone a {
  color: #191130;
}
.lokatsiya-details__row--phone a:hover {
  color: #EE2E2F;
}
.lokatsiya-details__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.lokatsiya-details__map {
  position: relative;
}
.lokatsiya-details__canvas {
  height: 374px;
}
@media (max-width: 1023px) {
  .lokatsiya-details__canvas {
    height: auto;
    aspect-ratio: 278/481;
  }
}

.lokatsiya-other-locations {
  padding: 40px 0;
  border-top: 1px solid #F0F0F0;
}
@media (max-width: 767px) {
  .lokatsiya-other-locations {
    padding-top: 0;
    border-top: 0;
  }
}
.lokatsiya-other-locations__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
@media (max-width: 767px) {
  .lokatsiya-other-locations__inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}
.lokatsiya-other-locations__list {
  display: flex;
  align-items: center;
  gap: 40px;
  font-size: 14px;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .lokatsiya-other-locations__list {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    min-width: 0;
  }
}
.lokatsiya-other-locations__label {
  color: #818181;
}
.lokatsiya-other-locations__cities {
  display: contents;
}
@media (max-width: 767px) {
  .lokatsiya-other-locations__cities {
    display: flex;
    gap: 16px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .lokatsiya-other-locations__cities::-webkit-scrollbar {
    display: none;
  }
  .lokatsiya-other-locations__cities a {
    flex-shrink: 0;
  }
}
.lokatsiya-other-locations a {
  position: relative;
  padding-left: 16px;
  color: #191130;
  text-decoration: none;
  opacity: 0.7;
}
.lokatsiya-other-locations a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 22px;
  background-color: #F0F0F0;
}
.lokatsiya-other-locations a:hover {
  opacity: 1;
  color: #EE2E2F;
}
.lokatsiya-other-locations__social {
  display: flex;
  align-items: center;
  gap: 16px;
}
.lokatsiya-other-locations__social a {
  padding-left: 0;
  opacity: 1;
  color: #D4D4D4;
}
.lokatsiya-other-locations__social a::before {
  content: none;
}
.lokatsiya-other-locations__social a:hover {
  color: #EE2E2F;
}
.lokatsiya-other-locations__social svg {
  width: 24px;
  height: auto;
}

.contacts-form__inner {
  padding: 80px 0;
}
@media (max-width: 900px) {
  .contacts-form__inner {
    padding-top: 0;
    padding-bottom: 0;
  }
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

/* Homepage sections
--------------------------------------------- */
.hero-slider-section {
  position: relative;
}

.hero-slider {
  position: relative;
  height: auto !important;
  display: flex !important;
}
.hero-slider .swiper-wrapper {
  align-items: stretch;
}
.hero-slider .swiper-slide {
  height: auto;
  display: flex;
}
.hero-slider .swiper-pagination {
  position: absolute !important;
  bottom: 64px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 19;
  width: fit-content !important;
}
@media (max-width: 767px) {
  .hero-slider .swiper-pagination {
    left: 16px !important;
    transform: none !important;
    bottom: 32px !important;
  }
}
.hero-slider .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #fff;
  opacity: 1;
  transition: 0.2s linear;
  cursor: pointer;
}
@media (max-width: 767px) {
  .hero-slider .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
.hero-slider .swiper-pagination-bullet-active {
  width: 36px;
  border-radius: 20px;
  background-color: #EE2E2F;
  opacity: 1;
}
@media (max-width: 767px) {
  .hero-slider .swiper-pagination-bullet-active {
    width: 16px;
  }
}

.home-brands {
  border-top: 1px solid #F0F0F0;
  border-bottom: 1px solid #F0F0F0;
}
@media (max-width: 767px) {
  .home-brands {
    padding: 26px 0;
  }
}
.home-brands__inner {
  padding: 48px 0;
}
@media (max-width: 767px) {
  .home-brands__inner {
    padding: 8px 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-brands__inner {
    padding: 32px 0;
  }
}
.home-brands__swiper {
  overflow: hidden;
}
@media (min-width: 1280px) {
  .home-brands__swiper.swiper {
    margin: 0 68px;
  }
}
.home-brands__swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.home-brands__slide {
  display: flex !important;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: center;
  height: 32px !important;
  width: fit-content !important;
}
@media (min-width: 1280px) {
  .home-brands__slide {
    height: 81px !important;
  }
}
.home-brands__slide {
  gap: 32px;
}
@media (min-width: 1280px) {
  .home-brands__slide {
    gap: 36px;
  }
}
@media (max-width: 767px) {
  .home-brands__slide {
    height: 28px !important;
    gap: 24px;
  }
}
.home-brands__slide:not(:last-child)::after {
  content: "";
  position: relative;
  display: flex;
  width: 32px;
  height: 32px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='32' viewBox='0 0 13 32' fill='none'%3E%3Cpath d='M12.02 0.340426L0.939787 30.9416' stroke='%23EE2E2F' stroke-width='2'/%3E%3C/svg%3E");
  mask-size: auto;
  mask-repeat: no-repeat;
  background-color: #EE2E2F;
}
@media (min-width: 1280px) {
  .home-brands__slide:not(:last-child)::after {
    width: 13px;
  }
}
@media (max-width: 767px) {
  .home-brands__slide:not(:last-child)::after {
    width: 8px;
    height: 18px;
    mask-size: contain;
  }
}
.home-brands__slide img {
  height: 100%;
  width: auto;
}
@media (min-width: 1280px) {
  .home-brands__slide img {
    height: 48px;
  }
}
.home-brands__slide img {
  filter: grayscale(100%);
  opacity: 0.6;
  transition: 0.2s linear;
}
@media (min-width: 768px) {
  .home-brands__slide img {
    filter: brightness(0);
    opacity: 0.17;
  }
}
.home-brands__slide:hover img {
  filter: grayscale(0%);
  opacity: 1;
}
.home-brands__slide.is-placeholder img {
  opacity: 0.35;
}
@media (min-width: 768px) {
  .home-brands__slide.is-placeholder img {
    opacity: 0.17;
  }
}
.home-brands__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.home-services__inner {
  padding: 80px 0 0 0;
  display: flex;
  flex-flow: column nowrap;
  gap: 56px;
}
@media (min-width: 1280px) {
  .home-services__inner {
    padding-top: 40px;
  }
}
@media (max-width: 767px) {
  .home-services__inner {
    padding: 56px 0;
  }
}
.home-services__header {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .home-services__header {
    text-align: start;
    margin: unset;
  }
}
.home-services__header .section-eyebrow {
  justify-content: center;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .home-services__header .section-eyebrow {
    justify-content: start;
  }
}
.home-services__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (min-width: 1024px) {
  .home-services__heading {
    font-size: 48px;
    line-height: 1;
  }
}
.home-services__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2px;
  padding: 0 32px 29px 32px;
}
@media (min-width: 1280px) {
  .home-services__grid {
    gap: 18px;
  }
}
@media (max-width: 767px) {
  .home-services__grid {
    padding: 0;
    row-gap: 32px;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .home-services__grid {
    grid-template-columns: repeat(1, 1fr);
    padding: 0;
  }
}
.home-services__card {
  position: relative;
  min-height: 500px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  background-color: #ffffff;
}
.home-services__card--service {
  background-color: #191130;
  color: #fff;
}
.home-services__card--service * {
  color: #fff;
}
.home-services__card--rental {
  background-color: #f2f2f2;
}
@media (min-width: 768px) {
  .home-services__card--rental {
    background-color: #e5e5e5;
  }
}
.home-services__card--rental {
  position: relative;
  overflow: unset;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
  color: #191130;
}
.home-services__card--rental *:not(.btn, .btn span, .btn svg, .btn path) {
  color: #191130;
}
.home-services__card--rental .home-services__card-title {
  width: 55%;
}
@media (max-width: 767px) {
  .home-services__card--rental .home-services__card-title {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .home-services__card--rental .home-services__card-image {
    max-width: 65%;
  }
}
.home-services__card--rental img {
  position: absolute;
  bottom: -25px;
  right: -105px;
}
@media (max-width: 767px) {
  .home-services__card--rental img {
    right: -55px;
    bottom: -45px;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-services__card--rental img {
    right: -75px;
    bottom: -85px;
  }
}
@media (min-width: 1280px) and (max-width: 1365px) {
  .home-services__card--rental img {
    bottom: -85px;
    right: -75px;
  }
}
.home-services__card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0.5;
}
.home-services__card-image {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 55%;
  height: auto;
}
.home-services__card-header {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px;
  padding-top: 16px;
}
.home-services__card-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 112px;
  justify-content: space-between;
  padding: 48px 56px 75px 56px;
}
@media (min-width: 1280px) {
  .home-services__card-body {
    padding-bottom: 67px;
  }
}
.home-services__card-body {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .home-services__card-body {
    padding: 40px 16px;
  }
}
.home-services__card-body .wrapper {
  display: flex;
  flex-flow: column nowrap;
  gap: 32px;
}
@media (min-width: 1280px) {
  .home-services__card-body .wrapper {
    gap: 15px;
  }
}
.home-services--service .home-services__card-body {
  color: #fff;
}
.home-services__card-label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.home-services__card-label svg {
  width: 18px;
  height: auto;
}
.home-services__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.8px;
}
@media (min-width: 1280px) {
  .home-services__card-title {
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .home-services__card-title {
    font-size: 32px;
  }
}
.home-services__card-content {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
}
@media (min-width: 1280px) {
  .home-services__card-content {
    line-height: 1.43;
  }
}
.home-services__card-content p {
  margin: 0 0 16px;
  width: 60%;
}
.home-services__card-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.home-services__card-content li {
  position: relative;
  font-weight: 600;
  display: flex;
  align-items: baseline;
  gap: 12px;
}
.home-services__card-content li::before {
  content: "";
  display: flex;
  width: 16px;
  height: 16px;
  background-color: #EE2E2F;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M18.8281 2.82837L7.82812 13.8284L2.82812 8.82837' stroke='%23EE2E2F' stroke-width='4' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16' fill='none'%3E%3Cpath d='M18.8281 2.82837L7.82812 13.8284L2.82812 8.82837' stroke='%23EE2E2F' stroke-width='4' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-position: center;
}
@media (max-width: 767px) {
  .home-services__grid {
    grid-template-columns: 1fr;
  }
  .home-services__card {
    min-height: 420px;
  }
}
.home-services .space {
  height: 40px;
  border-top: 1px solid #F0F0F0;
}
@media (max-width: 767px) {
  .home-services .space {
    height: 0;
  }
}
.home-services .space .container {
  height: 100%;
}

.home-trust {
  position: relative;
  background-color: #FAFAFA;
  overflow: hidden;
}
.home-trust .container {
  border-width: 0 !important;
}
@media (max-width: 767px) {
  .home-trust .container {
    padding-bottom: 94px;
  }
}
.home-trust__inner {
  padding: 82px 0 136px;
}
@media (max-width: 767px) {
  .home-trust__inner {
    padding: 56px 0 0 0;
  }
}
.home-trust__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "content stats" "actions stats";
  row-gap: 88px;
  column-gap: 64px;
  align-items: center;
  padding: 0 32px;
}
@media (max-width: 767px) {
  .home-trust__grid {
    padding: 0;
    row-gap: 80px;
  }
}
@media (max-width: 1279px) {
  .home-trust__grid {
    grid-template-columns: 1fr;
    grid-template-areas: "content" "stats" "actions";
  }
}
.home-trust__content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  max-width: 620px;
}
@media (max-width: 767px) {
  .home-trust__content {
    max-width: 100%;
  }
}
.home-trust__content .section-eyebrow {
  margin-bottom: 0;
}
.home-trust__body {
  display: flex;
  flex-flow: column nowrap;
  gap: 48px;
}
@media (min-width: 1280px) {
  .home-trust__body {
    gap: 34px;
  }
}
.home-trust__header {
  display: flex;
  flex-flow: column nowrap;
  gap: 24px;
}
@media (min-width: 1280px) {
  .home-trust__header {
    gap: 15px;
  }
}
.home-trust__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  padding-right: 150px;
}
@media (min-width: 1280px) {
  .home-trust__heading {
    line-height: 1;
  }
}
@media (max-width: 767px) {
  .home-trust__heading {
    padding-right: 0;
  }
}
.home-trust__description {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #818181;
}
@media (min-width: 1280px) {
  .home-trust__description {
    line-height: 1.43;
  }
}
.home-trust__description p {
  margin: 0 0 16px;
}
.home-trust__description p:last-child {
  margin-bottom: 0;
}
.home-trust__description strong {
  color: #191130;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 1.6px;
}
.home-trust__actions {
  grid-area: actions;
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
  margin-top: 8px;
}
@media (min-width: 1280px) {
  .home-trust__actions {
    gap: 24px;
  }
  .home-trust__actions .btn {
    font-size: 18px;
    padding-right: 29px;
  }
}
.home-trust__link {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
  color: #191130;
  position: relative;
  width: fit-content;
  letter-spacing: 1.44px;
}
.home-trust__link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.6px;
  background-color: #191130;
  bottom: 0;
  left: 0;
  transition: 0.2s linear;
}
.home-trust__link:hover {
  color: #191130;
}
.home-trust__link:hover::after {
  width: 0;
}
.home-trust__stats {
  grid-area: stats;
  display: flex;
  flex-flow: row wrap;
  width: 534px;
}
@media (min-width: 1280px) {
  .home-trust__stats {
    justify-self: end;
    margin-right: -2px;
  }
}
@media (max-width: 767px) {
  .home-trust__stats {
    width: 100%;
    grid-template-columns: 1fr;
  }
}
.home-trust__stat {
  padding: 32px 40px;
  width: 50%;
  display: flex;
  flex-flow: column nowrap;
}
@media (min-width: 1280px) {
  .home-trust__stat {
    padding-top: 55.5px;
    padding-bottom: 55.5px;
  }
}
@media (max-width: 767px) {
  .home-trust__stat {
    padding: 20px;
  }
}
.home-trust__stat:nth-child(odd) {
  border-right: 1px solid #D4D4D4;
  align-items: flex-end;
}
@media (max-width: 767px) {
  .home-trust__stat:nth-child(odd) {
    align-items: flex-start;
    border: none;
  }
}
.home-trust__stat:first-child, .home-trust__stat:nth-child(2) {
  border-bottom: 1px solid #D4D4D4;
}
@media (max-width: 767px) {
  .home-trust__stat:first-child, .home-trust__stat:nth-child(2) {
    border: none;
  }
}
.home-trust__stat-number {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 72px;
  font-weight: 700;
  color: #EE2E2F;
  line-height: 1;
  margin: 0;
}
@media (max-width: 767px) {
  .home-trust__stat-number {
    font-size: 36px;
    letter-spacing: 0.36px;
  }
}
.home-trust__stat-label {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 100%;
  letter-spacing: 1.4px;
  color: #191130;
  margin: 0;
}
@media (max-width: 767px) {
  .home-trust__stat-label {
    font-size: 12px;
    letter-spacing: 1.2px;
  }
}
.home-trust__stripe {
  background-color: #EE2E2F;
  width: 60%;
  max-width: 999px;
  height: 120px;
  position: absolute;
  bottom: -86px;
  right: 0;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='999' height='34' viewBox='0 0 999 34' fill='none'%3E%3Cpath d='M0 120L28 0H999V120H0Z' fill='%23EE2E2F'/%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  mask-size: auto;
}
@media (max-width: 767px) {
  .home-trust__stripe {
    width: 75%;
    bottom: 0;
    height: 14px;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='268' height='14' viewBox='0 0 268 14' fill='none'%3E%3Cpath d='M0 14L7.5 0.535898L344 0V14H0Z' fill='%23EE2E2F'/%3E%3C/svg%3E");
    mask-size: 100% auto;
  }
}

.home-industries {
  border-top: 1px solid #F0F0F0;
}
.home-industries .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-industries .container {
    padding: 0 !important;
  }
}
.home-industries__inner {
  padding: 80px 0 56px 0;
}
.home-industries__header {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}
@media (max-width: 1023px) {
  .home-industries__header {
    text-align: start;
    margin: unset;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-industries__header {
    padding-left: 24px;
  }
}
.home-industries__header .section-eyebrow {
  justify-content: center;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .home-industries__header .section-eyebrow {
    justify-content: flex-start;
  }
}
.home-industries__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0 0 16px;
}
@media (min-width: 1024px) {
  .home-industries__heading {
    font-size: 48px;
    line-height: 1;
  }
}
.home-industries__subtitle {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #818181;
  margin: 0;
}
.home-industries__grid {
  border: 1px solid #F0F0F0;
  border-width: 1px 0;
}
.home-industries__grid .wrapper {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}
@media (max-width: 767px) {
  .home-industries__grid .wrapper {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-industries__grid .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .home-industries__grid .wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1280px) {
  .home-industries__grid .wrapper {
    margin: 0 20px;
  }
}
.home-industries__card {
  padding: 40px 24px;
  border-left: 1px solid #F0F0F0;
  display: flex;
  flex-direction: column;
  gap: 15px;
}
@media (max-width: 767px) {
  .home-industries__card {
    padding: 24px 0;
    width: 90%;
  }
}
@media (min-width: 1280px) {
  .home-industries__card {
    padding: 40px 23px 45px;
    min-height: 413px;
  }
}
.home-industries__card:first-child {
  border-left: none;
}
.home-industries__card:last-child {
  border-right: none;
}
@media (min-width: 768px) and (max-width: 1279px) {
  .home-industries__card:last-child {
    border-right: 1px solid #F0F0F0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-industries__card:not(:last-child) {
    border-bottom: 1px solid #F0F0F0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .home-industries__card:not(:nth-last-child(2), :last-child) {
    border-bottom: 1px solid #F0F0F0;
  }
}
.home-industries__card-header {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.home-industries__card-body {
  padding: 24px 23px 0 0;
  flex: 1 1 auto;
}
@media (max-width: 1023px) {
  .home-industries__card-body {
    padding: 14px 0;
  }
}
.home-industries__icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media (min-width: 1280px) {
  .home-industries__icon {
    width: 60px;
  }
}
.home-industries__icon img {
  width: auto;
  height: 100%;
  max-height: 46px;
}
@media (min-width: 1280px) {
  .home-industries__icon img {
    max-height: 50px;
  }
}
.home-industries__card-title {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  line-height: 1.2;
  width: 70%;
  min-height: 64px;
}
@media (min-width: 1280px) {
  .home-industries__card-title {
    font-size: 24px;
    line-height: 1;
  }
}
@media (max-width: 1023px) {
  .home-industries__card-title {
    font-size: 24px;
    line-height: 100%;
    height: auto;
  }
}
.home-industries__card-desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  color: #818181;
  margin: 0;
  line-height: 1.6;
}
@media (min-width: 1024px) {
  .home-industries__card-desc {
    line-height: 1.43;
  }
}
.home-industries__card-link {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #EE2E2F;
  text-decoration: none;
  position: relative;
  width: fit-content;
}
@media (min-width: 1024px) {
  .home-industries__card-link {
    font-weight: 400;
    letter-spacing: 0.28px;
  }
}
.home-industries__card-link::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1.6px;
  background-color: #EE2E2F;
  bottom: 0;
  left: 0;
  transition: 0.2s linear;
}
.home-industries__card-link:hover::after {
  width: 0;
}
@media (max-width: 991px) {
  .home-industries__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .home-industries__card:nth-child(2n+1) {
    border-left: none;
  }
}
@media (max-width: 599px) {
  .home-industries__grid {
    grid-template-columns: 1fr;
  }
  .home-industries__card {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #F0F0F0;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-motokari .home-industries__grid .wrapper {
    grid-template-columns: repeat(4, 280px);
    justify-content: center;
  }
  body.page-template-page-motokari .home-industries {
    padding-bottom: 40px;
  }
}
.home-blog__inner {
  padding: 120px 0 40px;
}
@media (max-width: 1023px) {
  .home-blog__inner {
    padding: 56px 0;
  }
}
.home-blog__header {
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
  padding-bottom: 72px;
}
@media (max-width: 1023px) {
  .home-blog__header {
    text-align: start;
    padding-bottom: 48px;
    margin: unset;
  }
}
.home-blog__header .section-eyebrow {
  justify-content: center;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  .home-blog__header .section-eyebrow {
    justify-content: flex-start;
  }
}
.home-blog__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.1;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
}
@media (min-width: 1024px) {
  .home-blog__heading {
    font-size: 48px;
    line-height: 1;
  }
}
.home-blog__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  padding: 0 32px;
}
@media (max-width: 1023px) {
  .home-blog__grid {
    padding: 0;
    gap: 0;
    display: flex;
    grid-template-columns: unset;
    gap: 16px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .home-blog__grid {
    padding: 0;
  }
}
.home-blog__footer {
  text-align: center;
  margin-top: 72px;
}
@media (min-width: 1024px) {
  .home-blog__footer .btn {
    padding: 0;
    height: 24px;
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
  }
}
.home-blog__pagination {
  display: none;
}
@media (max-width: 1023px) {
  .home-blog__pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 24px;
    position: static !important;
  }
  .home-blog__pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #D4D4D4;
    opacity: 1;
    transition: 0.2s linear;
    cursor: pointer;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .home-blog__pagination .swiper-pagination-bullet {
    width: 5.5px;
    height: 5.5px;
    margin: 2px !important;
  }
}
@media (max-width: 1023px) {
  .home-blog__pagination .swiper-pagination-bullet-active {
    width: 36px;
    border-radius: 20px;
    background-color: #EE2E2F;
    opacity: 1;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .home-blog__pagination .swiper-pagination-bullet-active {
    width: 16px;
  }
}
@media (max-width: 1023px) {
  .home-blog__swiper {
    overflow: hidden;
    position: relative;
  }
  .home-blog .blog-card {
    flex: 0 0 78%;
    max-width: 300px;
  }
}
@media (max-width: 1023px) and (max-width: 767px) {
  .home-blog .blog-card {
    flex-basis: 100%;
    max-width: none;
  }
}

@media (min-width: 1440px) {
  body.page-template-page-motokari .home-blog__inner {
    padding-top: 80px;
  }
  body.page-template-page-motokari .home-blog__header {
    padding-bottom: 63px;
  }
  body.page-template-page-motokari .home-blog__header .section-eyebrow {
    margin-bottom: 15px;
  }
}
body.page-template-page-motokari .home-blog {
  border-top: 1px solid #F0F0F0;
}

.home-cta > .container {
  padding: 40px 0;
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}
@media (max-width: 1023px) {
  .home-cta > .container {
    padding: 0 !important;
    border: none !important;
  }
}
.home-cta__box {
  position: relative;
  background-color: #EE2E2F;
  height: 422px;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 1023px) {
  .home-cta__box {
    flex-direction: column;
    height: auto;
  }
}
.home-cta__box:hover .icon {
  transform: scale(1.05) translate(-50%, -50%);
}
@media (max-width: 767px) {
  .home-cta__box:hover .icon {
    transform: none;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-cta__box:hover .icon {
    transform: scale(1.05);
  }
}
.home-cta__media {
  display: flex;
  width: 53%;
  position: relative;
}
@media (max-width: 1023px) {
  .home-cta__media {
    width: 100%;
    height: 370px;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .home-cta__media {
    height: calc(100% + 50px);
  }
}
.home-cta__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
@media (max-width: 1023px) {
  .home-cta__media img {
    clip-path: none;
  }
}
@media (max-width: 1023px) {
  .home-cta__media::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(25, 17, 48, 0.5) 0%, rgba(25, 17, 48, 0.5) 100%);
    background-blend-mode: multiply, normal;
  }
}
.home-cta__media::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(25, 17, 48, 0.5) 0%, rgba(25, 17, 48, 0.5) 100%);
  background-blend-mode: multiply, normal;
  position: absolute;
  width: 100%;
  height: 100%;
}
.home-cta__media img, .home-cta__media::after {
  clip-path: polygon(0% 0%, 100% 0%, 88.53% 100%, 0% 98.19%);
}
@media (max-width: 1023px) {
  .home-cta__media img, .home-cta__media::after {
    clip-path: none;
  }
}
@media (max-width: 1023px) {
  .home-cta__media::after {
    height: 45px;
    bottom: -2px;
    background: #EE2E2F;
    clip-path: polygon(0% 92.25%, 100% 0%, 100% 100%, 0% 100%);
  }
}
.home-cta .icon {
  width: 63px;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 4px 17px rgba(25, 17, 48, 0.1));
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: calc(50% - 18px);
  transform: translate(-50%, -50%);
  transition: 0.2s linear;
}
@media (max-width: 1023px) {
  .home-cta .icon {
    top: 300px;
    left: unset;
    transform: none;
    right: 28px;
  }
}
.home-cta .icon svg {
  width: 29px;
  height: auto;
}
.home-cta__body {
  width: 50%;
}
@media (max-width: 1023px) {
  .home-cta__body {
    width: 100%;
  }
}
.home-cta__body-inner {
  padding: 0 98px 0 50px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (min-width: 1024px) {
  .home-cta__body-inner {
    gap: 54px;
  }
}
@media (max-width: 1023px) {
  .home-cta__body-inner {
    padding: 48px 16px 32px 16px;
  }
}
.home-cta__text-group {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 1024px) {
  .home-cta__text-group {
    gap: 26px;
  }
}
.home-cta__actions {
  display: flex;
  align-items: center;
  gap: 32px;
  flex-wrap: wrap;
}
.home-cta__link {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.44px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  position: relative;
  width: fit-content;
}
.home-cta__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 1.6px;
  background-color: #fff;
  transition: width 0.2s linear;
}
.home-cta__link:hover, .home-cta__link:focus {
  color: #fff;
}
.home-cta__link:hover::after, .home-cta__link:focus::after {
  width: 0;
}
.home-cta__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  margin: 0;
}
@media (max-width: 1023px) {
  .home-cta__heading {
    font-size: 36px;
    letter-spacing: 0.36px;
    width: 80%;
  }
}
@media (max-width: 767px) {
  .home-cta__heading {
    width: 100%;
  }
}
.home-cta__desc {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.43;
  color: #fff;
  margin: 0;
}
@media (min-width: 1024px) {
  .home-cta__desc {
    max-width: 462px;
  }
}

.rezervni-chasti-page .home-cta .container,
.avtoservizno-oborudvane-page .home-cta .container,
.skladova-tehnika-page .home-cta .container {
  padding: 80px 0;
}

.pochistvashta-tehnika-page .home-cta .container {
  padding: 40px 0;
}

@media (min-width: 1440px) {
  body.page-template-page-motokari .home-cta__body-inner,
  body.page-template-page-skladova-tehnika .home-cta__body-inner,
  body.page-template-page-rezervni-chasti .home-cta__body-inner {
    padding-right: 33px;
  }
  body.page-template-page-motokari .home-cta__heading,
  body.page-template-page-skladova-tehnika .home-cta__heading,
  body.page-template-page-rezervni-chasti .home-cta__heading {
    max-width: 9.5em;
  }
  body.page-template-page-motokari .home-cta__desc,
  body.page-template-page-skladova-tehnika .home-cta__desc,
  body.page-template-page-rezervni-chasti .home-cta__desc {
    max-width: 615px;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-skladova-tehnika .home-cta .container {
    padding: 40px 0;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .home-cta .container {
    padding: 60px 0;
  }
}
@media (min-width: 1440px) {
  body.page-template-page-rezervni-chasti .home-cta__heading {
    max-width: 560px;
  }
}
.home-newsletter {
  border-top: 1px solid #F0F0F0;
}
.home-newsletter .container {
  display: flex;
  align-items: center;
}
@media (max-width: 1023px) {
  .home-newsletter .container {
    padding: 0 !important;
  }
}
.home-newsletter__inner {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 66px 80px;
  background-color: #f7f7f7;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='3' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='1.42449' cy='1.42449' r='1.42449' fill='%2349494A' fill-opacity='0.05'/%3E%3C/svg%3E");
  background-size: 16px;
}
@media (max-width: 1023px) {
  .home-newsletter__inner {
    flex-direction: column;
    padding: 48px 16px;
    gap: 40px;
    align-items: flex-start;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .home-newsletter__inner {
    padding: 33px 40px;
  }
}
@media (min-width: 1280px) {
  .home-newsletter__inner {
    padding: 60px 80px;
  }
}
@media (min-width: 1366px) {
  .home-newsletter__inner {
    padding-right: 104px;
  }
}
.home-newsletter__content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (min-width: 1280px) {
  .home-newsletter__content {
    gap: 16px;
  }
}
.home-newsletter__heading {
  font-family: "Akrobat", "Roboto", "Arial Narrow", system-ui, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.36px;
  text-transform: uppercase;
  color: #191130;
  margin: 0;
  max-width: 700px;
}
.home-newsletter__form {
  width: 368px;
  flex-shrink: 0;
}
@media (min-width: 1280px) {
  .home-newsletter__form {
    align-self: flex-start;
    margin-top: 22px;
    margin-bottom: -26px;
  }
}
@media (max-width: 767px) {
  .home-newsletter__form {
    width: 100%;
  }
}
.home-newsletter__form .wpcf7 {
  margin: 0;
}
.home-newsletter__form .wpcf7-form {
  display: flex;
  flex-direction: column;
  gap: 21px;
}
.home-newsletter__form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  gap: 6px;
}
.home-newsletter__form p:has(.wpcf7-email),
.home-newsletter__form p:has(.wpcf7-submit) {
  margin: 0;
}
.home-newsletter__form .home-newsletter__input-wrap {
  display: flex;
}
.home-newsletter__form .wpcf7-form-control-wrap {
  display: flex;
  width: fit-content;
}
.home-newsletter__form .wpcf7-email {
  flex: 1;
  width: 100%;
  height: 43px;
  padding: 0 72px 0 17px;
  background: #fff;
  border: 1px solid #F0F0F0;
  border-radius: 0;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.7px;
  color: #191130;
  appearance: none;
  border-radius: 0;
}
.home-newsletter__form .wpcf7-email::placeholder {
  color: #191130;
  opacity: 1;
}
.home-newsletter__form .wpcf7-submit {
  position: relative;
  width: 72px;
  height: 43px;
  flex-shrink: 0;
  margin-left: -14.5px;
  padding: 0;
  background-color: #EE2E2F;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='14' viewBox='0 0 19 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 6.70703H18M12 12.707L18 6.70703L12 0.707031' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 60% center;
  clip-path: polygon(14.5px 0, 100% 0, 100% 100%, 0 100%);
  color: transparent;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  font-size: 0;
  z-index: 1;
  transition: background-color 0.2s ease;
}
.home-newsletter__form .wpcf7-submit:not(:disabled):hover, .home-newsletter__form .wpcf7-submit:not(:disabled):focus {
  background-color: #c4271f;
}
.home-newsletter__form .home-newsletter__checkbox-wrap {
  display: flex;
  gap: 12px;
  font-family: Roboto;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  color: #818181;
  align-items: center;
}
.home-newsletter__form .wpcf7-acceptance {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  margin: 0;
}
.home-newsletter__form .wpcf7-acceptance .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
}
.home-newsletter__form .wpcf7-acceptance label {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
}
.home-newsletter__form .wpcf7-acceptance input[type=checkbox] {
  margin: 1px 0 0;
  flex-shrink: 0;
  appearance: none;
  width: 18px;
  height: 18px;
  background: #fff no-repeat center/12px 9px;
  border: 1.4px solid #acacac;
  border-radius: 0;
  cursor: pointer;
  transition: border-color 0.15s ease;
}
.home-newsletter__form .wpcf7-acceptance input[type=checkbox]:checked {
  border-color: #EE2E2F;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.0709' height='23.092' viewBox='0 0 30.0709 23.092' fill='none'%3E%3Cpath d='M26.5355 3.53547L10.723 19.5355L3.53547 12.2627' stroke='%23EE2E2F' stroke-width='5' stroke-linecap='square'/%3E%3C/svg%3E");
}
.home-newsletter__form .wpcf7-acceptance input[type=checkbox]:focus-visible {
  outline: 2px solid #EE2E2F;
  outline-offset: 2px;
}
.home-newsletter__form .wpcf7-acceptance .wpcf7-list-item-label {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.43;
  color: #818181;
}
.home-newsletter__form .wpcf7-acceptance .wpcf7-list-item-label a {
  color: #818181;
  text-decoration: underline;
}
.home-newsletter__form .wpcf7-acceptance .wpcf7-list-item-label a:hover {
  color: #EE2E2F;
}
.home-newsletter__form .wpcf7-spinner {
  display: none;
}
.home-newsletter__form .wpcf7-response-output {
  margin: 0;
  padding: 8px 12px;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 13px;
  border-radius: 0;
}
.home-newsletter__form .wpcf7-not-valid-tip {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 12px;
  color: #EE2E2F;
  width: 100%;
}

.home-newsletter__form .wpcf7 form.sent .wpcf7-response-output {
  position: relative;
  margin: 16px 0 0;
  padding: 14px 16px 14px 52px;
  border: 0;
  border-left: 3px solid #EE2E2F;
  background-color: #ffffff;
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.43;
  color: #191130;
}
.home-newsletter__form .wpcf7 form.sent .wpcf7-response-output::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 18px;
  width: 20px;
  height: 15px;
  background: url("images/icons/check-bold.svg") center/contain no-repeat;
  transform: translateY(-50%);
}

.site-main.homepage .container {
  border: 1px solid #F0F0F0;
  border-width: 0 1px;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #ECECEC;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #191130;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100030;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

/* Angled / slanted blocks
--------------------------------------------- */
.is-angled-right {
  clip-path: polygon(0 0, 100% 0, calc(100% - 14px) 100%, 0 100%);
}

.is-angled-left {
  clip-path: polygon(14px 0, 100% 0, 100% 100%, 0 100%);
}

.angled-band {
  height: 56px;
  background: #EE2E2F;
  clip-path: polygon(0 45%, 100% 0, 100% 100%, 0 100%);
}

.bg-overlay {
  position: relative;
  isolation: isolate;
}
.bg-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-url);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: var(--bg-opacity, 0.5);
  z-index: -1;
}
.bg-overlay--centered {
  display: flex;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=style.css.map */