/* Start:/local/templates/motordetal/assets/css/main.css?1793688683374524*/
@charset "utf-8";

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('/local/templates/motordetal/assets/css/../fonts/montserrat/Montserrat-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


/* ==========================================================================
   
Root
   ========================================================================== */

:root {
  /* Layout */
  --container-width: 1180px;
  --container-padding: clamp(16px, 3vw, 32px);

  /* Colors */
  --color-primary: #2939ba;
  --color-primary-dark: #171d69;
  --color-primary-light: #5a64dc;

  --color-red: #d71920;
  --color-red-hover: #bc1117;

  --color-text: #191f5d;
  --color-text-soft: #4c527d;

  --color-white: #fff;
  --color-black: #111;
  --color-bg: #fff;
  --color-bg-soft: #f3f3f3;
  --color-bg-body: #faf9f7;
  --color-border: rgb(25 31 93 / 16%);

  /* Typography */
  --font-size-h1: clamp(42px, 5vw, 62px);
  --font-size-h2: clamp(32px, 3.5vw, 42px);
  --font-size-h3: clamp(20px, 2vw, 24px);
  --font-size-small-h3: clamp(16px, 1.7vw, 20px);

  --font-size-lead: clamp(16px, 1.5vw, 18px);
  --font-size-text: clamp(15px, 1.25vw, 16px);
  --font-size-small-text: clamp(13px, 1.15vw, 14px);
  --font-size-small: 14px;

  --line-height-heading: 1.08;
  --line-height-text: 1.5;

  /* Spacing */
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 20px;
  --space-lg: 32px;
  --space-xl: 48px;
  --space-xxl: 72px;

  /* Radius */
  --radius-small: 8px;
  --radius-medium: 14px;
  --radius-large: 22px;
  --radius-xxl: 36px;
  --radius-round: 999px;

  /* Shadows */
  --shadow-small: 0 8px 24px rgb(9 17 73 / 8%);
  --shadow-medium: 0 16px 40px rgb(9 17 73 / 12%);
  --shadow-large: 0 24px 70px rgb(9 17 73 / 16%);

  /* Animation */
  --transition: .25s ease;

  /* Gradients */
  --gradient-blue: linear-gradient(90deg, #2838bb 0%, #5365df 100%);
  --gradient-blue-light: linear-gradient(90deg, #d0d4ff 0%, #939cf6 100%);
  --gradient-black-blue: linear-gradient(105deg, #2936c8 0%, #101957 76%);
  --gradient-red: linear-gradient(90deg, #d71920 0%, #f1363c 100%);
}

/* ==========================================================================
   Reset
   ========================================================================== */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
    margin: 0;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--to-text);
    background: var(--color-bg-body);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
    font-family: 'Montserrat', Arial, sans-serif;
}

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

img {
    height: auto;
}

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

button,
input,
select,
textarea {
    margin: 0;
}

button {
    cursor: pointer;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* ==========================================================================
   MD Breadcrumbs
   ========================================================================== */

.breadcrumbs-wrap {
    position: relative;
    z-index: 2;
    min-width: 0;
    margin-bottom: clamp(24px, 3vw, 36px);
}

.breadcrumbs-wrap--after-hero {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.breadcrumbs-wrap--no-hero {
    margin-bottom: clamp(34px, 4vw, 56px);
}

@media (max-width: 1600px) {
.breadcrumbs-wrap--no-hero {
    margin-block: clamp(34px, 4vw, 56px);
}
}

.md-breadcrumbs {
    position: relative;
    width: 100%;
    min-width: 0;
}

.md-breadcrumbs__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.md-breadcrumbs__item {
    display: inline-flex;
    align-items: center;
    min-width: 0;
    color: var(--color-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    transition: color .25s ease;
}

.md-breadcrumbs__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 5px 0;
    color: inherit;
    text-decoration: none;
    transition: color .25s ease;
}

.md-breadcrumbs__link:hover {
    color: #CD1A1C;
}

.md-breadcrumbs__link:focus-visible {
    color: #CD1A1C;
    outline: 2px solid #CD1A1C;
    outline-offset: 5px;
    border-radius: 2px;
}

.md-breadcrumbs__separator {
    width: 14px;
    height: 14px;
    margin: 0 14px;
    flex: 0 0 auto;
    color: #B6BECC;
    transition: color .25s ease, transform .25s ease;
}

.md-breadcrumbs__item:hover .md-breadcrumbs__separator {
    color: #8B95A8;
}

.md-breadcrumbs__current {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--color-text-soft);
    font-weight: 400;
}

/* ==========================================================================
   
Container
   ========================================================================== */

.container {
  width: min(calc(100% - var(--container-padding) * 2), var(--container-width));
  margin-inline: auto;
}


/* ==========================================================================
   
Sections
   ========================================================================== */

.section {
  position: relative;
  padding-block: clamp(64px, 8vw, 110px);
}

.section--top {
  padding-top: clamp(64px, 8vw, 110px);
}

.section--compact {
  padding-block: clamp(40px, 6vw, 72px);
}

.section--compact--top {
  padding-top: clamp(40px, 6vw, 72px);
}

.section--none--top {
  padding-bottom: clamp(40px, 6vw, 72px);
  padding-top: 0;
}

.section--soft {
  background: var(--color-bg-soft);
}

.section--dark {
  color: var(--color-white);
  background: var(--color-primary-dark);
}

.section__head {
  margin-bottom: clamp(32px, 5vw, 56px);
}

.filter-category .section__head {
  margin-block: clamp(32px, 5vw, 56px);
}

.section__head--center {
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.section__label {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 14px;
    padding: 5px 13px;
    color: var(--color-primary);
    background: rgb(255 255 255 / 70%);
    border: 1px solid rgb(83 101 223 / 26%);
    border-radius: var(--radius-round);
    box-shadow: 0 6px 18px rgb(9 17 73 / 4%);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}


/* ==========================================================================
   
Typography
   ========================================================================== */

h1,
h2,
h3 {
  margin: 0;
  color: var(--color-primary);
  line-height: var(--line-height-heading);
}

h1 {
  font-size: var(--font-size-h1);
  font-weight: 800;
}

h2 {
  font-size: var(--font-size-h2);
  font-weight: 800;
}

h3 {
  font-size: var(--font-size-h3);
  font-weight: 700;
}

p {
  margin: 0;
  color: var(--color-text);
  font-size: var(--font-size-text);
  line-height: var(--line-height-text);
}

h2 + p,
.section__title + .section__lead {
  margin-top: clamp(14px, 2vw, 20px);
  font-size: var(--font-size-lead);
}

h3 + p {
  margin-top: 10px;
  font-size: var(--font-size-text);
}

.lead {
  max-width: 860px;
  color: var(--color-text-soft);
  font-size: var(--font-size-lead);
  line-height: var(--line-height-text);
}

.text-muted {
  color: var(--color-text-soft);
}

.text-note {
    position: relative;
    padding-left: 18px;
}

.text-note::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 4px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

/* ==========================================================================
   
Dark section typography
   ========================================================================== */

.section--dark h1,
.section--dark h2,
.section--dark h3,
.section--dark p,
.section--dark .lead {
  color: var(--color-white);
}

.section--dark .text-muted {
  color: rgb(255 255 255 / 72%);
}


/* ==========================================================================
   
Gradient text
   ========================================================================== */

.text-gradient {
  color: transparent;
  background: var(--gradient-blue);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.text-gradient--light {
  background-image: var(--gradient-blue-light);
}

.text-gradient--black{
  background-image: var(--gradient-black-blue);
}

.text-gradient--red {
  background-image: var(--gradient-red);
}

/* ==========================================================================
   Tables
   ========================================================================== */

.table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--radius-medium);
    -webkit-overflow-scrolling: touch;
}

table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--color-white);
    border: 1px solid rgb(62 76 224 / 20%);
    border-radius: var(--radius-medium);
    overflow: hidden;
}

th,
td {
    position: relative;
    padding: 14px 16px;
    text-align: left;
    vertical-align: middle;
    border-right: 1px solid rgb(62 76 224 / 16%);
    border-bottom: 1px solid rgb(62 76 224 / 16%);
    transition: background-color .18s ease, box-shadow .18s ease;
}

th {
    font-weight: 700;
}

thead th {
    background: rgb(62 76 224 / 6%);
    color: var(--color-text);
}

.table--dark-head > thead {
    background: linear-gradient(115deg, #171d59 0%, #232d7c 60%, #303b98 100%);
}

.table--dark-head > thead > tr > th {
    color: var(--color-white);
    background: transparent;
    border-color: rgb(255 255 255 / 14%);
}

tbody th {
    background: rgb(62 76 224 / 3%);
}

tr > :last-child {
    border-right: 0;
}

tbody tr:last-child > * {
    border-bottom: 0;
}

thead img {
    display: inline-block;
    width: auto;
    max-width: 90px;
    max-height: 22px;
    vertical-align: middle;
}

tbody tr.is-table-row-active > * {
    background: rgb(60 76 210 / 8%);
}

tbody .is-table-column-active {
    background: rgb(205 26 28 / 6%);
}

tbody tr.is-table-row-active > .is-table-column-active {
    background: rgb(67 82 214 / 12%);
}

tbody .is-table-cell-active {
    z-index: 1;
    background: rgb(67 82 214 / 18%);
    box-shadow:
        inset 0 0 0 1px rgb(67 82 214 / 32%),
        inset 0 0 18px rgb(67 82 214 / 5%);
}

.table-wrap[data-table-scroll] {
    min-width: 0;
    max-width: 100%;
    scrollbar-width: thin;
    scrollbar-color: var(--color-primary-light) #e9ecfa;
    overscroll-behavior-x: contain;
}

.table-wrap[data-table-scroll] > table {
    min-width: 860px;
}

.table-wrap[data-table-scroll]:focus-visible {
    outline: 2px solid var(--color-primary-light);
    outline-offset: 4px;
}

.table-wrap[data-table-scroll]::-webkit-scrollbar {
    height: 9px;
}

.table-wrap[data-table-scroll]::-webkit-scrollbar-track {
    background: #e9ecfa;
    border-radius: var(--radius-round);
}

.table-wrap[data-table-scroll]::-webkit-scrollbar-thumb {
    background: var(--color-primary-light);
    border: 2px solid #e9ecfa;
    border-radius: var(--radius-round);
}

.table-wrap[data-table-scroll]::-webkit-scrollbar-thumb:hover {
    background: var(--color-primary);
}

.table-scroll__controls {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 14px;
}

.table-scroll__controls[hidden] {
    display: none;
}

.table-scroll__button {
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    padding: 0;
    color: var(--color-primary);
    background: var(--color-white);
    border: 1px solid rgb(41 57 186 / 18%);
    border-radius: 50%;
    box-shadow: 0 4px 14px rgb(9 17 73 / 6%);
    cursor: pointer;
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, opacity .2s ease;
}

.table-scroll__button::before {
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    content: "";
}

.table-scroll__button--prev::before {
    margin-left: 4px;
    transform: rotate(-135deg);
}

.table-scroll__button--next::before {
    margin-right: 4px;
    transform: rotate(45deg);
}

.table-scroll__button:disabled {
    opacity: .35;
    box-shadow: none;
    cursor: default;
}

.table-scroll__button:focus-visible {
    outline: 2px solid var(--color-primary-light);
    outline-offset: 3px;
}

.table-scroll__button:not(:disabled):hover {
        color: var(--color-white);
        background: var(--color-primary);
        border-color: var(--color-primary);
}


/* ==========================================================================
   
Grid
   ========================================================================== */

.grid {
  display: grid;
  gap: clamp(16px, 2.5vw, 28px);
}

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

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

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

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

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

.grid--auto {
  grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
}

.grid--compact {
  gap: 16px;
}

.grid--wide {
  gap: clamp(24px, 4vw, 48px);
}


/* ==========================================================================
   
Flex
   ========================================================================== */

.flex {
  display: flex;
}

.flex--center {
  align-items: center;
  justify-content: center;
}

.flex--between {
  align-items: center;
  justify-content: space-between;
}

.flex--start {
  align-items: flex-start;
}

.flex--wrap {
  flex-wrap: wrap;
}


/* ==========================================================================
   
Stack
   ========================================================================== */

.stack {
  display: flex;
  flex-direction: column;
}

.stack--sm {
  gap: var(--space-sm);
}

.stack--md {
  gap: var(--space-md);
}

.stack--lg {
  gap: var(--space-lg);
}


/* ==========================================================================
   
Cards
   ========================================================================== */

.card {
  position: relative;
  overflow: hidden;
  padding: clamp(20px, 2.5vw, 30px);
  background: var(--color-bg-soft);
  border-radius: var(--radius-large);
}

.card--white {
  background: var(--color-white);
}

.card--border {
  background: transparent;
  border: 1px solid var(--color-border);
}

.card--shadow {
  box-shadow: var(--shadow-small);
}


/* ==========================================================================
   
Radius helpers
   ========================================================================== */

.radius-small {
  border-radius: var(--radius-small);
}

.radius-medium {
  border-radius: var(--radius-medium);
}

.radius-large {
  border-radius: var(--radius-large);
}

.radius-xxl {
  border-radius: var(--radius-xxl);
}

.radius-round {
  border-radius: var(--radius-round);
}


/* ==========================================================================
   
Actions
   ========================================================================== */

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.actions__column {
    flex-direction: column;
    align-items: center;
}


/* ==========================================================================
   
Buttons
   ========================================================================== */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 12px clamp(22px, 2.5vw, 34px);
  color: var(--color-white);
  background: var(--color-primary-light);
  border: 1px solid transparent;
  border-radius: var(--radius-round);
  font: inherit;
  font-size: 16px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition:
    background var(--transition),
    color var(--transition),
    border-color var(--transition),
    box-shadow var(--transition),
    transform var(--transition);
}

.btn:hover {
  transform: translateY(-1px);
}

.btn:active {
  transform: translateY(0);
}

.btn:focus-visible {
  outline: 3px solid rgb(83 101 223 / 25%);
  outline-offset: 3px;
}


/* ==========================================================================
   
Button colors
   ========================================================================== */

.btn--primary {
  background: var(--color-primary-light);
}

.btn--primary:hover {
  background: var(--color-primary);
}

.btn--red {
  background: var(--color-red);
}

.btn--red:hover {
  background: var(--color-red-hover);
}

.btn--outline {
  color: var(--color-primary);
  background: transparent;
  border-color: currentColor;
}

.btn--outline:hover {
  color: var(--color-white);
  background: var(--color-primary);
  border-color: var(--color-primary);
}

.btn--white {
  color: var(--color-primary);
  background: var(--color-white);
}

.btn--white:hover {
  box-shadow: var(--shadow-small);
}


/* ==========================================================================
   
Button sizes
   ========================================================================== */

.btn--sm {
  min-height: 40px;
  padding: 9px 22px;
  font-size: 14px;
}

.btn--lg {
  min-height: 54px;
  padding-inline: clamp(28px, 4vw, 44px);
  font-size: 17px;
}

.btn--wide {
  width: 100%;
}


/* ==========================================================================
   
Standard lists
   ========================================================================== */

.list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding-left: 1.25em;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
    list-style: disc;
}

.list li::marker {
    color: var(--color-primary);
    font-weight: 700;
}

.list--red {
    list-style-type: square;
}

.list--red li::marker {
    color: var(--color-red);
}

.list--ordered li::marker {
  color: var(--color-red);
  font-weight: 700;
}


/* ==========================================================================
   
Check list
   ========================================================================== */

.check-list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.check-list li {
  position: relative;
  min-height: 24px;
  padding-left: 34px;
  color: var(--color-text);
  font-size: var(--font-size-text);
  line-height: 1.45;
}

.check-list li::before {
  content: "✓";
  position: absolute;
  top: .05em;
  left: 0;
  display: grid;
  width: 20px;
  height: 20px;
  place-items: center;
  color: var(--color-white);
  background: var(--color-red);
  border-radius: 50%;
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

/* ==========================================================================
   Check List Large
   ========================================================================== */

.check-list--large {
    gap: 0;
}

.check-list--large li {
    display: flex;
    align-items: center;
    min-height: 78px;
    padding: 16px 0 16px 72px;
}

.check-list--large li::before {
    top: 50%;
    width: 44px;
    height: 44px;
    background: var(--color-red);
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 8px 18px rgb(215 25 32 / 18%),
        0 0 0 4px rgb(215 25 32 / 5%);
    font-size: 19px;
    transform: translateY(-50%);
}

.check-list--divided li {
    border-bottom: 1px solid var(--color-border);
}


/* ==========================================================================
   
Icon list
   ========================================================================== */

.icon-list {
  display: grid;
  gap: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.icon-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.icon-list__icon {
  flex: 0 0 auto;
  width: 22px;
  height: 22px;
}


/* ==========================================================================
   
Arrow links
   ========================================================================== */

.link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--color-red);
  font-weight: 600;
  text-decoration: none;
  transition: gap var(--transition), color var(--transition);
}

.link-arrow::after {
  content: "→";
  font-size: 1.25em;
  line-height: 1;
}

.link-arrow:hover {
  gap: 12px;
  color: var(--color-red-hover);
}


/* ==========================================================================
   
Media
   ========================================================================== */

.media-cover {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.media-contain {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}


/* ==========================================================================
   Engine-Protection
   ========================================================================== */

.engine-protection {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgb(41 57 186 / 5%) 0%, transparent 42%),
        var(--color-bg);
}

.engine-protection__head {
    max-width: 720px;
}

.engine-protection__intro {
    overflow: visible;
    padding: clamp(24px, 3vw, 32px) clamp(24px, 4vw, 44px);
    border-color: rgb(41 57 186 / 20%);
    background:
        linear-gradient(120deg, rgb(255 255 255 / 100%) 0%, rgb(250 251 255 / 100%) 100%);
    box-shadow: var(--shadow-medium);
}

.engine-protection__intro p {
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.55;
}

.engine-protection__intro strong {
    color: var(--color-primary-dark);
    font-weight: 700;
}

.engine-protection__grid {
    gap: clamp(24px, 3vw, 40px);
    margin-top: clamp(58px, 6vw, 76px);
}

.engine-protection__item {
    position: relative;
    display: flex;
    min-width: 0;
}

.engine-protection__arrow {
    position: absolute;
    bottom: calc(100% + 10px);
    left: 50%;
    width: 2px;
    height: 38px;
    background: var(--gradient-blue);
    transform: translateX(-50%);
}

.engine-protection__arrow::before,
.engine-protection__arrow::after {
    position: absolute;
    bottom: 0;
    width: 12px;
    height: 2px;
    background: var(--color-primary-light);
    content: "";
}

.engine-protection__arrow::before {
    left: 1px;
    transform: rotate(-45deg);
    transform-origin: left center;
}

.engine-protection__arrow::after {
    right: 1px;
    transform: rotate(45deg);
    transform-origin: right center;
}

.engine-protection__card {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgb(25 31 93 / 7%);
    background:
        linear-gradient(145deg, #fff 0%, #f6f7fc 100%);
    transition:
        transform var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.engine-protection__card::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 150px;
    pointer-events: none;
    background: radial-gradient(circle at top right, rgb(83 101 223 / 9%), transparent 68%);
    content: "";
}

.engine-protection__card:hover {
    border-color: rgb(41 57 186 / 16%);
    box-shadow: var(--shadow-medium);
    transform: translateY(-4px);
}

.engine-protection__card h3,
.engine-protection__card p,
.engine-protection__btn {
    position: relative;
    z-index: 1;
}

.engine-protection__card h3 {
    color: var(--color-primary-dark);
}

.engine-protection__card p {
    margin-bottom: var(--space-lg);
}

.engine-protection__btn {
    margin-top: auto;
}

/* ==========================================================================
   Product-Catalog
   ========================================================================== */

.product-catalog {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, rgb(14 21 94 / 57%) 0%, rgb(9 14 65 / 54%) 48%, rgb(5 10 43 / 76%) 100%), url(/images/md/home/formula-bg-blur_v2.jpg) center / cover no-repeat;
}

.catalog-page .product-catalog {
    padding: clamp(180px, 12vw, 330px) 0 clamp(50px, 6vw, 90px);
}

.product-catalog::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 48%, rgb(111 121 244 / 30%) 0%, rgb(58 69 187 / 15%) 27%, transparent 56%),
        linear-gradient(180deg, rgb(19 27 110 / 12%) 0%, transparent 35%, rgb(6 11 50 / 26%) 100%);
    content: "";
}

.product-catalog::after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 260px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgb(20 27 98 / 48%) 20%, #161b69 100%);
}

.product-catalog .container {
    position: relative;
    z-index: 1;
}

.product-catalog__head {
    position: relative;
    z-index: 3;
    max-width: 820px;
}

.product-catalog__title {
    margin-bottom: var(--space-md);
}

.product-catalog__slogan {
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(640px, 100%);
    min-height: 48px;
    padding: 10px 28px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(116 127 255 / 70%);
    border-radius: var(--radius-round);
    box-shadow: 0 10px 32px rgb(0 0 0 / 14%);
    font-size: var(--font-size-text);
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

.product-catalog__coverage {
    margin-top: 26px;
}

.product-catalog__coverage strong {
    display: block;
    margin-bottom: 14px;
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 600;
}

.product-catalog__types {
    display: flex;
    flex-wrap: wrap;
    gap: 14px clamp(28px, 5vw, 64px);
}

.product-catalog__types span {
    position: relative;
    padding-left: 15px;
    color: rgb(255 255 255 / 82%);
    font-size: var(--font-size-text);
    line-height: 1.4;
}

.product-catalog__types span::before {
    position: absolute;
    top: .1em;
    bottom: .1em;
    left: 0;
    width: 3px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

.product-catalog__scheme {
    position: relative;
    width: min(100%, 1030px);
    height: 850px;
    margin: 34px auto 0;
}

.product-catalog__ring {
    position: absolute;
    z-index: 0;
    top: 122px;
    left: 50%;
    width: 650px;
    height: 650px;
    border: 2px solid var(--color-red);
    border-radius: 50%;
    opacity: .95;
    transform: translateX(-50%);
}

.product-catalog__engine {
    position: absolute;
    z-index: 2;
    top: 295px;
    left: 50%;
    width: min(490px, 48%);
    transform: translate(-50%, -40px);
    pointer-events: none;
}

.product-catalog__engine::before {
    position: absolute;
    inset: 18% 10% 10%;
    z-index: -1;
    background: radial-gradient(circle, rgb(126 137 255 / 52%) 0%, transparent 80%);
    filter: blur(28px);
    content: "";
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
}

.product-catalog__engine img {
    width: 100%;
    filter: drop-shadow(0 34px 28px rgb(0 0 0 / 30%));
}

.product-catalog__item {
    position: absolute;
    z-index: 3;
    display: flex;
    flex-direction: column;
    width: 235px;
    min-height: 270px;
    overflow: hidden;
    padding: 18px;
    color: var(--color-white);
    background:
        linear-gradient(145deg, rgb(180 186 239 / 32%) 0%, rgb(107 117 194 / 56%) 100%);
    border: 1px solid rgb(255 255 255 / 17%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 18px 48px rgb(0 0 0 / 15%),
        inset 0 1px 0 rgb(255 255 255 / 12%);
    backdrop-filter: blur(10px);
    transition:
        transform var(--transition),
        border-color var(--transition),
        background var(--transition),
        box-shadow var(--transition);
}

.product-catalog__item:hover {
    z-index: 4;
    background:
        linear-gradient(145deg, rgb(195 201 255 / 72%) 0%, rgb(105 115 202 / 65%) 100%);
    border-color: rgb(255 255 255 / 32%);
    box-shadow:
        0 24px 60px rgb(0 0 0 / 22%),
        inset 0 1px 0 rgb(255 255 255 / 18%);
    transform: translateY(-5px);
}

.product-catalog__item::after {
    position: absolute;
    right: 18px;
    bottom: 38px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    background: var(--color-red, #CD1A1C);
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    box-shadow: 0 8px 24px rgb(205 26 28 / 28%);
    opacity: 0;
    transform: translate(-8px, 8px) scale(.85);
    transition: opacity .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1);
    pointer-events: none;
    content: "↗";
    font-size: 22px;
    font-weight: 400;
    line-height: 28px;
}

.product-catalog__item:hover::after {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .product-catalog__item::after {
        transition: none;
    }
}

.product-catalog__image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 150px;
    margin-bottom: 12px;
}

.product-catalog__image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 14px 16px rgb(0 0 0 / 20%));
    transition: transform var(--transition);
}

.product-catalog__content {
    margin-top: auto;
}

.product-catalog__content h3 {
    color: var(--color-white);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.product-catalog__content p {
    margin-top: 10px;
    color: rgb(255 255 255 / 82%);
    font-size: 14px;
    line-height: 1.3;
}

.product-catalog__item--filters {
    top: 145px;
    left: 0;
}

.product-catalog__item--turbo {
    top: 28px;
    left: 50%;
    min-height: 205px;
    transform: translateX(-50%);
}

.product-catalog__item--turbo:hover {
    transform: translateX(-50%) translateY(-5px);
}

.product-catalog__item--oils {
    top: 145px;
    right: 0;
}

.product-catalog__item--cylinder {
    top: 475px;
    left: 0;
}

.product-catalog__item--gaskets {
    top: 475px;
    right: 0;
}

.product-catalog__item--pumps {
    top: 660px;
    left: 50%;
    min-height: 205px;
    transform: translateX(-50%);
}

.product-catalog__item--pumps:hover {
    transform: translateX(-50%) translateY(-5px);
}

.product-catalog__item--turbo .product-catalog__image,
.product-catalog__item--pumps .product-catalog__image {
    height: 125px;
}

.product-catalog__bottom {
    position: relative;
    z-index: 3;
    margin-top: 62px;
}

.product-catalog__bottom > p {
    margin-bottom: 28px;
    color: rgb(255 255 255 / 86%);
    font-size: var(--font-size-lead);
}

.product-catalog__bottom .btn {
    min-width: 245px;
}


/* ==========================================================================
   Brand-Story
   ========================================================================== */

.brand-story {
    overflow: hidden;
    background:
        radial-gradient(circle at 72% 9%, rgb(41 57 186 / 6%) 0%, transparent 25%),
        var(--color-bg);
}

.brand-story__warranty {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr);
    gap: clamp(40px, 7vw, 90px);
    align-items: center;
    max-width: 930px;
    margin-inline: auto;
}

.brand-story__warranty-content {
    position: relative;
    z-index: 2;
}

.brand-story__warranty-content .lead {
    margin-top: var(--space-lg);
}

.brand-story__warranty-content .btn {
    margin-top: var(--space-lg);
}

.brand-story__warranty-media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 310px;
}

.brand-story__warranty-media::before {
    position: absolute;
    width: 70%;
    aspect-ratio: 1;
    background: radial-gradient(circle, rgb(83 101 223 / 15%) 0%, transparent 68%);
    filter: blur(18px);
    content: "";
}

.brand-story__warranty-media img {
    position: relative;
    z-index: 1;
    width: min(100%, 460px);
    max-height: 340px;
    object-fit: contain;
    filter: drop-shadow(0 24px 28px rgb(9 17 73 / 14%));
}

.brand-story__history {
    margin-top: clamp(64px, 8vw, 100px);
    padding: clamp(36px, 5vw, 58px);
    background:
        linear-gradient(145deg, #f5f5f7 0%, #eceef4 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-small);
}

.brand-story__history > h2 {
    max-width: 540px;
    margin-bottom: clamp(38px, 5vw, 56px);
}

.brand-story__main {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: clamp(28px, 4vw, 44px);
    align-items: stretch;
}

.brand-story__video {
    position: relative;
    overflow: hidden;
    min-height: 310px;
    background:
        radial-gradient(circle at 50% 50%, rgb(83 101 223 / 18%), transparent 55%),
        linear-gradient(135deg, #121952 0%, #080b26 100%);
    border-radius: var(--radius-medium);
    box-shadow: var(--shadow-medium);
    cursor: pointer;
}

.brand-story__video::before {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgb(5 9 35 / 8%) 0%, rgb(5 9 35 / 26%) 100%);
    content: "";
    transition: opacity var(--transition);
}

.brand-story__video video {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 310px;
    object-fit: cover;
}

.brand-story__play {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: grid;
    width: 76px;
    height: 76px;
    padding: 0;
    place-items: center;
    color: var(--color-white);
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 50%);
    border-radius: 50%;
    box-shadow:
        0 12px 36px rgb(0 0 0 / 22%),
        inset 0 0 0 1px rgb(255 255 255 / 8%);
    backdrop-filter: blur(10px);
    transform: translate(-50%, -50%);
    transition:
        background var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition),
        opacity var(--transition);
}

.brand-story__play span {
    width: 0;
    height: 0;
    margin-left: 5px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid var(--color-white);
}

.brand-story__video:hover .brand-story__play {
    background: rgb(83 101 223 / 72%);
    border-color: rgb(255 255 255 / 70%);
    box-shadow:
        0 16px 42px rgb(9 17 73 / 30%),
        0 0 0 9px rgb(255 255 255 / 7%);
    transform: translate(-50%, -50%) scale(1.06);
}

.brand-story__play:active {
    transform: translate(-50%, -50%) scale(.95);
}

.brand-story__video.is-playing::before,
.brand-story__video.is-playing .brand-story__play {
    opacity: 0;
    pointer-events: none;
}

.brand-story__stats {
    align-content: stretch;
}

.brand-story__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    padding: var(--space-md);
    background: rgb(255 255 255 / 90%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-medium);
    box-shadow: 0 8px 24px rgb(9 17 73 / 5%);
    text-align: center;
    transition:
        transform var(--transition),
        box-shadow var(--transition),
        border-color var(--transition);
}

.brand-story__stat:hover {
    border-color: rgb(41 57 186 / 14%);
    box-shadow: var(--shadow-small);
    transform: translateY(-3px);
}

.brand-story__stat strong {
    color: var(--color-red);
    font-size: clamp(27px, 3vw, 34px);
    font-weight: 800;
    line-height: 1;
}

.brand-story__stat p {
    margin-top: var(--space-xs);
    color: var(--color-text-soft);
    font-size: var(--font-size-small);
    line-height: 1.25;
}

.brand-story__facts {
    margin-top: clamp(26px, 4vw, 42px);
}

.brand-story__fact {
    position: relative;
    overflow: hidden;
    min-height: 110px;
    padding: var(--space-md);
    background:
        linear-gradient(120deg, #11164e 0%, #2e3bb4 58%, #5a64dc 100%);
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: var(--radius-medium);
    box-shadow: var(--shadow-small);
    text-align: center;
}

.brand-story__fact::before {
    position: absolute;
    top: -50px;
    right: -30px;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle, rgb(255 255 255 / 10%), transparent 68%);
    content: "";
}

.brand-story__fact strong,
.brand-story__fact p {
    position: relative;
    z-index: 1;
}

.brand-story__fact strong {
    display: block;
    color: var(--color-white);
    font-size: clamp(24px, 2.6vw, 30px);
    font-weight: 800;
    line-height: 1;
}

.brand-story__fact p {
    margin-top: var(--space-xs);
    color: rgb(255 255 255 / 68%);
    font-size: 12px;
    line-height: 1.3;
}

.brand-story__history > .btn {
    min-width: 260px;
    margin-top: clamp(30px, 4vw, 44px);
}

/* ==========================================================================
   Production-Quality
   ========================================================================== */

.production-quality {
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 12%, rgb(41 57 186 / 5%) 0%, transparent 25%),
        var(--color-bg);
}

.production-quality__intro {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    gap: clamp(48px, 8vw, 100px);
    align-items: center;
    max-width: 980px;
    margin-inline: auto;
}

.production-quality__content h2 {
    margin-bottom: var(--space-lg);
}

.production-quality__lead {
    margin-bottom: var(--space-md);
    color: var(--color-primary);
    font-size: var(--font-size-lead);
    font-weight: 500;
    line-height: 1.3;
}

.production-quality__content > p:not(.production-quality__lead) {
    color: var(--color-text);
    line-height: 1.4;
}

.production-quality__content .btn {
    margin-top: var(--space-lg);
}

.production-quality__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.55;
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
}

.production-quality__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgb(18 27 105 / 10%) 0%, transparent 45%, rgb(6 10 45 / 12%) 100%);
    content: "";
}

.production-quality__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.production-quality__media:hover img {
    transform: scale(1.025);
}

.production-quality .engine-protection__intro {
    margin: 40px auto;
    text-align: center;
    max-width: 980px;
}

.production-quality__factory {
    margin-top: clamp(42px, 6vw, 64px);
    padding: clamp(44px, 6vw, 70px) clamp(24px, 6vw, 76px);
    background:
        radial-gradient(circle at 50% 18%, rgb(255 255 255 / 80%) 0%, transparent 36%),
        linear-gradient(145deg, #f3f3f4 0%, #eceef3 100%);
    border-radius: var(--radius-large);
}


.company__production {
    position: relative;
    display: grid;
    grid-template-columns: minmax(380px, 1.08fr) minmax(0, .92fr);
    max-width: 980px;
    min-height: 410px;
    margin: 0 auto;
    overflow: hidden;
    background: #0b1049;
    border-radius: var(--radius-large);
    box-shadow: 0 25px 60px rgb(16 25 87 / 19%);
}

.company__production-image {
    position: relative;
    min-width: 0;
    min-height: 410px;
    overflow: hidden;
}

.company__production-image img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.company__production-shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 45%, rgb(7 12 57 / 35%) 100%),
        linear-gradient(180deg, rgb(5 9 48 / 5%) 0%, rgb(5 9 48 / 20%) 100%);
}

.company__production-panel {
    position: relative;
    z-index: 3;
    width: auto;
    min-height: 410px;
    margin: 0;
    padding: 38px 36px;
    background:
        radial-gradient(circle at 100% 0%, rgb(100 112 255 / 20%) 0%, transparent 40%),
        linear-gradient(145deg, #101957 0%, #172171 100%);
    border-left: 1px solid rgb(255 255 255 / 10%);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.company__production-label {
    color: #c6cbff;
    background: rgb(255 255 255 / 8%);
    border-color: rgb(255 255 255 / 13%);
}

.company__production-title {
    margin: 18px 0 0;
    font-size: clamp(29px, 3vw, 42px);
    font-weight: 750;
    line-height: 1.09;
}

.company__production-intro {
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 1.56;
    color: rgb(255 255 255 / 70%);
}


.company__scale-note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    max-width: 760px;
    margin-top: 28px;
    padding: 17px 20px;
    background: rgb(255 255 255 / 72%);
    border: 1px solid rgb(52 67 198 / 12%);
    border-radius: 19px;
    box-shadow: 0 15px 36px rgb(16 25 87 / 7%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.company__scale-note-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #3443c6;
    background: rgb(52 67 198 / 9%);
    border-radius: 15px;
}

.company__scale-note-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.company__scale-note p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.48;
    color: #51587f;
    text-align: left;
}		

.company__production-panel .company__scale-note {
    background: rgb(255 255 255);
}

.production-quality__research {
    max-width: 980px;
    margin: var(--space-lg) auto 0;
    padding: 22px clamp(24px, 4vw, 42px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 85% 30%, rgb(125 137 255 / 28%), transparent 32%),
        linear-gradient(100deg, #080914 0%, #161b68 46%, #5863df 100%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
}

.production-quality__research > strong,
.production-quality__research > b {
    display: block;
    color: var(--color-white);
}

.production-quality__research > strong {
    margin-bottom: 3px;
    font-size: clamp(18px, 2vw, 21px);
    font-weight: 700;
    line-height: 1.25;
}

.production-quality__research > b {
    font-size: var(--font-size-text);
    font-weight: 700;
}

.production-quality__research p {
    margin-top: 5px;
    color: rgb(255 255 255 / 76%);
    font-size: var(--font-size-small);
    line-height: 1.4;
}

.production-quality__action {
    display: flex;
    justify-content: center;
    margin-top: var(--space-lg);
}

/* ==========================================================================
   MD-Care
   ========================================================================== */

.md-care {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 10%, rgb(105 116 224 / 18%) 0%, transparent 32%),
        radial-gradient(circle at 12% 88%, rgb(216 25 32 / 5%) 0%, transparent 28%),
        #f5f6fb;
}

.md-care__box {
    margin-inline: auto;
    padding: clamp(36px, 4.8vw, 52px);
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.md-care__label {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    margin-bottom: var(--space-md);
    padding: 5px 14px;
    color: var(--color-primary);
    background: rgb(83 101 223 / 6%);
    border: 1px solid rgb(83 101 223 / 18%);
    border-radius: var(--radius-round);
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.md-care__lead {
    max-width: 800px;
    margin-top: var(--space-md);
    color: #747a9f;
    font-size: var(--font-size-text);
    line-height: 1.45;
}

.md-care__body {
    display: grid;
    grid-template-columns: minmax(300px, 390px) minmax(0, 1fr);
    gap: clamp(44px, 6vw, 64px);
    align-items: start;
    margin-top: clamp(32px, 4vw, 42px);
}

.md-care__phone {
    overflow: hidden;
    border-radius: 30px;
    background: #09090b;
    box-shadow: 0 20px 46px rgb(8 13 64 / 14%);
}

.md-care__phone img {
    width: 100%;
}

.md-care__info {
    min-width: 0;
}

.md-care__formula {
    display: flex;
    align-items: center;
    gap: 0;
    min-height: 42px;
    margin-bottom: 22px;
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 800;
}

.md-care__formula-number {
    display: grid;
    width: 40px;
    height: 42px;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 1px solid var(--color-red);
    border-radius: 8px 0 0 8px;
    font-size: 20px;
}

.md-care__formula strong {
    display: flex;
    align-items: center;
    height: 42px;
    padding: 0 17px;
    background: var(--color-white);
    border: 1px solid var(--color-red);
    border-left: 0;
    border-radius: 0 8px 8px 0;
    font-size: 19px;
    line-height: 1;
}

.md-care__formula-arrow {
    margin: 0 16px;
    color: var(--color-red);
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
}

.md-care__benefits {
    border-top: 1px solid rgb(25 31 93 / 12%);
}

.md-care__benefit {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    min-height: 92px;
    padding: 18px 0;
    border-bottom: 1px solid rgb(25 31 93 / 12%);
}

.md-care__benefit > span {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    color: var(--color-red);
    background: rgb(215 25 32 / 4%);
    border: 1px solid rgb(215 25 32 / 32%);
    border-radius: 12px;
    font-size: 15px;
    font-weight: 700;
}

.md-care__benefit strong {
    display: block;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.3;
}

.md-care__benefit p {
    margin-top: 4px;
    color: #858aa8;
    font-size: var(--font-size-small-text);
    line-height: 1.35;
}

.md-care__warranty {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-top: var(--space-md);
    padding: 18px;
    background:
        linear-gradient(120deg, rgb(241 243 255 / 96%) 0%, rgb(250 250 255 / 100%) 100%);
    border: 1px solid rgb(83 101 223 / 17%);
    border-radius: var(--radius-large);
}

.md-care__shield {
    display: grid;
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    place-items: center;
    color: var(--color-primary-light);
    background: rgb(83 101 223 / 8%);
    border-radius: var(--radius-medium);
}

.md-care__shield svg {
    width: 28px;
    height: 28px;
}

.md-care__warranty strong {
    display: block;
    color: var(--color-primary-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.1;
}

.md-care__warranty p {
    margin-top: 8px;
    color: #868ba6;
    font-size: 14px;
    line-height: 1.3;
}

.md-care__download {
    margin-top: var(--space-md);
}

.md-care__download > strong {
    display: block;
    color: var(--color-primary);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.md-care__stores {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.md-care__stores a {
    display: block;
    transition:
        transform var(--transition),
        opacity var(--transition);
}

.md-care__stores a:hover {
    opacity: .88;
    transform: translateY(-2px);
}

.md-care__stores img {
    width: auto;
    height: 38px;
}

/* ==========================================================================
   Media-Center
   ========================================================================== */

.media-center {
    background: var(--color-bg);
}

.media-center__head {
    max-width: 980px;
}

.media-center__head .section__lead {
    max-width: 940px;
}

.media-center__grid {
    gap: clamp(24px, 3vw, 36px);
}

.media-center__card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    background:
        linear-gradient(180deg, #f5f5f6 0%, #efeff1 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow: 0 8px 24px rgb(9 17 73 / 4%);
    transition:
        transform var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.media-center__card:hover {
    border-color: rgb(41 57 186 / 13%);
    box-shadow: var(--shadow-small);
    transform: translateY(-4px);
}

.media-center__image {
    display: block;
    overflow: hidden;
    margin: 18px 18px 0;
    aspect-ratio: 1 / 1.08;
    background: var(--color-white);
    border-radius: var(--radius-small);
}

.media-center__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.media-center__card:hover .media-center__image img {
    transform: scale(1.025);
}

.media-center__content {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 125px;
    padding: 24px 58px 22px 20px;
}

.media-center__content h3 {
    color: var(--color-primary-dark);
    font-size: clamp(18px, 1.7vw, 21px);
    line-height: 1.25;
}

.media-center__content h3 a {
    transition: color var(--transition);
}

.media-center__content h3 a:hover {
    color: var(--color-primary);
}

.media-center__arrow {
    position: absolute;
    right: 18px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-red);
    font-size: 32px;
    font-weight: 400;
    line-height: 1;
    transition:
        color var(--transition),
        transform var(--transition);
}

.media-center__arrow:hover {
    color: var(--color-red-hover);
    transform: translateX(4px);
}

.media-center__card__auto {
    padding: 0 0 30px;
}

.media-center__card__auto .media-center__image {
    aspect-ratio: auto;
}

.media-center__card__auto .media-center__image img {
    height: auto;
}

.media-center__card__auto .media-center__arrow {
    bottom: 0;
}

/* ==========================================================================
   Where-Buy
   ========================================================================== */

.where-buy {
    background: var(--color-bg);
    padding-block: clamp(44px, 8vw, 70px);
}

.where-buy__head {
    max-width: 780px;
}

.where-buy__retail,
.where-buy__business {
    padding: clamp(28px, 4vw, 42px);
    background:
        linear-gradient(145deg, #f6f6f7 0%, #f1f2f5 100%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
}

.where-buy__title {
    display: flex;
    align-items: center;
    gap: 12px;
}

.where-buy__title h3 {
    color: var(--color-primary);
}

.where-buy__title-icon {
    display: grid;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    place-items: center;
    color: var(--color-red);
}

.where-buy__title-icon svg {
    width: 22px;
    height: 22px;
}

.where-buy__title + p {
    margin-top: 12px;
    color: var(--color-text);
}

.where-buy__channels {
    display: grid;
    gap: 12px;
    margin-top: var(--space-lg);
}

.where-buy__channel {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 18px;
    align-items: center;
    min-height: 82px;
    padding: 14px 20px;
    background: var(--color-white);
    border: 1px solid rgb(83 101 223 / 24%);
    border-radius: var(--radius-small);
    box-shadow: var(--shadow-small);
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.where-buy__channel:hover {
    border-color: rgb(83 101 223 / 48%);
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

.where-buy__channel-icon {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--color-red);
    background: rgb(215 25 32 / 6%);
    border-radius: var(--radius-small);
}

.where-buy__channel-icon--blue {
    color: var(--color-primary-light);
    background: rgb(83 101 223 / 7%);
}

.where-buy__channel-icon svg {
    width: 25px;
    height: 25px;
}

.where-buy__channel strong,
.where-buy__channel small {
    display: block;
}

.where-buy__channel strong {
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
}

.where-buy__channel small {
    margin-top: 2px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text, 14px);
    line-height: 1.35;
}

.where-buy__channel-arrow {
    color: var(--color-red);
    font-size: 25px;
    line-height: 1;
    transition: transform var(--transition);
}

.where-buy__channel:hover .where-buy__channel-arrow {
    transform: translateX(4px);
}

.where-buy__map {
    margin-top: var(--space-md);
}

.where-buy__map-title {
    display: block;
    margin-bottom: 14px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
}

/* Existing map filter */

.where-buy #map-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: var(--space-md);
}

.where-buy #map-filter input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.where-buy #map-filter label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 24px;
    color: var(--color-primary);
    background: var(--color-white);
    border: 1px solid rgb(41 57 186 / 55%);
    border-radius: var(--radius-round);
    font-size: var(--font-size-small);
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    transition:
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.where-buy #map-filter label:hover {
    border-color: var(--color-primary);
    box-shadow: 0 5px 16px rgb(41 57 186 / 10%);
    transform: translateY(-1px);
}

.where-buy #map-filter input[type="radio"]:checked + label,
.where-buy #map-filter label:has(+ input[type="radio"]:checked) {
    color: var(--color-white);
    background: var(--gradient-blue);
    border-color: transparent;
    box-shadow: 0 8px 20px rgb(41 57 186 / 18%);
}

.where-buy #map-filter input[type="radio"]:focus-visible + label,
.where-buy #map-filter label:has(+ input[type="radio"]:focus-visible) {
    outline: 3px solid rgb(83 101 223 / 20%);
    outline-offset: 3px;
}

/* Existing map */

.where-buy #map-canvas {
    width: 100%;
    min-height: 440px;
    overflow: hidden;
    background: #e9ebf2;
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-small);
}

.where-buy #map-canvas > ymaps,
.where-buy #map-canvas > div {
    border-radius: inherit;
}

.where-buy__business > p {
    max-width: 850px;
}

.where-buy__benefits {
    margin-top: var(--space-lg);
    gap: 18px;
}

.where-buy__benefits + .actions {
    margin-top: var(--space-lg);
}

/* ==========================================================================
   FAQ
   ========================================================================== */

.faq {
    overflow: hidden;
    background: radial-gradient(circle at 82% 10%, rgb(105 116 224 / 18%) 0%, transparent 32%), radial-gradient(circle at 12% 88%, rgb(216 25 32 / 5%) 0%, transparent 28%), #f5f6fb;
}

.faq .container {
    position: relative;
    z-index: 1;
}

.faq__layout {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(0, 1.28fr);
    gap: clamp(48px, 7vw, 100px);
    align-items: start;
    max-width: 1050px;
    margin-inline: auto;
}

.faq__head {
    position: sticky;
    top: 120px;
}

.faq__list {
    display: grid;
    gap: 12px;
}

.faq__item {
    overflow: hidden;
    background: rgb(255 255 255 / 76%);
    border: 1px solid rgb(41 57 186 / 9%);
    border-radius: var(--radius-medium);
    box-shadow: 0 8px 24px rgb(9 17 73 / 5%);
    backdrop-filter: blur(10px);
    transition:
        background .35s ease,
        border-color .35s ease,
        box-shadow .35s ease,
        transform .35s ease;
}

.faq__item:hover {
    border-color: rgb(41 57 186 / 18%);
    box-shadow: var(--shadow-small);
}

.faq__item.is-open {
    background:
        linear-gradient(120deg, rgb(255 255 255 / 96%) 0%, rgb(245 247 255 / 96%) 100%);
    border-color: rgb(83 101 223 / 22%);
    box-shadow: var(--shadow-medium);
    transform: translateY(-2px);
}

.faq__question {
    display: flex;
    width: 100%;
    min-height: 68px;
    padding: 20px 22px;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md);
    color: var(--color-primary-dark);
    background: transparent;
    border: 0;
    font: inherit;
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

.faq__question i {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
}

.faq__question i::before,
.faq__question i::after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    background: var(--color-primary-light);
    border-radius: var(--radius-round);
    content: "";
    transition:
        transform .4s cubic-bezier(.22, 1, .36, 1),
        background var(--transition);
}

.faq__question i::before {
    transform: translate(-50%, -50%);
}

.faq__question i::after {
    transform: translate(-50%, -50%) rotate(90deg);
}

.faq__item.is-open .faq__question i::before {
    background: var(--color-red);
}

.faq__item.is-open .faq__question i::after {
    background: var(--color-red);
    transform: translate(-50%, -50%) rotate(180deg);
}

.faq__answer {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition:
        height .48s cubic-bezier(.22, 1, .36, 1),
        opacity .3s ease;
}

.faq__item.is-open .faq__answer {
    opacity: 1;
}

.faq__answer-inner {
    padding: 0 58px 22px 22px;
}

.faq__answer p {
    max-width: 720px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.55;
}

/* ==========================================================================
   Contact-Community
   ========================================================================== */

.contact-community {
    position: relative;
    overflow: hidden;
    min-height: 620px;
    background:
        radial-gradient(circle at 78% 48%, rgb(76 88 219 / 22%) 0%, transparent 34%),
        radial-gradient(circle at 12% 100%, rgb(54 65 186 / 18%) 0%, transparent 34%),
        linear-gradient(115deg, #171b68 0%, #16195f 45%, #11154f 100%);
}

.contact-community::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(5 8 38 / 8%) 0%, transparent 42%, rgb(7 10 45 / 12%) 100%);
    content: "";
}

.contact-community .container {
    position: relative;
    z-index: 1;
    min-height: inherit;
}

.contact-community__content {
    position: relative;
    z-index: 2;
    width: min(48%, 520px);
}

.contact-community h2 {
    color: #aeb6ff;
    font-size: clamp(34px, 3.8vw, 46px);
}

.contact-community__contacts > p {
    margin-top: var(--space-md);
    color: rgb(255 255 255 / 84%);
    font-size: var(--font-size-lead);
}

.contact-community__links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-top: var(--space-md);
}

.contact-community__links a {
    display: inline-flex;
    min-width: 255px;
    min-height: 48px;
    align-items: center;
    gap: 12px;
    padding: 9px 20px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 97%);
    border: 1px solid rgb(115 126 255 / 68%);
    border-radius: var(--radius-round);
    box-shadow: 0 10px 26px rgb(5 8 44 / 16%);
    transition:
        box-shadow var(--transition),
        border-color var(--transition),
        transform var(--transition);
}

.contact-community__links a:hover {
    border-color: rgb(151 161 255 / 90%);
    box-shadow: 0 15px 34px rgb(5 8 44 / 24%);
    transform: translateY(-2px);
}

.contact-community__links span {
    display: grid;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    place-items: center;
    color: var(--color-red);
}

.contact-community__links svg {
    width: 24px;
    height: 24px;
}

.contact-community__links strong {
    font-size: var(--font-size-text);
    font-weight: 700;
}

.contact-community__social {
    margin-top: clamp(48px, 6vw, 72px);
}

.contact-community__social > p {
    max-width: 470px;
    margin-top: var(--space-lg);
    color: rgb(255 255 255 / 82%);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.contact-community__socials {
    display: flex;
    gap: 24px;
    margin-top: var(--space-md);
}

.contact-community__socials a {
    display: grid;
    width: 54px;
    height: 54px;
    place-items: center;
    color: var(--color-primary-dark);
    border-radius: var(--radius-medium);
    box-shadow: 0 10px 28px rgb(4 7 39 / 14%);
    transition:
        color var(--transition),
        background var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.contact-community__socials a:hover {
    color: var(--color-primary);
    box-shadow: 0 16px 34px rgb(4 7 39 / 24%);
    transform: translateY(-4px);
}

.contact-community__socials svg {
    width: 30px;
    height: 30px;
}

.contact-community__media {
    position: absolute;
    z-index: 1;
    right: -40px;
    bottom: calc(clamp(64px, 8vw, 110px) * -1);
    width: min(62%, 720px);
    pointer-events: none;
}

.contact-community__media::before {
    position: absolute;
    right: 8%;
    bottom: 2%;
    left: 2%;
    height: 35%;
    z-index: -1;
    background: radial-gradient(ellipse, rgb(78 91 228 / 28%) 0%, transparent 70%);
    filter: blur(30px);
    content: "";
}

.contact-community__media img {
    width: 100%;
    max-height: 710px;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 28px 40px rgb(3 5 28 / 22%));
}


/* ==========================================================================
   Stats-Grid
   ========================================================================== */

.stats-grid {
    display: grid;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
}

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

.stats-grid__item {
    position: relative;
    min-width: 0;
    min-height: 190px;
    padding: clamp(28px, 3vw, 38px) clamp(20px, 2.5vw, 30px);
}

.stats-grid__item + .stats-grid__item {
    border-left: 1px solid var(--color-border);
}

.stats-grid__value {
    display: flex;
    align-items: center;
    gap: 10px;
}

.stats-grid__value strong {
    color: var(--color-primary);
    font-size: clamp(48px, 5vw, 66px);
    font-weight: 800;
    line-height: .9;
}

.stats-grid__value span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 14px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 55%);
    border: 1px solid rgb(41 57 186 / 22%);
    border-radius: var(--radius-small);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.stats-grid__item > p {
    max-width: 210px;
    margin-top: 24px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}


/* ==========================================================================
   Oils-Expertise
   ========================================================================== */

.oils-expertise {
    overflow: hidden;
    background: var(--color-bg);
    margin: 50px 0 0 0;
}

.oils-expertise__intro {
    position: relative;
    padding-block: clamp(62px, 7vw, 90px);
    background:
        radial-gradient(circle at 86% 40%, rgb(83 101 223 / 7%) 0%, transparent 24%),
        var(--color-bg);
}

.oils-expertise__intro, .oils-expertise__intro__silver {
    position: relative;
    padding-block: clamp(62px, 7vw, 90px);
    background: radial-gradient(circle at 82% 10%, rgb(105 116 224 / 18%) 0%, transparent 32%), radial-gradient(circle at 12% 88%, rgb(216 25 32 / 5%) 0%, transparent 28%), #f5f6fb;
}

.oils-expertise__intro__blue {
    background: radial-gradient(circle at 84% 46%, rgb(33 42 169 / 28%) 0%, rgb(20 27 105 / 16%) 34%, transparent 62%), radial-gradient(circle at 30% 120%, rgb(18 28 123 / 34%) 0%, transparent 48%), linear-gradient(110deg, #080912 0%, #0d0f25 28%, #11153c 62%, #11194d 100%);
}

.oils-expertise__intro__blue h2, .oils-expertise__intro__blue p.lead {
    color: var(--color-white);
}

.oils-expertise__intro__blue .oils-expertise__emblem {
    background: linear-gradient(145deg, rgb(180 186 239 / 32%) 0%, rgb(107 117 194 / 56%) 100%);
    box-shadow: none;
}

.oils-expertise__intro-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 230px;
    gap: clamp(48px, 8vw, 100px);
    align-items: center;
}

.oils-expertise__intro-content {
    max-width: 790px;
}

.oils-expertise__intro-content h2 {
    max-width: 720px;
    margin: 0 0 30px;
}

.oils-expertise__intro-content .lead {
    max-width: 760px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: clamp(18px, 1.7vw, 20px);
    font-weight: 500;
}

.oils-expertise__emblem {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 190px;
    aspect-ratio: 1;
    margin-left: auto;
    padding: 24px;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 96%), rgb(247 248 255 / 92%));
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-xxl);
    box-shadow:
        0 20px 50px rgb(9 17 73 / 10%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.oils-expertise__emblem::before {
    position: absolute;
    inset: -35%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 11%) 0%, transparent 66%);
    content: "";
}

.oils-expertise__emblem img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 10px 12px rgb(58 9 12 / 16%));
}

.oils-expertise__body {
    position: relative;
    padding-block: clamp(64px, 8vw, 100px);
    background:
        radial-gradient(circle at 92% 8%, rgb(83 101 223 / 9%) 0%, transparent 28%),
        radial-gradient(circle at 8% 92%, rgb(215 25 32 / 3%) 0%, transparent 25%),
        linear-gradient(145deg, #f5f6fa 0%, #eff1f7 100%);
}

.oils-expertise__head {
    max-width: 650px;
    margin-bottom: clamp(38px, 5vw, 56px);
}

.oils-expertise__head h2 {
    color: var(--color-primary);
}

.oils-expertise__body .stats-grid {
    background: rgb(255 255 255 / 24%);
}

.oils-expertise__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(26px, 5vw, 70px);
    margin-top: clamp(32px, 4vw, 44px);
}

.oils-expertise__fact {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 62px;
    padding-left: 20px;
}

.oils-expertise__fact::before {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 4px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

.oils-expertise__fact p {
    max-width: 270px;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.4;
}

.oils-expertise__note {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    width: min(100%, 980px);
    margin: clamp(40px, 5vw, 58px) auto 0;
    padding: 17px 22px;
    background: rgb(255 255 255 / 78%);
    border: 1px solid rgb(83 101 223 / 18%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 42px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.conveyors__note {
    margin: 0;
    width: 100%;
    padding: 30px 22px;
}

.oils-expertise__note-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    color: var(--color-primary);
    background: rgb(83 101 223 / 8%);
    border-radius: var(--radius-medium);
}

.oils-expertise__note-icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.oils-expertise__note strong {
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.45;
}

.oils-expertise__leaders {
    display: grid;
    grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
    width: min(100%, 860px);
    min-height: 430px;
    margin: clamp(74px, 8vw, 105px) auto 0;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 7%) 0%, transparent 38%),
        var(--color-white);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.oils-expertise__award {
    position: relative;
    z-index: 2;
    align-self: center;
    width: calc(100% + 34px);
    margin-left: -34px;
    overflow: hidden;
    background: linear-gradient(180deg, #2535bb 0%, #18216f 100%);
    border-radius: var(--radius-medium);
    box-shadow: 0 24px 50px rgb(9 17 73 / 20%);
}

.oils-expertise__award-label {
    padding: 15px 18px;
    color: var(--color-white);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.25;
    text-align: center;
}

.oils-expertise__award img {
    display: block;
    width: 100%;
}

.oils-expertise__leaders-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(36px, 5vw, 58px);
}

.oils-expertise__leaders-content h2 {
    max-width: 430px;
}

.oils-expertise__leaders-content > p {
    max-width: 470px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.5;
}

.oils-expertise__leaders-more {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 24px;
}

.oils-expertise__leaders-more > strong {
    max-width: 230px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
}

.oils-expertise__qr {
    width: 112px;
    overflow: hidden;
    background: var(--color-black);
    border-radius: var(--radius-small);
    box-shadow: 0 8px 24px rgb(9 17 73 / 9%);
}

.oils-expertise__qr img {
    display: block;
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.oils-expertise__qr-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    color: var(--color-white);
    background: var(--color-red);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    transition: background var(--transition);
}

.oils-expertise__qr-link:hover {
    background: var(--color-red-hover);
}

/* ==========================================================================
   Oils-Production
   ========================================================================== */

.oils-production {
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 5%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        radial-gradient(circle at 5% 90%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        var(--color-bg);
}

.oils-production__head {
    max-width: 980px;
}

.oils-production__head > h2 {
    max-width: 450px;
}

.oils-production__intro {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(50px, 9vw, 120px);
    margin-top: clamp(34px, 4vw, 48px);
}

.oils-production__intro > div {
    min-width: 0;
}

.oils-production__intro h3 {
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
}

.oils-production__intro p {
    max-width: 430px;
    margin-top: 10px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.oils-production__quality {
    margin-top: clamp(42px, 5vw, 60px);
}

.oils-production__quality-title {
    margin-bottom: 22px;
    color: var(--color-primary);
    font-size: var(--font-size-lead);
    font-weight: 600;
}

.oils-production__steps {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
}

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

.oils-production__steps::before {
    position: absolute;
    top: 38px;
    right: 12.5%;
    left: 12.5%;
    height: 1px;
    background: linear-gradient(90deg, rgb(83 101 223 / 20%) 0%, rgb(83 101 223 / 70%) 50%, rgb(83 101 223 / 20%) 100%);
    content: "";
}

.oils-production__steps li {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding-inline: 14px;
    text-align: center;
}

.oils-production__steps li:not(:last-child)::after {
    position: absolute;
    top: 34px;
    right: -4px;
    width: 9px;
    height: 9px;
    background: var(--color-primary-light);
    border: 3px solid #eef0ff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgb(83 101 223 / 22%);
    content: "";
}

.oils-production__steps span {
    position: relative;
    display: grid;
    width: 76px;
    height: 76px;
    margin-inline: auto;
    place-items: center;
    color: var(--color-white);
    background:
        radial-gradient(circle at 35% 28%, #4454db 0%, #2635b8 42%, #161d69 100%);
    border: 6px solid #f4f5ff;
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgb(83 101 223 / 22%),
        0 13px 28px rgb(9 17 73 / 14%);
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
}

.oils-production__steps span::after {
    position: absolute;
    inset: -10px;
    pointer-events: none;
    border: 2px solid rgb(83 101 223 / 34%);
    border-top-color: var(--color-primary-light);
    border-right-color: var(--color-primary-light);
    border-radius: 50%;
    content: "";
    transform: rotate(14deg);
}

.oils-production__steps p {
    max-width: 220px;
    margin: 22px auto 0;
    color: var(--color-text);
    font-size: var(--font-size-small-text);
    font-weight: 500;
    line-height: 1.4;
}

.oils-production__note {
    display: grid;
    grid-template-columns: 4px minmax(0, 1fr);
    gap: 18px;
    align-items: stretch;
    max-width: 720px;
    margin-top: clamp(38px, 5vw, 54px);
}

.oils-production__note > span {
    display: block;
    background: var(--color-red);
    border-radius: var(--radius-round);
}

.oils-production__note p {
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

/* ==========================================================================
   Production video
   ========================================================================== */

.oils-production__video {
    position: relative;
    width: min(100%, 820px);
    margin: clamp(46px, 6vw, 68px) auto 0;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    isolation: isolate;
    background: radial-gradient(circle at 50% 50%, rgb(83 101 223 / 18%) 0%, transparent 55%), #0c102f;
    border: 1px solid rgb(25 31 93 / 9%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.oils-production__video::after {
    position: absolute;
    z-index: 6;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: inherit;
    content: "";
}

.oils-production__video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oils-production__video-overlay {
    position: absolute;
    z-index: 4;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: 100%;
    padding: 24px;
    color: #fff;
    background: transparent;
    border: 0;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: opacity .55s ease, visibility .55s ease;
}

.oils-production__video-shade {
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        radial-gradient(ellipse at 50% 50%, rgb(13 20 70 / 18%) 0%, rgb(7 11 40 / 42%) 72%, rgb(5 8 30 / 64%) 100%),
        linear-gradient(180deg, rgb(9 14 49 / 20%) 0%, rgb(9 14 49 / 38%) 100%);
    transition: background .4s ease, opacity .5s ease;
}

.oils-production__video-play {
    position: relative;
    display: grid;
    place-items: center;
    width: clamp(76px, 11vw, 108px);
    aspect-ratio: 1;
    background: rgb(255 255 255 / 12%);
    border: 1px solid rgb(255 255 255 / 38%);
    border-radius: 50%;
    box-shadow: 0 12px 50px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(255 255 255 / 22%);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    transition: transform .45s cubic-bezier(.2,.8,.2,1), background .35s ease, box-shadow .45s ease, border-color .35s ease;
}

.oils-production__video-play::before,
.oils-production__video-play::after {
    position: absolute;
    inset: -12px;
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    content: "";
    transition: transform .55s ease, opacity .55s ease, border-color .35s ease;
}

.oils-production__video-play::after {
    inset: -24px;
    border-color: rgb(255 255 255 / 9%);
}

.oils-production__video-play svg {
    position: absolute;
    width: 34%;
    height: 34%;
    transition: opacity .25s ease, transform .35s ease;
}

.oils-production__video-icon-play {
    margin-left: 4px;
}

.oils-production__video-icon-pause {
    opacity: 0;
    transform: scale(.7);
}

.oils-production__video-label {
    position: relative;
    color: rgb(255 255 255 / 94%);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: .16em;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgb(0 0 0 / 25%);
    transition: opacity .3s ease, transform .4s ease;
}

@media (hover: hover) {
    .oils-production__video-overlay:hover .oils-production__video-play {
        transform: scale(1.09);
        background: rgb(205 26 28 / 75%);
        border-color: rgb(255 255 255 / 55%);
        box-shadow: 0 16px 60px rgb(205 26 28 / 28%), 0 12px 40px rgb(0 0 0 / 20%);
    }

    .oils-production__video-overlay:hover .oils-production__video-play::before {
        transform: scale(1.09);
        border-color: rgb(255 255 255 / 35%);
    }

    .oils-production__video-overlay:hover .oils-production__video-play::after {
        transform: scale(1.15);
        opacity: .7;
    }

    .oils-production__video-overlay:hover .oils-production__video-label {
        transform: translateY(4px);
    }
}

.oils-production__video-overlay:active .oils-production__video-play {
    transform: scale(.93);
}

.oils-production__video-overlay:focus-visible {
    outline: 3px solid #fff;
    outline-offset: -6px;
}

.oils-production__video.is-playing .oils-production__video-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.oils-production__video.is-playing .oils-production__video-play {
    transform: scale(1.35);
}

.oils-production__video.is-playing .oils-production__video-label {
    opacity: 0;
    transform: translateY(12px);
}

.oils-production__video.is-paused .oils-production__video-shade {
    background: rgb(6 10 35 / 48%);
}

.oils-production__video.is-paused .oils-production__video-play {
    background: rgb(205 26 28 / 78%);
    border-color: rgb(255 255 255 / 48%);
}

.oils-production__video.is-paused .oils-production__video-icon-play {
    opacity: 1;
    transform: scale(1);
}

.oils-production__video.is-paused .oils-production__video-label {
    opacity: 1;
}

.oils-production__video-status {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: grid;
    place-items: center;
    width: 88px;
    height: 88px;
    color: #fff;
    background: rgb(8 12 43 / 55%);
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.7);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.oils-production__video-status svg {
    width: 28px;
    height: 28px;
}

.oils-production__video-status.is-animating {
    animation: production-video-status .7s ease forwards;
}

@keyframes production-video-status {
    0% { opacity: 0; transform: translate(-50%, -50%) scale(.65); }
    25% { opacity: 1; transform: translate(-50%, -50%) scale(1.06); }
    55% { opacity: 1; transform: translate(-50%, -50%) scale(1); }
    100% { opacity: 0; transform: translate(-50%, -50%) scale(1.2); }
}

/* ==========================================================================
   Oils-Formula
   ========================================================================== */

.oils-formula {
    position: relative;
    overflow: hidden;
    color: var(--color-white);
    background:
        linear-gradient(90deg, rgb(9 14 66 / 72%) 0%, rgb(12 18 79 / 68%) 46%, rgb(5 11 49 / 92%) 100%),
        url("/images/md/katalog/oils/formula_bg_blur.png") center / cover no-repeat;
}

.oils-formula::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 40%, rgb(90 103 230 / 17%) 0%, transparent 33%),
        linear-gradient(180deg, rgb(4 8 38 / 8%) 0%, rgb(4 8 38 / 24%) 100%);
    content: "";
}

.oils-formula .container {
    position: relative;
    z-index: 2;
}

.oils-formula h2,
.oils-formula h3,
.oils-formula p {
    color: var(--color-white);
}

.oils-formula__drops {
    position: absolute;
    z-index: 2;
    top: 0;
    right: clamp(20px, 7vw, 110px);
    width: clamp(150px, 14vw, 290px);
    pointer-events: none;
}

.oils-formula__head {
    max-width: 820px;
}

.oils-formula__head h2 {
    color: #b9c1ff;
}

.oils-formula__points {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 72px);
    margin-top: clamp(26px, 3vw, 36px);
}

.oils-formula__points p {
    position: relative;
    max-width: 380px;
    padding-left: 18px;
    color: rgb(255 255 255 / 84%);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.oils-formula__points p::before {
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 0;
    width: 3px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

.oils-formula__main {
    position: relative;
    min-height: 500px;
    margin-top: clamp(42px, 5vw, 58px);
}

.oils-formula__intro {
    position: relative;
    z-index: 3;
    max-width: 470px;
}

.oils-formula__intro h3 {
    font-size: var(--font-size-lead);
    font-weight: 700;
}

.oils-formula__intro p {
    margin-top: 10px;
    color: rgb(255 255 255 / 82%);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.oils-formula__dna {
    position: absolute;
    top: 16px;
    left: 50%;
    width: auto;
    max-height: 590px;
    object-fit: contain;
    pointer-events: none;
    filter: drop-shadow(0 25px 35px rgb(0 0 0 / 28%));
    transform: translateX(-50%);
    z-index: 0;
}

.oils-formula__benefits {
    position: absolute;
    z-index: 3;
    top: 145px;
    display: grid;
    width: 290px;
    gap: 20px;
}

.oils-formula__benefits--left {
    left: 0;
}

.oils-formula__benefits--right {
    right: 0;
}

.oils-formula__benefit {
    position: relative;
    overflow: hidden;
    min-height: 140px;
    padding: 18px 20px;
    background:
        linear-gradient(135deg, rgb(20 28 102 / 72%) 0%, rgb(5 12 54 / 72%) 100%);
    border: 1px solid rgb(151 162 255 / 28%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 36px rgb(0 0 0 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 5%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.oils-formula__benefit::before {
    position: absolute;
    right: -35px;
    bottom: -35px;
    width: 110px;
    height: 110px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(77 105 227 / 24%) 0%, transparent 70%);
    content: "";
}

.oils-formula__benefit > p,
.oils-formula__benefit > strong {
    position: relative;
    z-index: 1;
}

.oils-formula__benefit > p {
    color: #aeb6e3;
    font-size: var(--font-size-lead);
    line-height: 1.35;
}

.oils-formula__benefit > strong {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 20px;
    color: rgb(255 255 255 / 92%);
    font-size: var(--font-size-lead);
    font-weight: 500;
    line-height: 1.35;
}

.oils-formula__benefit strong span {
    display: grid;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    place-items: center;
    color: #9af2bc;
    background: rgb(20 116 69 / 42%);
    border: 1px solid rgb(113 231 156 / 28%);
    border-radius: 50%;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

.oils-formula__additives {
    position: relative;
    display: grid;
    grid-template-columns: minmax(170px, 250px) minmax(0, 1fr);
    width: min(100%, 800px);
    min-height: 285px;
    margin: clamp(12px, 2vw, 24px) auto 0;
    background: linear-gradient(125deg, rgb(31 41 119 / 48%) 0%, rgb(10 20 68 / 45%) 50%);
    border: 1px solid rgb(143 157 255 / 32%);
    border-radius: var(--radius-large);
    box-shadow: 0 24px 56px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(255 255 255 / 5%);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.oils-formula__additives > img {
    align-self: end;
    width: 100%;
    max-height: 310px;
    object-fit: contain;
    object-position: center bottom;
    transform: translate(-28px, 18px);
    filter: drop-shadow(0 24px 30px rgb(0 0 0 / 28%));
}

.oils-formula__additives-content {
    padding: clamp(28px, 4vw, 40px) clamp(26px, 4vw, 42px) clamp(28px, 4vw, 38px) 0;
}

.oils-formula__additives-content h3 {
    color: #bcc3ff;
    font-size: var(--font-size-lead);
    font-weight: 700;
}

.oils-formula__additives-content p {
    margin-top: 14px;
    color: rgb(255 255 255 / 65%);
    font-size: var(--font-size-small-text);
    line-height: 1.42;
}

.oils-formula__additives-content p strong {
    color: rgb(255 255 255 / 94%);
    font-weight: 600;
}

.oils-formula__additives-content .btn {
    min-width: 190px;
    margin-top: 22px;
}


/* ==========================================================================
   Oil-Selection
   ========================================================================== */

.oil-selection {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 15%, rgb(83 101 223 / 8%) 0%, transparent 27%),
        radial-gradient(circle at 8% 90%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f5f5f6 0%, #efeff1 100%);
}

.oil-selection__tabs {
    display: inline-flex;
    gap: 6px;
    padding: 6px;
    border: 2px solid var(--color-primary-light);
    border-radius: var(--radius-round);
    background: rgb(255 255 255 / 66%);
    box-shadow:
        0 10px 30px rgb(9 17 73 / 6%),
        inset 0 1px 0 rgb(255 255 255 / 80%);
}

.oil-selection__tab {
    min-width: 150px;
    min-height: 46px;
    padding: 10px 24px;
    color: var(--color-primary);
    background: transparent;
    border: 0;
    border-radius: var(--radius-round);
    font: inherit;
    font-size: var(--font-size-small);
    font-weight: 700;
    line-height: 1;
    transition:
        color var(--transition),
        background var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.oil-selection__tab:hover:not(.is-active) {
    background: rgb(83 101 223 / 7%);
}

.oil-selection__tab.is-active {
    color: var(--color-white);
    background: var(--gradient-blue);
    box-shadow: 0 8px 20px rgb(41 57 186 / 20%);
}

.oil-selection__tab:active {
    transform: scale(.97);
}

.oil-selection__tab:focus-visible {
    outline: 3px solid rgb(83 101 223 / 22%);
    outline-offset: 3px;
}

.oil-selection__panels {
    margin-top: clamp(38px, 5vw, 54px);
}

.oil-selection__panel {
    transition:
        opacity .28s ease,
        transform .38s cubic-bezier(.22, 1, .36, 1);
}

.oil-selection__panel.is-leaving {
    opacity: 0;
    transform: translateY(8px);
}

.oil-selection__panel.is-entering {
    opacity: 0;
    transform: translateY(12px);
}

.oil-selection__panel.is-active {
    opacity: 1;
    transform: translateY(0);
}

.oil-selection__panel .pro-service {
    padding: 0;
    margin: 0;
    background: transparent;
}

.oil-selection__head {
    max-width: 900px;
    margin-bottom: clamp(30px, 4vw, 42px);
}

.oil-selection__head h2 {
    max-width: 820px;
}

.oil-selection__head p {
    max-width: 820px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.oil-selection__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 32px);
}

.oil-selection__card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 18px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(250 251 255 / 96%) 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transition:
        transform .35s cubic-bezier(.22, 1, .36, 1),
        box-shadow var(--transition),
        border-color var(--transition);
}

.oil-selection__card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    width: calc((100% - clamp(20px, 3vw, 32px)) / 2);
    justify-self: center;
}

.oil-selection__card::after {
    position: absolute;
    right: 22px;
    bottom: 24px;
    width: 30px;
    height: 30px;
    opacity: 0;
    color: var(--color-red);
    content: "→";
    font-size: 25px;
    line-height: 30px;
    text-align: center;
    transform: translateX(-8px);
    transition:
        opacity var(--transition),
        transform var(--transition);
}

.oil-selection__card:hover {
    border-color: rgb(41 57 186 / 15%);
    box-shadow: var(--shadow-medium);
    transform: translateY(-5px);
}

.oil-selection__card:hover::after {
    opacity: 1;
    transform: translateX(0);
}

.oil-selection__image {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 1.7;
    background: #0c122d;
    border-radius: var(--radius-medium);
}

.oil-selection__image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 55%, rgb(4 8 31 / 10%) 100%);
    content: "";
}

.oil-selection__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.oil-selection__card:hover .oil-selection__image img {
    transform: scale(1.025);
}

.oil-selection__card > strong {
    display: block;
    padding: 22px 42px 8px 2px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.3;
}

.oil-selection__placeholder {
    background:
        radial-gradient(circle at 70% 25%, rgb(97 111 231 / 24%) 0%, transparent 30%),
        radial-gradient(circle at 25% 75%, rgb(215 25 32 / 9%) 0%, transparent 27%),
        linear-gradient(135deg, #171d69 0%, #2939ba 55%, #11164f 100%);
}

.oil-selection__placeholder::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 38%;
    aspect-ratio: 1;
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 50%;
    box-shadow:
        0 0 0 32px rgb(255 255 255 / 3%),
        0 0 0 64px rgb(255 255 255 / 2%);
    content: "";
    transform: translate(-50%, -50%);
}

.oil-selection .actions, .turbo-results .actions {
    justify-content: center;
    margin-top: clamp(32px, 4vw, 42px);
}

/* ==========================================================================
   Oils-Buy
   ========================================================================== */

.oils-buy {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgb(83 101 223 / 8%) 0%, transparent 27%),
        radial-gradient(circle at 10% 88%, rgb(215 25 32 / 3%) 0%, transparent 22%),
        linear-gradient(145deg, #f5f5f6 0%, #eff0f3 100%);
}

.oils-buy__head {
    max-width: 900px;
}

.oils-buy__head h2 {
    max-width: 720px;
}

.oils-buy__intro {
    max-width: 880px;
    margin-top: clamp(22px, 3vw, 30px);
}

.oils-buy__intro p {
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.oils-buy__intro p + p {
    margin-top: 10px;
}

.oils-buy__channels {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 30px);
    margin-top: clamp(42px, 5vw, 58px);
}

.oils-buy__channel {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 280px;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(26px, 3vw, 34px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 8%) 0%, transparent 40%),
        rgb(255 255 255 / 84%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 42px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.oils-buy__channel:before {
    position: absolute;
    z-index: 0;
    content: "";
    pointer-events: none;
    background-repeat: no-repeat;
    opacity: .05;
}

.oils-buy__channel--md:before {
    width: 70%;
    height: 100%;
    top: 0;
    right: -70px;
    background-image: url(/images/md/katalog/oils/buy_md.png);
    background-position: 0 top;
    background-size: 90%;
}

.oils-buy__channel > * {
    position: relative;
    z-index: 1;
}

.oils-buy__channel h3 {
    color: var(--color-primary);
    font-size: clamp(22px, 2.4vw, 28px);
}

.oils-buy__channel-head > p {
    max-width: 440px;
    margin-top: 12px;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.45;
}

.oils-buy__marketplaces {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 34px);
    margin-top: 30px;
}

.oils-buy__marketplace {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.oils-buy__marketplace + .oils-buy__marketplace {
    padding-left: clamp(20px, 2.5vw, 32px);
    border-left: 1px solid rgb(41 57 186 / 10%);
}

.oils-buy__marketplace .btn {
    margin-top: 18px;
}

.oils-buy__channel-bottom {
    margin-top: 28px;
}

.oils-buy__channel-bottom .btn {
    margin-top: 18px;
}

.oils-buy__stores {
    margin-top: clamp(56px, 7vw, 82px);
}

.oils-buy__stores-head {
    margin-bottom: clamp(24px, 3vw, 32px);
}

.oils-buy__stores-head h3 {
    color: var(--color-primary);
    font-size: clamp(24px, 2.6vw, 30px);
}

.oils-buy__stores-head .oils-buy__marker {
    margin-top: 18px;
}

.oils-buy__stores .where-buy__map {
    margin-top: 0;
}

.oils-buy__location {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    width: clamp(170px, 22vw, 250px);
    pointer-events: none;
    transform: translateY(-50%);
}

.oils-buy__location::before {
    position: absolute;
    inset: 18%;
    z-index: -1;
    background: radial-gradient(circle, rgb(83 101 223 / 13%) 0%, transparent 70%);
    filter: blur(28px);
    content: "";
}

.oils-buy__location img {
    width: 100%;
    opacity: .78;
    filter:
        drop-shadow(0 24px 30px rgb(9 17 73 / 12%))
        saturate(.85);
    transform: rotate(5deg);
}

/* ==========================================================================
   Oils-Proof
   ========================================================================== */

.oils-proof {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        radial-gradient(circle at 8% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        var(--color-bg);
}

.oils-proof__head {
    max-width: 820px;
}

.oils-proof__head p {
    max-width: 620px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.oils-proof__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 32px);
    margin-top: clamp(38px, 5vw, 52px);
}

.oils-proof__card {
    position: relative;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 18px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(247 248 252 / 98%) 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transition:
        transform .35s cubic-bezier(.22, 1, .36, 1),
        border-color var(--transition),
        box-shadow var(--transition);
}

.oils-proof__card:hover {
    border-color: rgb(41 57 186 / 14%);
    box-shadow: var(--shadow-medium);
    transform: translateY(-5px);
}

.oils-proof__image {
    position: relative;
    overflow: hidden;
    background: #f4f4f4;
    border-radius: var(--radius-medium);
}

.oils-proof__image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: inherit;
    content: "";
}

.oils-proof__image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.oils-proof__card:hover .oils-proof__image img {
    transform: scale(1.025);
}

.oils-proof__card h3 {
    min-height: 86px;
    margin-top: 20px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    line-height: 1.3;
}

.oils-proof__card .btn {
    align-self: center;
    min-width: 150px;
    margin-top: auto;
}

.oils-proof__tests {
    margin-top: clamp(64px, 8vw, 96px);
}

.oils-proof__tests-head {
    max-width: 950px;
}

.oils-proof__tests-head p {
    max-width: 940px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.5;
}

.oils-proof__tests-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 32px);
    margin-top: clamp(34px, 4vw, 44px);
}

.oils-proof__test {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    padding: 18px 18px 22px;
    overflow: hidden;
    background:
        linear-gradient(145deg, #f7f7f8 0%, #efeff2 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow: 0 10px 28px rgb(9 17 73 / 5%);
    transition:
        transform .35s cubic-bezier(.22, 1, .36, 1),
        border-color var(--transition),
        box-shadow var(--transition);
}

.oils-proof__test:hover {
    border-color: rgb(41 57 186 / 13%);
    box-shadow: var(--shadow-small);
    transform: translateY(-4px);
}

.oils-proof__test-image {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1.7;
    background: #eef0f5;
    border-radius: var(--radius-medium);
}

.oils-proof__test-image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 62%, rgb(8 12 48 / 8%) 100%);
    content: "";
}

.oils-proof__test-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.oils-proof__test:hover .oils-proof__test-image img {
    transform: scale(1.03);
}

.oils-proof__test .btn {
    min-width: 138px;
    margin-top: 20px;
}


/* ==========================================================================
   Oils-Trust
   ========================================================================== */

.oils-trust {
    background: var(--color-bg);
}

.oils-trust__box {
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 85% 4%, rgb(82 91 221 / 20%) 0%, transparent 28%),
        linear-gradient(145deg, #181c69 0%, #13175b 100%);
    border: 1px solid rgb(255 255 255 / 6%);
    border-radius: var(--radius-xxl);
    box-shadow: var(--shadow-large);
}

.oils-trust__reviews {
    padding: clamp(42px, 6vw, 70px);
}

.oils-trust__reviews-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-lg);
    margin-bottom: clamp(28px, 4vw, 40px);
}

.oils-trust__reviews-head h2,
.oils-trust__maintenance h2 {
    color: #b8bfff;
}

.oils-trust__reviews-head p {
    max-width: 430px;
    margin-top: 14px;
    color: rgb(255 255 255 / 76%);
    font-size: var(--font-size-text);
    line-height: 1.45;
}

.oils-trust__maintenance {
    position: relative;
    min-height: 760px;
    padding: clamp(50px, 7vw, 82px) clamp(42px, 6vw, 70px) clamp(46px, 6vw, 68px);
    background:
        linear-gradient(90deg, #171b68 0%, rgb(23 27 104 / 96%) 27%, rgb(17 23 87 / 58%) 48%, rgb(8 18 60 / 10%) 75%),
        linear-gradient(180deg, rgb(23 27 104 / 16%) 0%, rgb(23 27 104 / 8%) 70%, #171b68 100%),
        url("/images/md/katalog/oils/filters-bg.jpg") 58% center / cover no-repeat;
}

.oils-trust__maintenance::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(0deg, transparent 0%, rgb(20 27 98 / 48%) 30%, #161b69 80%);
    content: "";
    height: 50px;
    z-index: 0;
}

.oils-trust__maintenance-content,
.oils-trust__filters {
    position: relative;
    z-index: 2;
}

.oils-trust__maintenance-content {
    width: min(48%, 530px);
}

.oils-trust__maintenance h2 {
    font-size: clamp(32px, 3.7vw, 46px);
}

.oils-trust__lead {
    margin-top: var(--space-md);
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.oils-trust__advantages {
    display: grid;
    gap: 18px;
    margin-top: clamp(26px, 4vw, 38px);
}

.oils-trust__advantages > div {
    padding: 18px 20px;
    color: var(--color-primary-dark);
    background:
        linear-gradient(135deg, rgb(255 255 255 / 98%) 0%, rgb(246 247 255 / 96%) 100%);
    border: 1px solid rgb(137 147 255 / 22%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 15px 34px rgb(3 8 44 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.oils-trust__advantages strong {
    display: block;
    color: var(--color-primary-light);
    font-size: var(--font-size-small-text);
    font-weight: 600;
    line-height: 1.3;
}

.oils-trust__advantages p {
    margin-top: 8px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-small-text);
    line-height: 1.4;
}

.oils-trust__filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(140px, 1fr)) auto;
    gap: clamp(18px, 3vw, 40px);
    align-items: center;
    margin-top: clamp(44px, 6vw, 72px);
}

.oils-trust__filters > div {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.oils-trust__filters img {
    flex: 0 0 auto;
    width: 42px;
    height: 42px;
    object-fit: contain;
}

.oils-trust__filters strong {
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.25;
}

.oils-trust__filters .btn {
    white-space: nowrap;
}

/* ==========================================================================
   Oil-Series
   ========================================================================== */

.oil-series {
    overflow: hidden;
    background:
        radial-gradient(circle at 76% 34%, rgb(83 101 223 / 7%) 0%, transparent 30%),
        linear-gradient(145deg, #f7f7f8 0%, #f0f1f4 100%);
}

.oil-series__grid {
    display: grid;
    grid-template-columns: minmax(300px, 370px) minmax(0, 1fr);
    gap: clamp(54px, 8vw, 110px);
    align-items: start;
}

.oil-series__head {
    margin-bottom: clamp(28px, 3.5vw, 38px);
}

.oil-series__head h2 {
    color: var(--color-primary);
}

.oil-series__head .section__lead {
    max-width: 410px;
    color: var(--color-text);
    line-height: 1.35;
}

.oil-series__features {
    display: grid;
    gap: 16px;
}

.oil-series__feature {
    position: relative;
    padding: 24px 28px;
    overflow: hidden;
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transition:
        transform var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.oil-series__feature::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    pointer-events: none;
    background: radial-gradient(circle at top right, rgb(83 101 223 / 7%), transparent 68%);
    content: "";
}

.oil-series__feature-name {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.35;
}

.oil-series__feature-name span {
    display: grid;
    width: 21px;
    height: 21px;
    margin-top: 1px;
    place-items: center;
    color: var(--color-white);
    background: #9ddcab;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.oil-series__feature strong {
    position: relative;
    z-index: 1;
    display: block;
    margin-top: 18px;
    padding-top: 16px;
    color: var(--color-primary-dark);
    border-top: 1px solid rgb(215 25 32 / 18%);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.45;
}

.oil-series__product {
    position: relative;
    min-width: 0;
    padding-top: 72px;
}

.oil-series__badge {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 9px 22px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 55%);
    border: 2px solid var(--color-red);
    border-radius: var(--radius-round);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.oil-series__media {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-height: 430px;
}

.oil-series__media::before {
    position: absolute;
    z-index: 0;
    right: 8%;
    bottom: 5%;
    width: 82%;
    height: 52%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 13%) 0%, transparent 70%);
    filter: blur(24px);
    content: "";
}

.oil-series__media img {
    position: relative;
    z-index: 1;
    width: min(100%, 640px);
    max-height: 470px;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 28px 30px rgb(9 17 73 / 14%));
}

.oil-series__application {
    position: relative;
    z-index: 2;
    width: min(100%, 610px);
    margin: 18px auto 0;
    padding: 0 18px;
}

.oil-series__application h3 {
    color: var(--color-primary-dark);
    font-size: var(--font-size-h3);
}

.oil-series__application ul {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

.oil-series__application li {
    position: relative;
    padding-left: 22px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.oil-series__application li::before {
    position: absolute;
    top: .65em;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--color-red);
    content: "";
}

/* ==========================================================================
   Oil-Products
   ========================================================================== */

.oil-products {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgb(83 101 223 / 6%) 0%, transparent 28%),
        var(--color-bg);
    border-top: 1px solid rgb(25 31 93 / 5%);
}

.oil-products::before {
    position: absolute;
    top: 0;
    left: 50%;
    width: min(920px, 78%);
    height: 90px;
    pointer-events: none;
    background: radial-gradient(ellipse at top, rgb(83 101 223 / 8%) 0%, transparent 72%);
    content: "";
    transform: translateX(-50%);
}

.oil-products .container {
    position: relative;
    z-index: 1;
}

.oil-products__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 290px));
    justify-content: center;
    gap: clamp(22px, 3vw, 34px);
    width: min(100%, 1040px);
    margin-inline: auto;
}

.oil-products__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    overflow: hidden;
    background:
        linear-gradient(145deg, #f5f5f6 0%, #eceef2 100%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 6%),
        inset 0 1px 0 rgb(255 255 255 / 80%);
}

.oil-products__image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    padding: 28px 24px 12px;
}

.oil-products__image img {
    width: 100%;
    max-width: 220px;
    height: 230px;
    object-fit: contain;
    filter: drop-shadow(0 18px 20px rgb(9 17 73 / 14%));
}

.oil-products__content {
    margin-top: auto;
    padding: 8px 24px 24px;
}

.oil-products__content h3 {
    color: var(--color-primary-dark);
    font-size: clamp(18px, 1.8vw, 21px);
    line-height: 1.28;
}

.oil-products__content p {
    margin-top: 10px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.25;
}

.oil-products__action {
    display: flex;
    justify-content: center;
    margin-top: clamp(34px, 4vw, 48px);
}

.oil-products__action .btn {
    min-width: 210px;
}

/* ==========================================================================
   Pro-Service
   ========================================================================== */

.pro-service {
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 28%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        linear-gradient(145deg, #f5f5f6 0%, #efeff1 100%);
}

.pro-service__head {
    max-width: 760px;
}

.pro-service__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    margin-bottom: 26px;
    padding: 9px 26px;
    color: var(--color-white);
    background: var(--gradient-blue);
    border-radius: var(--radius-round);
    font-size: var(--font-size-small);
    font-weight: 700;
    line-height: 1;
}

.pro-service__head h2 {
    color: var(--color-primary);
}

.pro-service__head .section__lead {
    color: var(--color-text);
}

.pro-service__box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(240px, .75fr);
    gap: clamp(34px, 5vw, 70px);
    align-items: center;
    margin-top: clamp(30px, 4vw, 42px);
    padding: clamp(30px, 4vw, 44px);
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 15%, rgb(83 101 223 / 6%) 0%, transparent 30%),
        var(--color-white);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 48px rgb(9 17 73 / 9%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.pro-service__content {
    min-width: 0;
}

.pro-service__content > strong {
    display: block;
    max-width: 560px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
}

.pro-service__content p {
    max-width: 560px;
    margin-top: 18px;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.4;
}

.pro-service__content b {
    color: var(--color-primary-dark);
    font-weight: 700;
}

.pro-service__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
}

.pro-service__media::before {
    position: absolute;
    width: 78%;
    aspect-ratio: 1;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 13%) 0%, transparent 68%);
    filter: blur(22px);
    content: "";
}

.pro-service__media img {
    position: relative;
    z-index: 1;
    width: min(100%, 250px);
    max-height: 290px;
    object-fit: contain;
    filter: drop-shadow(0 24px 28px rgb(9 17 73 / 16%));
}

.pro-service__action {
    display: flex;
    justify-content: center;
    margin-top: clamp(28px, 4vw, 38px);
}

.pro-service__action .btn {
    min-width: 140px;
}

/* ==========================================================================
   MD-Product-Proof
   ========================================================================== */

.md-product-proof {
    overflow: hidden;
    padding-top: clamp(64px, 7vw, 90px);
    background:
        radial-gradient(circle at 86% 12%, rgb(83 101 223 / 5%) 0%, transparent 24%),
        var(--color-bg);
}

.md-product-proof__intro {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: clamp(40px, 7vw, 90px);
    align-items: flex-start;
    padding-bottom: clamp(46px, 6vw, 70px);
}

.md-product-proof__intro > div {
    max-width: 930px;
}

.md-product-proof__intro h2 {
    max-width: 710px;
}

.md-product-proof__intro h3 {
    margin-top: clamp(36px, 5vw, 54px);
    color: var(--color-primary);
}

.md-product-proof__intro p {
    max-width: 980px;
    margin-top: clamp(20px, 3vw, 28px);
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.45;
}

.md-product-proof__icon {
    width: 96px;
    max-height: 120px;
    object-fit: contain;
    justify-self: end;
}

.md-product-proof__showcase {
    position: relative;
    display: grid;
    width: min(calc(100% - 48px), 1680px);
    margin-inline: auto;
    overflow: hidden;
    color: var(--color-white);
    background: #11175c;
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--radius-xxl);
    box-shadow: var(--shadow-large);
    isolation: isolate;
}

.md-product-proof__media,
.md-product-proof__showcase-inner {
    grid-area: 1 / 1;
}

.md-product-proof__media {
    position: relative;
    z-index: 0;
    min-width: 0;
    height: 100%;
}

.md-product-proof__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.md-product-proof__showcase-inner {
    position: relative;
    z-index: 2;
    display: flex;
    padding-block: clamp(48px, 5vw, 68px) clamp(36px, 4vw, 54px);
}

.md-product-proof__showcase-inner .container {
    display: flex;
    min-height: 100%;
    flex-direction: column;
}

.md-product-proof__showcase h3 {
    color: var(--color-white);
    font-size: clamp(24px, 2.8vw, 31px);
    font-weight: 700;
}

.md-product-proof__metrics {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 3vw, 34px);
    margin-top: clamp(34px, 4vw, 48px);
    align-items: start;
}

.md-product-proof__metric {
    display: flex;
    min-width: 0;
    min-height: 122px;
    flex-direction: column;
    justify-content: space-between;
    padding: 18px 22px;
    color: var(--color-white);
    background:
        linear-gradient(135deg, rgb(33 40 125 / 48%) 0%, rgb(14 19 83 / 42%) 100%);
    border: 1px solid rgb(161 171 255 / 48%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 38px rgb(0 0 0 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 5%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.md-product-proof__metric > p {
    color: rgb(255 255 255 / 86%);
    font-size: var(--font-size-text);
    line-height: 1.35;
}

.md-product-proof__metric > strong {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 14px;
    padding-top: 13px;
    color: var(--color-white);
    border-top: 1px solid rgb(255 255 255 / 14%);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
}

.md-product-proof__metric > strong span,
.md-product-proof__result > span {
    display: grid;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    place-items: center;
    color: var(--color-white);
    background: rgb(55 151 91 / 72%);
    border: 1px solid rgb(137 228 169 / 52%);
    border-radius: 50%;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
}

.md-product-proof__metric--mo {
    grid-column: 3;
    width: 100%;
    max-width: 320px;
    justify-self: end;
    margin-top: 18px;
}

.md-product-proof__metrics--column {
    grid-template-columns: minmax(0, 310px);
    gap: 18px;
    width: 310px;
}

.md-product-proof__metrics--column .md-product-proof__metric {
    width: 100%;
}

.md-product-proof__certificate {
    position: absolute;
    z-index: 3;
    top: clamp(110px, 9vw, 150px);
    right: clamp(70px, 8vw, 135px);
    display: block;
    width: clamp(220px, 18vw, 350px);
    overflow: hidden;
    background: var(--color-white);
    border: 1px solid rgb(255 255 255 / 28%);
    border-radius: var(--radius-small);
    box-shadow:
        0 20px 46px rgb(0 0 0 / 24%),
        0 0 0 1px rgb(41 57 186 / 8%);
    transition:
        transform var(--transition),
        box-shadow var(--transition);
}

.md-product-proof__certificate:hover {
    box-shadow:
        0 26px 58px rgb(0 0 0 / 30%),
        0 0 0 1px rgb(255 255 255 / 18%);
    transform: translateY(-3px);
}

.md-product-proof__certificate img {
    display: block;
    width: 100%;
    height: auto;
}

.md-product-proof__element {
    width: 96px;
    padding: 9px 10px;
    color: #ffaaa5;
    border: 2px solid #f08d87;
    border-radius: 0 0 34px 0;
}

.md-product-proof__element__yellow {
    color: #F4C669;
    border: 2px solid #F4C669;
}

.md-product-proof__metrics--column .md-product-proof__element {
    margin: 10px 0 18px;
}

.md-product-proof__element small,
.md-product-proof__element b {
    display: block;
    color: inherit;
}

.md-product-proof__element small {
    font-size: 9px;
    line-height: 1.2;
}

.md-product-proof__element b {
    margin-block: 5px;
    font-size: 38px;
    font-weight: 700;
    line-height: 1;
}

.md-product-proof__metric--mo > p {
    margin-top: 14px;
}

.md-product-proof__note {
    width: 100%;
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid rgb(255 255 255 / 12%);
    font-style: italic;
}

.md-product-proof__note p {
    color: rgb(255 255 255 / 72%);
    font-size: var(--font-size-small-text);
    line-height: 1.3;
}

.md-product-proof__note strong {
    display: block;
    margin-top: 10px;
    color: rgb(255 255 255 / 72%);
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.3;
}

.md-product-proof__result {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    width: min(100%, 820px);
    min-height: 58px;
    margin: auto auto 0;
    padding: 13px 24px;
    color: var(--color-white);
    background:
        linear-gradient(90deg, rgb(21 83 44 / 88%) 0%, rgb(14 68 36 / 90%) 100%);
    border: 1px solid rgb(107 217 143 / 28%);
    border-radius: var(--radius-round);
    box-shadow:
        0 18px 42px rgb(0 0 0 / 25%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.md-product-proof__result > span {
    flex-basis: 24px;
    width: 24px;
    height: 24px;
    font-size: 13px;
}

.md-product-proof__result--compare > span {
    border: none;
    background: transparent;
}

.md-product-proof__result strong {
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.md-product-proof__result--compare {
    display: grid;
    grid-template-columns: minmax(0, .8fr) 64px minmax(0, 1.2fr);
    gap: clamp(20px, 3vw, 34px);
    align-items: center;
    width: min(100%, 850px);
    min-height: 116px;
    padding: 22px clamp(24px, 4vw, 38px);
    background:
        radial-gradient(circle at 78% 50%, rgb(96 178 113 / 20%) 0%, transparent 33%),
        radial-gradient(circle at 30% 100%, rgb(215 25 32 / 14%) 0%, transparent 32%),
        linear-gradient(105deg, rgb(19 59 45 / 94%) 0%, rgb(50 50 75 / 94%) 52%, rgb(48 74 60 / 94%) 100%);
    border: 1px solid rgb(115 208 144 / 24%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 52px rgb(0 0 0 / 28%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.md-product-proof__result--compare > div > strong {
    display: block;
    margin-bottom: 8px;
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
}

.md-product-proof__result--compare > div > p {
    color: rgb(255 255 255 / 80%);
    font-size: var(--font-size-text);
    line-height: 1.4;
}

.md-product-proof__result--compare > strong {
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

.md-product-proof__transition {
    position: relative;
    display: block;
    width: 56px;
    height: 56px;
    margin-inline: auto;
}

.md-product-proof__transition::before,
.md-product-proof__transition::after {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 22px;
    border-top: 2px solid #ff4a50;
    border-right: 2px solid #ff4a50;
    content: "";
    transform: translateY(-50%) rotate(45deg);
    filter:
        drop-shadow(0 0 5px rgb(255 57 64 / 55%))
        drop-shadow(0 0 14px rgb(255 57 64 / 25%));
}

.md-product-proof__transition::before {
    left: 5px;
    opacity: .55;
}

.md-product-proof__transition::after {
    right: 5px;
}

/* ==========================================================================
   Product-Proof Element Row
   ========================================================================== */

.md-product-proof__metric--element-row {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 16px;
}

.md-product-proof__metric--element-row .md-product-proof__element {
    flex: 0 0 auto;
}

.md-product-proof__metric--element-row > strong {
    margin: 0;
    padding-top: 0;
    border-top: 0;
}

/* ==========================================================================
   Test-Process
   ========================================================================== */

.test-process {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 12%, rgb(83 101 223 / 8%) 0%, transparent 26%),
        radial-gradient(circle at 10% 90%, rgb(215 25 32 / 3%) 0%, transparent 22%),
        linear-gradient(145deg, #f5f6fa 0%, #eef0f6 100%);
}

.test-process__head {
    max-width: 760px;
    margin-bottom: clamp(42px, 6vw, 66px);
}

.test-process__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 42px);
}

.test-process__grid::before {
    position: absolute;
    top: 48px;
    right: 14%;
    left: 14%;
    height: 2px;
    background: linear-gradient(
        90deg,
        rgb(83 101 223 / 14%) 0%,
        rgb(83 101 223 / 48%) 50%,
        rgb(83 101 223 / 14%) 100%
    );
    content: "";
}

.test-process__item {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: clamp(26px, 3vw, 34px);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 96%) 0%, rgb(249 250 255 / 92%) 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 42px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 88%);
}

.test-process__number {
    position: relative;
    display: grid;
    width: 74px;
    height: 74px;
    place-items: center;
    margin-bottom: 24px;
    color: var(--color-primary);
    background:
        radial-gradient(circle at 35% 30%, rgb(255 255 255 / 90%) 0%, rgb(228 231 255 / 92%) 100%);
    border: 1px solid rgb(83 101 223 / 18%);
    border-radius: 50%;
    box-shadow:
        0 12px 30px rgb(41 57 186 / 10%),
        0 0 0 8px rgb(83 101 223 / 4%);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 800;
    line-height: 1;
}

.test-process__number::after {
    position: absolute;
    inset: -9px;
    border: 1px solid rgb(83 101 223 / 10%);
    border-radius: 50%;
    content: "";
}

.test-process__content h3 {
    color: var(--color-primary-dark);
    font-size: clamp(20px, 2vw, 24px);
    font-weight: 700;
    line-height: 1.25;
}

.test-process__content p {
    margin-top: 12px;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.5;
}

/* ==========================================================================
   Field-Tests
   ========================================================================== */

.field-tests {
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 8%, rgb(83 101 223 / 7%) 0%, transparent 25%),
        radial-gradient(circle at 8% 92%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        var(--color-bg);
}

.field-tests__list {
    display: grid;
    gap: clamp(28px, 4vw, 42px);
}

.field-tests__card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr);
    gap: clamp(40px, 6vw, 76px);
    align-items: center;
    min-height: 470px;
    padding: clamp(34px, 5vw, 54px);
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 12%, rgb(83 101 223 / 10%) 0%, transparent 32%),
        linear-gradient(135deg, #fbfbfd 0%, #f2f4fa 56%, #edf0f8 100%);
    border: 1px solid rgb(25 31 93 / 7%);
    border-radius: var(--radius-xxl);
    box-shadow:
        0 22px 58px rgb(9 17 73 / 9%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.field-tests__card--accent {
    background:
        radial-gradient(circle at 10% 88%, rgb(83 101 223 / 8%) 0%, transparent 30%),
        linear-gradient(135deg, #f3f5fb 0%, #eceff7 48%, #f8f8fa 100%);
}

.field-tests__card::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(180deg, var(--color-primary-light) 0%, var(--color-primary) 64%, var(--color-red) 100%);
    content: "";
}

.field-tests__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.field-tests__content h2 {
    max-width: 510px;
    color: var(--color-primary);
}

.field-tests__vehicle {
    display: block;
    max-width: 560px;
    margin-top: clamp(22px, 3vw, 30px);
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.4;
}

.field-tests__details {
    display: grid;
    gap: 10px;
    max-width: 600px;
    margin-top: 12px;
}

.field-tests__details p {
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.42;
}

.field-tests__details strong {
    color: var(--color-primary-dark);
    font-weight: 700;
}

.field-tests__content .btn {
    margin-top: clamp(26px, 4vw, 36px);
}

.field-tests__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 330px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgb(83 101 223 / 13%) 0%, transparent 55%),
        rgb(255 255 255 / 58%);
    border: 1px solid rgb(41 57 186 / 7%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.field-tests__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 12%) 0%, transparent 48%, rgb(41 57 186 / 4%) 100%);
    content: "";
}

.field-tests__media img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.field-tests__summary {
    position: relative;
    margin-top: clamp(52px, 7vw, 82px);
    padding: clamp(34px, 5vw, 54px);
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 10%, rgb(83 101 223 / 10%) 0%, transparent 30%),
        linear-gradient(135deg, #f5f6fb 0%, #eef0f7 100%);
    border: 1px solid rgb(25 31 93 / 7%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-small);
}

.field-tests__summary::after {
    position: absolute;
    right: -120px;
    bottom: -170px;
    width: 380px;
    height: 380px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 10%) 0%, transparent 68%);
    content: "";
}

.field-tests__summary h2,
.field-tests__summary p,
.field-tests__summary ul {
    position: relative;
    z-index: 1;
}

.field-tests__summary h2 {
    max-width: 610px;
}

.field-tests__summary > p:not(.text-note) {
    max-width: 950px;
    margin-top: var(--space-md);
    font-size: var(--font-size-text);
}

.field-tests__summary ul {
    display: grid;
    gap: 7px;
    margin-top: 14px;
    padding-left: 22px;
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.45;
    list-style: disc;
}

.field-tests__summary li::marker {
    color: var(--color-primary);
}

.field-tests__summary .text-note {
    max-width: 850px;
    margin-top: 20px;
}

/* ==========================================================================
   Oil-Risks
   ========================================================================== */

.oil-risks {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 92%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f7f7f9 0%, #f0f1f5 100%);
}

.oil-risks__head {
    max-width: 920px;
}

.oil-risks__head h2 {
    max-width: 820px;
}

.oil-risks__head .section__lead {
    max-width: 650px;
    color: var(--color-text);
}

.oil-risks__evidence {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(38px, 5vw, 54px);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgb(83 101 223 / 8%) 0%, transparent 40%),
        rgb(255 255 255 / 76%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 20px 52px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.oil-risks__evidence-item {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: clamp(18px, 2.5vw, 26px);
}

.oil-risks__evidence-item + .oil-risks__evidence-item {
    border-left: 1px solid rgb(25 31 93 / 8%);
}

.oil-risks__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.55;
    background: #e8e9ed;
    border-radius: var(--radius-medium);
}

.oil-risks__image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 58%, rgb(9 13 52 / 10%) 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: inherit;
    content: "";
}

.oil-risks__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.oil-risks__evidence-item figcaption {
    position: relative;
    min-height: 54px;
    margin-top: 18px;
    padding-left: 16px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 600;
    line-height: 1.35;
}

.oil-risks__flow {
    position: relative;
    width: 2px;
    height: clamp(56px, 6vw, 78px);
    margin-inline: auto;
    background: linear-gradient(
        180deg,
        rgb(83 101 223 / 0%) 0%,
        rgb(83 101 223 / 62%) 42%,
        rgb(215 25 32 / 55%) 100%
    );
}

.oil-risks__flow::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    background: var(--color-red);
    border: 4px solid #eef0f7;
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgb(215 25 32 / 20%),
        0 0 22px rgb(215 25 32 / 20%);
    content: "";
    transform: translate(-50%, 50%);
}

.oil-risks__consequences {
    margin-top: clamp(30px, 4vw, 42px);
}

/* Existing Oils-Production steps: SVG instead of numbers */

.oil-risks .oils-production__steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.oil-risks .oils-production__steps span img {
    width: 36px;
    height: 36px;
    object-fit: contain;
}


/* ==========================================================================
   MD-Oil-Compare
   ========================================================================== */

.md-oil-compare {
    overflow: hidden;
    background: var(--color-bg);
}

.md-oil-compare__box {
    position: relative;
    width: min(calc(100% - 48px), 1680px);
    margin-inline: auto;
    overflow: hidden;
    padding-block: clamp(52px, 6vw, 82px);
    color: var(--color-white);
    background: linear-gradient(105deg, rgb(10 15 72 / 75%) 0%, rgb(13 20 91 / 48%) 54%, rgb(5 11 48 / 44%) 100%), url(/images/md/katalog/oils/prisadki-afton/comparison-bg.jpg) center / cover no-repeat;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-xxl);
    box-shadow: var(--shadow-large);
    isolation: isolate;
}

.md-oil-compare__box::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 36% 54%, rgb(77 91 222 / 22%) 0%, transparent 34%),
        radial-gradient(circle at 82% 36%, rgb(50 73 190 / 12%) 0%, transparent 34%),
        linear-gradient(180deg, rgb(255 255 255 / 2%) 0%, transparent 35%, rgb(1 5 30 / 18%) 100%);
    content: "";
}

.md-oil-compare h2 {
    max-width: 950px;
    color: #b7bfff;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
}

.md-oil-compare h2 span {
    color: #f3262d;
}

.md-oil-compare__layout {
    display: grid;
    grid-template-columns: minmax(360px, .95fr) 52px minmax(440px, 1.05fr);
    gap: clamp(24px, 3vw, 46px);
    align-items: center;
    margin-top: clamp(34px, 5vw, 58px);
}

.md-oil-compare__product {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.md-oil-compare__product::before {
    position: absolute;
    inset: 12% 4%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(73 97 235 / 24%) 0%, transparent 68%);
    filter: blur(28px);
    content: "";
}

.md-oil-compare__product img {
    width: min(100%, 610px);
    max-height: 600px;
    object-fit: contain;
    filter: drop-shadow(0 30px 34px rgb(0 0 0 / 28%));
}

.md-oil-compare__direction {
    position: relative;
    width: 42px;
    height: 84px;
    margin-inline: auto;
}

.md-oil-compare__direction::before,
.md-oil-compare__direction::after {
    position: absolute;
    content: "";
}

.md-oil-compare__direction::before {
    top: 50%;
    left: 0;
    width: 34px;
    height: 34px;
    border-top: 2px solid #ff4047;
    border-right: 2px solid #ff4047;
    transform: translateY(-50%) rotate(45deg);
    filter:
        drop-shadow(0 0 6px rgb(255 45 54 / 42%))
        drop-shadow(0 0 18px rgb(255 45 54 / 22%));
}

.md-oil-compare__direction::after {
    top: 50%;
    left: -8px;
    width: 24px;
    height: 1px;
    background: linear-gradient(90deg, transparent, #ff4047);
    box-shadow: 0 0 12px rgb(255 45 54 / 45%);
}

.md-oil-compare__data {
    min-width: 0;
}

.md-oil-compare__legend {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 34px;
    align-items: center;
    margin-bottom: 18px;
}

.md-oil-compare__legend > span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-small-text);
    font-weight: 600;
    line-height: 1.2;
}

.md-oil-compare__legend > span > i {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    background: #8268f2;
    border-radius: 2px;
    box-shadow: 0 0 14px rgb(130 104 242 / 28%);
}

.md-oil-compare__legend > span:last-child > i {
    background: #ef6728;
    box-shadow: 0 0 14px rgb(239 103 40 / 25%);
}

.md-oil-compare__legend img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.md-oil-compare__metrics {
    display: grid;
    gap: 10px;
}

.md-oil-compare__metric {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 15px;
    align-items: center;
    min-height: 76px;
    padding: 12px 18px;
    background:
        linear-gradient(120deg, rgb(26 37 116 / 58%) 0%, rgb(5 14 60 / 54%) 100%);
    border: 1px solid rgb(151 161 255 / 23%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 12px 30px rgb(0 0 0 / 13%),
        inset 0 1px 0 rgb(255 255 255 / 4%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.md-oil-compare__icon {
    width: 36px;
    height: 36px;
    object-fit: contain;
}

.md-oil-compare__metric p {
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-small-text);
    line-height: 1.25;
}

.md-oil-compare__bars {
    display: grid;
    gap: 5px;
    width: min(100%, 220px);
    margin-top: 6px;
}

.md-oil-compare__bars span {
    display: block;
    width: var(--value);
    height: 9px;
    border-radius: 3px;
}

.md-oil-compare__bars span:first-child {
    background: linear-gradient(90deg, #7560e9 0%, #9277ff 100%);
    box-shadow: 0 0 14px rgb(130 104 242 / 14%);
}

.md-oil-compare__bars span:last-child {
    background: linear-gradient(90deg, #ef5926 0%, #f57a28 100%);
    box-shadow: 0 0 14px rgb(239 103 40 / 12%);
}

.md-oil-compare__result {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    min-width: 0;
}

.md-oil-compare__result strong {
    flex: 0 0 auto;
    color: #bbc3ff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
}

.md-oil-compare__result i {
    position: relative;
    display: block;
    flex: 0 0 30px;
    width: 30px;
    height: 1px;
    background: linear-gradient(90deg, #5869ed, #7990ff);
}

.md-oil-compare__result i::after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 1px solid #7990ff;
    border-right: 1px solid #7990ff;
    content: "";
    transform: translateY(-50%) rotate(45deg);
}

.md-oil-compare__result span {
    color: rgb(255 255 255 / 88%);
    font-size: 12px;
    line-height: 1.25;
}

.md-oil-compare__note {
    max-width: 600px;
    margin-top: 32px;
    color: rgb(255 255 255 / 42%);
    font-size: 12px;
    line-height: 1.35;
}

/* ==========================================================================
   MD-Road-Benefits
   ========================================================================== */

.md-road-benefits {
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 14%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 10% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f6f7fa 0%, #eef0f5 100%);
}

.md-road-benefits .container {
    position: relative;
}

.md-road-benefits__head {
    position: relative;
    max-width: 930px;
    padding-right: 210px;
}

.md-road-benefits__decor-top {
    position: absolute;
    right: 0;
    bottom: 2px;
    display: flex;
    align-items: flex-end;
    gap: 12px;
    max-width: 190px;
    overflow: hidden;
    pointer-events: none;
}

.md-road-benefits__decor-top img {
    width: auto;
    max-width: 88px;
    max-height: 58px;
    object-fit: contain;
    opacity: .42;
}

.md-road-benefits__head h2 {
    max-width: 760px;
}

.md-road-benefits__decor {
    pointer-events: none;
    user-select: none;
}

.md-road-benefits__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 34px;
    margin-top: clamp(42px, 5vw, 58px);
}

.md-road-benefits__item {
    position: relative;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    gap: 22px;
    align-items: center;
    min-width: 0;
    min-height: 170px;
    padding: 26px 28px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 7%) 0%, transparent 38%),
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(248 249 253 / 96%) 100%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 40px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.md-road-benefits__icon {
    position: relative;
    z-index: 1;
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    background:
        linear-gradient(145deg, #fff 0%, #f4f5ff 100%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 10px 24px rgb(41 57 186 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 85%);
}

.md-road-benefits__icon img {
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.md-road-benefits__item > div:last-child {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding-top: 4px;
}

.md-road-benefits__item h3 {
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.md-road-benefits__item p {
    max-width: 390px;
    margin-top: 13px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.5;
}

.md-road-benefits__divider {
    position: relative;
    grid-column: 1 / -1;
    height: 74px;
    margin-block: 26px 6px;
}

.md-road-benefits__divider::before {
    position: absolute;
    top: 76%;
    right: 0;
    left: 0;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            transparent 0%,
            rgb(83 101 223 / 18%) 7%,
            rgb(83 101 223 / 42%) 50%,
            rgb(83 101 223 / 18%) 93%,
            transparent 100%
        );
    content: "";
    transform: translateY(-50%);
}

.top-md-road-benefits__divider::before {
    top: 87%;
}

.md-road-benefits__divider img {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20%;
    width: 95px;
    max-height: 52px;
    padding-right: 14px;
    object-fit: contain;
    object-position: left center;
    background: #f1f2f6;
    opacity: .45;
    transform: translateY(-50%);
}

.top-md-road-benefits__divider img {
right: 20%;
    left: auto;
    top: 53%;
}

.top-md-road-benefits__divider img.transport-special {
    right: calc(20% + 140px);
    top: 50%;
}


/* ==========================================================================
   Brand-Evolution
   ========================================================================== */

.brand-evolution {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        var(--color-bg);
}

.brand-evolution__head {
    max-width: 850px;
}

.brand-evolution__intro {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 46px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    width: min(100%, 1040px);
}

.brand-evolution__intro-card {
    display: flex;
    align-items: center;
    min-height: 150px;
    padding: clamp(22px, 3vw, 30px);
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 6%) 0%, transparent 42%),
        rgb(255 255 255 / 94%);
    border: 1px solid rgb(83 101 223 / 22%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 18px 44px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.brand-evolution__intro-card p {
    color: var(--color-text);
    font-size: var(--font-size-text);
    line-height: 1.5;
}

.brand-evolution__intro-card--accent {
    background:
        radial-gradient(circle at 100% 0%, rgb(117 130 255 / 30%) 0%, transparent 38%),
        linear-gradient(110deg, #090b17 0%, #171d69 52%, #5964dc 100%);
    border-color: rgb(255 255 255 / 10%);
    box-shadow:
        0 20px 46px rgb(9 17 73 / 17%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.brand-evolution__intro-card--accent p {
    color: rgb(255 255 255 / 92%);
}

.brand-evolution__intro-arrow {
    display: grid;
    place-items: center;
    color: var(--color-primary-light);
}

.brand-evolution__intro-arrow svg {
    width: 38px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-evolution__story {
    display: grid;
    grid-template-columns: 160px minmax(0, 1fr);
    gap: clamp(40px, 6vw, 76px);
    width: min(100%, 1030px);
    margin: clamp(64px, 8vw, 100px) auto 0;
}

.brand-evolution__timeline {
    position: relative;
    display: grid;
    grid-template-columns: 110px 34px;
    gap: 14px;
    min-height: 650px;
    z-index: 1;
}

.brand-evolution__timeline-years {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: 4px;
}

.brand-evolution__timeline-year {
    padding: 0;
    color: var(--color-primary-dark);
    background: transparent;
    border: 0;
    font: inherit;
    font-size: clamp(28px, 3.4vw, 36px);
    font-weight: 800;
    line-height: 1;
    text-align: right;
    white-space: nowrap;
    opacity: .34;
    transition:
        color .5s cubic-bezier(.22, 1, .36, 1),
        opacity .5s cubic-bezier(.22, 1, .36, 1),
        transform .5s cubic-bezier(.22, 1, .36, 1);
}

.brand-evolution__timeline-year:hover {
    opacity: .72;
}

.brand-evolution__timeline-year.is-active {
    color: var(--color-primary-dark);
    opacity: 1;
    transform: translateX(-4px);
}

.brand-evolution__timeline-year:last-child.is-active {
    color: var(--color-red);
}

.brand-evolution__timeline-line {
    position: relative;
    width: 3px;
    margin-inline: auto;
    overflow: visible;
    background: rgb(25 31 93 / 10%);
    border-radius: var(--radius-round);
}

.brand-evolution__timeline-progress {
    position: absolute;
    inset: 0 0 auto;
    height: 0;
    background: linear-gradient(180deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-red) 100%);
    border-radius: inherit;
    transition: height .85s cubic-bezier(.22, 1, .36, 1);
}

.brand-evolution__timeline-marker {
    position: absolute;
    top: 0;
    left: 50%;
    width: 18px;
    height: 18px;
    background: var(--color-primary-dark);
    border: 4px solid #fff;
    border-radius: 50%;
    box-shadow:
        0 0 0 1px rgb(25 31 93 / 12%),
        0 8px 18px rgb(9 17 73 / 18%);
    transform: translate(-50%, -50%);
    transition:
        top .85s cubic-bezier(.22, 1, .36, 1),
        background .45s ease,
        box-shadow .45s ease;
}

.brand-evolution__story[data-active-index="1"] .brand-evolution__timeline-marker {
    background: var(--color-red);
    box-shadow:
        0 0 0 1px rgb(215 25 32 / 14%),
        0 8px 22px rgb(215 25 32 / 24%);
}

.brand-evolution__content {
    min-width: 0;
}

.brand-evolution__content > h3 {
    max-width: 650px;
    margin-bottom: clamp(30px, 4vw, 42px);
    color: var(--color-primary);
    font-size: clamp(28px, 3.4vw, 42px);
    font-weight: 800;
    line-height: 1.12;
}

.brand-evolution__slider {
    position: relative;
}

.brand-evolution__viewport {
    min-width: 0;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
    -webkit-user-select: none;
}

.brand-evolution__viewport.is-dragging {
    cursor: grabbing;
}

.brand-evolution__track {
    display: flex;
    align-items: stretch;
    will-change: transform;
    transition: transform .9s cubic-bezier(.22, 1, .36, 1);
}

.brand-evolution__slide {
    flex: 0 0 100%;
    min-width: 0;
    height: auto;
    opacity: .12;
    transform: scale(.975);
    transition:
        opacity .65s ease,
        transform .9s cubic-bezier(.22, 1, .36, 1);
}

.brand-evolution__slide.is-active {
    opacity: 1;
    transform: scale(1);
}

.brand-evolution__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.64;
    background: #0c102f;
    border-radius: var(--radius-large);
}

.brand-evolution__media::before {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 58%, rgb(6 9 34 / 13%) 100%),
        linear-gradient(135deg, rgb(41 57 186 / 8%) 0%, transparent 45%);
    content: "";
}

.brand-evolution__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.055);
    transition: transform 1.3s cubic-bezier(.22, 1, .36, 1);
    -webkit-user-drag: none;
    user-select: none;
    pointer-events: none;
}

.brand-evolution__slide.is-active .brand-evolution__media img {
    transform: scale(1);
}

.brand-evolution__media-shine {
    position: absolute;
    z-index: 3;
    top: 0;
    bottom: 0;
    left: -40%;
    width: 30%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent 0%, rgb(255 255 255 / 13%) 50%, transparent 100%);
    opacity: 0;
    transform: skewX(-18deg);
}

.brand-evolution__slide.is-entering .brand-evolution__media-shine {
    animation: brandEvolutionShine 1.1s cubic-bezier(.22, 1, .36, 1);
}

.brand-evolution__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.brand-evolution__detail {
    position: relative;
    min-height: 92px;
    padding: 18px 20px 18px 22px;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 92%) 0%, rgb(249 250 255 / 88%) 100%);
    border: 1px solid rgb(41 57 186 / 7%);
    border-radius: var(--radius-medium);
    box-shadow: 0 10px 26px rgb(9 17 73 / 5%);
    opacity: 0;
    transform: translateY(16px);
}

.brand-evolution__detail::before {
    position: absolute;
    top: 17px;
    bottom: 17px;
    left: 0;
    width: 4px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

.brand-evolution__slide.is-active .brand-evolution__detail {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity .55s ease .22s,
        transform .65s cubic-bezier(.22, 1, .36, 1) .22s;
}

.brand-evolution__slide.is-active .brand-evolution__detail:nth-child(2) {
    transition-delay: .32s;
}

.brand-evolution__detail strong {
    display: block;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.brand-evolution__detail p {
    margin-top: 4px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.4;
}

.brand-evolution__navigation {
    display: grid;
    grid-template-columns: 48px 1fr 48px;
    gap: 24px;
    align-items: center;
    margin-top: 26px;
}

.brand-evolution__arrow {
    display: grid;
    width: 48px;
    height: 48px;
    padding: 0;
    place-items: center;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 88%);
    border: 1px solid rgb(25 31 93 / 10%);
    border-radius: 50%;
    box-shadow: 0 10px 26px rgb(9 17 73 / 9%);
    transition:
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.brand-evolution__arrow:hover {
    color: var(--color-white);
    background: var(--color-primary);
    border-color: var(--color-primary);
    box-shadow: 0 14px 32px rgb(41 57 186 / 20%);
    transform: translateY(-2px);
}

.brand-evolution__arrow--next {
    color: var(--color-white);
    background: var(--color-red);
    border-color: var(--color-red);
}

.brand-evolution__arrow--next:hover {
    background: var(--color-red-hover);
    border-color: var(--color-red-hover);
    box-shadow: 0 14px 32px rgb(215 25 32 / 22%);
}

.brand-evolution__arrow:active {
    transform: translateY(0) scale(.94);
}

.brand-evolution__arrow:focus-visible,
.brand-evolution__dot:focus-visible,
.brand-evolution__timeline-year:focus-visible {
    outline: 3px solid rgb(83 101 223 / 22%);
    outline-offset: 3px;
}

.brand-evolution__arrow svg {
    width: 21px;
    height: 21px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-evolution__dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.brand-evolution__dot {
    position: relative;
    width: 9px;
    height: 9px;
    padding: 0;
    background: rgb(41 57 186 / 16%);
    border: 0;
    border-radius: 50%;
    transition:
        width .45s cubic-bezier(.22, 1, .36, 1),
        background .35s ease,
        box-shadow .35s ease;
}

.brand-evolution__dot.is-active {
    width: 30px;
    background: var(--gradient-blue);
    border-radius: var(--radius-round);
    box-shadow: 0 5px 14px rgb(41 57 186 / 18%);
}

.brand-evolution__result {
    display: flex;
    margin-top: 28px;
}

.brand-evolution__result strong {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 54px;
    padding: 13px clamp(26px, 4vw, 48px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 50%, rgb(106 118 255 / 22%) 0%, transparent 40%),
        linear-gradient(100deg, #090b17 0%, #171d69 50%, #5964dc 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 18px 40px rgb(9 17 73 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.35;
    text-align: left;
}

@keyframes brandEvolutionShine {
    0% {
        left: -40%;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 120%;
        opacity: 0;
    }
}


/* ==========================================================================
   Brand-Reliability
   ========================================================================== */

.brand-reliability {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 8%, rgb(83 101 223 / 10%) 0%, transparent 28%),
        radial-gradient(circle at 12% 86%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(180deg, #f3f5fb 0%, #f8f9fc 48%, #fff 48%, #fff 100%);
}

.brand-reliability__award {
    position: relative;
    display: grid;
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.2fr);
    gap: clamp(36px, 6vw, 72px);
    align-items: center;
    width: min(100%, 850px);
    min-height: 500px;
    margin-inline: auto;
    padding: clamp(34px, 5vw, 54px);
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 7%) 0%, transparent 32%),
        rgb(255 255 255 / 94%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 28px 70px rgb(9 17 73 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.brand-reliability__award-media {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.brand-reliability__award-media::before {
    position: absolute;
    width: 86%;
    aspect-ratio: 1;
    pointer-events: none;
    background: radial-gradient(circle, rgb(166 133 54 / 14%) 0%, transparent 68%);
    filter: blur(20px);
    content: "";
}

.brand-reliability__award-media img {
    position: relative;
    z-index: 1;
    width: min(100%, 310px);
    max-height: 390px;
    object-fit: contain;
    filter: drop-shadow(0 26px 30px rgb(49 38 8 / 18%));
}

.brand-reliability__award-content {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.brand-reliability__award-content h2 {
    max-width: 510px;
    color: var(--color-primary);
    font-size: clamp(30px, 3.3vw, 42px);
    line-height: 1.12;
}

.brand-reliability__award-title {
    display: block;
    margin-top: 22px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.brand-reliability__award-content > p {
    max-width: 430px;
    margin-top: 12px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.45;
}

.brand-reliability__award-content  .btn {
    margin: 24px 0 0 0;
}

.brand-reliability__promise {
    position: relative;
    overflow: hidden;
    margin-top: 26px;
    padding: 22px 26px;
    background:
        radial-gradient(circle at 100% 0%, rgb(121 133 255 / 25%) 0%, transparent 38%),
        linear-gradient(105deg, #090b17 0%, #171d69 52%, #5964dc 100%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.brand-reliability__promise::after {
    position: absolute;
    top: -60px;
    right: -50px;
    width: 160px;
    height: 160px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 8%) 0%, transparent 68%);
    content: "";
}

.brand-reliability__promise strong {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.brand-reliability__principles {
    margin-top: clamp(76px, 9vw, 120px);
}

.brand-reliability__principles .section__head {
    max-width: 900px;
}

.brand-reliability__principles h2 {
    color: var(--color-primary);
}

.brand-reliability__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 32px);
}

.brand-reliability__principle {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: clamp(26px, 3vw, 34px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 8%) 0%, transparent 40%),
        linear-gradient(145deg, #f4f6fc 0%, #eef1f8 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 38px rgb(9 17 73 / 6%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.brand-reliability__principle::after {
    position: absolute;
    right: -70px;
    bottom: -90px;
    width: 190px;
    height: 190px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 7%) 0%, transparent 68%);
    content: "";
}

.brand-reliability__number {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--color-red);
    font-size: clamp(54px, 6vw, 76px);
    font-weight: 800;
    line-height: .9;
}

.brand-reliability__principle h3 {
    position: relative;
    z-index: 1;
    max-width: 220px;
    margin-top: 28px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.25;
}

.brand-reliability__principle p {
    position: relative;
    z-index: 1;
    max-width: 250px;
    margin-top: 14px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.5;
}


/* ==========================================================================
   Brand-Values
   ========================================================================== */

.brand-values {
    overflow: hidden;
    background:
        radial-gradient(circle at 86% 10%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 92%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f7f8fb 0%, #f1f3f8 100%);
}

.brand-values .container {
    position: relative;
    z-index: 1;
}

.brand-values__head {
    max-width: 980px;
}

.brand-values__head p {
    max-width: 940px;
    color: var(--color-text);
}

.brand-values__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 30px);
}

.brand-values__item {
    position: relative;
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: clamp(20px, 3vw, 30px);
    align-items: start;
    min-width: 0;
    min-height: 210px;
    padding: clamp(28px, 3.5vw, 40px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 8%) 0%, transparent 38%),
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(247 248 253 / 96%) 100%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 44px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.brand-values__number {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--color-red);
    font-size: clamp(58px, 6vw, 78px);
    font-weight: 800;
    line-height: .9;
}

.brand-values__item > div {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.brand-values__item h3 {
    color: var(--color-primary-dark);
}

.brand-values__item p {
    max-width: 430px;
    color: var(--color-text-soft);
}

.brand-values__result {
    position: relative;
    width: min(100%, 980px);
    margin: clamp(38px, 5vw, 56px) auto 0;
    overflow: hidden;
    padding: clamp(24px, 3vw, 32px) clamp(28px, 5vw, 58px);
    background:
        radial-gradient(circle at 100% 50%, rgb(114 126 255 / 25%) 0%, transparent 36%),
        linear-gradient(105deg, #090b17 0%, #171d69 48%, #5964dc 100%);
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 52px rgb(9 17 73 / 17%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.brand-values__result::before {
    position: absolute;
    top: -80px;
    right: -60px;
    width: 220px;
    height: 220px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 8%) 0%, transparent 68%);
    content: "";
}

.brand-values__result p {
    position: relative;
    z-index: 1;
    max-width: 850px;
    margin-inline: auto;
    color: rgb(255 255 255 / 92%);
    text-align: center;
    font-size: clamp(18px, 1.75vw, 20px);
    font-weight: 500;
}


/* ==========================================================================
   Brand-Facts
   ========================================================================== */

.brand-facts {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 12%, rgb(83 101 223 / 7%) 0%, transparent 26%),
        radial-gradient(circle at 10% 90%, rgb(215 25 32 / 3%) 0%, transparent 22%),
        var(--color-bg);
}

.brand-facts__slider {
    position: relative;
    width: min(100%, 1040px);
    margin-inline: auto;
}

.brand-facts__frame {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(420px, 1.22fr);
    gap: clamp(34px, 5vw, 64px);
    align-items: center;
    min-height: 410px;
    padding: clamp(34px, 5vw, 56px);
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 84% 0%, rgb(105 119 255 / 24%) 0%, transparent 35%),
        radial-gradient(circle at 12% 100%, rgb(57 74 205 / 20%) 0%, transparent 38%),
        linear-gradient(120deg, #171d69 0%, #222e91 48%, #2939ba 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 24px 64px rgb(9 17 73 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.brand-facts__frame::before {
    position: absolute;
    top: -170px;
    left: -130px;
    width: 400px;
    height: 400px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 5%) 0%, transparent 68%);
    content: "";
}

.brand-facts__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.brand-facts__content > strong {
    display: block;
    margin-bottom: 14px;
    color: var(--color-white);
    font-size: clamp(32px, 4vw, 46px);
    font-weight: 800;
    line-height: 1;
}

.brand-facts__content p {
    max-width: 370px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
}

.brand-facts__content p + p {
    margin-top: 12px;
}

.brand-facts__media {
    position: relative;
    z-index: 2;
    min-width: 0;
    overflow: hidden;
    aspect-ratio: 1.45;
    background: #10164f;
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 18px 42px rgb(3 7 42 / 22%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.brand-facts__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgb(9 15 64 / 3%) 45%, rgb(5 9 44 / 10%) 100%),
        linear-gradient(135deg, rgb(255 255 255 / 5%) 0%, transparent 35%);
    content: "";
}

.brand-facts__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    will-change: opacity, transform, filter;
}

.brand-facts__arrow {
    position: absolute;
    z-index: 5;
    top: 50%;
    display: grid;
    width: 52px;
    height: 52px;
    padding: 0;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 0;
    border-radius: 50%;
    box-shadow:
        0 14px 30px rgb(215 25 32 / 20%),
        0 0 0 7px rgb(255 255 255 / 76%);
    transform: translateY(-50%);
    transition:
        background var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.brand-facts__arrow--prev {
    left: -26px;
}

.brand-facts__arrow--next {
    right: -26px;
}

.brand-facts__arrow:hover {
    background: var(--color-red-hover);
    box-shadow:
        0 17px 36px rgb(215 25 32 / 26%),
        0 0 0 7px rgb(255 255 255 / 88%);
    transform: translateY(-50%) scale(1.06);
}

.brand-facts__arrow:active {
    transform: translateY(-50%) scale(.94);
}

.brand-facts__arrow:focus-visible {
    outline: 3px solid rgb(215 25 32 / 22%);
    outline-offset: 7px;
}

.brand-facts__arrow svg {
    width: 23px;
    height: 23px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.brand-facts.is-static .brand-facts__arrow {
    display: none;
}

/* Leaving */

.brand-facts__slider.is-leaving .brand-facts__media img {
    opacity: 0;
    filter: blur(3px);
    transform: scale(1.025) translateX(var(--brand-facts-out-x, -18px));
    transition:
        opacity .3s ease,
        transform .4s cubic-bezier(.4, 0, 1, 1),
        filter .3s ease;
}

.brand-facts__slider.is-leaving .brand-facts__content {
    opacity: 0;
    transform: translateY(12px);
    transition:
        opacity .24s ease .05s,
        transform .32s cubic-bezier(.4, 0, 1, 1) .05s;
}

/* Entering */

.brand-facts__slider.is-entering .brand-facts__media img {
    animation: brandFactsImageIn .72s cubic-bezier(.22, 1, .36, 1) both;
}

.brand-facts__slider.is-entering .brand-facts__content {
    animation: brandFactsContentIn .68s cubic-bezier(.22, 1, .36, 1) .12s both;
}

@keyframes brandFactsImageIn {
    from {
        opacity: 0;
        filter: blur(3px);
        transform: scale(1.035) translateX(var(--brand-facts-in-x, 22px));
    }

    to {
        opacity: 1;
        filter: blur(0);
        transform: scale(1) translateX(0);
    }
}

@keyframes brandFactsContentIn {
    from {
        opacity: 0;
        transform: translateY(16px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ==========================================================================
   Brand-Partners
   ========================================================================== */

/* ==========================================================================
   Brand-Partners
   ========================================================================== */

.brand-partners {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 90%, rgb(215 25 32 / 3%) 0%, transparent 22%),
        linear-gradient(145deg, #f6f7fb 0%, #eef0f7 100%);
}

.brand-partners__head {
    max-width: 1050px;
}

.brand-partners__label {
    color: var(--color-primary);
    background: rgb(255 255 255 / 62%);
    border: 1px solid rgb(83 101 223 / 30%);
}

.brand-partners__head h2 {
    max-width: 650px;
}

.brand-partners__head p {
    max-width: 970px;
    margin-top: var(--space-md);
    color: var(--color-text);
    font-size: var(--font-size-lead);
}

.brand-partners__showcase {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(430px, .92fr);
    min-height: 570px;
    margin-inline: auto;
    overflow: hidden;
    background: #11175c;
    border: 1px solid rgb(25 31 93 / 7%);
    border-radius: var(--radius-large);
    box-shadow:
        0 28px 70px rgb(9 17 73 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.brand-partners__media {
    position: relative;
    min-width: 0;
    min-height: 570px;
    overflow: hidden;
}

.brand-partners__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 52%, rgb(11 18 81 / 18%) 100%),
        linear-gradient(180deg, rgb(5 9 40 / 2%) 55%, rgb(5 9 40 / 12%) 100%);
    content: "";
}

.brand-partners__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-partners__panel {
    position: relative;
    min-width: 0;
    min-height: 570px;
    overflow: hidden;
    padding: clamp(36px, 4vw, 48px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(112 125 255 / 28%) 0%, transparent 34%),
        radial-gradient(circle at 10% 100%, rgb(73 88 215 / 16%) 0%, transparent 38%),
        linear-gradient(145deg, #182170 0%, #24318d 58%, #2939a8 100%);
    border-left: 1px solid rgb(255 255 255 / 8%);
}

.brand-partners__panel::before {
    position: absolute;
    top: -140px;
    right: -100px;
    width: 360px;
    height: 360px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 7%) 0%, transparent 68%);
    content: "";
}

.brand-partners__badge {
    z-index: 4;
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 6px 14px;
    color: var(--color-primary);
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(255 255 255 / 75%);
    box-shadow: 0 8px 22px rgb(5 9 50 / 12%);
}

.brand-partners__viewport {
    position: relative;
    height: 400px;
    margin-top: 34px;
}

.brand-partners__slide {
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(34px);
}

.brand-partners__slide.is-active {
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.brand-partners__slide.is-leaving-left {
    animation: brandPartnersLeaveLeft .4s cubic-bezier(.4, 0, 1, 1) forwards;
}

.brand-partners__slide.is-leaving-right {
    animation: brandPartnersLeaveRight .4s cubic-bezier(.4, 0, 1, 1) forwards;
}

.brand-partners__slide.is-entering-right {
    animation: brandPartnersEnterRight .65s cubic-bezier(.22, 1, .36, 1) forwards;
}

.brand-partners__slide.is-entering-left {
    animation: brandPartnersEnterLeft .65s cubic-bezier(.22, 1, .36, 1) forwards;
}

.brand-partners__groups {
    display: grid;
    gap: clamp(28px, 4vw, 38px);
}

.brand-partners__group {
    opacity: 1;
    transform: translateY(0);
}

.brand-partners__slide.is-entering-right .brand-partners__group,
.brand-partners__slide.is-entering-left .brand-partners__group {
    animation: brandPartnersGroupIn .58s cubic-bezier(.22, 1, .36, 1) both;
}

.brand-partners__slide.is-entering-right .brand-partners__group:nth-child(1),
.brand-partners__slide.is-entering-left .brand-partners__group:nth-child(1) {
    animation-delay: .12s;
}

.brand-partners__slide.is-entering-right .brand-partners__group:nth-child(2),
.brand-partners__slide.is-entering-left .brand-partners__group:nth-child(2) {
    animation-delay: .22s;
}

.brand-partners__group h3 {
    color: var(--color-white);
}

.brand-partners__group ul {
    display: grid;
    gap: 5px;
    margin-top: 14px;
}

.brand-partners__group li {
    position: relative;
    padding-left: 20px;
    color: rgb(255 255 255 / 86%);
    font-size: var(--font-size-lead);
    line-height: 1.35;
}

.brand-partners__group li::before {
    position: absolute;
    top: .55em;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--color-red);
    content: "";
}

.brand-partners__final {
    position: relative;
    height: 100%;
    padding-right: 10px;
}

.brand-partners__final p {
    max-width: 290px;
    color: rgb(255 255 255 / 90%);
    font-size: var(--font-size-lead);
}

.brand-partners__final .btn {
    position: relative;
    z-index: 3;
    min-width: 280px;
    margin-top: 24px;
}

.brand-partners__mascot {
    position: absolute;
    right: 112px;
    bottom: -220px;
    width: min(70%, 480px);
    max-height: 400px;
    object-fit: contain;
    object-position: right bottom;
    pointer-events: none;
    filter: drop-shadow(0 24px 30px rgb(0 0 0 / 20%));
}

.brand-partners__slide.is-entering-right .brand-partners__final p,
.brand-partners__slide.is-entering-left .brand-partners__final p {
    animation: brandPartnersGroupIn .58s cubic-bezier(.22, 1, .36, 1) .12s both;
}

.brand-partners__slide.is-entering-right .brand-partners__final .btn,
.brand-partners__slide.is-entering-left .brand-partners__final .btn {
    animation: brandPartnersGroupIn .58s cubic-bezier(.22, 1, .36, 1) .2s both;
}

.brand-partners__slide.is-entering-right .brand-partners__mascot,
.brand-partners__slide.is-entering-left .brand-partners__mascot {
    animation: brandPartnersMascotIn .85s cubic-bezier(.22, 1, .36, 1) .12s both;
}

.brand-partners__navigation {
    position: absolute;
    z-index: 5;
    right: clamp(26px, 3vw, 36px);
    bottom: clamp(26px, 3vw, 34px);
    left: clamp(26px, 3vw, 36px);
    display: flex;
    justify-content: space-between;
    pointer-events: none;
}

.brand-partners__arrow {
    display: grid;
    width: 54px;
    height: 54px;
    padding: 0;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 0;
    border-radius: 50%;
    box-shadow:
        0 14px 30px rgb(215 25 32 / 24%),
        0 0 0 1px rgb(255 255 255 / 10%);
    pointer-events: auto;
    opacity: 1;
    visibility: visible;
    transform: translateX(0) scale(1);
    transition:
        opacity .38s ease,
        visibility .38s ease,
        background var(--transition),
        box-shadow var(--transition),
        transform .45s cubic-bezier(.22, 1, .36, 1);
}

.brand-partners__arrow.is-hidden {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.brand-partners__arrow--prev.is-hidden {
    transform: translateX(-16px) scale(.82);
}

.brand-partners__arrow--next.is-hidden {
    transform: translateX(16px) scale(.82);
}

.brand-partners__arrow:hover {
    background: var(--color-red-hover);
    box-shadow:
        0 18px 38px rgb(215 25 32 / 32%),
        0 0 0 6px rgb(255 255 255 / 5%);
    transform: translateY(-3px);
}

.brand-partners__arrow:active {
    transform: scale(.94);
}

.brand-partners__arrow:focus-visible {
    outline: 3px solid rgb(255 255 255 / 25%);
    outline-offset: 4px;
}

.brand-partners__arrow svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

@keyframes brandPartnersLeaveLeft {
    from {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        visibility: hidden;
        transform: translateX(-34px);
    }
}

@keyframes brandPartnersLeaveRight {
    from {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        visibility: hidden;
        transform: translateX(34px);
    }
}

@keyframes brandPartnersEnterRight {
    from {
        opacity: 0;
        visibility: visible;
        transform: translateX(42px);
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}

@keyframes brandPartnersEnterLeft {
    from {
        opacity: 0;
        visibility: visible;
        transform: translateX(-42px);
    }

    to {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
}

@keyframes brandPartnersGroupIn {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes brandPartnersMascotIn {
    from {
        opacity: 0;
        transform: translate(18px, 22px) scale(.94);
    }

    to {
        opacity: 1;
        transform: translate(0, 0) scale(1);
    }
}

.brand-partners .brand-reliability__award, .brand-partners .production-system__box {
    margin-top: clamp(64px, 8vw, 110px);
}


/* ==========================================================================
   Production-System
   ========================================================================== */

.production-system__box {
    position: relative;
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(430px, 1.22fr);
    gap: clamp(54px, 8vw, 100px);
    margin-inline: auto;
    padding: clamp(42px, 6vw, 64px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 6%) 0%, transparent 34%),
        rgb(255 255 255 / 96%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 24px 64px rgb(9 17 73 / 11%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.production-system__content,
.production-system__cycle {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.production-system__content h2 {
    max-width: 340px;
}

.production-system__text {
    max-width: 350px;
    margin-top: clamp(24px, 3vw, 32px);
}

.production-system__text p + p {
    margin-top: var(--space-md);
}

.production-system__cycle {
    padding-left: clamp(20px, 3vw, 38px);
    border-left: 1px solid rgb(41 57 186 / 10%);
}

.production-system__label {
    color: var(--color-primary);
    background: rgb(83 101 223 / 6%);
    border: 1px solid rgb(83 101 223 / 28%);
}

.production-system__cycle .check-list {
    margin-top: 18px;
}

/* ==========================================================================
   Production-Equipment
   ========================================================================== */

.production-equipment {
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 10%, rgb(83 101 223 / 9%) 0%, transparent 28%),
        radial-gradient(circle at 8% 90%, rgb(215 25 32 / 3%) 0%, transparent 23%),
        linear-gradient(145deg, #f5f6fb 0%, #eef0f7 100%);
}

.production-equipment__head {
    max-width: 1040px;
}

.production-equipment__showcase {
    display: grid;
    grid-template-columns: minmax(360px, .94fr) minmax(0, 1.06fr);
    min-height: 510px;
    margin-inline: auto;
    overflow: hidden;
    background: #171d69;
    border: 1px solid rgb(25 31 93 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 26px 68px rgb(9 17 73 / 15%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.production-equipment__content {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: clamp(34px, 4.5vw, 50px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(104 116 255 / 22%) 0%, transparent 35%),
        linear-gradient(145deg, #182170 0%, #25328f 58%, #2939a7 100%);
}

.production-equipment__content::before {
    position: absolute;
    top: -120px;
    left: -100px;
    width: 320px;
    height: 320px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 6%) 0%, transparent 68%);
    content: "";
}

.production-equipment__content > h3 {
    position: relative;
    z-index: 1;
    max-width: 330px;
    color: var(--color-white);
}

.production-equipment__info {
    position: relative;
    z-index: 1;
    margin-top: 28px;
    padding: 24px;
    background:
        linear-gradient(135deg, rgb(255 255 255 / 7%) 0%, rgb(255 255 255 / 3%) 100%);
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: var(--radius-medium);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 5%),
        0 16px 34px rgb(5 9 48 / 10%);
}

.production-equipment__info > p {
    color: rgb(255 255 255 / 80%);
}

.production-equipment__precision {
    position: relative;
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    margin-top: 18px;
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.4;
}

.production-equipment__precision > span {
    color: #ff343a;
    font-size: 24px;
    font-weight: 800;
    line-height: .8;
}

.production-equipment__risk {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgb(255 255 255 / 22%);
}

.production-equipment__shield {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--color-primary);
    background: rgb(255 255 255 / 94%);
    border-radius: var(--radius-small);
    box-shadow: 0 8px 20px rgb(5 9 48 / 14%);
}

.production-equipment__shield svg {
    width: 26px;
    height: 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.production-equipment__risk strong {
    color: var(--color-white);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.production-equipment__brands {
    position: relative;
    z-index: 1;
    margin-top: auto;
    padding-top: 24px;
}

.production-equipment__brands strong {
    display: block;
    color: rgb(255 255 255 / 94%);
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.4;
}

.production-equipment__brands p {
    margin-top: 8px;
    color: rgb(255 255 255 / 66%);
    font-size: var(--font-size-small-text);
    line-height: 1.4;
}

.production-equipment__media {
    position: relative;
    min-width: 0;
    min-height: 510px;
    overflow: hidden;
    background: #11174c;
}

.production-equipment__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(22 30 111 / 14%) 0%, transparent 25%),
        linear-gradient(180deg, rgb(8 12 48 / 3%) 58%, rgb(8 12 48 / 13%) 100%);
    content: "";
}

.production-equipment__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.production-equipment__benefits {
    width: min(100%, 1080px);
    margin: clamp(34px, 5vw, 50px) auto 0;
}

.production-equipment__benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 3vw, 28px);
}

.production-equipment__benefit {
    position: relative;
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 18px;
    align-items: center;
    min-width: 0;
    min-height: 150px;
    padding: 24px;
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(111 124 255 / 22%) 0%, transparent 36%),
        linear-gradient(115deg, #090b17 0%, #171d69 48%, #5964dc 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.production-equipment__benefit::after {
    position: absolute;
    right: -60px;
    bottom: -75px;
    width: 170px;
    height: 170px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 7%) 0%, transparent 68%);
    content: "";
}

.production-equipment__benefit > img {
    position: relative;
    z-index: 1;
    width: 54px;
    height: 54px;
    object-fit: contain;
}

.production-equipment__benefit > div {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.production-equipment__benefit h3 {
    color: var(--color-white);
}

.production-equipment__benefit p {
    color: rgb(255 255 255 / 76%);
}


/* ==========================================================================
   Production-Lab
   ========================================================================== */

.production-lab {
    overflow: hidden;
    background:
        radial-gradient(circle at 85% 8%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 7% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f5f6fb 0%, #eef0f7 100%);
}

.production-lab__head {
    max-width: 980px;
}

.production-lab__head .section__label {
    margin-bottom: var(--space-md);
}

.production-lab__compare {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 42px);
}

.production-lab__compare-item {
    position: relative;
    min-width: 0;
    min-height: 250px;
    padding: clamp(28px, 4vw, 38px);
    overflow: hidden;
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
}

.production-lab__compare-item h3 {
    position: relative;
    z-index: 1;
    padding-bottom: 18px;
    border-bottom: 1px solid rgb(25 31 93 / 12%);
    color: var(--color-primary-dark);
}

.production-lab__compare-item p {
    position: relative;
    z-index: 1;
    margin-top: 22px;
    padding-left: 24px;
}

.production-lab__compare-item p::before {
    position: absolute;
    top: 2px;
    left: 0;
    color: var(--color-red);
    content: "×";
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
}

.production-lab__compare-item--light {
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 6%) 0%, transparent 38%),
        rgb(255 255 255 / 94%);
    border: 1px solid rgb(25 31 93 / 6%);
}

.production-lab__compare-item--brand {
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(107 120 255 / 24%) 0%, transparent 34%),
        linear-gradient(145deg, #171d69 0%, #2939ba 100%);
    border: 1px solid rgb(255 255 255 / 8%);
}

.production-lab__compare-item--brand::before {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 60px;
    height: 60px;
    pointer-events: none;
    background-image: url(/images/md/kompania/o-proizvodstve/engine-emblem-silver-small.png);
    background-size: 60px;
    background-repeat: no-repeat;
    content: "";
}

.production-lab__compare-item--brand h3 {
    color: var(--color-white);
    border-color: rgb(255 255 255 / 12%);
}

.production-lab__compare-item--brand p {
    color: rgb(255 255 255 / 84%);
}

.production-lab__compare-item--brand p::before {
    content: "✓";
    font-size: 17px;
}

.production-lab__testing {
    display: grid;
    grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
    gap: clamp(32px, 5vw, 58px);
    align-items: stretch;
    margin-top: clamp(42px, 6vw, 68px);
}

.production-lab__testing > .check-list {
    align-self: stretch;
}

.production-lab__gallery {
    display: grid;
    grid-template-columns: 1.15fr repeat(2, minmax(0, .85fr));
    grid-template-rows: repeat(2, minmax(150px, 1fr));
    gap: 12px;
    min-width: 0;
}

.production-lab__photo {
    position: relative;
    display: block;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    background: #151b62;
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-medium);
    box-shadow: 0 12px 28px rgb(9 17 73 / 8%);
}

.production-lab__photo--large {
    grid-row: 1 / 3;
}

.production-lab__photo::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, transparent 56%, rgb(5 9 46 / 38%) 100%),
        linear-gradient(145deg, rgb(47 62 182 / 5%) 0%, transparent 42%);
    content: "";
}

.production-lab__photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.22, 1, .36, 1);
}

.production-lab__photo:hover img {
    transform: scale(1.035);
}

.production-lab__photo > span {
    position: absolute;
    z-index: 2;
    right: 12px;
    bottom: 12px;
    left: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 7px 13px;
    color: rgb(255 255 255 / 92%);
    background:
        linear-gradient(90deg, rgb(7 10 36 / 72%) 0%, rgb(47 59 175 / 70%) 100%);
    border: 1px solid rgb(255 255 255 / 14%);
    border-radius: var(--radius-round);
    box-shadow: 0 8px 18px rgb(0 0 0 / 14%);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-size: var(--font-size-small-text);
    font-weight: 500;
    line-height: 1.2;
}

.production-lab__result {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(0, 1.1fr);
    gap: clamp(34px, 6vw, 72px);
    align-items: center;
    margin-top: clamp(50px, 7vw, 80px);
    padding: clamp(30px, 4vw, 44px);
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(113 126 255 / 24%) 0%, transparent 35%),
        linear-gradient(105deg, #101550 0%, #202a83 52%, #3444bb 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.production-lab__result-label {
    margin-bottom: 14px;
    color: #cbd0ff;
    background: rgb(255 255 255 / 6%);
    border-color: rgb(255 255 255 / 16%);
}

.production-lab__result h3 {
    color: var(--color-white);
}

.production-lab__result-items {
    display: grid;
    gap: 14px;
}

.production-lab__result-items > div {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 58px;
    padding: 14px 18px;
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(170 180 255 / 25%);
    border-radius: var(--radius-medium);
}

.production-lab__result-items span {
    color: var(--color-red);
    font-weight: 800;
}

.production-lab__result-items strong {
    color: var(--color-white);
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.35;
}

.production-lab__eco {
    margin-top: clamp(72px, 9vw, 110px);
}

.production-lab__eco-head {
    max-width: 640px;
}

.production-lab__eco-box {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    color: var(--color-white);
    background:
        linear-gradient(90deg, rgb(15 23 91 / 94%) 0%, rgb(25 36 118 / 84%) 48%, rgb(18 29 99 / 72%) 100%),
        url("/images/md/kompania/o-proizvodstve/ecology-bg.jpg") center / cover no-repeat;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.production-lab__eco-box::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 86% 18%, rgb(94 110 235 / 22%) 0%, transparent 30%),
        linear-gradient(180deg, rgb(8 14 58 / 6%) 0%, rgb(8 14 58 / 20%) 100%);
    content: "";
}

.production-lab__eco-content {
    position: relative;
    z-index: 1;
    display: flex;
    min-height: 520px;
    flex-direction: column;
    padding: clamp(34px, 5vw, 52px);
}

.production-lab__eco-label {
    align-self: flex-start;
    color: #d3d7ff;
    background: rgb(255 255 255 / 7%);
    border-color: rgb(255 255 255 / 16%);
}

.production-lab__eco-content > h3 {
    max-width: 880px;
    margin-top: 24px;
    color: var(--color-white);
}

.production-lab__eco-content > p {
    max-width: 900px;
    margin-top: 16px;
    color: rgb(255 255 255 / 78%);
}

.production-lab__certification {
    width: min(100%, 900px);
    margin: 30px 0;
    padding: 24px 26px;
    background: linear-gradient(120deg, rgb(8 12 64 / 82%) 0%, rgb(22 27 103 / 78%) 100%);
    border: 1px solid rgb(151 161 255 / 16%);
    border-radius: var(--radius-medium);
    box-shadow: 0 16px 38px rgb(0 0 0 / 14%), inset 0 1px 0 rgb(255 255 255 / 4%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.production-lab__certification > strong {
    display: block;
    margin-bottom: 12px;
    color: #c5cbff;
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.3;
}

.production-lab__certification p {
    color: rgb(255 255 255 / 76%);
    font-size: var(--font-size-small-text);
    line-height: 1.45;
}

.production-lab__certification p + p {
    margin-top: 7px;
}

.production-lab__certification b {
    color: var(--color-white);
    font-weight: 700;
}

.production-lab__eco-note {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    gap: 20px;
    align-items: center;
    width: min(100%, 900px);
    margin-top: auto;
    padding: 18px 22px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(255 255 255 / 60%);
    border-radius: var(--radius-medium);
    box-shadow: 0 16px 40px rgb(5 9 48 / 18%);
}

.production-lab__eco-note > span {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    color: var(--color-primary-light);
    background: rgb(83 101 223 / 8%);
    border: 1px solid rgb(83 101 223 / 12%);
    border-radius: var(--radius-small);
}

.production-lab__eco-note svg {
    width: 28px;
    height: 28px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.production-lab__eco-note p {
    color: var(--color-text);
}

/* ==========================================================================
   MD-Zabota-Benefits
   ========================================================================== */

.md-zabota-benefits {
    overflow: hidden;
    background:
        radial-gradient(circle at 84% 12%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 12% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f6f7fc 0%, #f1f3fa 100%);
}

.md-zabota-benefits__head {
    max-width: 760px;
}

.md-zabota-benefits__head h2 span {
    color: var(--color-red);
}

.md-zabota-benefits__box {
    position: relative;
    margin-top: clamp(34px, 5vw, 54px);
    padding: clamp(32px, 4vw, 46px);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgb(105 116 224 / 22%) 0%, transparent 42%),
        linear-gradient(110deg, #1c267f 0%, #2939a7 48%, #202b88 100%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 54px rgb(9 17 73 / 15%),
        inset 0 1px 0 rgb(255 255 255 / 10%);
}

.md-zabota-benefits__box::before {
    position: absolute;
    top: -180px;
    left: 50%;
    width: 700px;
    height: 340px;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(126 138 255 / 24%) 0%, transparent 68%);
    content: "";
    transform: translateX(-50%);
}

.md-zabota-benefits__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.5vw, 26px);
}

.md-zabota-benefits__item {
    position: relative;
    min-width: 0;
    min-height: 215px;
    padding: 22px;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 7%) 0%, rgb(255 255 255 / 3%) 100%);
    border: 1px solid rgb(255 255 255 / 34%);
    border-radius: var(--radius-medium);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%);
}

.md-zabota-benefits__number {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    margin-bottom: 20px;
    color: var(--color-red);
    background: rgb(255 255 255 / 94%);
    border: 1px solid rgb(255 255 255 / 72%);
    border-radius: var(--radius-small);
    box-shadow: 0 8px 20px rgb(7 12 58 / 14%);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.md-zabota-benefits__item h3 {
    color: var(--color-white);
}

.md-zabota-benefits__item p {
    margin-top: 10px;
    color: rgb(255 255 255 / 78%);
}

.md-zabota-benefits__warranty {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr);
    gap: clamp(54px, 8vw, 100px);
    align-items: center;
    margin-top: clamp(58px, 8vw, 94px);
}

.md-zabota-benefits__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.md-zabota-benefits__media::before {
    position: absolute;
    z-index: 0;
    right: 5%;
    bottom: 2%;
    width: 78%;
    height: 42%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 14%) 0%, transparent 70%);
    filter: blur(26px);
    content: "";
}

.md-zabota-benefits__media img {
    position: relative;
    z-index: 1;
    width: min(100%, 620px);
    max-height: 560px;
    object-fit: contain;
    filter: drop-shadow(0 26px 32px rgb(9 17 73 / 12%));
}

.md-zabota-benefits__content {
    max-width: 390px;
}

.md-zabota-benefits__content h2 {
    color: var(--color-primary);
}

.md-zabota-benefits__content p {
    margin-top: var(--space-lg);
    color: var(--color-text);
    font-size: var(--font-size-lead);
}

/* ==========================================================================
   MD-Zabota-How
   ========================================================================== */

.md-zabota-how {
    display: grid;
    grid-template-columns: 38% minmax(0, 1fr);
    min-height: 390px;
    margin-top: clamp(60px, 6vw, 84px);
    overflow: hidden;
    color: var(--color-white);
    background: radial-gradient(ellipse at 90% 0%, rgb(96 112 235 / 18%), transparent 55%), linear-gradient(115deg, #171d69 0%, #202c80 100%);
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--radius-large);
    box-shadow: 0 22px 54px rgb(9 17 73 / 14%);
}

.md-zabota-how__visual {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 45% 40%, rgb(134 151 255 / 45%), transparent 65%),
        linear-gradient(135deg, #959bdc 0%, #434cc6 100%);
}

.md-zabota-how__visual img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    max-height: 440px;
    object-fit: contain;
    object-position: center bottom;
    filter: drop-shadow(0 14px 22px rgb(8 13 57 / 16%));
}

.md-zabota-how__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(36px, 5vw, 64px) clamp(36px, 6vw, 76px);
}

.md-zabota-how__content h2 {
    color: var(--color-white);
}

.md-zabota-how__content p {
    max-width: 540px;
    margin-top: 24px;
    color: rgb(255 255 255 / 90%);
    font-size: var(--font-size-lead);
}

/* ==========================================================================
   MD-Zabota-Protection
   ========================================================================== */

.md-zabota-protection {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f6f7fc 0%, #f0f2f8 100%);
}

.md-zabota-protection__box {
    padding: clamp(32px, 4.5vw, 52px);
    background: rgb(255 255 255 / 94%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 48px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.md-zabota-protection__head {
    margin-bottom: clamp(28px, 4vw, 38px);
}

.md-zabota-protection__head .section__lead {
    color: var(--color-text);
}

.md-zabota-protection__parts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 28px);
}

.md-zabota-protection__part {
    min-width: 0;
    padding: clamp(24px, 3vw, 30px);
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 5%) 0%, transparent 38%),
        linear-gradient(145deg, #fff 0%, #fafbff 100%);
    border: 1px solid rgb(41 57 186 / 7%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.md-zabota-protection__part h3 {
    color: var(--color-primary-dark);
}

.md-zabota-protection__part .list {
    gap: 18px;
    margin-top: 22px;
    padding-left: 20px;
}

.md-zabota-protection__part li {
    padding-left: 4px;
}

.md-zabota-protection__activation {
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: clamp(24px, 4vw, 40px);
    align-items: center;
    margin-top: clamp(44px, 6vw, 64px);
    padding: clamp(26px, 3.5vw, 34px) clamp(30px, 5vw, 54px);
    background:
        radial-gradient(circle at 12% 50%, rgb(83 101 223 / 7%) 0%, transparent 25%),
        rgb(255 255 255 / 90%);
    border: 1px solid rgb(41 57 186 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 42px rgb(9 17 73 / 9%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.md-zabota-protection__shield {
    display: grid;
    width: 82px;
    height: 82px;
    place-items: center;
    color: var(--color-primary-light);
    background:
        linear-gradient(145deg, rgb(244 245 255 / 100%) 0%, rgb(231 234 255 / 92%) 100%);
    border: 1px solid rgb(83 101 223 / 24%);
    border-radius: var(--radius-medium);
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 85%),
        0 8px 20px rgb(41 57 186 / 6%);
}

.md-zabota-protection__shield svg {
    width: 44px;
    height: 44px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.md-zabota-protection__activation h3 {
    color: var(--color-primary-dark);
}

.md-zabota-protection__activation p {
    max-width: 820px;
    margin-top: 12px;
    color: var(--color-text);
}

.md-zabota-protection__conditions {
    position: relative;
    min-height: 300px;
    margin-top: clamp(44px, 6vw, 64px);
    padding: clamp(34px, 4vw, 46px) clamp(130px, 14vw, 180px) clamp(34px, 4vw, 46px) clamp(38px, 5vw, 58px);
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 88% 18%, rgb(102 114 234 / 20%) 0%, transparent 32%),
        linear-gradient(115deg, #171f72 0%, #26358e 55%, #1d287d 100%);
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 54px rgb(9 17 73 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.md-zabota-protection__conditions::before {
    position: absolute;
    top: -120px;
    right: -100px;
    width: 370px;
    height: 370px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(128 140 255 / 16%) 0%, transparent 68%);
    content: "";
}

.md-zabota-protection__conditions-content {
    position: relative;
    z-index: 2;
    max-width: 780px;
}

.md-zabota-protection__conditions h2 {
    color: var(--color-white);
}

.md-zabota-protection__conditions .list {
    gap: 18px;
    margin-top: 22px;
    padding-left: 20px;
    color: var(--color-white);
}

.md-zabota-protection__conditions li {
    padding-left: 4px;
    color: rgb(255 255 255 / 88%);
}

.md-zabota-protection__emblem {
    position: absolute;
    z-index: 2;
    top: 32px;
    right: 40px;
    width: 86px;
    height: 86px;
    padding: 12px;
    object-fit: contain;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(235 237 255 / 96%) 100%);
    border: 1px solid rgb(255 255 255 / 38%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 30px rgb(4 8 45 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}


/* ==========================================================================
   MD-Zabota-Authenticity
   ========================================================================== */

.md-zabota-authenticity {
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 18%, rgb(83 101 223 / 8%) 0%, transparent 30%),
        radial-gradient(circle at 10% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f6f7fc 0%, #f0f2f8 100%);
}

.md-zabota-authenticity__intro {
    display: grid;
    grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
    gap: clamp(44px, 7vw, 90px);
    align-items: center;
    min-height: 450px;
}

.md-zabota-authenticity__content {
    position: relative;
    z-index: 2;
}

.md-zabota-authenticity__content h2 {
    max-width: 430px;
}

.md-zabota-authenticity__content p {
    max-width: 430px;
    margin-top: clamp(22px, 3vw, 30px);
    color: var(--color-text);
    font-size: var(--font-size-lead);
}

.md-zabota-authenticity__content > strong {
    display: block;
    max-width: 420px;
    margin-top: var(--space-md);
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
}

.md-zabota-authenticity__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 430px;
}

.md-zabota-authenticity__media::before {
    position: absolute;
    right: 4%;
    bottom: 8%;
    width: 82%;
    height: 46%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 13%) 0%, transparent 70%);
    filter: blur(28px);
    content: "";
}

.md-zabota-authenticity__media img {
    position: relative;
    z-index: 1;
    width: min(100%, 650px);
    max-height: 520px;
    object-fit: contain;
    filter: drop-shadow(0 28px 34px rgb(9 17 73 / 13%));
}

.md-zabota-authenticity__steps {
    margin-top: clamp(54px, 7vw, 82px);
    padding: clamp(34px, 4.5vw, 50px);
    background:
        radial-gradient(circle at 90% 10%, rgb(83 101 223 / 5%) 0%, transparent 34%),
        rgb(255 255 255 / 94%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 48px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.md-zabota-authenticity__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 28px);
    margin-top: clamp(30px, 4vw, 40px);
}

.md-zabota-authenticity__step {
    min-width: 0;
    min-height: 285px;
    padding: clamp(22px, 3vw, 28px);
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 5%) 0%, transparent 36%),
        linear-gradient(145deg, #fff 0%, #fafbff 100%);
    border: 1px solid rgb(41 57 186 / 7%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 34px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.md-zabota-authenticity__number {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    margin-bottom: 20px;
    color: var(--color-red);
    background:
        linear-gradient(145deg, #f7f8ff 0%, #e9ebff 100%);
    border: 1px solid rgb(83 101 223 / 17%);
    border-radius: var(--radius-small);
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.md-zabota-authenticity__step h3 {
    color: var(--color-primary-dark);
}

.md-zabota-authenticity__step p {
    margin-top: 12px;
    color: var(--color-text);
}


/* ==========================================================================
   MD-Zabota-Advantages
   ========================================================================== */

.md-zabota-advantages {
    overflow: hidden;
    background: #fff;
}

.md-zabota-advantages__top {
    display: grid;
    grid-template-columns: minmax(360px, .9fr) minmax(0, 1.1fr);
    gap: clamp(30px, 5vw, 64px);
    align-items: start;
}

.md-zabota-advantages__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.md-zabota-advantages__content h2 {
    max-width: 520px;
}

.md-zabota-advantages__list {
    gap: 16px;
    margin-top: clamp(32px, 4vw, 42px);
}

.md-zabota-advantages__list li {
    min-height: 0;
    padding: clamp(18px, 2.5vw, 24px) clamp(20px, 3vw, 28px) clamp(18px, 2.5vw, 24px) 48px;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 5%) 0%, transparent 40%),
        rgb(255 255 255 / 90%);
    border: 1px solid rgb(41 57 186 / 11%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 12px 30px rgb(9 17 73 / 6%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.md-zabota-advantages__list li::before {
    top: 26px;
    left: 20px;
    width: 20px;
    height: 20px;
    color: var(--color-red);
    background: transparent;
    box-shadow: none;
    font-size: 14px;
}

.md-zabota-advantages__list h3 {
    color: var(--color-primary-dark);
}

.md-zabota-advantages__list p {
    margin-top: 4px;
    color: var(--color-text);
}

.md-zabota-advantages__media {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    min-height: 610px;
}

.md-zabota-advantages__media::before {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: 92%;
    height: 42%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 12%) 0%, transparent 70%);
    filter: blur(26px);
    content: "";
    z-index: 2;
}

.md-zabota-advantages__media::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 310px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 50%, #fff 100%);
    content: "";
    z-index: 1;
}

.md-zabota-advantages__media img {
    position: relative;
    z-index: 1;
    width: min(100%, 650px);
    object-fit: contain;
    object-position: center bottom;
}

.md-zabota-advantages__conditions {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 100px;
    gap: clamp(32px, 5vw, 60px);
    align-items: start;
    margin-top: clamp(54px, 7vw, 82px);
    padding: clamp(34px, 4vw, 46px) clamp(34px, 5vw, 58px);
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 88% 12%, rgb(112 124 255 / 20%) 0%, transparent 30%),
        linear-gradient(110deg, #171d69 0%, #24328c 58%, #283696 100%);
    border: 1px solid rgb(255 255 255 / 9%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 54px rgb(9 17 73 / 16%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.md-zabota-advantages__conditions::before {
    position: absolute;
    top: -150px;
    right: -100px;
    width: 360px;
    height: 360px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 7%) 0%, transparent 68%);
    content: "";
}

.md-zabota-advantages__conditions > div,
.md-zabota-advantages__emblem {
    position: relative;
    z-index: 1;
}

.md-zabota-advantages__conditions h2 {
    color: var(--color-white);
}

.md-zabota-advantages__conditions-list {
    display: grid;
    gap: 18px;
    margin-top: 22px;
}

.md-zabota-advantages__conditions-list li {
    position: relative;
    padding-left: 22px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-text);
    line-height: var(--line-height-text);
}

.md-zabota-advantages__conditions-list li::before {
    position: absolute;
    top: .65em;
    left: 0;
    width: 6px;
    height: 6px;
    background: var(--color-red);
    content: "";
}

.md-zabota-advantages__emblem {
    width: 92px;
    height: 92px;
    padding: 12px;
    object-fit: contain;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 98%) 0%, rgb(235 237 255 / 96%) 100%);
    border: 1px solid rgb(255 255 255 / 40%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 30px rgb(4 8 45 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.md-zabota-advantages__action {
    display: flex;
    justify-content: center;
    margin-top: clamp(32px, 4vw, 42px);
}

.md-zabota-advantages__action .btn {
    min-width: 250px;
}

/* ==========================================================================
   Water-Pumps
   ========================================================================== */

.water-pumps {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 8%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 88%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f5f6fb 0%, #f1f3fa 100%);
}

.water-pumps__head {
    max-width: 850px;
}

.water-pumps__head h2 {
    max-width: 820px;
}

.water-pumps__head .section__lead {
    max-width: 780px;
    color: var(--color-text);
}

.water-pumps__facts {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: clamp(42px, 6vw, 72px);
    align-items: center;
}

.water-pumps__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border: 0;
}

.water-pumps__stats .stats-grid__item {
    min-height: 175px;
    border: 0;
    border-top: 1px solid var(--color-border);
}

.water-pumps__stats .stats-grid__item:nth-child(odd) {
    border-right: 1px solid var(--color-border);
}

.water-pumps__stats .stats-grid__item:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--color-border);
}

.water-pumps__stats .stats-grid__item > p {
    margin-top: 20px;
}

.water-pumps__control {
    padding: 18px 28px;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 6%) 0%, transparent 42%),
        rgb(255 255 255 / 94%);
    border: 1px solid rgb(41 57 186 / 7%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 46px rgb(9 17 73 / 9%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.water-pumps__control .check-list--large li {
    min-height: 82px;
    padding-right: 6px;
    font-size: var(--font-size-small-text);
    font-weight: 500;
    line-height: 1.3;
}

.water-pumps__control .check-list--divided li:last-child {
    border-bottom: 0;
}

.water-pumps__note {
    width: 100%;
}

.water-pumps__engineering {
    margin-top: clamp(76px, 9vw, 120px);
}

.water-pumps__engineering-head {
    max-width: 720px;
}

.water-pumps__compare {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr);
    gap: clamp(24px, 3vw, 42px);
    align-items: center;
    margin-inline: auto;
}

.water-pumps__compare-card {
    position: relative;
    min-height: 365px;
    padding: clamp(30px, 4vw, 40px);
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 5%) 0%, transparent 38%),
        rgb(255 255 255 / 92%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 44px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.water-pumps__compare-title {
    display: block;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
}

.water-pumps__compare-line {
    height: 1px;
    margin: 28px 0 20px;
    background: var(--color-border);
}

.water-pumps__problem,
.water-pumps__solution {
    display: grid;
    grid-template-columns: 14px minmax(0, 1fr);
    gap: 8px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.4;
}

.water-pumps__problem span,
.water-pumps__solution span {
    color: var(--color-red);
    font-size: 19px;
    line-height: 1.15;
}

.water-pumps__compare-card > p {
    margin-top: 8px;
    color: var(--color-text-soft);
}

.water-pumps__compare-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.water-pumps__compare-arrow > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border-radius: 50%;
    box-shadow:
        0 12px 26px rgb(215 25 32 / 22%),
        0 0 0 5px rgb(255 255 255 / 80%);
    font-size: 24px;
    line-height: 1;
}

.water-pumps__compare-arrow small {
    margin-top: 14px;
    color: var(--color-text-soft);
    font-size: 8px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
}

.water-pumps__compare-card--solution {
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(112 124 255 / 24%) 0%, transparent 35%),
        linear-gradient(145deg, #182170 0%, #25338f 58%, #2939a8 100%);
    border-color: rgb(255 255 255 / 8%);
    box-shadow:
        0 22px 52px rgb(9 17 73 / 17%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.water-pumps__compare-card--solution .water-pumps__compare-title,
.water-pumps__compare-card--solution .water-pumps__solution {
    color: var(--color-white);
}

.water-pumps__compare-card--solution > p {
    color: rgb(255 255 255 / 82%);
}

.water-pumps__compare-card--solution .water-pumps__compare-line {
    background: rgb(255 255 255 / 15%);
}

.water-pumps__emblem {
    position: absolute;
    top: 24px;
    right: 28px;
    width: 48px;
    height: 48px;
    object-fit: contain;
    filter: drop-shadow(0 8px 12px rgb(0 0 0 / 20%));
}

.water-pumps__construction {
    position: relative;
    display: grid;
    grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
    min-height: 730px;
    margin-top: clamp(38px, 5vw, 58px);
    padding: clamp(42px, 5vw, 64px);
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 44%, rgb(83 101 223 / 8%) 0%, transparent 32%),
        var(--color-white);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 24px 60px rgb(9 17 73 / 10%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.water-pumps__construction-content {
    position: relative;
    z-index: 3;
    min-width: 0;
    padding-bottom: 150px;
}

.water-pumps__construction-content h2 {
    max-width: 510px;
}

.water-pumps__features {
    display: grid;
    gap: 24px;
    margin-top: 34px;
}

.water-pumps__feature {
    position: relative;
    z-index: 3;
    max-width: 430px;
    padding-bottom: 14px;
    border-bottom: 2px solid rgb(215 25 32 / 72%);
}

.water-pumps__feature strong {
    display: block;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.35;
}

.water-pumps__feature p {
    display: grid;
    grid-template-columns: 16px minmax(0, 1fr);
    gap: 4px;
    margin-top: 4px;
    color: var(--color-text);
    font-size: var(--font-size-small-text);
    line-height: 1.4;
}

.water-pumps__feature p span {
    color: var(--color-primary);
    font-weight: 700;
}

.water-pumps__construction-media {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    min-width: 0;
    margin: 70px -64px 55px -100px;
}

.water-pumps__construction-media::before {
    position: absolute;
    right: 4%;
    bottom: 5%;
    width: 85%;
    height: 55%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 12%) 0%, transparent 68%);
    filter: blur(28px);
    content: "";
}

.water-pumps__construction-media > img {
    position: relative;
    z-index: 1;
    width: min(100%, 650px);
    max-height: 610px;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 28px 34px rgb(9 17 73 / 18%));
}

.water-pumps__durability {
    position: absolute;
    z-index: 5;
    bottom: 104px;
    left: clamp(42px, 5vw, 64px);
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    width: min(470px, calc(100% - 84px));
    min-height: 68px;
    padding: 12px 20px;
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-medium);
    box-shadow: 0 14px 32px rgb(9 17 73 / 12%);
}

.water-pumps__durability > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--color-primary-light);
    background: rgb(83 101 223 / 8%);
    border-radius: var(--radius-small);
    font-size: 22px;
    font-weight: 700;
}

.water-pumps__durability strong {
    color: var(--color-primary-dark);
    font-size: var(--font-size-small-text);
    font-weight: 700;
}

.water-pumps__action {
    position: absolute;
    z-index: 6;
    right: 0;
    bottom: 24px;
    left: 0;
    display: flex;
    justify-content: center;
}

.water-pumps__action .btn {
    min-width: 300px;
}


/* ==========================================================================
   Water-Pumps-Warranty
   ========================================================================== */

.water-pumps-warranty {
    padding-block: clamp(30px, 4vw, 46px);
    background: var(--color-bg);
}

.water-pumps-warranty__box {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 24px;
    align-items: center;
    padding: 22px clamp(26px, 4vw, 48px);
    background:
        linear-gradient(120deg, rgb(245 246 255 / 94%) 0%, rgb(251 251 255 / 100%) 100%);
    border: 1px solid rgb(83 101 223 / 24%);
    border-radius: var(--radius-large);
    box-shadow: 0 10px 30px rgb(9 17 73 / 4%);
}

.water-pumps-warranty__icon {
    display: grid;
    width: 70px;
    height: 70px;
    place-items: center;
    color: var(--color-primary-light);
    background: rgb(83 101 223 / 8%);
    border: 1px solid rgb(83 101 223 / 14%);
    border-radius: var(--radius-medium);
}

.water-pumps-warranty__icon svg {
    width: 38px;
    height: 38px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.water-pumps-warranty h3 {
    color: var(--color-primary-dark);
    font-size: clamp(24px, 2.7vw, 32px);
    font-weight: 800;
}

.water-pumps-warranty p {
    margin-top: 7px;
    color: var(--color-text-soft);
}

/* ==========================================================================
   Pump-System
   ========================================================================== */

.pump-system {
    overflow: hidden;
}

.pump-system__head {
    max-width: 940px;
}

.pump-system__head h2 {
    max-width: 820px;
}

.pump-system__head .section__lead {
    max-width: 790px;
    color: var(--color-text);
}

.pump-system__products {
    display: grid;
    gap: var(--space-lg);
}

.pump-system__product {
    display: grid;
    grid-template-columns: minmax(280px, .95fr) minmax(380px, 1.05fr);
    gap: clamp(42px, 7vw, 88px);
    min-height: 510px;
    padding: clamp(34px, 4.5vw, 50px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 7%) 0%, transparent 38%),
        rgb(255 255 255 / 96%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 58px rgb(9 17 73 / 9%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.pump-system__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.pump-system__content h3 {
    color: var(--color-primary);
    font-size: clamp(30px, 3.3vw, 42px);
    font-weight: 800;
}

.pump-system__types {
    display: grid;
    gap: 18px;
    margin-top: 28px;
}

.pump-system__types li {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
}

.pump-system__type-icon {
    display: grid;
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--color-primary);
    background:
        linear-gradient(145deg, #f2f3ff 0%, #e8eaff 100%);
    border: 1px solid rgb(83 101 223 / 20%);
    border-radius: var(--radius-small);
}

.pump-system__type-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.pump-system__content .actions, .md-zabota-benefits__warranty .actions {
    margin-top: auto;
    padding-top: var(--space-lg);
}

.pump-system__content .btn {
    min-width: 220px;
}

.pump-system__benefits {
    align-self: center;
    width: 100%;
    border-top: 1px solid var(--color-border);
}

.pump-system__benefits li {
    min-height: 86px;
    padding-right: 6px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-small-text);
    font-weight: 700;
    line-height: 1.3;
}

.pump-system__product--dark {
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(101 116 255 / 24%) 0%, transparent 36%),
        radial-gradient(circle at 10% 100%, rgb(50 68 204 / 16%) 0%, transparent 40%),
        linear-gradient(110deg, #10164e 0%, #18216f 48%, #2d3ca1 100%);
    border-color: rgb(255 255 255 / 8%);
    box-shadow:
        0 24px 62px rgb(9 17 73 / 17%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.pump-system__product--dark .pump-system__content h3,
.pump-system__product--dark .pump-system__types li,
.pump-system__product--dark .pump-system__benefits li {
    color: var(--color-white);
}

.pump-system__product--dark .pump-system__types li {
    color: rgb(255 255 255 / 88%);
}

.pump-system__product--dark .pump-system__type-icon {
    background: rgb(243 245 255 / 96%);
    border-color: rgb(255 255 255 / 25%);
    box-shadow: 0 8px 22px rgb(4 8 45 / 13%);
}

.pump-system__product--dark .pump-system__benefits {
    border-top-color: rgb(255 255 255 / 26%);
}

.pump-system__product--dark .pump-system__benefits li {
    border-bottom-color: rgb(255 255 255 / 26%);
}

.pump-system__product--dark .check-list--large li::before {
    box-shadow:
        0 8px 20px rgb(215 25 32 / 25%),
        0 0 0 4px rgb(255 255 255 / 4%);
}


/* ==========================================================================
   Pump-System-Result
   ========================================================================== */

.pump-system__result {
    padding-block: clamp(42px, 5vw, 62px);
    background: var(--color-bg);
    border-bottom: 4px solid var(--color-primary-dark);
}

.pump-system__result .oils-expertise__intro-grid {
    grid-template-columns: minmax(0, 1fr) 180px;
    width: min(100%, 1040px);
    margin-inline: auto;
}

.pump-system__result .oils-expertise__intro-content {
    max-width: 760px;
}

.pump-system__result .oils-expertise__intro-content h2 {
    max-width: 730px;
}

/* ==========================================================================
   Water-Pump-Advantages
   ========================================================================== */

.water-pump-advantages {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 10%, rgb(83 101 223 / 8%) 0%, transparent 28%),
        radial-gradient(circle at 8% 90%, rgb(215 25 32 / 3%) 0%, transparent 24%),
        linear-gradient(145deg, #f6f7fb 0%, #eff1f8 100%);
}

.water-pump-advantages__showcase {
    display: grid;
    grid-template-columns: minmax(390px, .9fr) minmax(0, 1.1fr);
    min-height: 610px;
    margin-inline: auto;
    overflow: hidden;
    background: var(--color-white);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 26px 66px rgb(9 17 73 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.water-pump-advantages__panel {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 18px;
    align-content: stretch;
    padding: clamp(28px, 4vw, 42px);
    background:
        radial-gradient(circle at 100% 0%, rgb(105 118 255 / 22%) 0%, transparent 38%),
        linear-gradient(145deg, #192475 0%, #273794 58%, #2e40a8 100%);
}

.water-pump-advantages__item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 18px;
    align-content: center;
    min-width: 0;
    padding: 20px;
    background: linear-gradient(135deg, rgb(255 255 255 / 7%) 0%, rgb(255 255 255 / 3%) 100%);
    border: 1px solid rgb(255 255 255 / 38%);
    border-radius: var(--radius-medium);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 5%), 0 12px 28px rgb(4 8 45 / 8%);
}

.water-pump-advantages__icon {
    display: grid;
    width: 44px;
    height: 44px;
    place-items: center;
    color: var(--color-primary-light);
    background: rgb(247 248 255 / 96%);
    border: 1px solid rgb(255 255 255 / 45%);
    border-radius: var(--radius-small);
    box-shadow: 0 7px 18px rgb(3 7 39 / 10%);
}

.water-pump-advantages__icon svg {
    width: 27px;
    height: 27px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.water-pump-advantages__item h3 {
    color: var(--color-white);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.3;
}

.water-pump-advantages__item p {
    margin-top: 7px;
    color: rgb(255 255 255 / 82%);
    font-size: var(--font-size-small-text);
    line-height: 1.45;
}

.water-pump-advantages__item .md-care__stores {
    margin-top: 16px;
}

.water-pump-advantages__item .md-care__stores img {
    height: 36px;
}

.water-pump-advantages__media {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 38%, rgb(83 101 223 / 7%) 0%, transparent 42%),
        var(--color-white);
}

.water-pump-advantages__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(33 47 144 / 5%) 0%, transparent 18%),
        linear-gradient(180deg, transparent 72%, rgb(7 21 78 / 5%) 100%);
    content: "";
}

.water-pump-advantages__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.water-pump-advantages__more,
.water-pump-advantages__catalog {
    justify-content: center;
}

.water-pump-advantages__more {
    margin-top: clamp(34px, 4vw, 48px);
}

.water-pump-advantages__more .btn {
    min-width: 320px;
}

.water-pump-advantages__catalog {
    margin-top: clamp(34px, 4vw, 48px);
}

.water-pump-advantages__catalog .btn {
    min-width: 210px;
}


/* ==========================================================================
   Static-Card-Grid
   ========================================================================== */

.static-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 31%));
    gap: clamp(20px, 3vw, 32px);
    justify-content: center;
    margin-top: clamp(48px, 6vw, 64px);
}

.static-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 18px;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgb(255 255 255 / 100%) 0%, rgb(250 251 255 / 98%) 100%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 38px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 92%);
}

.static-card__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    aspect-ratio: 1 / 1.02;
    padding: 14px;
    background:
        radial-gradient(circle at 50% 40%, rgb(83 101 223 / 5%) 0%, transparent 55%),
        #f4f5fa;
    border-radius: var(--radius-medium);
}

.static-card__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.static-card h3 {
    margin-top: 20px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.3;
}

/* ==========================================================================
   Engineering-Solutions
   ========================================================================== */

.engineering-page {
    padding-block: clamp(40px, 6vw, 72px);
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 0%, rgb(83 101 223 / 5%) 0%, transparent 32%),
        var(--color-bg-body);
}

.engineering-page__list {
    display: grid;
}

.engineering-item {
    padding: 0 0 clamp(22px, 2.67vw, 37px);
}

.engineering-item--first {
    padding-top: clamp(64px, 8vw, 110px);
    padding-bottom: clamp(22px, 2.67vw, 37px);
}

.engineering-item__head {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 120px;
    gap: 36px;
    align-items: center;
    min-height: 250px;
    padding: clamp(34px, 4vw, 48px) clamp(38px, 5vw, 66px);
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 90% 20%, rgb(112 126 255 / 16%) 0%, transparent 25%),
        linear-gradient(115deg, #2836a8 0%, #202a7b 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 45px rgb(15 23 92 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 7%);
}

.engineering-item__head-content {
    position: relative;
    z-index: 1;
    max-width: 820px;
}

.engineering-item__head h2 {
    color: var(--color-white);
}

.engineering-item__head p {
    margin-top: 18px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
}

.engineering-item__head-media {
    position: relative;
    z-index: 1;
    display: grid;
    width: 96px;
    height: 96px;
    place-items: center;
    justify-self: end;
    padding: 12px;
    background: rgb(255 255 255 / 94%);
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: var(--radius-medium);
    box-shadow: 0 12px 30px rgb(5 9 50 / 18%);
}

.engineering-item__head-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.engineering-item__head-media__small img {
    width: 82%;
}

.engineering-item__toggle {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    gap: 9px;
    margin-top: 24px;
    padding: 10px 22px;
    color: rgb(255 255 255 / 90%);
    background: rgb(255 255 255 / 4%);
    border: 1px solid rgb(255 255 255 / 48%);
    border-radius: var(--radius-round);
    font-size: var(--font-size-text);
    transition:
        background var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.engineering-item__toggle:hover {
    background: rgb(255 255 255 / 10%);
    border-color: rgb(255 255 255 / 72%);
    box-shadow: 0 10px 24px rgb(4 8 49 / 12%);
}

.engineering-item__toggle:active {
    transform: scale(.98);
}

.engineering-item__toggle:focus-visible {
    outline: 3px solid rgb(255 255 255 / 25%);
    outline-offset: 3px;
}

.engineering-item__toggle i {
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-bottom: 6px solid currentColor;
    border-left: 4px solid transparent;
    transform: rotate(0);
    transition: transform .45s cubic-bezier(.22, 1, .36, 1);
}

.engineering-item:not(.is-open) .engineering-item__toggle i {
    transform: rotate(180deg);
}

.engineering-item__body {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(-10px);
    transition:
        height .68s cubic-bezier(.22, 1, .36, 1),
        opacity .32s ease,
        transform .55s cubic-bezier(.22, 1, .36, 1);
}

.engineering-item.is-open .engineering-item__body {
    opacity: 1;
    transform: translateY(0);
}

.engineering-item__body-inner {
    padding: clamp(22px, 2.67vw, 38px) 0 0;
}

.engineering-solution {
    padding: clamp(38px, 5vw, 66px);
    background:
        radial-gradient(circle at 92% 5%, rgb(83 101 223 / 4%) 0%, transparent 24%),
        var(--color-white);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
}

.engineering-solution > h2 {
    max-width: 900px;
}

.engineering-compare {
    margin-top: 36px;
    padding: clamp(24px, 3vw, 32px);
    overflow: hidden;
    border-radius: var(--radius-large);
}

.engineering-compare--bad {
    background: linear-gradient(145deg, #fff9f9 0%, #fff4f4 100%);
    border: 1px solid rgb(215 25 32 / 22%);
}

.engineering-compare--good {
    background:
        radial-gradient(circle at 95% 5%, rgb(83 101 223 / 7%) 0%, transparent 30%),
        linear-gradient(145deg, #f8f9ff 0%, #f2f4ff 100%);
    border: 1px solid rgb(41 57 186 / 8%);
}

.engineering-compare__head {
    margin-bottom: 26px;
}

.engineering-compare__head img {
    margin-bottom: 26px;
}

.engineering-compare__head h3 {
    color: var(--color-primary-dark);
}

.engineering-compare__head p {
    max-width: 950px;
}

.engineering-compare__bottom {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.engineering-compare__bottom > span {
    flex: 0 0 auto;
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
}

.engineering-compare__bottom--bad > span {
    color: #e21a22;
}

.engineering-compare__bottom--good > span {
    color: #18a94b;
}

.engineering-compare__media {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 18px;
}

.engineering-compare__media__equally {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.turbo-engineering-compare__media {
    background: var(--color-white);
    border-radius: var(--radius-medium);
}

.engineering-compare__media img {
    width: 100%;
    height: 290px;
    object-fit: cover;
    border-radius: var(--radius-large);
}

.engineering-compare__media__equally img {
    height: auto;
}

.engineering-compare__media__equally h3 {
    margin-block: 20px;
}

.engineering-compare__media:has(img:only-child) {
    grid-template-columns: 1fr;
}

.engineering-compare__media img:only-child {
    width: min(100%, 430px);
    height: auto;
    justify-self: center;
}

.engineering-compare__media--wide {
    display: block;
    width: 100%;
}

.engineering-compare__media--wide img {
    display: block;
    width: 100% !important;
    max-width: none;
    height: auto !important;
    object-fit: contain;
    margin: 0 0 40px;
}

.engineering-compare__media h3, .engineering-temperature__cell h3 {
    color: var(--color-text);
    margin-top: 20px;
}

.engineering-compare__notes {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 42px);
    margin: 24px 0 40px;
}

.engineering-compare__notes p {
    margin: 0;
    padding: 20px;
    min-width: 0;
    background: #fff;
    border-radius: var(--radius-large);
    border: 1px solid #f0f0f0;
}

.engineering-result {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-top: 20px;
    padding: 17px 22px;
    border-radius: var(--radius-medium);
}

.engineering-result--bad {
    background: rgb(215 25 32 / 4%);
    border: 1px solid rgb(215 25 32 / 50%);
}

.engineering-result--good {
    color: var(--color-white);
    background: linear-gradient(110deg, #2734a3 0%, #202a7b 100%);
    box-shadow: 0 12px 28px rgb(21 31 117 / 12%);
}

.engineering-result__icon {
    position: relative;
    display: grid;
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    place-items: center;
    background: var(--color-white);
    border-radius: 10px;
}

.engineering-result--bad .engineering-result__icon {
    border: 1px solid rgb(215 25 32 / 42%);
}

.engineering-result--bad .engineering-result__icon::before,
.engineering-result--bad .engineering-result__icon::after {
    position: absolute;
    width: 23px;
    height: 3px;
    background: var(--color-red);
    border-radius: var(--radius-round);
    content: "";
}

.engineering-result--bad .engineering-result__icon::before {
    transform: rotate(45deg);
}

.engineering-result--bad .engineering-result__icon::after {
    transform: rotate(-45deg);
}

.engineering-result--good .engineering-result__icon::before {
    width: 21px;
    height: 11px;
    border-bottom: 3px solid #24a544;
    border-left: 3px solid #24a544;
    content: "";
    transform: translateY(-3px) rotate(-45deg);
}

.engineering-result p {
    flex: 1;
    font-weight: 600;
}

.engineering-result--good p {
    color: rgb(255 255 255 / 92%);
}

/* ==========================================================================
   Engineering-Temperature
   ========================================================================== */

.engineering-item--temperature .engineering-temperature__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 32px;
    margin-top: 24px;
}

.engineering-temperature__cell {
    min-width: 0;
}

.engineering-temperature__cell > img {
    display: block;
    width: 100%;
    aspect-ratio: 1.45;
    object-fit: cover;
    border-radius: var(--radius-medium, 18px);
}

.engineering-temperature__cell p,
.engineering-temperature__valve p {
    margin-top: 10px;
}

.engineering-temperature__valve {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 110px;
    gap: 18px;
    align-items: center;
    min-width: 0;
}

.engineering-temperature__valve-content {
    min-width: 0;
}

.engineering-temperature__valve-content h3 {
    color: var(--color-text);
}

.engineering-temperature__valve > img {
    display: block;
    width: 100%;
    max-height: 320px;
    object-fit: contain;
}

/* ==========================================================================
   Pump-Testing
   ========================================================================== */

.engineering-item--testing .engineering-item__head {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(500px, 1.15fr);
    gap: clamp(40px, 5vw, 72px);
    align-items: stretch;
    min-height: 680px;
    padding: clamp(52px, 5vw, 72px);
    background:
        radial-gradient(circle at 72% 15%, rgb(82 101 224 / 15%) 0%, transparent 32%),
        linear-gradient(125deg, #1d246f 0%, #273694 100%);
}

.engineering-item--testing .engineering-item__head-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.engineering-item--testing .engineering-item__head-content h2,
.engineering-item--testing .engineering-item__head-content p,
.engineering-item--testing .engineering-item__head-content li {
    color: var(--color-white);
}

.engineering-item--testing .engineering-item__head-content > p {
    margin-top: var(--space-md);
    color: rgb(255 255 255 / 80%);
}

.engineering-item--testing .engineering-item__head-content ul {
    margin-top: clamp(24px, 3vw, 34px);
}

.engineering-item--testing .engineering-item__head-content li {
    position: relative;
    padding-left: 25px;
    color: rgb(255 255 255 / 90%);
}

.engineering-item--testing .engineering-item__head-content li + li {
    margin-top: 16px;
}

.engineering-item--testing .engineering-item__head-content li::before {
    position: absolute;
    top: 0;
    left: 0;
    color: var(--color-white);
    content: "✓";
    font-weight: 700;
}

.engineering-item--testing .engineering-item__toggle {
    margin-top: auto;
    color: var(--color-white);
    border-color: rgb(255 255 255 / 35%);
}

.engineering-item--testing .engineering-item__toggle:hover {
    background: rgb(255 255 255 / 8%);
    border-color: rgb(255 255 255 / 60%);
}

.pump-testing__hero-gallery {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 14px;
    min-width: 0;
}

.pump-testing__hero-column {
    display: grid;
    grid-template-rows: .9fr 1.1fr;
    gap: 14px;
    min-width: 0;
}

.pump-testing__hero-column--wide {
    grid-template-rows: 1.45fr .7fr;
}

.pump-testing__hero-image {
    min-width: 0;
    min-height: 0;
    overflow: hidden;
    border-radius: var(--radius-medium);
}

.pump-testing__hero-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pump-testing {
    padding: clamp(40px, 5vw, 64px);
    background:
        radial-gradient(circle at 94% 4%, rgb(83 101 223 / 5%) 0%, transparent 25%),
        var(--color-white);
    border-radius: var(--radius-large);
}

.pump-testing__head {
    max-width: 980px;
}

.pump-testing__head > p {
    margin-top: var(--space-md);
}

.pump-testing__list {
    display: grid;
    gap: clamp(24px, 3vw, 34px);
    margin-top: clamp(34px, 5vw, 50px);
}

.pump-testing__item {
    display: grid;
    grid-template-columns: minmax(260px, .82fr) minmax(0, 1.38fr);
    gap: clamp(28px, 4vw, 46px);
    align-items: stretch;
    min-width: 0;
    padding: clamp(24px, 3vw, 32px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 6%) 0%, transparent 32%),
        #f5f6fb;
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow: 0 10px 30px rgb(9 17 73 / 5%);
}

.pump-testing__content {
    min-width: 0;
}

.pump-testing__content h3 {
    color: var(--color-primary-dark);
}

.pump-testing__content p {
    margin-top: 14px;
    color: var(--color-text-soft);
}

.pump-testing__content p + p {
    margin-top: var(--space-md);
}

.pump-testing__gallery {
    display: grid;
    grid-template-columns: 1.12fr .88fr;
    grid-template-rows: repeat(2, minmax(120px, 1fr));
    gap: 12px;
    min-width: 0;
    min-height: 310px;
}

.pump-testing__gallery--single {
    display: block;
    min-height: 0;
}

.pump-testing__image {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #e6e8ee;
    border-radius: var(--radius-medium);
}

.pump-testing__image--main {
    grid-row: 1 / 3;
}

.pump-testing__image--wide {
    width: 100%;
    height: 100%;
    min-height: 300px;
}

.pump-testing__image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: inherit;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%);
    content: "";
}

.pump-testing__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ==========================================================================
   Turbo-Results
   ========================================================================== */

.turbo-results {
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgb(83 101 223 / 5%) 0%, transparent 28%),
        var(--color-bg);
}

.turbo-results__head {
    max-width: 760px;
}

.turbo-results__list {
    display: grid;
    gap: clamp(22px, 3vw, 32px);
}

.turbo-results__item {
    display: grid;
    grid-template-columns: minmax(340px, 38%) minmax(0, 1fr);
    min-height: 285px;
    overflow: hidden;
    border: 1px solid rgb(25 31 93 / 7%);
    border-radius: var(--radius-large);
    box-shadow: 0 14px 38px rgb(9 17 73 / 7%);
}

.turbo-results__media {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    padding: 0;
    background:
        radial-gradient(circle at 50% 48%, #fff 0%, #f8f8f8 48%, #ececed 100%);
}

.turbo-results__media::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 35%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgb(25 31 93 / 4%) 100%);
    content: "";
}

.turbo-results__media > img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: auto;
    object-fit: contain;
    border-top-left-radius: var(--radius-medium);
    border-bottom-left-radius: var(--radius-medium);
    filter: drop-shadow(0 18px 18px rgb(9 17 73 / 12%));
}

.turbo-results__vehicle {
    position: absolute;
    z-index: 2;
    bottom: 14px;
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 205px;
    max-width: calc(100% - 32px);
    padding: 7px 22px 8px;
    color: var(--color-white);
    background: linear-gradient(135deg, rgb(9 13 55 / 58%) 0%, rgb(25 31 93 / 48%) 100%);
    border: 1px solid rgb(255 255 255 / 24%);
    border-radius: var(--radius-round);
    box-shadow: 0 8px 24px rgb(9 17 73 / 18%), inset 0 1px 0 rgb(255 255 255 / 12%);
    backdrop-filter: blur(12px) saturate(130%);
    -webkit-backdrop-filter: blur(12px) saturate(130%);
    transform: translateX(-50%);
    text-align: center;
}

.turbo-results__vehicle span,
.turbo-results__vehicle small {
    display: block;
    white-space: nowrap;
}

.turbo-results__vehicle span {
    font-size: var(--font-size-small);
    font-weight: 500;
    line-height: 1.1;
}

.turbo-results__vehicle small {
    margin-top: 1px;
    font-size: 12px;
    line-height: 1.1;
}

.turbo-results__content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: clamp(32px, 4vw, 48px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 100% 0%, rgb(91 105 230 / 22%) 0%, transparent 38%),
        linear-gradient(120deg, #171d69 0%, #25349b 100%);
}

.turbo-results__content::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    background: rgb(255 255 255 / 8%);
    content: "";
}

.turbo-results__label {
    margin-bottom: 20px;
    color: var(--color-primary);
    background: rgb(255 255 255 / 76%);
    box-shadow: 0 6px 18px rgb(9 17 73 / 10%);
}

.turbo-results__content h3 {
    color: var(--color-white);
}

.turbo-results__content p {
    margin-top: 8px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
}

/* ==========================================================================
   Turbo-Heavy
   ========================================================================== */

.turbo-heavy__panel {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(30px, 4.5vw, 56px);
    color: var(--color-white);
    background:
        radial-gradient(ellipse at 100% 0%, rgb(76 91 190 / 24%), transparent 55%),
        linear-gradient(125deg, #12194e 0%, #1b256c 60%, #202c7c 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow: 0 24px 65px rgb(15 24 82 / 14%);
}

.turbo-heavy__panel::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(145deg, rgb(255 255 255 / 5%), transparent 38%);
    content: "";
}

.turbo-heavy h2 {
    max-width: 750px;
    color: var(--color-white);
}

.turbo-heavy__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: clamp(30px, 4vw, 44px);
}

.turbo-heavy__item {
    min-width: 0;
    padding-inline: clamp(18px, 3vw, 36px);
}

.turbo-heavy__item:first-child {
    padding-left: 0;
}

.turbo-heavy__item:last-child {
    padding-right: 0;
}

.turbo-heavy__item + .turbo-heavy__item {
    border-left: 1px solid rgb(255 255 255 / 18%);
}

.turbo-heavy__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1.42;
    overflow: hidden;
    padding: 14px;
    background: linear-gradient(145deg, #fff 0%, #f1f3f8 100%);
    border: 1px solid rgb(255 255 255 / 55%);
    border-radius: var(--radius-medium);
    box-shadow: 0 10px 28px rgb(4 9 38 / 12%);
}

.turbo-heavy__image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.turbo-heavy__item p {
    margin-top: 24px;
    color: rgb(255 255 255 / 90%);
}

.turbo-heavy__footer {
    display: flex;
    justify-content: center;
    margin-top: clamp(34px, 4vw, 48px);
}

.turbo-heavy__footer .btn {
    min-width: 215px;
}

/* ==========================================================================
   Turbo-Warranty
   ========================================================================== */

.turbo-warranty {
    position: relative;
    min-height: 610px;
    margin-block: clamp(72px, 9vw, 110px);
    padding: clamp(42px, 5vw, 62px) clamp(32px, 5vw, 54px) 232px;
    overflow: visible;
    color: var(--color-white);
    background: radial-gradient(circle at 82% 28%, rgb(89 108 255 / 30%) 0%, transparent 30%), radial-gradient(circle at 10% 0%, rgb(255 255 255 / 8%) 0%, transparent 28%), linear-gradient(135deg, #1c267f 0%, #17216f 48%, #101858 100%);
    border: 1px solid rgb(255 255 255 / 10%);
    border-radius: var(--radius-large);
    box-shadow: 0 28px 70px rgb(9 17 73 / 16%);
    isolation: isolate;
}

.turbo-warranty::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: linear-gradient(115deg, rgb(255 255 255 / 5%) 0%, transparent 34%);
    border-radius: inherit;
    content: "";
}

.turbo-warranty__content {
    position: relative;
    z-index: 3;
    width: 48%;
    max-width: 500px;
}

.turbo-warranty h2 {
    color: var(--color-white);
}

.turbo-warranty__conditions {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(100%, 390px);
    margin-top: clamp(26px, 3vw, 34px);
}

.turbo-warranty__condition {
    width: 100%;
    padding: 20px 26px 18px;
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(255 255 255 / 72%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 30px rgb(5 10 48 / 13%),
        inset 0 1px 0 var(--color-white);
}

.turbo-warranty__condition-head {
    display: flex;
    gap: 16px;
    align-items: center;
}

.turbo-warranty__condition-head img {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.turbo-warranty__condition-head strong {
    font-size: clamp(20px, 2vw, 25px);
    font-weight: 800;
}

.turbo-warranty__condition p {
    margin-top: 15px;
    padding-top: 12px;
    border-top: 1px solid rgb(25 31 93 / 9%);
}

.turbo-warranty__condition p span {
    color: var(--color-red);
    font-weight: 800;
}

.turbo-warranty__or {
    position: relative;
    z-index: 2;
    min-width: 82px;
    margin: 20px 0;
    padding: 3px 14px;
    color: var(--color-white);
    background: linear-gradient(90deg, #d71920 0%, #ef2d32 100%);
    border-radius: var(--radius-round);
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    box-shadow: 0 5px 14px rgb(122 8 15 / 20%);
}

.turbo-warranty__product {
    position: absolute;
    z-index: 2;
    top: 28px;
    right: -82px;
    width: 61%;
    pointer-events: none;
}

.turbo-warranty__product::before {
    position: absolute;
    right: 8%;
    bottom: 3%;
    left: 8%;
    height: 15%;
    background: radial-gradient(ellipse, rgb(4 8 35 / 45%) 0%, transparent 70%);
    filter: blur(12px);
    content: "";
}

.turbo-warranty__product img {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    object-fit: contain;
    filter: drop-shadow(0 26px 28px rgb(3 8 40 / 30%));
}

.turbo-warranty__compare {
    position: absolute;
    z-index: 4;
    right: clamp(42px, 5vw, 54px);
    bottom: 48px;
    left: clamp(42px, 5vw, 54px);
    padding: 18px 24px;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 25%);
    border-radius: var(--radius-medium);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.turbo-warranty__compare > strong {
    display: block;
    color: var(--color-white);
    font-weight: 700;
}

.turbo-warranty__compare p {
    margin: 8px 0 5px;
    padding-top: 8px;
    color: rgb(255 255 255 / 82%);
    border-top: 1px solid rgb(255 255 255 / 13%);
}

.turbo-warranty__compare p span {
    margin-right: 5px;
    color: #ff343a;
    font-weight: 800;
}


/* ==========================================================================
   Turbo-Packaging
   ========================================================================== */

.turbo-packaging > h2 {
    max-width: 650px;
}

.turbo-packaging__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(28px, 5vw, 70px);
    margin-top: clamp(34px, 4vw, 48px);
}

.turbo-packaging__item {
    min-width: 0;
}

.turbo-packaging__image {
    position: relative;
    display: grid;
    aspect-ratio: 1.08;
    overflow: hidden;
    place-items: center;
    padding: clamp(18px, 3vw, 30px);
    background:
        radial-gradient(circle at 50% 42%, rgb(83 101 223 / 6%) 0%, transparent 55%),
        rgb(255 255 255 / 88%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow: 0 16px 38px rgb(9 17 73 / 8%);
}

.turbo-packaging__image::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgb(255 255 255 / 80%);
    border-radius: inherit;
    content: "";
}

.turbo-packaging__image img {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 12px 14px rgb(9 17 73 / 9%));
}

.turbo-packaging__item > p {
    margin-top: 18px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 500;
    text-align: center;
}

/* ==========================================================================
   Turbo-Authenticity
   ========================================================================== */

.turbo-authenticity {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
    align-items: stretch;
    min-height: 440px;
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 78% 44%, rgb(83 101 223 / 18%) 0%, transparent 34%),
        linear-gradient(115deg, #101750 0%, #111958 48%, #0d1449 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
    isolation: isolate;
}

.turbo-authenticity::before {
    position: absolute;
    top: -45%;
    right: 5%;
    width: 48%;
    aspect-ratio: 1;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 14%) 0%, transparent 68%);
    content: "";
}

.turbo-authenticity__content {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: clamp(40px, 5vw, 62px) 0 clamp(40px, 5vw, 62px) clamp(38px, 6vw, 72px);
}

.turbo-authenticity h2 {
    color: var(--color-white);
}

.turbo-authenticity .check-list {
    max-width: 420px;
    margin-top: clamp(24px, 3vw, 32px);
}

.turbo-authenticity .check-list li {
    color: rgb(255 255 255 / 88%);
    border-color: rgb(255 255 255 / 24%);
}

.turbo-authenticity .check-list li:first-child {
    border-top: 1px solid rgb(255 255 255 / 24%);
}

.turbo-authenticity__visual {
    position: relative;
    z-index: 1;
    min-width: 0;
    min-height: 100%;
}

.turbo-authenticity__visual::before {
    position: absolute;
    right: 10%;
    bottom: -10%;
    width: 72%;
    height: 35%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(83 101 223 / 20%) 0%, transparent 70%);
    filter: blur(18px);
    content: "";
}

.turbo-authenticity__visual img {
    position: absolute;
    right: clamp(10px, 3vw, 40px);
    bottom: 0;
    width: min(100%, 530px);
    max-width: none;
    max-height: 95%;
    object-fit: contain;
    object-position: right bottom;
    filter: drop-shadow(0 18px 28px rgb(2 6 32 / 28%));
}

/* ==========================================================================
   Turbo-Authenticity-Fullwidth
   ========================================================================== */

section.turbo-authenticity--fullwidth {
    background: linear-gradient(110deg, #111747 0%, #171d60 55%, #202875 100%);
    margin-bottom: clamp(64px, 8vw, 110px);
}

.turbo-authenticity--fullwidth .container > .turbo-authenticity {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    border-color: transparent;
}


/* ==========================================================================
   Where-Online
   ========================================================================== */

.where-online {
    padding-top: clamp(64px, 8vw, 110px);
    padding-bottom: 0;
}

.where-online__head {
    max-width: 820px;
    margin-bottom: 38px;
}

.where-online__head p {
    margin-top: 18px;
    max-width: 780px;
}

.where-online__group + .where-online__group {
    margin-top: 38px;
}

.where-online .section__label {
    width: max-content;
    margin-bottom: 18px;
}

.where-online__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 38px;
}

.where-online__card {
    min-width: 0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 30px rgb(31 39 84 / 10%);
}

.where-online__card--marketplace {
    min-height: 178px;
    padding: 19px 18px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
}

.where-online__logo {
    width: 68px;
    height: 68px;
    margin-bottom: 10px;
    object-fit: contain;
}

.where-online__card h3 {
    margin: 0;
    color: var(--color-text);
    font-size: clamp(18px, 1.8vw, 22px);
}

.where-online__button {
    min-width: 116px;
    margin-top: 7px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.where-online__card--store {
    min-height: 137px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: inherit;
    text-decoration: none;
    transition: box-shadow .25s ease, transform .25s ease;
}

.where-online__card--store:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 34px rgb(31 39 84 / 14%);
}

.where-online__store-icon {
    width: 68px;
    height: 68px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: #f1f1f1;
    color: #4652e8;
}

.where-online__store-icon svg {
    width: 34px;
    height: 34px;
    display: block;
}

/* ==========================================================================
   Where-Help
   ========================================================================== */

.where-help {
    padding-bottom: 0;
}

.where-help__authenticity {
    margin-bottom: 54px;
}

.cpg-materials .where-help__authenticity {
    margin-top: clamp(64px, 8vw, 110px);
    margin-bottom: 0;
}

.where-help__authenticity .oils-expertise__intro {
    width: 100%;
    border-radius: var(--radius-large);
    overflow: hidden;
    padding-block: clamp(32px, 7vw, 60px);
}

.where-help__authenticity .oils-expertise__intro-grid {
    min-height: 280px;
    padding: 30px 54px;
}

.where-help__authenticity .oils-expertise__intro-content {
    max-width: 720px;
}

.where-help__authenticity .oils-expertise__intro-content p {
    margin-top: 14px;
    color: var(--color-white);
}

.where-help__authenticity-button {
    min-width: 350px;
    margin-top: 38px;
}

.where-help__authenticity .oils-expertise__emblem {
    margin-left: auto;
}

.where-help__support {
    padding: 54px 0 50px;
    background: #111753;
}

.where-help__support-content {
    max-width: 760px;
}

.where-help__support h2 {
    color: #aeb3ff;
}

.where-help__support p {
    margin-top: 22px;
    color: #fff;
}

.where-help__actions {
    display: flex;
    align-items: center;
    gap: 44px;
    margin-top: 34px;
}

.where-help__actions .btn {
    min-width: 210px;
}

/* ==========================================================================
   Feedback
   ========================================================================== */

.feedback {
    background: var(--color-bg);
    border-top: 2px solid rgb(32 39 105 / 9%);
    border-bottom: 2px solid #202769;
}

.feedback__inner {
    width: min(100%, 620px);
    margin: 0 auto;
}

.feedback__tabs {
    display: flex;
    gap: 18px;
    margin-top: 16px;
}

.feedback__tab {
    min-width: 132px;
    padding: 13px 28px;
    border: 1px solid #4f5cff;
    border-radius: 999px;
    background: transparent;
    color: #4652ed;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
    transition:
        color .3s ease,
        background-color .3s ease,
        border-color .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

.feedback__tab:hover {
    border-color: #3947ec;
    box-shadow: 0 8px 24px rgb(66 78 230 / 12%);
}

.feedback__tab:active {
    transform: translateY(1px);
}

.feedback__tab.is-active {
    border-color: #4652ed;
    background: #4652ed;
    color: #fff;
    box-shadow: 0 10px 28px rgb(58 70 220 / 18%);
}

.feedback__panels {
    position: relative;
    margin-top: 16px;
    transition: height .42s cubic-bezier(.22, 1, .36, 1);
}

.feedback__panels.is-switching {
    overflow: hidden;
}

.feedback__panel[hidden] {
    display: none;
}

.feedback__panel {
    width: 100%;
}

.feedback__panel.is-leaving {
    opacity: 0;
    transform: translateY(-8px);
    filter: blur(3px);
    transition:
        opacity .24s ease,
        transform .26s cubic-bezier(.4, 0, 1, 1),
        filter .24s ease;
}

.feedback__panel.is-entering {
    opacity: 1;
}

.feedback__panel.is-active {
    opacity: 1;
    transform: none;
    filter: none;
}

.feedback__description {
    margin-bottom: 26px;
}

.feedback__panel.is-entering .feedback__description,
.feedback__panel.is-entering .site-webform__field,
.feedback__panel.is-entering .site-webform__footer,
.feedback__panel.is-entering .site-webform__message,
.feedback__panel.is-entering .site-webform__errors {
    opacity: 0;
    transform: translateX(34px);
}

.feedback__panel.is-active .feedback__description,
.feedback__panel.is-active .site-webform__field,
.feedback__panel.is-active .site-webform__footer,
.feedback__panel.is-active .site-webform__message,
.feedback__panel.is-active .site-webform__errors {
    opacity: 1;
    transform: translateX(0);
    transition:
        opacity .42s ease var(--feedback-delay, 0ms),
        transform .58s cubic-bezier(.16, 1, .3, 1) var(--feedback-delay, 0ms);
}

@media (prefers-reduced-motion: reduce) {
    .feedback__panels,
    .feedback__panel,
    .feedback__panel .feedback__description,
    .feedback__panel .site-webform__field,
    .feedback__panel .site-webform__footer,
    .feedback__panel .site-webform__message,
    .feedback__panel .site-webform__errors {
        transition: none;
    }
}

/* ==========================================================================
   Contacts-Page
   ========================================================================== */

.contacts-page {
    padding-top: 120px;
}

.site-header.is-scrolled .site-header__inner {
    background: rgb(19 25 103 / 38%);
}


/* ==========================================================================
   Contacts-Sales
   ========================================================================== */

.contacts-sales {
    padding-top: clamp(64px, 8vw, 150px);
    padding-bottom: 0;
}

.section_none_hero {
    padding-top: clamp(64px, 8vw, 150px);
}

.contacts-sales__title {
    margin-bottom: 18px;
}

.contacts-sales__heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.contacts-sales__heading h2 {
    margin: 0;
    font-weight: 500;
}

.contacts-sales__heading-icon {
    display: grid;
    place-items: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border: 1px solid rgb(55 72 221 / 22%);
    border-radius: 9px;
    background: rgb(255 255 255 / 38%);
}

.contacts-sales__heading-icon img {
    width: 22px;
    height: 22px;
}

.contacts-sales__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.contacts-card {
    position: relative;
    min-width: 0;
    padding: 24px 30px 26px;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 80%);
    border-radius: var(--radius-large);
    background:
        radial-gradient(circle at 100% 0%, rgb(79 94 217 / 5%), transparent 34%),
        rgb(255 255 255 / 58%);
    box-shadow:
        0 16px 40px rgb(20 27 85 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 85%);
    backdrop-filter: blur(8px);
}

.contacts-card__label--export {
    color: #4b5be4;
    border-color: rgb(75 91 228 / 22%);
    background: rgb(75 91 228 / 6%);
}

.contacts-card h3 {
    margin: 0;
    color: var(--color-text);
}

.contacts-card__body {
    display: grid;
    gap: 12px;
    margin-top: 16px;
    padding-top: 18px;
    border-top: 1px solid rgb(26 34 102 / 12%);
}

.contacts-card__row {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}

.contacts-card__row img {
    flex: 0 0 14px;
    width: 24px;
    height: 24px;
}

.contacts-card__row span {
    min-width: 0;
    overflow-wrap: anywhere;
}

a.contacts-card__row {
    transition: color .25s ease;
}

a.contacts-card__row:hover {
    color: var(--color-red);
}

/* ==========================================================================
   Contacts-Social
   ========================================================================== */

.contacts-social {
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 72% 36%, rgb(83 101 223 / 16%) 0%, transparent 32%),
        linear-gradient(110deg, #12175d 0%, var(--color-primary-dark) 58%, #11165c 100%);
}

.contacts-social__heading {
    position: relative;
    z-index: 2;
    margin-bottom: 36px;
}

.contacts-social__heading h2 {
    color: #aeb5ff;
}

.contacts-social__heading .contacts-sales__heading-icon {
    background: rgb(255 255 255 / 94%);
    border-color: rgb(255 255 255 / 18%);
    box-shadow: 0 10px 28px rgb(3 7 42 / 20%);
}

.contacts-social__layout {
    position: relative;
    display: grid;
    grid-template-columns: 216px minmax(0, 1fr);
    min-height: 390px;
}

.contacts-social__links {
    position: relative;
    z-index: 3;
    display: grid;
    gap: 20px;
    align-content: start;
}

.contacts-social__link {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 72px;
    padding: 12px 22px;
    color: var(--color-text);
    background:
        linear-gradient(135deg, rgb(255 255 255 / 100%) 0%, rgb(250 250 255 / 98%) 100%);
    border: 1px solid rgb(125 138 255 / 58%);
    border-radius: var(--radius-large);
    box-shadow:
        0 12px 28px rgb(2 7 45 / 14%),
        inset 0 1px 0 rgb(255 255 255 / 100%);
    transition:
        color var(--transition),
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.contacts-social__link:hover {
    color: var(--color-primary);
    border-color: rgb(145 155 255 / 90%);
    box-shadow:
        0 16px 34px rgb(2 7 45 / 22%),
        0 0 0 3px rgb(111 124 255 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 100%);
    transform: translateX(4px);
}

.contacts-social__icon {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
}

.contacts-social__icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.contacts-social__media {
    position: absolute;
    z-index: 1;
    right: -10px;
    bottom: calc(clamp(64px, 8vw, 110px) * -1);
    width: min(75%, 800px);
    pointer-events: none;
}

.contacts-social__media::before {
    position: absolute;
    z-index: -1;
    right: 12%;
    bottom: 4%;
    width: 62%;
    height: 65%;
    background: radial-gradient(circle, rgb(82 101 232 / 20%) 0%, transparent 68%);
    content: "";
}

.contacts-social__media img {
    width: 100%;
    max-height: 590px;
    object-fit: contain;
    object-position: right bottom;
}

/* ==========================================================================
   Contacts-Requisites
   ========================================================================== */

.contacts-requisites {
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 10%, rgb(83 101 223 / 5%) 0%, transparent 28%),
        radial-gradient(circle at 90% 90%, rgb(41 57 186 / 4%) 0%, transparent 26%),
        #f4f5fb;
}

.contacts-requisites__heading {
    margin-bottom: 24px;
}

.contacts-requisites__heading h2 {
    color: var(--color-primary);
}

.contacts-requisites__card {
    padding: clamp(28px, 4vw, 46px);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 100%) 0%, rgb(253 253 255 / 100%) 100%);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 60px rgb(9 17 73 / 10%),
        inset 0 1px 0 rgb(255 255 255 / 100%);
}

.contacts-requisites__list {
    display: grid;
}

.contacts-requisites__item {
    padding: 0 0 20px;
    border-bottom: 1px solid rgb(25 31 93 / 26%);
}

.contacts-requisites__item + .contacts-requisites__item {
    padding-top: 20px;
}

.contacts-requisites__item > span {
    display: block;
    margin-bottom: 2px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
}

.contacts-requisites__item p {
    color: var(--color-primary-dark);
}

.contacts-requisites__actions {
    display: grid;
    grid-template-columns: minmax(250px, .8fr) minmax(360px, 1.1fr);
    gap: 34px;
    margin-top: 24px;
}

.contacts-requisites__button {
    width: 100%;
}

.contacts-requisites__button svg {
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* ==========================================================================
   Turbo-Advantages
   ========================================================================== */

.turbo-advantages__showcase {
    grid-template-rows: auto auto;
}

.turbo-advantages__title {
    margin-bottom: 22px;
    color: var(--color-white);
    hyphens: auto;
    -webkit-hyphens: auto;
    overflow-wrap: break-word;
}

.turbo-advantages__media {
    align-self: stretch;
    overflow: hidden;
}

.turbo-advantages__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.turbo-advantages__application {
    position: relative;
    grid-column: 1 / -1;
    overflow: hidden;
    padding: 24px 28px 26px;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 7%) 0%, transparent 34%),
        var(--color-white);
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 14px 34px rgb(5 11 70 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 80%);
}

.turbo-advantages__application h3 {
    color: var(--color-primary-dark);
}

.turbo-advantages__application .list {
    gap: 12px;
    margin-top: 12px;
}

.turbo-advantages__application .list li {
    color: var(--color-text);
}

/* ==========================================================================
   Turbo-Heat
   ========================================================================== */

.turbo-heat {
    padding-top: 22px;
}

.turbo-heat__legend {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 48px;
    min-height: 100px;
}

.turbo-heat__legend-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: var(--color-dark);
}

.turbo-heat__legend-item > i {
    flex: 0 0 14px;
    width: 14px;
    height: 14px;
    margin-top: 3px;
}

.turbo-heat__legend-item--analogue > i {
    background: #8270f4;
}

.turbo-heat__legend-item--md > i {
    background: #f16524;
}

.turbo-heat__legend-item div {
    display: flex;
    flex-direction: column;
}

.turbo-heat__legend-item strong {
    font-weight: 700;
}

.turbo-heat__legend-item small {
    margin-top: 2px;
    font-size: 9px;
    line-height: 1.2;
    text-transform: uppercase;
}

.turbo-heat__stamp {
    position: absolute;
    top: -100px;
    right: 36px;
    width: 238px;
    height: 238px;
    object-fit: contain;
}

.turbo-heat__base > h3 {
    margin-bottom: 18px;
}

.turbo-heat__base-card {
    padding: 28px 34px 22px;
    border-radius: var(--radius-medium);
    background: #f3f5fc;
}

.turbo-heat__base-title {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 18px;
}

.turbo-heat__base-title img {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
}

.turbo-heat__range {
    margin-bottom: 24px;
}

.turbo-heat__range-bar {
    display: flex;
    width: 100%;
    height: 30px;
    overflow: hidden;
    border-radius: 6px;
}

.turbo-heat__range-bar span {
    display: block;
    height: 100%;
}

.turbo-heat__range-analogue {
    width: 80%;
    background: #8270f4;
}

.turbo-heat__range-md {
    flex: 1;
    background: #f16524;
}

.turbo-heat__range-values {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: start;
    margin-top: 8px;
}

.turbo-heat__range-values > span {
    font-size: 12px;
    line-height: 1.25;
}

.turbo-heat__range-values strong {
    font-weight: 700;
    text-align: center;
}

.turbo-heat__range-values strong:last-child {
    text-align: right;
    padding-right: 20px;
}

.turbo-heat__temperatures {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 60px;
    padding: 4px 54px 0;
}

.turbo-heat__temperatures img {
    display: block;
    width: 100%;
    max-width: 190px;
    height: auto;
    margin: 0 auto;
}

.turbo-heat__brace {
    width: 100%;
    margin-top: 6px;
}

.turbo-heat__brace img {
    display: block;
    width: 100%;
    height: auto;
}

.turbo-heat__advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    text-align: center;
}

.turbo-heat__advantage img {
    width: 58px;
    height: 58px;
    margin-bottom: 6px;
}

.turbo-heat__advantage strong {
    font-size: 32px;
    line-height: 1;
    font-weight: 800;
}

.turbo-heat__advantage p {
    margin-top: 3px;
}

.turbo-heat__components {
    margin-top: 42px;
}

.turbo-heat__components-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 20px;
}

.turbo-heat__components-head h2 {
    margin-bottom: 4px;
}

.turbo-heat__components-legend {
    display: flex;
    gap: 34px;
    padding-bottom: 2px;
}

.turbo-heat__components-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.turbo-heat__component {
    padding: 26px 24px 22px;
    border-radius: var(--radius-medium);
    background: #f3f5fc;
}

.turbo-heat__component--wide {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .95fr);
    align-items: center;
    gap: 32px;
}

.turbo-heat__component-data {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 18px;
}

.turbo-heat__component--wide .turbo-heat__component-data {
    margin-bottom: 0;
}

.turbo-heat__component-data > img {
    flex: 0 0 auto;
    width: 58px;
    height: 58px;
}

.turbo-heat__component-bars {
    flex: 1;
    display: grid;
    gap: 10px;
}

.turbo-heat__component-bars > div {
    display: flex;
    align-items: center;
    gap: 12px;
}

.turbo-heat__component-bars strong {
    white-space: nowrap;
    font-size: 13px;
    line-height: 1;
    font-weight: 700;
}

.turbo-heat__mini-bar {
    display: block;
    flex: 0 0 auto;
    height: 17px;
    border-radius: 6px;
}

.turbo-heat__mini-bar--md {
    width: 114px;
    background: #f16524;
}

.turbo-heat__mini-bar--analogue {
    width: 72px;
    background: #8270f4;
}

/* ==========================================================================
   Turbo-Housing-Proof
   ========================================================================== */

.turbo-housing-proof {
    margin-top: 34px;
}

.turbo-housing-proof__logo {
    display: block;
    width: 154px;
    height: auto;
    margin: 0 0 18px 2px;
}

.turbo-housing-proof__body {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    min-height: 310px;
    overflow: hidden;
    background: #f5f6fb;
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-medium);
}

.turbo-housing-proof__material {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 28px 22px 24px;
    color: var(--color-white);
    background:
        radial-gradient(circle at 15% 0%, rgb(255 255 255 / 12%), transparent 34%),
        linear-gradient(155deg, #e21a22 0%, #c91017 100%);
}

.turbo-housing-proof__temperature {
    padding-bottom: 24px;
    border-bottom: 1px solid rgb(255 255 255 / 22%);
}

.turbo-housing-proof__temperature strong {
    display: block;
    font-size: clamp(23px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.turbo-housing-proof__temperature span {
    display: block;
    margin-top: 5px;
    font-size: var(--font-size-small-text);
    font-weight: 700;
}

.turbo-housing-proof__material > p {
    margin-top: auto;
    color: inherit;
    font-weight: 600;
}

.turbo-housing-proof__elements {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-top: 18px;
}

.turbo-housing-proof__elements img {
    width: 44px;
    height: 44px;
    object-fit: contain;
}

.turbo-housing-proof__tests {
    position: relative;
    min-width: 0;
    padding: 28px 30px 26px;
    background:
        radial-gradient(circle at 100% 100%, rgb(83 101 223 / 5%) 0%, transparent 36%),
        var(--color-white);
}

.turbo-housing-proof__tests .check-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    column-gap: 28px;
    margin: 0;
    padding-bottom: 92px;
}

.turbo-housing-proof__tests .check-list li {
    min-width: 0;
}

.turbo-housing-proof__stamp {
    position: absolute;
    right: 28px;
    bottom: 14px;
    width: 180px;
    height: 180px;
    object-fit: contain;
}


/* ==========================================================================
   Conveyor-Applications
   ========================================================================== */

.conveyor-applications {
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 48%, rgb(83 101 223 / 7%) 0%, transparent 35%),
        linear-gradient(180deg, #f8f9ff 0%, var(--color-bg) 100%);
}

.conveyor-applications__scheme {
    position: relative;
    width: min(100%, 1040px);
    height: 760px;
    margin-inline: auto;
}

.conveyor-applications__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    aspect-ratio: 1;
    border: 1px solid rgb(205 26 28 / 65%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

.conveyor-applications__orbit::before,
.conveyor-applications__orbit::after {
    position: absolute;
    inset: 32px;
    pointer-events: none;
    border: 1px solid rgb(83 101 223 / 8%);
    border-radius: inherit;
    content: "";
}

.conveyor-applications__orbit::after {
    inset: 64px;
    border-color: rgb(83 101 223 / 5%);
}

.conveyor-applications__core {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    display: grid;
    width: 258px;
    aspect-ratio: 1;
    padding: 10px;
    place-items: center;
    background: rgb(255 255 255 / 90%);
    border: 1px solid rgb(83 101 223 / 12%);
    border-radius: 50%;
    box-shadow: 0 28px 70px rgb(9 17 73 / 16%);
    transform: translate(-50%, -50%);
}

.conveyor-applications__core::before {
    position: absolute;
    inset: -18px;
    z-index: -1;
    pointer-events: none;
    border: 1px solid rgb(205 26 28 / 14%);
    border-radius: 50%;
    content: "";
}

.conveyor-applications__core-inner {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(circle at 50% 15%, rgb(83 101 223 / 38%) 0%, transparent 42%),
        linear-gradient(145deg, #171d69 0%, #090b32 100%);
    border-radius: 50%;
    box-shadow:
        inset 0 1px 0 rgb(255 255 255 / 14%),
        inset 0 -24px 50px rgb(0 0 0 / 14%);
}

.conveyor-applications__core-inner::before {
    position: absolute;
    top: -25%;
    left: 12%;
    width: 76%;
    height: 55%;
    pointer-events: none;
    background: radial-gradient(ellipse, rgb(255 255 255 / 10%) 0%, transparent 68%);
    content: "";
}

.conveyor-applications__core img {
    position: relative;
    width: 92px;
    height: 92px;
    object-fit: contain;
}

.conveyor-applications__core strong {
    position: relative;
    margin-top: 15px;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.1;
}

.conveyor-applications__core span {
    position: relative;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 700;
}

.conveyor-applications__item {
    position: absolute;
    z-index: 4;
    width: 270px;
    min-height: 190px;
    padding: 24px;
    overflow: hidden;
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(83 101 223 / 16%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 48px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 80%);
}

.conveyor-applications__icons {
    display: flex;
    min-height: 45px;
    align-items: center;
    gap: 10px;
    margin-bottom: 13px;
}

.conveyor-applications__icons img {
    width: auto;
    max-width: 74px;
    height: 42px;
    object-fit: contain;
}

.conveyor-applications__item h3 {
    color: var(--color-text);
    font-size: var(--font-size-small-h3);
}

.conveyor-applications__item p {
    margin-top: 14px;
    color: var(--color-text-soft);
}

.conveyor-applications__item--top {
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.conveyor-applications__item--right-top {
    top: 154px;
    right: 0;
}

.conveyor-applications__item--right-bottom {
    right: 0;
    bottom: 80px;
}

.conveyor-applications__item--bottom {
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.conveyor-applications__item--left-bottom {
    bottom: 80px;
    left: 0;
}

.conveyor-applications__item--left-top {
    top: 154px;
    left: 0;
}

/* ==========================================================================
   Media-Center
   ========================================================================== */

.media-center {
  padding-bottom: clamp(64px, 8vw, 110px);
}

.media-center__intro .section__head {
  margin-bottom: 24px;
}

.media-center__intro .lead {
  margin-top: 20px;
}

.media-center__intro .md-media-search {
  max-width: 720px;
  margin-bottom: 0;
}

.media-center__feed,
.media-center__subscribe,
.media-center__kit {
  padding-block: clamp(32px, 4.5vw, 56px) 0;
}

.media-center__feed .section__head {
  margin-bottom: 32px;
}

.media-center__more {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}

/* ==========================================================================
   Media-Kit
   ========================================================================== */

.media-kit {
  padding: clamp(24px, 4vw, 48px);
  border-radius: var(--radius-large);
  background: var(--gradient-black-blue);
  color: var(--color-white);
}

.media-kit .section__head {
  margin-bottom: 32px;
}

.media-kit :is(h2, h3, .lead) {
  color: var(--color-white);
}

.media-kit .lead {
  max-width: 900px;
}

.media-kit__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}

.media-kit__item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
  padding: 24px;
  border: 1px solid rgb(255 255 255 / 12%);
  border-radius: var(--radius-medium);
  background: rgb(255 255 255 / 7%);
}

.media-kit__item h3 {
  overflow-wrap: anywhere;
}

.media-kit__item .btn {
  margin-top: auto;
}

.media-kit__item [aria-disabled="true"] {
  pointer-events: none;
  cursor: default;
}

/* ==========================================================================
   Media-Subscription-Service-Page
   ========================================================================== */

.md-subscription-page {
  padding-bottom: clamp(64px, 8vw, 110px);
}

.md-subscription-page h1 {
  overflow-wrap: anywhere;
}

.md-subscription-page__welcome {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 900px;
  padding: clamp(24px, 4vw, 48px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  background: var(--color-white);
  box-shadow: var(--shadow-small);
}

.md-subscription-page__welcome > svg {
  color: var(--color-primary);
}

.md-subscription-page__welcome :is(p, .lead) {
  max-width: 740px;
  margin: 0;
}

.md-subscription-page__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.md-subscription-page__back {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  color: var(--color-primary);
}

.md-subscription-page__welcome .md-subscription-page__back {
  margin-top: 0;
}

.md-subscription-page__back:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.md-subscription-page__back span {
  color: var(--color-red);
}

/* ==========================================================================
   Media-Subscription-Native-Forms
   ========================================================================== */

.md-subscription-page__manage {
  padding: clamp(16px, 3vw, 32px);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-large);
  background: var(--color-white);
  overflow-wrap: anywhere;
}

.md-subscription-page__manage table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
}

.md-subscription-page__manage td {
  padding: 12px;
  vertical-align: top;
}

.md-subscription-page__manage input:is([type="text"], [type="email"], [type="password"]) {
  width: 100%;
  max-width: 440px;
  min-width: 0;
  min-height: 44px;
  padding: 10px 14px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-small);
  font: inherit;
  color: var(--color-text);
  background: var(--color-white);
}

.md-subscription-page__manage input:is([type="submit"], [type="reset"]) {
  padding: 10px 18px;
  margin: 8px 8px 8px 0;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-round);
  font: inherit;
  color: var(--color-primary);
  background: var(--color-white);
  cursor: pointer;
}

.md-subscription-page__manage input[type="submit"] {
  background: var(--color-primary);
  color: var(--color-white);
}

.md-subscription-page__manage input[type="submit"]:hover {
  background: var(--color-primary-dark);
}

.md-subscription-page__manage input[type="reset"]:hover {
  background: var(--color-bg-soft);
}

.md-subscription-page :is(input, a):focus-visible {
  outline: 3px solid var(--color-primary-light);
  outline-offset: 3px;
}

/* ==========================================================================
   Filter-Tests
   ========================================================================== */

.filter-tests {
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 12%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        #f4f5fb;
}

.filter-tests__head {
    max-width: 720px;
    margin-bottom: clamp(28px, 4vw, 46px);
}

.filter-tests__grid {
    gap: clamp(18px, 2.5vw, 30px);
}

.filter-tests__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 16px 16px 18px;
    color: inherit;
    border: 1px solid rgb(41 57 186 / 6%);
    box-shadow: 0 14px 38px rgb(22 31 96 / 5%);
    text-decoration: none;
    transition:
        transform var(--transition),
        box-shadow var(--transition),
        border-color var(--transition);
}

.filter-tests__image {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    margin-bottom: 20px;
    background:
        radial-gradient(circle at 50% 42%, rgb(255 255 255 / 100%) 0%, rgb(248 248 250 / 100%) 68%, rgb(243 244 247 / 100%) 100%);
    border-radius: calc(var(--radius-large) - 8px);
}

.filter-tests__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s cubic-bezier(.22, 1, .36, 1);
}

.filter-tests__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.filter-tests__label {
    margin-bottom: 9px;
    color: #5365df;
    background: rgb(83 101 223 / 8%);
    border: 1px solid rgb(83 101 223 / 22%);
}

.filter-tests__content h3 {
    margin-bottom: 6px;
}

.filter-tests__content p {
    color: var(--color-text-soft);
}

.filter-tests__arrow {
    display: flex;
    width: 36px;
    height: 36px;
    margin-top: auto;
    margin-left: auto;
    padding-top: 14px;
    align-items: flex-end;
    justify-content: flex-end;
    color: var(--color-primary-light);
}

.filter-tests__arrow svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: rgb(231 88 88);
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform var(--transition);
}

.filter-tests__card:hover {
    border-color: rgb(83 101 223 / 14%);
    box-shadow: 0 20px 48px rgb(22 31 96 / 9%);
    transform: translateY(-4px);
}

.filter-tests__card:hover .filter-tests__image img {
    transform: scale(1.025);
}

.filter-tests__card:hover .filter-tests__arrow svg {
    transform: translateX(4px);
}

.filter-tests__note {
    max-width: 1080px;
    margin-top: clamp(28px, 4vw, 42px);
}


/* ==========================================================================
   MD-Maintenance
   ========================================================================== */

.md-maintenance {
    background: #f5f6fd;
}

.md-maintenance__inner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(28px, 3.2vw, 44px);
    border-radius: 20px;
    background:
        radial-gradient(ellipse at 100% 100%, rgb(99 115 233 / 18%), transparent 55%),
        linear-gradient(135deg, #1b286f 0%, #253582 55%, #1b286f 100%);
    box-shadow: 0 18px 48px rgb(22 33 89 / 10%);
    color: #fff;
}

.md-maintenance .section__head {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin-bottom: 22px;
}

.md-maintenance h2 {
    max-width: 900px;
    margin-bottom: 20px;
    color: #aab3ff;
}

.md-maintenance .section__head p {
    max-width: 940px;
    color: rgb(255 255 255 / 85%);
}

.md-maintenance__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.98fr);
    gap: clamp(24px, 3.2vw, 42px);
    align-items: stretch;
}

.md-maintenance__content {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.md-maintenance__features {
    display: grid;
    gap: 16px;
}

.md-maintenance__feature {
    padding: 20px 22px;
    border: 1px solid rgb(192 204 255 / 35%);
    border-radius: 16px;
    background: linear-gradient(135deg, rgb(255 255 255 / 11%), rgb(255 255 255 / 5%));
    box-shadow: inset 0 1px rgb(255 255 255 / 7%);
}

.md-maintenance__feature h3 {
    margin-bottom: 6px;
    color: #fff;
    font-size: clamp(17px, 1.7vw, 20px);
}

.md-maintenance__feature p {
    color: rgb(255 255 255 / 82%);
}

.md-maintenance .actions {
    display: flex;
    margin-top: 20px;
}

.md-maintenance .btn--primary {
    min-width: 200px;
    justify-content: center;
    border-radius: 100px;
    background: #cd1a1c;
    color: #fff;
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

@media (hover: hover) {
    .md-maintenance .btn--primary:hover {
        background: #e02023;
        transform: translateY(-2px);
        box-shadow: 0 8px 22px rgb(205 26 28 / 25%);
    }
}

.md-maintenance__media {
    position: relative;
    min-width: 0;
    min-height: 420px;
    overflow: hidden;
    border-radius: 16px;
    background: #10245d;
}

.md-maintenance__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ==========================================================================
   CPG-Kits
   ========================================================================== */

.cpg-kits {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 12%, rgb(83 101 223 / 6%) 0%, transparent 28%),
        linear-gradient(145deg, #f7f8fc 0%, #f2f4fa 100%);
}

.cpg-kits__head {
    max-width: 920px;
}

.cpg-kits__head p {
    max-width: 850px;
    color: var(--color-text);
}

.cpg-kits__groups {
    display: grid;
    gap: clamp(48px, 6vw, 72px);
}

.cpg-kits__group > h3 {
    margin-bottom: clamp(24px, 3vw, 34px);
    color: var(--color-primary);
    font-size: var(--font-size-h2);
    font-weight: 500;
}

.cpg-kits__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 32px);
}

.cpg-kits__card {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 520px;
    flex-direction: column;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 50% 28%, rgb(83 101 223 / 3%) 0%, transparent 44%),
        var(--color-white);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

.cpg-kits__image {
    display: grid;
    height: auto;
    flex-shrink: 0;
    place-items: center;
    padding: clamp(24px, 4vw, 42px);
}

.cpg-kits__image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.cpg-kits__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 clamp(26px, 3.5vw, 40px) clamp(28px, 3.5vw, 38px);
}

.cpg-kits__content strong {
    display: block;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
}

.cpg-kits__content p {
    margin-top: 22px;
    padding-top: 20px;
    border-top: 1px solid rgb(25 31 93 / 13%);
}

.cpg-kits__card:hover {
        transform: translateY(-5px);
        border-color: rgb(83 101 223 / 25%);
        box-shadow:
            0 26px 54px rgb(9 17 73 / 12%),
            inset 0 1px 0 rgb(255 255 255 / 90%);
}

.cpg-kits__card:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .cpg-kits__card {
        transition: none;
    }

    .cpg-kits__card:hover {
        transform: none;
    }
}

/* ==========================================================================
   CPG-Materials
   ========================================================================== */

.cpg-materials {
    background:
        radial-gradient(circle at 85% 10%, rgb(83 101 223 / 5%) 0%, transparent 32%),
        linear-gradient(145deg, #f7f8fc 0%, #f2f4fa 100%);
}

.cpg-materials__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 36px);
}

.cpg-materials__card {
    display: flex;
    min-width: 0;
    min-height: 275px;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(30px, 4vw, 48px);
    background: var(--color-white);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.cpg-materials__number {
    display: block;
    color: var(--color-red);
    font-size: clamp(64px, 7vw, 88px);
    font-weight: 800;
    line-height: 1;
}

.cpg-materials__card p {
    margin: 12px 0 24px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.cpg-materials__card .btn {
    margin-top: auto;
    white-space: nowrap;
}

.cpg-compare {
    background: var(--color-white);
}

.cpg-compare__banner {
    position: relative;
    min-height: 590px;
    padding: clamp(40px, 5.5vw, 68px);
    overflow: hidden;
    isolation: isolate;
    background:
        radial-gradient(ellipse at 75% 100%, rgb(83 101 223 / 35%) 0%, transparent 50%),
        linear-gradient(125deg, #12164d 0%, #171d69 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 50px rgb(9 17 73 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.cpg-compare__content {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 455px;
    flex-direction: column;
    align-items: flex-start;
}

.cpg-compare__content h2 {
    max-width: 850px;
    color: var(--color-white);
    font-size: clamp(28px, 3vw, 38px);
}

.cpg-compare__content h2 strong,
.cpg-compare__content h2 span {
    display: block;
}

.cpg-compare__content h2 strong {
    font-weight: 800;
}

.cpg-compare__content h2 span {
    font-weight: 400;
}

.cpg-compare__content > p {
    max-width: 780px;
    margin-top: 24px;
    color: rgb(255 255 255 / 85%);
    font-size: var(--font-size-lead);
    line-height: 1.5;
}

.cpg-compare__question {
    max-width: 420px;
    margin-top: 28px;
    padding: 18px 22px;
    background: linear-gradient(125deg, #fff 0%, #e9ecfa 100%);
    border: 1px solid rgb(255 255 255 / 65%);
    border-radius: var(--radius-small);
    box-shadow: 0 12px 30px rgb(0 0 0 / 12%);
}

.cpg-compare__question strong {
    display: block;
    padding-left: 14px;
    color: var(--color-primary-dark);
    border-left: 3px solid var(--color-red);
    font-size: var(--font-size-text);
    font-weight: 700;
    line-height: 1.4;
}

.cpg-compare__content > .btn {
    position: relative;
    z-index: 3;
    margin-top: auto;
}

.cpg-compare__media {
    position: absolute;
    z-index: 1;
    right: 20px;
    bottom: 0;
    width: min(65%, 650px);
    pointer-events: none;
}

.cpg-compare__media img {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 20px 30px rgb(0 0 0 / 20%));
}

/* ==========================================================================
   CPG-Care
   ========================================================================== */

.cpg-care {
    overflow: hidden;
    color: var(--color-white);
    background:
        radial-gradient(ellipse 55% 48% at 73% 72%, rgb(63 80 226 / 65%) 0%, transparent 75%),
        radial-gradient(ellipse 45% 45% at 48% 45%, rgb(38 48 153 / 32%) 0%, transparent 80%),
        #121647;
}

.cpg-care__layout {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 650px) minmax(0, 1fr);
    gap: 24px;
    align-items: stretch;
}

.cpg-care__content {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.cpg-care h2 {
    color: #aeb5ff;
}

.cpg-care__group {
    margin-top: clamp(32px, 4vw, 48px);
}

.cpg-care__group h3 {
    margin-bottom: 24px;
    color: var(--color-white);
}

.cpg-care__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.cpg-care__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    padding: 28px;
    background: var(--color-white);
    border: 1px solid rgb(83 101 223 / 20%);
    border-radius: var(--radius-large);
    box-shadow: 0 16px 38px rgb(0 0 0 / 12%);
}

.cpg-care__icon {
    width: 54px;
    height: 54px;
    margin-bottom: 18px;
    object-fit: contain;
}

.cpg-care__card h4 {
    margin: 0 0 14px;
    color: var(--color-primary-light);
    font-size: clamp(16px, 1.5vw, 19px);
    font-weight: 600;
    line-height: 1.35;
}

.cpg-care__card p {
    margin: 0;
    color: var(--color-text);
    font-size: clamp(15px, 1.4vw, 18px);
    line-height: 1.45;
}

.cpg-care__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    margin-top: auto;
    padding-top: 20px;
}

.cpg-care__actions .btn {
    min-height: 36px;
    padding: 8px 22px;
    font-size: 13px;
    white-space: nowrap;
}

.cpg-care__btn-wb {
    background: linear-gradient(105deg, #bd00f2, #9100e9);
}

.cpg-care__btn-wb:hover {
    background: linear-gradient(105deg, #a500d6, #7900cc);
}

.cpg-care__group--benefits {
    margin-top: 28px;
}

.cpg-care__arrow {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 24px;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 3px solid var(--color-white);
    border-radius: 50%;
    box-shadow: 0 8px 24px rgb(0 0 0 / 18%);
}

.cpg-care__arrow svg {
    width: 27px;
    height: 27px;
}

.cpg-care__check {
    display: grid;
    width: 52px;
    height: 52px;
    margin-bottom: 18px;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 1px solid rgb(255 255 255 / 35%);
    border-radius: var(--radius-medium);
    box-shadow:
        0 5px 15px rgb(215 25 32 / 20%),
        0 0 0 4px rgb(215 25 32 / 6%);
}

.cpg-care__check svg {
    width: 25px;
    height: 25px;
}

.cpg-care__group--benefits .cpg-care__card {
    min-height: 270px;
}

.cpg-care__media {
    position: relative;
    min-width: 0;
    pointer-events: none;
}

.cpg-care__media img {
    position: absolute;
    right: -85px;
    bottom: -30px;
    width: min(58vw, 590px);
    max-width: none;
    height: auto;
    filter: drop-shadow(0 25px 45px rgb(0 0 0 / 20%));
}

/* ==========================================================================
   Alloy-Chemistry
   ========================================================================== */

.alloy-chemistry {
    background:
        radial-gradient(ellipse 65% 55% at 50% 45%, rgb(255 255 255 / 65%), transparent 85%),
        #f3f5fc;
}

.alloy-chemistry__head h2 {
    margin-bottom: 4px;
    color: var(--color-primary-dark);
}

.alloy-chemistry__head > p {
    margin: 0;
    color: var(--color-primary-dark);
    font-size: clamp(24px, 3.4vw, 42px);
    line-height: 1.2;
    font-weight: 400;
}

.alloy-chemistry__stat {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 18px;
}

.alloy-chemistry__stat strong {
    color: var(--color-red);
    font-size: clamp(54px, 6vw, 76px);
    font-weight: 800;
    line-height: 1;
}

.alloy-chemistry__stat span {
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    line-height: 1.4;
}

.alloy-chemistry__compare {
    margin-top: 24px;
}

.alloy-chemistry__compare .water-pumps__compare-card {
    min-height: 245px;
}

.alloy-chemistry__compare .water-pumps__compare-card--solution {
    isolation: isolate;
    background:
        linear-gradient(90deg, rgb(13 17 66 / 91%), rgb(13 17 66 / 78%)),
        url('/images/md/katalog/cpg/materialy/alloy-production.jpg') center / cover no-repeat;
}

.alloy-chemistry__compare .water-pumps__compare-card--solution::before {
    display: none;
}

.alloy-chemistry__compare .water-pumps__compare-title,
.alloy-chemistry__compare .water-pumps__problem,
.alloy-chemistry__compare .water-pumps__solution {
    position: relative;
    z-index: 1;
}

.alloy-chemistry__compare .water-pumps__emblem {
    z-index: 1;
}

.alloy-chemistry__examples {
    margin-top: clamp(42px, 5vw, 64px);
}

.alloy-chemistry__examples h2 {
    margin-bottom: 24px;
    color: var(--color-primary-dark);
}

.alloy-chemistry__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.alloy-chemistry__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(24px, 2.8vw, 34px);
    background: rgb(255 255 255 / 94%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 38px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.alloy-chemistry__card h3 {
    margin-bottom: 8px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.3;
}

.alloy-chemistry__card p {
    flex: 1;
    margin: 0;
    padding-bottom: 18px;
    color: var(--color-text);
}

.alloy-chemistry__card strong {
    display: block;
    padding-top: 12px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
    border-top: 1px solid var(--color-red);
}

.alloy-chemistry__down {
    display: grid;
    width: 42px;
    height: 42px;
    margin: 28px auto 20px;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 3px solid var(--color-white);
    border-radius: 50%;
    box-shadow: 0 8px 20px rgb(215 25 32 / 16%);
}

.alloy-chemistry__down svg {
    width: 23px;
    height: 23px;
}

.alloy-chemistry__result {
    display: flex;
    align-items: center;
    gap: clamp(24px, 3vw, 42px);
    padding: clamp(24px, 3vw, 32px) clamp(30px, 5vw, 60px);
    color: var(--color-white);
    background:
        radial-gradient(circle at 0% 50%, rgb(83 101 223 / 16%), transparent 35%),
        #121647;
    border-radius: var(--radius-large);
    box-shadow: 0 20px 45px rgb(9 17 73 / 12%);
}

.alloy-chemistry__result-icon {
    display: grid;
    flex: 0 0 78px;
    width: 78px;
    height: 78px;
    place-items: center;
    color: var(--color-primary-light);
    background: #eef0ff;
    border-radius: var(--radius-medium);
}

.alloy-chemistry__result-icon svg {
    width: 42px;
    height: 42px;
}

.alloy-chemistry__result-text {
    min-width: 0;
}

.alloy-chemistry__result-text p {
    margin: 0 0 14px;
    color: rgb(255 255 255 / 85%);
}

.alloy-chemistry__result-text strong {
    display: block;
    color: var(--color-white);
    font-size: var(--font-size-lead);
    font-weight: 700;
    line-height: 1.35;
}

/* ==========================================================================
   Alloy-Formula
   ========================================================================== */

.alloy-formula {
    margin-top: clamp(80px, 9vw, 120px);
}

.alloy-formula__head {
    margin-bottom: clamp(30px, 4vw, 48px);
}

.alloy-formula__head .section__label {
    margin-bottom: 16px;
}

.alloy-formula__head h2 {
    margin: 0;
    color: #171c5a;
    font-weight: 400;
}

.alloy-formula__head h2 span {
    color: #303ab6;
    font-weight: 800;
}

.alloy-formula__body {
    padding: clamp(14px, 1.6vw, 20px);
    background: #fff;
    border: 1px solid rgb(27 35 91 / 4%);
    border-radius: 22px;
}

.alloy-formula__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.alloy-formula__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(20px, 2vw, 28px);
    background: #fff;
    border: 1px solid rgb(24 32 91 / 4%);
    border-radius: 18px;
    box-shadow: 0 10px 30px rgb(20 28 65 / 12%);
}

.alloy-formula__card-main {
    display: grid;
    grid-template-columns: clamp(90px, 11vw, 135px) minmax(0, 1fr);
    align-items: center;
    gap: 24px;
    flex: 1;
    padding-bottom: 24px;
}

.alloy-formula__card-main > img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.alloy-formula__card-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    height: 100%;
}

.alloy-formula__card-info p {
    margin: 0;
    color: #171c5a;
    font-size: clamp(16px, 1.6vw, 20px);
    line-height: 1.35;
}

.alloy-formula__arrow {
    position: relative;
    display: block;
    width: 78px;
    height: 23px;
    margin: 14px 0;
    align-self: center;
}

.alloy-formula__arrow::before,
.alloy-formula__arrow::after {
    position: absolute;
    top: 3px;
    left: 50%;
    width: 44px;
    height: 22px;
    content: "";
    transform: translateX(-50%);
    background: #f02c35;
    clip-path: polygon(0 0, 50% 75%, 100% 0, 100% 9%, 50% 85%, 0 9%);
}

.alloy-formula__arrow::after {
    top: 11px;
}

.alloy-formula__card-result {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 58px;
    padding-top: 16px;
    border-top: 1px solid #ed343d;
}

.alloy-formula__card-result > span {
    display: grid;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    place-items: center;
    color: #fff;
    background: #aee4c2;
    border-radius: 50%;
}

.alloy-formula__card-result svg {
    width: 22px;
    height: 22px;
}

.alloy-formula__card-result strong {
    color: #14194d;
    font-size: clamp(16px, 1.55vw, 19px);
    font-weight: 700;
    line-height: 1.3;
}

.alloy-formula__bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    gap: clamp(24px, 4vw, 48px);
    margin-top: 26px;
}

.alloy-formula__piston {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    min-width: 0;
    overflow: hidden;
}

.alloy-formula__piston img {
    display: block;
    width: min(100%, 430px);
    max-height: 420px;
    object-fit: contain;
    object-position: center bottom;
}

.alloy-formula__benefit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 350px;
    padding: clamp(28px, 3vw, 44px);
    color: #fff;
    background: #242d80;
    border-radius: 18px;
}

.alloy-formula__benefit > img {
    width: 84px;
    height: 84px;
    margin-bottom: 26px;
    object-fit: contain;
}

.alloy-formula__benefit p {
    margin: 0;
    color: #fff;
    font-size: clamp(22px, 2.8vw, 34px);
    font-weight: 400;
    line-height: 1.15;
}

.alloy-formula__benefit p strong {
    font-weight: 800;
}

/* ==========================================================================
   Piston-Hardness
   ========================================================================== */

.piston-hardness {
    padding-top: clamp(80px, 9vw, 140px);
    color: #151a53;
}

.piston-hardness__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

.piston-hardness__head h2 {
    max-width: 850px;
    margin-top: 12px;
    color: #292eae;
}

.piston-hardness__head h3 {
    margin-top: 32px;
}

.piston-hardness__stamp {
    width: clamp(220px, 17vw, 270px);
    height: auto;
    flex-shrink: 0;
    margin-top: 18px;
}

.piston-hardness__comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.55fr);
    align-items: end;
    gap: clamp(30px, 5vw, 70px);
    margin-top: 24px;
}

.piston-hardness__group {
    min-width: 0;
}

.piston-hardness__group--standard {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.piston-hardness__shields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    justify-items: center;
    gap: clamp(16px, 3vw, 44px);
    width: 100%;
}

.piston-hardness__group--advanced {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);
    align-items: end;
    gap: clamp(16px, 3vw, 44px);
}

.piston-hardness__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
}

.piston-hardness__shield {
    position: relative;
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 0.81;
    min-width: 0;
}

.piston-hardness__shield > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.piston-hardness__shield strong {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 70%;
    font-size: clamp(17px, 2.1vw, 27px);
    line-height: 1.05;
    font-weight: 800;
    text-align: center;
}

.piston-hardness__shield strong span {
    display: block;
}

.piston-hardness__shield--silver {
    max-width: 160px;
}

.piston-hardness__shield--gold {
    max-width: 285px;
}

.piston-hardness__shield--gold strong {
    font-size: clamp(36px, 5.2vw, 66px);
}

.piston-hardness__shield--copper {
    max-width: 160px;
}

.piston-hardness__logo {
    display: block;
    width: min(100%, 230px);
    height: auto;
    max-height: 50px;
    object-fit: contain;
    margin-bottom: 12px;
}

.piston-hardness__legend-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    min-height: 54px;
    margin-top: 12px;
    padding-top: 26px;
    text-align: center;
}

.piston-hardness__legend-item > strong {
    font-size: clamp(16px, 1.65vw, 20px);
    line-height: 1.2;
    font-weight: 700;
}

.piston-hardness__chevron {
    position: absolute;
    top: 0;
    left: 50%;
    width: 42px;
    height: 18px;
    transform: translateX(-50%);
}

.piston-hardness__chevron::before,
.piston-hardness__chevron::after {
    content: '';
    position: absolute;
    top: 15px;
    width: 50%;
    height: 2px;
    background: #f21d35;
}

.piston-hardness__chevron::before {
    left: 0;
    transform: rotate(28deg);
    transform-origin: right center;
}

.piston-hardness__chevron::after {
    right: 0;
    transform: rotate(-28deg);
    transform-origin: left center;
}

.piston-hardness__status {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    border-radius: 50%;
    color: #fff;
}

.piston-hardness__status--success {
    background: #88d99a;
}

.piston-hardness__status--danger {
    background: #e68e97;
}

.piston-hardness__status svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.piston-hardness__note {
    margin-top: 52px;
    padding: 26px clamp(24px, 4vw, 54px);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 35px rgba(18, 24, 62, .1);
}

.piston-hardness__note strong {
    font-size: clamp(17px, 2.2vw, 24px);
    line-height: 1.12;
}

.oils-expertise__note {
    gap: 38px;
}

.piston-hardness__note .oils-expertise__note-icon {
    width: 68px;
    height: 68px;
}

.oils-expertise__note-icon svg {
    width: 37px;
    height: 37px;
}

/* ==========================================================================
   Liner-Composition
   ========================================================================== */

.liner-composition {
    background: #f3f5fc;
}

.liner-composition .section__head {
    margin-bottom: 32px;
}

.liner-composition .section__head h2 span {
    font-weight: 400;
    color: #303ab2;
}

.liner-composition__card {
    --liner-red: #f23d49;
    --liner-navy: #151d53;
    --liner-image-width: 29%;
    --liner-line-end: 72%;

    padding: clamp(28px, 5vw, 64px);
    background: #fff;
    border: 1px solid rgba(25, 35, 85, .045);
    border-radius: 22px;
    box-shadow: 0 16px 45px rgba(23, 32, 75, .09);
    color: var(--liner-navy);
}

.liner-composition__heading {
    margin-bottom: 36px;
    text-align: center;
}

.liner-composition__heading h3 {
    margin-bottom: 6px;
    font-weight: 800;
}

.liner-composition__heading p {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 700;
}

.liner-composition__comparison {
    max-width: 900px;
    margin: 0 auto;
}

.liner-composition__brand {
    display: flex;
    align-items: center;
    min-height: 34px;
    margin-bottom: 20px;
}

.liner-composition__brand img {
    display: block;
    width: auto;
    max-width: 180px;
    max-height: 36px;
}

.liner-composition__brand strong {
    font-weight: 800;
}

.liner-composition__diagram {
    position: relative;
    min-height: 410px;
}

.liner-composition__details {
    position: relative;
    z-index: 2;
    width: 100%;
}

.liner-composition__row {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 16px;
    width: var(--liner-line-end);
    min-height: 100px;
    padding: 10px 0 17px;
}

.liner-composition__row::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 112%;
    height: 2px;
    background: var(--liner-red);
}

.liner-composition__row::before {
    content: "";
    position: absolute;
    z-index: 3;
    right: -12%;
    bottom: -2px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--liner-red);
}

.liner-composition__row > p {
    margin: 0;
    font-size: clamp(14px, 1.45vw, 17px);
    line-height: 1.35;
}

.liner-composition__elements {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 0;
}

.liner-composition__elements img {
    display: block;
    width: auto;
    height: clamp(48px, 5.5vw, 65px);
    max-width: 33%;
    object-fit: contain;
}

.liner-composition__base {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}

.liner-composition__base > span {
    font-size: 15px;
}

.liner-composition__base strong {
    font-weight: 800;
}

.liner-composition__image {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--liner-image-width);
    pointer-events: none;
}

.liner-composition__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.liner-composition__comparison--other {
    margin-top: 46px;
}

.liner-composition__comparison--other .liner-composition__diagram {
    min-height: 410px;
}

.liner-composition__comparison--other .liner-composition__details {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 390px;
}

.liner-composition__comparison--other .liner-composition__row {
    min-height: 110px;
}

.liner-composition__comparison--other .liner-composition__row:first-child {
    grid-template-columns: 1fr;
}

.liner-composition__comparison--other .liner-composition__row p strong {
    display: inline-block;
    margin-bottom: 5px;
}

/* ==========================================================================
   Piston-Rings
   ========================================================================== */

.piston-rings,
.piston-pins {
    background: #f3f5fc;
}

.piston-rings .section__head,
.piston-pins .section__head {
    margin-bottom: 32px;
}

.piston-rings__subtitle,
.piston-pins__subtitle {
    color: #303ab2;
    font-weight: 400;
}

.piston-rings__panel {
    padding: clamp(20px, 3vw, 36px);
    background: radial-gradient(ellipse at 82% 40%, #303aaf 0%, #191e67 38%, #111548 78%);
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 20px;
    overflow: hidden;
}

.piston-rings__top {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    align-items: center;
    gap: 30px;
    min-height: 520px;
}

.piston-rings__features {
    display: grid;
    gap: 18px;
    position: relative;
    z-index: 2;
}

.piston-rings__feature {
    padding: 22px;
    background: #fff;
    border: 1px solid rgba(24, 35, 100, .06);
    border-radius: 14px;
    box-shadow: 0 8px 24px rgba(5, 8, 35, .08);
}

.piston-rings__feature-head {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    padding-bottom: 18px;
    border-bottom: 1px solid #f04753;
}

.piston-rings__feature-head img {
    display: block;
    width: 86px;
    aspect-ratio: 1;
    border-radius: 50%;
    object-fit: cover;
}

.piston-rings__feature-head h3 {
    margin-bottom: 6px;
    color: #252e9c;
    font-size: clamp(15px, 1.5vw, 19px);
    line-height: 1.2;
}

.piston-rings__feature-head p {
    margin: 0;
    color: #596187;
    font-size: 13px;
    line-height: 1.35;
}

.piston-rings__benefit {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-top: 18px;
    color: #151d53;
}

.piston-rings__benefit strong {
    font-size: clamp(14px, 1.4vw, 17px);
    line-height: 1.3;
}

.piston-rings__check {
    display: grid;
    place-items: center;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #a7e4bc;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.piston-rings__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
}

.piston-rings__visual img {
    display: block;
    width: 95%;
    margin-right: -20%;
    max-width: none;
    height: auto;
    max-height: 500px;
    object-fit: contain;
    filter: drop-shadow(0 25px 35px rgba(0, 0, 0, .3));
}

.piston-rings__production {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(22px, 3vw, 42px);
    margin-top: 24px;
    padding: 20px;
    background: #fff;
    border-radius: 14px;
}

.piston-rings__production > img {
    display: block;
    width: 100%;
    height: 230px;
    border-radius: 10px;
    object-fit: cover;
}

.piston-rings__production h3 {
    margin-bottom: 12px;
    color: #252e9c;
    font-weight: 800;
}

.piston-rings__production strong {
    display: block;
    margin-bottom: 10px;
    color: #151d53;
}

.piston-rings__production ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.piston-rings__production li {
    position: relative;
    padding-left: 30px;
    color: #424b77;
}

.piston-rings__production li::before {
    content: "✓";
    position: absolute;
    top: 1px;
    left: 0;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #a7e4bc;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}

.piston-pins__panel {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr);
    align-items: center;
    gap: 40px;
    min-height: 480px;
    padding: clamp(30px, 5vw, 64px);
    background: #fff;
    border: 1px solid rgba(25, 35, 85, .045);
    border-radius: 20px;
    overflow: hidden;
}

.piston-pins__content {
    color: #151d53;
}

.piston-pins__content h3 {
    margin-bottom: 26px;
    color: #303ab2;
    font-weight: 400;
}

.piston-pins__material {
    margin-bottom: 26px;
}

.piston-pins__material strong {
    display: block;
    margin-bottom: 5px;
    font-weight: 800;
}

.piston-pins__material p {
    margin: 0;
    color: #424b77;
}

.piston-pins__specs {
    display: grid;
    gap: 24px;
}

.piston-pins__spec strong {
    display: block;
    margin-bottom: 3px;
    color: #ee3543;
    font-weight: 700;
}

.piston-pins__spec p {
    margin: 0 0 3px;
    color: #424b77;
}

.piston-pins__spec b {
    display: block;
    font-weight: 800;
}

.piston-pins__visual {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: 100%;
}

.piston-pins__visual img {
    display: block;
    width: 100%;
    max-width: 270px;
    max-height: 440px;
    object-fit: contain;
}

/* ==========================================================================
   HIGH-PRECISION MICRORELIEF
   ========================================================================== */

.cpg-microrelief,
.cpg-machining,
.cpg-coating {
    background: #f4f6ff;
}

.cpg-microrelief h2,
.cpg-machining h2,
.cpg-gehring h2,
.cpg-coating h2 {
    margin-bottom: 40px;
}

.cpg-microrelief__intro {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: start;
    gap: 48px;
    margin-bottom: 40px;
}

.cpg-microrelief__intro > p {
    margin: 0;
}

.cpg-microrelief__images {
    display: grid;
    grid-template-columns: 1.65fr 1fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 12px;
    aspect-ratio: 2.45;
}

.cpg-microrelief__images img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    border-radius: 12px;
}

.cpg-microrelief__images img:first-child {
    grid-row: span 2;
}

.cpg-microrelief h3 {
    margin-bottom: 20px;
}

.cpg-microrelief__benefits {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.cpg-microrelief__benefits > p {
    position: relative;
    margin: 0;
    padding: 52px 28px 26px;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(110deg, #11152e, #303984 65%, #535ed0);
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 16px;
    box-shadow: 0 12px 28px rgb(25 31 93 / 8%);
}

.cpg-microrelief__benefits > p::before {
    position: absolute;
    top: 21px;
    left: 30px;
    width: 9px;
    height: 16px;
    border-right: 3px solid var(--color-red);
    border-bottom: 3px solid var(--color-red);
    content: "";
    transform: rotate(40deg);
}

/* ==========================================================================
   MECHANICAL MACHINING
   ========================================================================== */

.cpg-machining__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
}

.cpg-machining__card {
    min-width: 0;
    padding: 32px;
    background: #fff;
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: 20px;
    box-shadow: 0 12px 32px rgb(25 31 93 / 6%);
}

.cpg-machining__card > img {
    display: block;
    width: 100%;
    height: 250px;
    margin-block: 24px 28px;
    object-fit: contain;
}

.cpg-machining__card dl {
    margin: 0;
}

.cpg-machining__card dt {
    margin: 0 0 6px;
    color: var(--color-primary);
    font-weight: 700;
}

.cpg-machining__card dd {
    margin: 0;
}

.cpg-machining__card dd + dt {
    margin-top: 20px;
}

/* ==========================================================================
   GEHRING FINISHING TECHNOLOGY
   ========================================================================== */

.cpg-gehring {
    background: linear-gradient(115deg, #171d59, #242d79);
}

.cpg-gehring h2 {
    max-width: 1000px;
    color: #fff;
}

.cpg-gehring__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 32px;
}

.cpg-gehring__content {
    min-width: 0;
    padding: 32px;
    background: #fff;
    border-radius: 18px;
}

.cpg-gehring__content > p {
    margin: 0 0 24px;
    color: var(--color-primary);
}

.cpg-gehring__content ol {
    display: grid;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: gehring;
}

.cpg-gehring__content li {
    position: relative;
    min-height: 30px;
    margin: 0;
    padding-left: 44px;
    counter-increment: gehring;
}

.cpg-gehring__content li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    color: #fff;
    background: linear-gradient(135deg, #171d59, #606bd5);
    border: 1px solid rgb(255 255 255 / 70%);
    border-radius: 50%;
    box-shadow: 0 0 0 2px rgb(41 57 186 / 12%);
    font-weight: 700;
    content: counter(gehring);
}

.cpg-gehring__image {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: cover;
    border-radius: 18px;
}

/* ==========================================================================
   ALLOY CHEMISTRY RESULT — WHITE MODIFIER
   ========================================================================== */

.alloy-chemistry__result--white {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 32px;
    padding: 24px 36px;
    color: var(--color-text);
    background: #fff;
    border: 1px solid rgb(25 31 93 / 8%);
    border-radius: 18px;
    box-shadow: 0 12px 32px rgb(8 13 48 / 10%);
}

.alloy-chemistry__result--white .alloy-chemistry__result-icon {
    position: relative;
    display: block;
    flex: 0 0 58px;
    width: 58px;
    height: 58px;
    background: #eef0fc;
    border: 1px solid rgb(41 57 186 / 12%);
    border-radius: 10px;
}

.alloy-chemistry__result--white .alloy-chemistry__result-icon::before {
    position: absolute;
    top: 15px;
    left: 22px;
    width: 12px;
    height: 23px;
    border-right: 3px solid var(--color-primary);
    border-bottom: 3px solid var(--color-primary);
    content: "";
    transform: rotate(40deg);
}

.alloy-chemistry__result--white > p {
    margin: 0;
    color: inherit;
    font-weight: 700;
}

/* ==========================================================================
   SPECIAL ANTI-FRICTION COATING
   ========================================================================== */

.cpg-coating__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 40px;
}

.cpg-coating__lead {
    margin: 0 0 20px;
    color: var(--color-primary);
    font-size: var(--font-size-lead);
}

.cpg-coating__content ul {
    display: grid;
    gap: 14px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cpg-coating__content li {
    position: relative;
    margin: 0;
    padding: 17px 22px 17px 30px;
    background: #fff;
    border: 1px solid rgb(41 57 186 / 16%);
    border-radius: 14px;
    box-shadow: 0 5px 16px rgb(25 31 93 / 3%);
}

.cpg-coating__content li::before {
    position: absolute;
    top: 14px;
    bottom: 14px;
    left: 14px;
    width: 3px;
    background: var(--color-red);
    border-radius: 2px;
    content: "";
}

.cpg-coating__visual {
    min-width: 0;
    margin: 0;
}

.cpg-coating__images {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.cpg-coating__images img {
    display: block;
    width: 100%;
    aspect-ratio: .57;
    object-fit: cover;
    border-radius: 10px;
}

.cpg-coating__visual figcaption {
    margin-top: 16px;
    color: var(--color-text);
    font-size: 14px;
}

/* ==========================================================================
   Expert-Design
   ========================================================================== */

.expert-design,
.expert-chrome {
    background: #f4f6ff;
}

.expert-design__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 32px;
}

.expert-design__card {
    min-width: 0;
    padding: 32px;
    background: var(--color-white);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    box-shadow: 0 12px 32px rgb(9 17 73 / 5%);
}

.expert-design__card h3 {
    margin-bottom: 24px;
}

.expert-design__geometry {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .42fr);
    align-items: stretch;
    gap: 24px;
}

.expert-design__piston {
    display: block;
    width: 100%;
    height: auto;
    margin: 24px auto 0;
}

.expert-design__schemes {
    display: block;
    align-self: stretch;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    object-position: center top;
}

.expert-design__alloys {
    display: block;
    width: 100%;
    max-width: 390px;
    height: 190px;
    margin: 0 0 28px;
    object-fit: contain;
    object-position: left center;
}

.expert-design__card dl {
    margin: 0;
}

.expert-design__card dt {
    margin-bottom: 6px;
    color: var(--color-primary);
    font-weight: 700;
}

.expert-design__card dd {
    margin: 0;
}

.expert-design__card dd + dt {
    margin-top: 20px;
}

.expert-design__result {
    margin-top: 24px;
    font-weight: 700;
}

/* ==========================================================================
   Expert-Coatings
   ========================================================================== */

.expert-coatings {
    color: var(--color-white);
    background: linear-gradient(115deg, #171d59, #242d79);
}

.expert-coatings .section__head h2,
.expert-coatings .section__head p,
.expert-coatings__subtitle {
    color: inherit;
}

.expert-coatings .section__head p {
    max-width: 900px;
    color: rgb(255 255 255 / 80%);
}

.expert-coatings__subtitle {
    margin-bottom: 32px;
}

.expert-coatings__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 32px;
}

.expert-coatings__card {
    min-width: 0;
    padding: 32px;
    color: var(--color-text);
    background: var(--color-white);
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: var(--radius-large);
    box-shadow: 0 16px 36px rgb(8 13 48 / 12%);
}

.expert-coatings__card h3 {
    margin-bottom: 24px;
}

.expert-coatings__modengy {
    width: 100%;
    max-width: 350px;
    margin-bottom: 28px;
}

.expert-coatings__modengy img {
    display: block;
    width: 100%;
    height: auto;
}

.expert-coatings__modengy img:first-child {
    border-radius: var(--radius-medium);
}

.expert-coatings__modengy img + img {
    margin-top: 12px;
}

.expert-coatings__alpofor {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 24px;
    border-radius: var(--radius-medium);
}

.expert-coatings__card dl {
    margin: 0;
}

.expert-coatings__card dt {
    margin-bottom: 6px;
    color: var(--color-primary);
    font-weight: 700;
}

.expert-coatings__card dd {
    margin: 0;
}

.expert-coatings__card dd + dt {
    margin-top: 20px;
}

/* ==========================================================================
   Expert-Chrome
   ========================================================================== */

.expert-chrome .section__head > p {
    max-width: 950px;
}

.expert-chrome__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: stretch;
    gap: 24px;
}

.expert-chrome__card {
    min-width: 0;
    padding: 24px;
    background: var(--color-white);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-medium);
    box-shadow: var(--shadow-small);
}

.expert-chrome__card > strong {
    display: block;
    margin-bottom: 10px;
    color: var(--color-text);
}

.expert-chrome .alloy-chemistry__result {
    margin-top: 40px;
}

/* ==========================================================================
   Expert-Economy
   ========================================================================== */

.expert-economy {
    overflow: hidden;
    color: var(--color-white);
    background: linear-gradient(115deg, #171d59, #242d79);
}

.expert-economy .section__head h2 {
    color: inherit;
}

.expert-economy__grid {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: 40px;
}

.expert-economy__content {
    position: relative;
    z-index: 1;
    min-width: 0;
    padding: 32px;
    color: var(--color-text);
    background: var(--color-white);
    border: 1px solid rgb(255 255 255 / 20%);
    border-radius: var(--radius-large);
    box-shadow: 0 16px 36px rgb(8 13 48 / 12%);
}

.expert-economy__content h3 {
    margin-bottom: 24px;
}

.expert-economy__content dl {
    margin: 0;
}

.expert-economy__content dt {
    margin-bottom: 6px;
    font-weight: 700;
}

.expert-economy__content dd {
    margin: 0;
}

.expert-economy__content dd + dt {
    margin-top: 20px;
}

.expert-economy__image {
    display: block;
    align-self: end;
    width: 100%;
    height: auto;
    margin-bottom: calc(-1 * clamp(64px, 8vw, 110px));
}

/* ==========================================================================
   Parts-Selection
   ========================================================================== */

.parts-selection__banner {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
    overflow: hidden;
    background: linear-gradient(115deg, #171d59 0%, #232d7c 100%);
    border-radius: var(--radius-large);
    box-shadow: 0 16px 40px rgb(9 17 73 / 8%);
}

.parts-selection__media {
    position: relative;
    min-width: 0;
    min-height: 440px;
    background: var(--color-primary-light);
}

.parts-selection__media img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.parts-selection__content {
    min-width: 0;
    padding: clamp(36px, 4.5vw, 64px);
}

.parts-selection__labels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 16px;
}

.parts-selection__labels .section__label {
    margin-bottom: 0;
    color: var(--color-primary);
    background: #eef0ff;
    border-color: rgb(255 255 255 / 18%);
}

.parts-selection__content h2 {
    max-width: 560px;
    color: var(--color-white);
    max-width: 80%;
}

.parts-selection__content .parts-selection__subtitle {
    margin-top: 20px;
    color: var(--color-white);
    font-weight: 700;
}

.parts-selection__text {
    margin-top: 24px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
}

.parts-selection__content .btn {
    margin-top: 28px;
}


/* ==========================================================================
   Parts-Selection-Reveal
   ========================================================================== */

@media (prefers-reduced-motion: no-preference) {
    .parts-selection.parts-selection--animated .parts-selection__banner {
        opacity: 0;
        transform: translate3d(0, 18px, 0);
        transition: opacity .85s ease, transform 1s cubic-bezier(.22, 1, .36, 1);
    }

    .parts-selection.parts-selection--animated .parts-selection__media {
        overflow: hidden;
    }

    .parts-selection.parts-selection--animated .parts-selection__media img {
        transform: scale(1.055);
        transition: transform 1.5s cubic-bezier(.22, 1, .36, 1);
    }

    .parts-selection.parts-selection--animated .parts-selection__labels,
    .parts-selection.parts-selection--animated .parts-selection__content h2,
    .parts-selection.parts-selection--animated .parts-selection__subtitle,
    .parts-selection.parts-selection--animated .parts-selection__text,
    .parts-selection.parts-selection--animated .parts-selection__content .btn {
        opacity: 0;
        transform: translate3d(0, 14px, 0);
        transition: opacity .65s ease, transform .85s cubic-bezier(.22, 1, .36, 1);
    }

    .parts-selection.parts-selection--animated.is-visible .parts-selection__banner {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .parts-selection.parts-selection--animated.is-visible .parts-selection__media img {
        transform: scale(1);
    }

    .parts-selection.parts-selection--animated.is-visible .parts-selection__labels,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__content h2,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__subtitle,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__text,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__content .btn {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }

    .parts-selection.parts-selection--animated .parts-selection__labels {
        transition-delay: .12s;
    }

    .parts-selection.parts-selection--animated .parts-selection__content h2 {
        transition-delay: .21s;
    }

    .parts-selection.parts-selection--animated .parts-selection__subtitle {
        transition-delay: .30s;
    }

    .parts-selection.parts-selection--animated .parts-selection__text {
        transition-delay: .39s;
    }

    .parts-selection.parts-selection--animated .parts-selection__content .btn {
        transition-delay: .48s;
    }

    .parts-selection.parts-selection--animated .parts-selection__content .btn {
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

    .parts-selection.parts-selection--animated .parts-selection__content .btn::after {
        position: absolute;
        z-index: 1;
        top: -50%;
        left: -65%;
        width: 35%;
        height: 200%;
        background: linear-gradient(90deg, transparent, rgb(255 255 255 / 23%), transparent);
        transform: skewX(-22deg);
        pointer-events: none;
        content: "";
    }

    .parts-selection.parts-selection--animated.is-visible .parts-selection__content .btn::after {
        animation: parts-selection-shine 1.1s ease-in-out 0.6s both;
    }

    @keyframes parts-selection-shine {
        0% { left: -65%; opacity: 0; }
        15% { opacity: 1; }
        85% { opacity: 1; }
        100% { left: 135%; opacity: 0; }
    }
}


/* ==========================================================================
   Responsive-Parts-Selection-Reveal
   ========================================================================== */

@media (max-width: 768px) and (prefers-reduced-motion: no-preference) {
    .parts-selection.parts-selection--animated .parts-selection__banner {
        transform: translate3d(0, 12px, 0);
    }

    .parts-selection.parts-selection--animated .parts-selection__labels,
    .parts-selection.parts-selection--animated .parts-selection__content h2,
    .parts-selection.parts-selection--animated .parts-selection__subtitle,
    .parts-selection.parts-selection--animated .parts-selection__text,
    .parts-selection.parts-selection--animated .parts-selection__content .btn {
        transform: translate3d(0, 10px, 0);
    }

    .parts-selection.parts-selection--animated.is-visible .parts-selection__banner,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__labels,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__content h2,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__subtitle,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__text,
    .parts-selection.parts-selection--animated.is-visible .parts-selection__content .btn {
        transform: translate3d(0, 0, 0);
    }
}


/* ==========================================================================
   Silicone-Hoses
   ========================================================================== */

.silicone-hoses {
    padding-bottom: clamp(40px, 6vw, 72px);
    background: #f4f5fc;
}

.silicone-hoses .section__head {
    max-width: 1080px;
    margin-bottom: 38px;
}

.silicone-hoses .section__head p {
    margin-top: 14px;
}

.silicone-hoses__card {
    display: grid;
    grid-template-columns: 48% 52%;
    min-height: 490px;
    overflow: hidden;
    border-radius: var(--radius-large);
    background: var(--color-white);
    box-shadow: 0 16px 42px rgb(18 27 85 / 14%);
}

.silicone-hoses__media {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background: #fff;
}

.silicone-hoses__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.silicone-hoses__content {
    display: flex;
    align-items: center;
    padding: clamp(30px, 3.5vw, 52px);
    background: linear-gradient(145deg, #28358c 0%, #1b2269 65%, #171d59 100%);
}

.silicone-hoses__content ul {
    display: grid;
    gap: 17px;
}

.silicone-hoses__content li {
    position: relative;
    padding-left: 19px;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-text);
    line-height: 1.45;
}

.silicone-hoses__content li::before {
    position: absolute;
    top: .65em;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--color-red);
    content: "";
}

.silicone-hoses__content strong {
    color: var(--color-white);
    font-weight: 700;
}


/* ==========================================================================
   MotorDetal-Gaskets
   ========================================================================== */

.motor-gaskets {
    padding-top: clamp(40px, 6vw, 72px);
    background: #f4f5fc;
}

.motor-gaskets > .container > .section__label {
    margin-bottom: 22px;
}

.motor-gaskets__feature {
    padding: clamp(28px, 4vw, 56px);
    border: 1px solid rgb(25 31 93 / 5%);
    border-radius: var(--radius-large);
    background: var(--color-white);
}

.motor-gaskets__feature h2 {
    max-width: 1050px;
}

.motor-gaskets__feature-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: clamp(30px, 5vw, 70px);
    margin-top: clamp(30px, 4vw, 50px);
}

.motor-gaskets__feature ul {
    display: grid;
    gap: 20px;
}

.motor-gaskets__feature li {
    position: relative;
    padding-left: 19px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    line-height: var(--line-height-text);
}

.motor-gaskets__feature li::before {
    position: absolute;
    top: .65em;
    left: 0;
    width: 5px;
    height: 5px;
    background: var(--color-red);
    content: "";
}

.motor-gaskets__media {
    min-width: 0;
    overflow: hidden;
    border-radius: var(--radius-large);
    background: #f0f0f0;
}

.motor-gaskets__media img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.58;
    object-fit: cover;
}

.motor-gaskets__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
    margin-top: 30px;
}

.motor-gaskets__card {
    position: relative;
    min-width: 0;
    min-height: 195px;
    padding: clamp(24px, 2.5vw, 34px);
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    background: linear-gradient(125deg, #303dc1 0%, #202877 55%, #171c5d 100%);
}

.motor-gaskets__card::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 160px;
    height: 160px;
    background: radial-gradient(circle, rgb(109 126 255 / 12%), transparent 70%);
    pointer-events: none;
    content: "";
}

.motor-gaskets__card p {
    position: relative;
    z-index: 1;
    color: rgb(255 255 255 / 88%);
    font-size: var(--font-size-lead);
    line-height: 1.48;
}

.motor-gaskets__card strong {
    color: var(--color-white);
    font-weight: 700;
}

/* ==========================================================================
   Seals-Category
   ========================================================================== */

.seals-category {
    background:
        radial-gradient(ellipse at 85% 5%, rgb(83 101 223 / 5%), transparent 45%),
        linear-gradient(145deg, #f7f8fd 0%, #f0f2fa 100%);
}

.seals-category .section__head {
    max-width: 950px;
}

.seals-category__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(22px, 3vw, 38px);
}

.seals-category__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: clamp(16px, 2vw, 24px);
    background: #fff;
    border: 1px solid rgb(28 39 110 / 5%);
    border-radius: 20px;
    box-shadow: 0 12px 38px rgb(25 35 91 / 8%);
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

.seals-category__media {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.7;
    overflow: hidden;
    background: #f0f0f0;
    border-radius: 14px;
}

.seals-category__media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}

.seals-category__content {
    flex: 1;
    padding: clamp(20px, 2.5vw, 28px) 2px 6px;
}

.seals-category__content h3 {
    color: var(--color-primary-dark);
}

.seals-category__content p {
    margin-top: 18px;
}

.seals-category__card:hover {
        transform: translateY(-6px);
        border-color: rgb(83 101 223 / 16%);
        box-shadow: 0 24px 52px rgb(25 35 91 / 13%);
}

    .seals-category__card:hover .seals-category__media img {
        transform: scale(1.045);
}

.seals-category__card:focus-visible {
    outline: 3px solid var(--color-primary);
    outline-offset: 4px;
}

/* ==========================================================================
   Company-Intro
   ========================================================================== */

.company-intro {
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 22%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        linear-gradient(180deg, #f8f9fd 0%, #f5f6fb 100%);
}

.company-intro::after {
    position: absolute;
    top: -180px;
    right: -140px;
    width: 520px;
    height: 520px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 6%) 0%, transparent 68%);
    content: "";
}

.company-intro .container {
    position: relative;
    z-index: 1;
}

.company-intro__grid {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    gap: clamp(60px, 9vw, 130px);
    align-items: start;
}

.company-intro__head {
    max-width: 520px;
}

.company-intro__content {
    display: grid;
    gap: 22px;
    max-width: 610px;
    padding-top: 18px;
}

.company-intro__content p {
    color: var(--color-text-soft);
}


/* ==========================================================================
   Company-Directions
   ========================================================================== */

.company-directions {
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 12%, rgb(83 101 223 / 6%) 0%, transparent 25%),
        linear-gradient(180deg, #f5f6fb 0%, #f8f9fc 100%);
}

.company-directions__head {
    max-width: 900px;
}

.company-directions__head > p {
    max-width: 720px;
    color: var(--color-text-soft);
}

.company-directions__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2.4vw, 28px);
}

.company-directions__card {
    display: flex;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    background: rgb(255 255 255 / 92%);
    border: 1px solid rgb(41 57 186 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 44px rgb(9 17 73 / 7%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        transform var(--transition);
}

.company-directions__card:hover {
    border-color: rgb(41 57 186 / 16%);
    box-shadow:
        0 26px 60px rgb(9 17 73 / 11%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    transform: translateY(-5px);
}

.company-directions__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1.62 / 1;
    background: #e9ebf4;
}

.company-directions__media::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 65%, rgb(9 17 73 / 7%) 100%);
    content: "";
}

.company-directions__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s cubic-bezier(.2, .7, .2, 1);
}

.company-directions__card:hover .company-directions__media img {
    transform: scale(1.025);
}

.company-directions__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    padding: clamp(24px, 2.6vw, 32px);
}

.company-directions__content h3 {
    color: var(--color-primary-dark);
}

.company-directions__content p {
    margin-bottom: clamp(24px, 3vw, 32px);
    color: var(--color-text-soft);
}

.company-directions__btn {
    margin-top: auto;
    pointer-events: none;
}

/* ==========================================================================
   B2B-Center
   ========================================================================== */

.b2b-center {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    min-height: calc(100svh - 160px);
    padding-top: clamp(130px, 12vw, 180px);
    background:
        radial-gradient(ellipse at 85% 5%, rgb(83 101 223 / 8%), transparent 45%),
        linear-gradient(180deg, #f5f6fb 0%, #faf9f7 100%);
}

.b2b-center > .container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.b2b-center__panel {
    position: relative;
    flex: 1;
    min-width: 0;
    min-height: 300px;
    padding: clamp(20px, 3.5vw, 44px);
    background: var(--color-white);
    border: 1px solid rgb(25 31 93 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 24px 65px rgb(9 17 73 / 7%),
        0 5px 18px rgb(9 17 73 / 3%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.b2b-center__panel::before {
    position: absolute;
    top: 0;
    left: 36px;
    right: 36px;
    height: 3px;
    background: var(--gradient-red);
    border-radius: 0 0 6px 6px;
    content: "";
}

.b2b-center-market {
    width: 100%;
    min-height: 220px;
}

.b2b-center-market iframe {
    display: block;
    width: 100%;
    max-width: 100%;
    border: 0;
}

/* ==========================================================================
   Partner-Intro
   ========================================================================== */

.partner-intro {
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 10%, rgb(83 101 223 / 9%) 0%, transparent 30%),
        radial-gradient(circle at 5% 85%, rgb(40 56 187 / 5%) 0%, transparent 28%);
}

.partner-intro__head {
    max-width: 1080px;
}

.partner-intro__head .section__label {
    margin-bottom: var(--space-md);
}

.partner-intro__head .lead {
    max-width: 1050px;
    margin-top: clamp(20px, 3vw, 28px);
}

.partner-intro__advantages {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(16px, 2vw, 24px);
    margin-top: clamp(32px, 5vw, 48px);
}

.partner-intro__advantage {
    position: relative;
    min-width: 0;
    min-height: 160px;
    padding: 24px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(111 124 255 / 34%) 0%, transparent 42%),
        linear-gradient(125deg, #090b17 0%, #171d69 48%, #5361dc 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 18px 42px rgb(9 17 73 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.partner-intro__advantage::after {
    position: absolute;
    right: -65px;
    bottom: -90px;
    width: 190px;
    height: 190px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(255 255 255 / 9%) 0%, transparent 68%);
    content: "";
}

.partner-intro__advantage img {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.partner-intro__advantage p {
    position: relative;
    z-index: 1;
    max-width: 220px;
    margin-top: 20px;
    color: rgb(255 255 255 / 82%);
    font-size: var(--font-size-small-text);
    line-height: 1.4;
}

.partner-intro__action {
    display: flex;
    justify-content: center;
    margin-top: 28px;
}

.partner-intro__button {
    min-width: 240px;
}


/* ==========================================================================
   Partner-Benefits
   ========================================================================== */

.partner-benefits {
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 12%, rgb(83 101 223 / 7%) 0%, transparent 28%),
        linear-gradient(145deg, #f7f8fc 0%, #f0f2f8 100%);
}

.partner-benefits__head {
    max-width: 900px;
}

.partner-benefits__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(20px, 3vw, 28px);
}

.partner-benefits__card {
    position: relative;
    min-width: 0;
    min-height: 365px;
    padding: clamp(26px, 3vw, 34px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(83 101 223 / 5%) 0%, transparent 35%),
        rgb(255 255 255 / 96%);
    border: 1px solid rgb(25 31 93 / 6%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 40px rgb(9 17 73 / 8%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.partner-benefits__card::after {
    position: absolute;
    right: -90px;
    bottom: -110px;
    width: 220px;
    height: 220px;
    pointer-events: none;
    background: radial-gradient(circle, rgb(83 101 223 / 5%) 0%, transparent 68%);
    content: "";
}

.partner-benefits__card img {
    position: relative;
    z-index: 1;
    width: 34px;
    height: 34px;
    margin-bottom: 18px;
    object-fit: contain;
}

.partner-benefits__card h3 {
    position: relative;
    z-index: 1;
    color: var(--color-text);
    font-size: var(--font-size-lead);
    font-weight: 700;
}

.partner-benefits__card p {
    position: relative;
    z-index: 1;
    margin-top: 10px;
    color: var(--color-text-soft);
}


/* ==========================================================================
   Partner-Steps
   ========================================================================== */

.partner-steps {
    overflow: hidden;
}

.partner-steps__head {
    max-width: 900px;
}

.partner-steps__panel {
    position: relative;
    padding: clamp(24px, 3vw, 32px);
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgb(107 120 255 / 30%) 0%, transparent 36%),
        radial-gradient(circle at 0% 100%, rgb(72 86 209 / 18%) 0%, transparent 32%),
        linear-gradient(120deg, #10175b 0%, #222e91 48%, #3849bc 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow:
        0 22px 55px rgb(9 17 73 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 8%);
}

.partner-steps__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.partner-steps__item {
    min-width: 0;
    min-height: 340px;
    padding: clamp(24px, 3vw, 30px);
    border: 1px solid rgb(255 255 255 / 25%);
}

.partner-steps__item:first-child {
    border-radius: var(--radius-medium) 0 0 var(--radius-medium);
}

.partner-steps__item:last-child {
    border-radius: 0 var(--radius-medium) var(--radius-medium) 0;
}

.partner-steps__item + .partner-steps__item {
    border-left: 0;
}

.partner-steps__number {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    color: var(--color-red);
    background: #fff;
    border-radius: var(--radius-small);
    box-shadow: 0 7px 18px rgb(3 8 45 / 20%);
    font-size: 28px;
    font-weight: 800;
    line-height: 1;
}

.partner-steps__item h3 {
    margin-top: 26px;
    color: var(--color-white);
    font-size: var(--font-size-lead);
    font-weight: 700;
}

.partner-steps__item p {
    margin-top: 12px;
    color: rgb(255 255 255 / 76%);
}


/* ==========================================================================
   Partner-CTA
   ========================================================================== */

.partner-cta {
    padding-top: 0;
}

.partner-cta__inner {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    min-height: 520px;
    overflow: hidden;
    background:
        radial-gradient(circle at 0% 100%, rgb(61 77 202 / 22%) 0%, transparent 40%),
        linear-gradient(115deg, #10175b 0%, #182371 100%);
    border: 1px solid rgb(255 255 255 / 8%);
    border-radius: var(--radius-large);
    box-shadow: var(--shadow-large);
}

.partner-cta__content {
    position: relative;
    z-index: 2;
    align-self: center;
    padding: clamp(38px, 5vw, 64px);
}

.partner-cta__content h2 {
    color: var(--color-white);
}

.partner-cta__content p {
    max-width: 470px;
    margin-top: 24px;
    color: rgb(255 255 255 / 78%);
    font-size: var(--font-size-lead);
}

.partner-cta__button {
    margin-top: 34px;
}

.partner-cta__button span {
    margin-left: 8px;
}

.partner-cta__media {
    position: relative;
    min-width: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 45% 40%, rgb(255 255 255 / 20%) 0%, transparent 30%),
        linear-gradient(135deg, #9299e4 0%, #505cdc 52%, #3948ce 100%);
}

.partner-cta__media::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(16 23 91 / 14%) 0%, transparent 30%),
        radial-gradient(circle at 80% 15%, rgb(255 255 255 / 14%) 0%, transparent 28%);
    content: "";
}

.partner-cta__media img {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* ==========================================================================
   
Visibility
   ========================================================================== */

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}


.site-footer {
    position: relative;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 84% 46%, rgb(33 42 169 / 28%) 0%, rgb(20 27 105 / 16%) 34%, transparent 62%),
        radial-gradient(circle at 30% 120%, rgb(18 28 123 / 34%) 0%, transparent 48%),
        linear-gradient(110deg, #080912 0%, #0d0f25 28%, #11153c 62%, #11194d 100%);
    border-top: 1px solid rgb(83 96 255 / 16%);
}

.site-footer::before {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgb(0 0 0 / 22%) 0%, transparent 24%, transparent 76%, rgb(28 36 137 / 8%) 100%);
    content: "";
}

.site-footer .container {
    position: relative;
    z-index: 1;
}

.site-footer__grid {
    display: grid;
    grid-template-columns:
        minmax(230px, 1.15fr)
        minmax(160px, .9fr)
        minmax(180px, .9fr)
        minmax(190px, .9fr);
    gap: clamp(38px, 5vw, 86px);
    padding-top: 48px;
    padding-bottom: 34px;
}

.site-footer__column {
    min-width: 0;
}

.site-footer__logo {
    display: flex;
    align-items: center;
    width: min(245px, 100%);
    min-height: 48px;
    margin-bottom: 24px;
}

.site-footer__logo img {
    display: block;
    width: 100%;
    max-height: 48px;
    object-fit: contain;
    object-position: left center;
}

.site-footer__logo strong {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -.02em;
}

.site-footer__title {
    margin: 0 0 18px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.2;
}

.site-footer__address {
    max-width: 235px;
    margin-bottom: 4px;
    color: rgb(255 255 255 / 70%);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.45;
}

.site-footer__contact-link {
    display: block;
    width: fit-content;
    max-width: 100%;
    color: rgb(255 255 255 / 76%);
    font-size: 14px;
    line-height: 1.45;
    text-decoration: underline;
    text-decoration-color: rgb(255 255 255 / 42%);
    text-underline-offset: 2px;
    transition:
        color .2s ease,
        text-decoration-color .2s ease;
}

.site-footer__contact-link:hover {
    color: #fff;
    text-decoration-color: #fff;
}

.site-footer__social-block {
    margin-top: 22px;
}

.site-footer__social-label {
    display: block;
    margin-bottom: 10px;
    color: rgb(255 255 255 / 54%);
    font-size: 13px;
    line-height: 1.35;
}

.site-footer__socials {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.site-footer__social {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    overflow: hidden;
    color: #11153c;
    border-radius: 10px;
    text-decoration: none;
    transition:
        transform .2s ease,
        opacity .2s ease,
        box-shadow .2s ease;
}

.site-footer__social:hover {
    opacity: .92;
    box-shadow: 0 8px 22px rgb(0 0 0 / 18%);
    transform: translateY(-2px);
}

.site-footer__social img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.site-footer__bottom {
    display: grid;
    grid-template-columns:
        minmax(220px, 1fr)
        minmax(140px, .8fr)
        minmax(230px, 1.1fr)
        minmax(180px, .9fr);
    gap: clamp(28px, 4vw, 70px);
    align-items: center;
    min-height: 58px;
    padding: 12px 0 28px;
    color: rgb(255 255 255 / 24%);
    font-size: 13px;
    line-height: 1.35;
}

.site-footer__bottom a {
    width: fit-content;
    color: inherit;
    text-decoration: none;
    transition: color .2s ease;
}

.site-footer__bottom a:hover {
    color: rgb(255 255 255 / 64%);
}

.site-footer__bottom > :nth-child(2) {
    justify-self: start;
}

.site-footer__bottom > :nth-child(3) {
    justify-self: start;
}

.site-footer__bottom > :nth-child(4) {
    justify-self: end;
}

/* Footer menu */

.footer-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu__item {
    margin: 0;
}

.footer-menu__link {
    display: inline-block;
    color: rgb(255 255 255 / 69%);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.35;
    text-decoration: none;
    transition:
        color .2s ease,
        transform .2s ease;
}

.footer-menu__link:hover,
.footer-menu__item.is-active .footer-menu__link {
    color: #fff;
}

.footer-menu__link:hover {
    transform: translateX(2px);
}

/* ==========================================================================
   Scroll-Top
   ========================================================================== */

.scroll-top {
    position: fixed;
    z-index: 999;
    bottom: 28px;
    left: 28px;
    display: grid;
    width: 48px;
    height: 48px;
    padding: 0;
    place-items: center;
    color: var(--color-primary);
    background: rgb(255 255 255 / 72%);
    border: 1px solid rgb(41 57 186 / 14%);
    border-radius: var(--radius-round);
    box-shadow: 0 8px 28px rgb(9 17 73 / 10%);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px) scale(.92);
    transition:
        opacity var(--transition),
        visibility var(--transition),
        transform var(--transition),
        color var(--transition),
        background var(--transition),
        border-color var(--transition),
        box-shadow var(--transition);
}

.scroll-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.scroll-top:hover {
    color: var(--color-white);
    background: rgb(41 57 186 / 90%);
    border-color: transparent;
    box-shadow: 0 12px 32px rgb(41 57 186 / 22%);
    transform: translateY(-3px);
}

.scroll-top:active {
    transform: translateY(-1px) scale(.94);
}

.scroll-top svg {
    width: 22px;
    height: 22px;
}

/* ==========================================================================
   Copy
   ========================================================================== */

.copy {
    cursor: pointer;
}

.copy-tooltip {
    position: fixed;
    z-index: 10000;
    display: inline-flex;
    gap: 7px;
    align-items: center;
    width: max-content;
    max-width: calc(100vw - 24px);
    padding: 9px 13px;
    pointer-events: none;
    color: #fff;
    background: rgb(25 135 84 / 96%);
    border: 1px solid rgb(255 255 255 / 18%);
    border-radius: var(--radius-small);
    box-shadow:
        0 12px 30px rgb(4 44 27 / 20%),
        inset 0 1px 0 rgb(255 255 255 / 14%);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px) scale(.96);
    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .3s cubic-bezier(.22, 1, .36, 1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.copy-tooltip::after {
    position: absolute;
    width: 8px;
    height: 8px;
    background: rgb(25 135 84 / 96%);
    content: "";
    transform: rotate(45deg);
}

.copy-tooltip[data-position="top"]::after {
    top: calc(100% - 4px);
    left: 50%;
    margin-left: -4px;
}

.copy-tooltip[data-position="bottom"]::after {
    bottom: calc(100% - 4px);
    left: 50%;
    margin-left: -4px;
}

.copy-tooltip[data-position="left"]::after {
    top: 50%;
    left: calc(100% - 4px);
    margin-top: -4px;
}

.copy-tooltip[data-position="right"]::after {
    top: 50%;
    right: calc(100% - 4px);
    margin-top: -4px;
}

.copy-tooltip svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.copy-tooltip span {
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
}

.copy-tooltip.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}
/* End */


/* Start:/local/templates/motordetal/assets/css/header-menu.css?179368868315322*/
:root {
    --bitrix-panel-height: 0px;
}

.site-header__mobile-overlay { display: none; }

.site-header {
--header-offset: 48px;
    --header-height: 68px;
    --header-bg-scrolled: rgb(19 25 103 / 38%);
    --header-text: #fff;
    --header-text-scrolled: #fff;
    position: relative;
    z-index: 1000;
}

.site-header__desktop {
    position: fixed;
    z-index: 1000;
    top: calc(var(--bitrix-panel-height) + var(--header-offset));
    right: 0;
    left: 0;
    width: min(1480px, calc(100% - 90px));
    margin: 0 auto;
    transform: translateY(0);
    transition: transform .4s cubic-bezier(.22, .61, .36, 1);
}

@media (max-width: 1250px) {
.site-header__desktop {
    width: calc(100% - 30px);
}
}

.site-header__inner {
    display: flex;
    align-items: center;
    min-width: 0;
    min-height: var(--header-height);
    padding: 9px clamp(16px, 2vw, 30px);
    color: var(--header-text);
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(255 255 255 / 45%);
    border-radius: 24px;
    box-shadow: 0 10px 35px rgb(11 16 59 / 10%);
    transition: color .4s ease, background .4s ease, border-color .4s ease, box-shadow .4s ease, backdrop-filter .4s ease;
    backdrop-filter: blur(6px) saturate(145%);
    -webkit-backdrop-filter: blur(6px) saturate(145%);
}

.site-header.is-scrolled {
    --header-text: var(--header-text-scrolled);
}

.site-header.is-scrolled .site-header__desktop {
    transform: translateY(-32px);
}

.site-header.is-scrolled {
    --header-text: var(--header-text-scrolled);
}

.site-header.is-scrolled .site-header__inner {
    background: rgb(19 25 103 / 38%);
    border-color: rgb(255 255 255 / 14%);
    box-shadow: 0 14px 42px rgb(2 6 40 / 18%);
    backdrop-filter: blur(10px) saturate(145%);
    -webkit-backdrop-filter: blur(10px) saturate(145%);
}

.site-header__logo {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    max-width: clamp(140px, 15vw, 205px);
    color: inherit;
    text-decoration: none;
}

.site-header__logo img {
    display: block;
    width: 100%;
    max-height: 42px;
    object-fit: contain;
}

.site-header__nav {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0 clamp(12px, 2vw, 34px);
}

.site-header__phone {
    flex: 0 0 auto;
    white-space: nowrap;
    color: inherit;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity .2s ease;
}

.site-header__phone:hover {
    opacity: .72;
}

.site-header__mobile-brand,
.site-header__mobile-nav {
    display: none;
}

@media (max-width: 1180px) and (min-width: 769px) {

    .site-header__inner {
        padding-inline: 16px;
    }

    .site-header__logo {
        max-width: 145px;
    }

    .site-header__nav {
        margin-inline: 12px;
    }

    .site-header__phone {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .site-header {
        position: absolute;
        z-index: 1000;
    }

    .site-header__desktop {
        display: none;
    }

    .site-header__mobile-brand {
        display: flex;
        align-items: center;
        min-height: 74px;
        padding: 14px 18px;
        margin-left: 15px;
    }

    .site-header__mobile-logo {
        display: flex;
        align-items: center;
        width: min(190px, 58vw);
        color: #111747;
        text-decoration: none;
    }

    .site-header__mobile-logo img {
        display: block;
        width: 100%;
        max-height: 46px;
        object-fit: contain;
        object-position: left center;
    }

    .site-header__mobile-nav {
        display: block;
    }

    .site-header__mobile-cloud {
        position: fixed;
        z-index: 1002;
        right: 14px;
        bottom: 14px;
        left: 14px;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-height: 66px;
        padding: 7px;
        color: #fff;
        background: rgb(19 25 103 / 72%);
        border: 1px solid rgb(255 255 255 / 16%);
        border-radius: 24px;
        box-shadow: 0 16px 42px rgb(2 6 40 / 28%);
        backdrop-filter: blur(10px) saturate(145%);
        -webkit-backdrop-filter: blur(10px) saturate(145%);
    }

    .site-header__mobile-home,
    .site-header__mobile-call,
    .site-header__menu-button {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-width: 0;
        padding: 5px;
        color: inherit;
        background: none;
        border: 0;
        border-radius: 17px;
        font: inherit;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.1;
        text-decoration: none;
        cursor: pointer;
        transition: background .2s ease;
    }

    .site-header__mobile-home:active,
    .site-header__mobile-call:active,
    .site-header__menu-button:active {
        background: rgb(255 255 255 / 10%);
    }

    .site-header__mobile-home svg,
    .site-header__mobile-call svg {
        width: 21px;
        height: 21px;
        margin-bottom: 4px;
        fill: currentColor;
    }

    .site-header__burger {
        position: relative;
        display: block;
        width: 22px;
        height: 18px;
        margin-bottom: 6px;
    }

    .site-header__burger i {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: currentColor;
        border-radius: 2px;
        transition: transform .25s ease, top .25s ease, opacity .2s ease;
    }

    .site-header__burger i:nth-child(1) {
        top: 1px;
    }

    .site-header__burger i:nth-child(2) {
        top: 8px;
    }

    .site-header__burger i:nth-child(3) {
        top: 15px;
    }

    .site-header.is-menu-open .site-header__burger i:nth-child(1) {
        top: 8px;
        transform: rotate(45deg);
    }

    .site-header.is-menu-open .site-header__burger i:nth-child(2) {
        opacity: 0;
    }

    .site-header.is-menu-open .site-header__burger i:nth-child(3) {
        top: 8px;
        transform: rotate(-45deg);
    }

    .site-header__mobile-panel {
        position: fixed;
        z-index: 1001;
        right: 14px;
        bottom: 91px;
        left: 14px;
        max-height: calc(100dvh - 120px);
        overflow: auto;
        color: #fff;
        background: rgb(19 25 103 / 88%);
        border: 1px solid rgb(255 255 255 / 14%);
        border-radius: 26px;
        box-shadow: 0 20px 55px rgb(2 6 40 / 35%);
        opacity: 0;
        visibility: hidden;
        transform: translateY(18px) scale(.98);
        transform-origin: bottom center;
        backdrop-filter: blur(16px) saturate(150%);
        -webkit-backdrop-filter: blur(16px) saturate(150%);
        transition: opacity .25s ease, visibility .25s ease, transform .25s ease;
    }

    .site-header.is-menu-open .site-header__mobile-panel {
        opacity: 1;
        visibility: visible;
        transform: translateY(0) scale(1);
    }

    .site-header__mobile-panel-inner {
        padding: 20px;
    }

    .site-header__mobile-panel-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 12px;
    }

    .site-header__mobile-panel-head strong {
        font-size: 20px;
        font-weight: 700;
    }

    .site-header__mobile-close {
        position: relative;
        width: 36px;
        height: 36px;
        background: rgb(255 255 255 / 9%);
        border: 0;
        border-radius: 50%;
        cursor: pointer;
    }

    .site-header__mobile-close::before,
    .site-header__mobile-close::after {
        position: absolute;
        top: 17px;
        left: 10px;
        width: 16px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
        content: "";
    }

    .site-header__mobile-close::before {
        transform: rotate(45deg);
    }

    .site-header__mobile-close::after {
        transform: rotate(-45deg);
    }

    .site-header__mobile-phone {
        display: block;
        margin-top: 18px;
        padding: 14px 16px;
        color: #fff;
        background: rgb(255 255 255 / 9%);
        border-radius: 16px;
        font-size: 16px;
        font-weight: 650;
        text-align: center;
        text-decoration: none;
    }

    body.has-mobile-menu {
        overflow: hidden;
    }

    .site-header__mobile-overlay:not([hidden]) { display: block; position: fixed; inset: 0; z-index: 1000; background: transparent; touch-action: none; }
    .site-header__mobile-panel { overscroll-behavior: contain; }
}

/* ==========================================================================
   MENU
   ========================================================================== */

.main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(10px, 1.35vw, 24px);
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-menu__item {
    position: relative;
    min-width: 0;
}

.main-menu__item-head {
    display: flex;
    align-items: center;
}

.main-menu__link {
    display: block;
    padding: 12px 0;
    color: inherit;
    font-size: clamp(12px, .86vw, 14px);
    font-weight: 600;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none;
    transition: opacity .2s ease;
    text-shadow: 0 0px 5px rgb(3 19 33 / 42%);
    border-bottom: 1px solid transparent;
}

.main-menu__link:hover,
.main-menu__item.is-active > .main-menu__item-head > .main-menu__link {
    border-bottom: 1px solid #ffffff8a;
}

.main-menu__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 30px;
    margin-left: 2px;
    padding: 0;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
}

.main-menu__arrow svg {
    width: 10px;
    height: 7px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    transition: transform .2s ease;
}

.main-menu__dropdown {
    position: absolute;
    z-index: 50;
    top: calc(100% + 4px);
    left: 50%;
    width: max-content;
    min-width: 220px;
    max-width: 320px;
    padding-top: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 8px);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
}

.main-menu__dropdown::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 12px;
    content: "";
}

.main-menu__submenu {
    margin: 0;
    padding: 9px;
    background: rgb(255 255 255 / 96%);
    border: 1px solid rgb(14 19 75 / 8%);
    border-radius: 18px;
    box-shadow: 0 15px 40px rgb(2 6 40 / 16%);
    list-style: none;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.main-menu__sublink {
    display: block;
    padding: 10px 12px;
    color: #111747;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 550;
    line-height: 1.35;
    text-decoration: none;
    transition: color .2s ease, background .2s ease;
}

.main-menu__sublink:hover,
.main-menu__subitem.is-active .main-menu__sublink {
    color: #fff;
    background: #111967;
}

.main-menu__item button {
    background: transparent;
    outline: none;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: default;
}

/* ==========================================================================
   Main Menu - VIN Button
   ========================================================================== */

.main-menu__item.menu-item-podbor > .main-menu__item-head > .main-menu__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 100px;
    background: #CD1A1C;
    color: #fff;
    font-weight: 700;
    white-space: nowrap;
    transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.main-menu__item.menu-item-podbor > .main-menu__item-head > .main-menu__link:hover {
    background: #AE1517;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(205, 26, 28, .24);
    border: none;
}

.main-menu__item.menu-item-podbor.is-active > .main-menu__item-head > .main-menu__link {
    background: #CD1A1C;
    color: #fff;
}

.main-menu__item.menu-item-podbor > .main-menu__item-head > .main-menu__link:focus-visible {
    outline: 2px solid #CD1A1C;
    outline-offset: 4px;
}

@media (hover: hover) and (min-width: 769px) {
    .main-menu__item--parent:hover > .main-menu__dropdown {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
    }

    .main-menu__item--parent:hover > .main-menu__item-head .main-menu__arrow svg {
        transform: rotate(180deg);
    }
}

@media (max-width: 1180px) and (min-width: 769px) {
    .main-menu {
        gap: clamp(8px, .8vw, 13px);
    }

    .main-menu__link {
        font-size: 12px;
    }
}

@media (max-width: 768px) {
    .main-menu {
        display: block;
    }

    .main-menu__item {
        border-bottom: 1px solid rgb(255 255 255 / 10%);
    }

    .main-menu__item:last-child {
        border-bottom: 0;
    }

    .main-menu__item-head {
        justify-content: space-between;
    }

    .main-menu__link {
        flex: 1;
        padding: 13px 3px;
        color: #fff;
        font-size: 15px;
        white-space: normal;
    }

    .site-header__mobile-panel .main-menu__link--toggle { text-align: left; font-family: inherit; cursor: pointer; appearance: none; margin: 0; }
    .site-header__mobile-panel .main-menu__arrow { cursor: pointer; flex-shrink: 0; }
    .site-header__mobile-panel .main-menu__item button:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
    .site-header__mobile-panel .main-menu__dropdown::before { display: none; }

.main-menu__item.menu-item-podbor > .main-menu__item-head > .main-menu__link {
    margin-top: 15px;
}

    .main-menu__link:hover,
    .main-menu__item.is-active > .main-menu__item-head > .main-menu__link {
        opacity: 1;
        background: rgba(255, 255, 255, .1);
        border-radius: var(--radius-small);
        padding: 13px 8px;
        border: none;
    }

.main-menu__item.menu-item-podbor.is-active > .main-menu__item-head > .main-menu__link {
    background: #CD1A1C;
    color: #fff;
    padding: 0 12px;
    border-radius: 100px;
    margin-top: 15px;
}

    .main-menu__arrow {
        width: 40px;
        height: 40px;
        color: #fff;
    }

    .main-menu__item.is-submenu-open .main-menu__arrow svg {
        transform: rotate(180deg);
    }

    .main-menu__dropdown {
        position: static;
        width: auto;
        min-width: 0;
        max-width: none;
        max-height: 0;
        padding: 0;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: max-height .3s ease;
    }

    .main-menu__submenu {
        padding: 0 0 9px 12px;
        background: none;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
    }

    .main-menu__sublink {
        padding: 9px 12px;
        color: rgb(255 255 255 / 76%);
        font-size: 14px;
    }

    .main-menu__sublink:hover,
    .main-menu__subitem.is-active .main-menu__sublink {
        color: #fff;
        background: rgb(255 255 255 / 8%);
    }
}
/* End */


/* Start:/local/templates/motordetal/assets/css/forms.css?179368868327912*/
.site-form-section {
    position: relative;
    padding: clamp(60px, 7vw, 100px) 0;
    overflow: hidden;
    color: #fff;
    background:
        radial-gradient(circle at 70% 120%, rgb(50 58 170 / 24%) 0%, transparent 48%),
        linear-gradient(110deg, #111653 0%, #161b69 52%, #121756 100%);
}

.site-form-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 260px;
    pointer-events: none;
    background: linear-gradient(0deg, transparent 0%, rgb(20 27 98 / 48%) 20%, #161b69 100%);
}

.site-form-section--field_tests {
    background: radial-gradient(circle at 88% 10%, rgb(83 101 223 / 10%) 0%, transparent 30%), linear-gradient(135deg, #f5f6fb 0%, #eef0f7 100%);
}

.site-form-section--field_tests::before {
    display: none;
}

.site-form-section .container {
    position: relative;
}

.site-form-section__inner {
    width: min(100%, 1100px);
}

.site-form-section__heading {
    margin-bottom: 34px;
}

.site-form-section--field_tests .site-form-section__heading {
    margin-bottom: 54px;
}

.site-form-section__title {
    margin: 0;
    font-size: clamp(38px, 4.2vw, 58px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.025em;
    background: linear-gradient(90deg, #d9dbff 0%, #aeb3ff 48%, #797fe7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.site-form-section__subtitle {
    max-width: 900px;
    margin-top: 18px;
    font-size: clamp(16px, 1.4vw, 19px);
    font-weight: 400;
    line-height: 1.4;
    color: rgb(255 255 255 / 90%);
}

.site-form-section__subtitle p {
    margin: 0;
    color: var(--color-white);
}

.site-form-section--field_tests .site-form-section__subtitle p {
    color: var(--color-text);
}

.site-form-section__shell {
    position: relative;
    min-height: 220px;
    isolation: isolate;
}

.site-form-section__body {
    position: relative;
    z-index: 1;
    transition:
        opacity .35s ease,
        filter .45s ease,
        transform .45s cubic-bezier(.22, 1, .36, 1);
}

.site-form-section__shell.is-loading .site-form-section__body {
    pointer-events: none;
    opacity: .14;
    filter: blur(5px);
    transform: scale(.985);
}

.site-webform {
    width: 100%;
}

.site-webform__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 36px;
}

.site-webform__field {
    min-width: 0;
}

.site-webform__field--textarea {
    grid-column: 1 / -1;
}

.site-webform__field--file,
.site-webform__field--image,
.site-webform__field--checkbox,
.site-webform__field--radio {
    grid-column: 1 / -1;
}

.site-webform__field-wrap {
    display: block;
}

.site-webform__field-label {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    color: rgb(255 255 255 / 62%);
}

.site-webform__field-label span {
    color: #ff7779;
}

.site-webform__control {
    display: block;
    width: 100%;
    height: 48px;
    padding: 0 2px;
    color: #fff;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgb(255 255 255 / 28%);
    border-radius: 0;
    outline: 0;
    appearance: none;
    font: inherit;
    font-size: 15px;
    transition: border-color .25s ease, box-shadow .25s ease;
}

textarea.site-webform__control {
    height: 56px;
    min-height: 56px;
    padding-top: 14px;
    padding-bottom: 10px;
    line-height: 1.4;
    resize: vertical;
}

select.site-webform__control {
    cursor: pointer;
}

select.site-webform__control option {
    color: #111653;
}

.site-webform__control::placeholder {
    color: rgb(198 201 236 / 42%);
    opacity: 1;
}

.site-webform__control:focus {
    border-color: #8d94ff;
    box-shadow: 0 1px 0 #8d94ff;
}

.site-form-section--field_tests .site-webform__control {
    border-bottom: 1px solid rgb(66 66 66 / 38%);
    color: #515151;
}

.site-form-section--field_tests .site-webform__control::placeholder {
    color: #616161;
}

.site-webform__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 22px;
}

.site-webform__choices label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.site-webform__choice-control {
    width: 17px;
    height: 17px;
    accent-color: #7f87ff;
}

.site-webform__file-control {
    display: block;
    max-width: 100%;
    color: rgb(255 255 255 / 70%);
    font: inherit;
}

.site-webform__footer {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-top: 42px;
}

.site-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 30px;
    border: 0;
    border-radius: 999px;
    font: inherit;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, opacity .2s ease;
}

.site-button--primary {
    color: #fff;
    background: #e42020;
}

.site-button--primary:hover {
    background: #f02a2a;
    transform: translateY(-1px);
}

.site-button:disabled {
    cursor: wait;
    opacity: .65;
}

.site-webform__privacy {
    max-width: 430px;
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
    color: rgb(255 255 255 / 52%);
}

.site-webform__privacy a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 2px;
    transition: color .2s ease;
}

.site-webform__privacy a:hover {
    color: rgb(255 255 255 / 82%);
}

.site-webform__captcha {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
}

.site-webform__captcha-image {
    flex: 0 0 auto;
    background: #fff;
    border-radius: 6px;
}

.site-webform-errors {
    margin-bottom: 25px;
    padding: 15px 18px;
    color: #ffd4d4;
    background: rgb(205 26 28 / 16%);
    border: 1px solid rgb(255 86 88 / 45%);
    border-radius: 12px;
    font-size: 13px;
}

.site-webform-errors strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
}

.site-webform-errors__text p,
.site-webform-errors__text font {
    margin: 0;
    color: inherit !important;
}

.site-webform-success {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 105px;
    padding: 22px 25px;
    overflow: hidden;
    color: #fff;
    background: rgb(255 255 255 / 8%);
    border: 1px solid rgb(158 164 255 / 40%);
    border-radius: 16px;
    animation: site-webform-content-in .55s cubic-bezier(.22, 1, .36, 1) both;
}

.site-webform-success__icon {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    color: #fff;
    background: #4b55d4;
    border-radius: 50%;
    font-size: 24px;
    font-weight: 700;
    animation: site-webform-success-pulse .75s .2s ease-out both;
}

.site-webform-success strong {
    display: block;
    font-size: 19px;
}

.site-webform-success p {
    margin: 5px 0 0;
    color: rgb(255 255 255 / 72%);
    font-size: 14px;
}

.site-webform-success::after {
    position: absolute;
    top: -120%;
    left: -40%;
    width: 35%;
    height: 340%;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 16%), transparent);
    transform: rotate(20deg);
    animation: site-webform-success-shine 1.1s .2s ease both;
    content: "";
}

/* Loading */

.site-webform-loading {
    position: absolute;
    z-index: 5;
    inset: -18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    color: #fff;
    background:
        radial-gradient(circle at 50% 38%, rgb(130 137 255 / 20%) 0%, transparent 36%),
        linear-gradient(120deg, rgb(13 19 82 / 76%) 0%, rgb(25 31 112 / 64%) 52%, rgb(13 19 82 / 76%) 100%);
    border: 1px solid rgb(163 168 255 / 0%);
    border-radius: 22px;
    box-shadow: 0 25px 70px rgb(2 6 48 / 0%);
    backdrop-filter: blur(16px) saturate(140%);
    -webkit-backdrop-filter: blur(16px) saturate(140%);
    transform: scale(.97) translateY(8px);
    transition:
        visibility 0s linear .4s,
        opacity .4s ease,
        transform .55s cubic-bezier(.22, 1, .36, 1),
        border-color .4s ease,
        box-shadow .4s ease;
}

.site-webform-loading::before {
    position: absolute;
    top: -80%;
    left: -35%;
    width: 36%;
    height: 260%;
    pointer-events: none;
    opacity: 0;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 10%), transparent);
    transform: rotate(18deg);
    content: "";
}

.site-form-section__shell.is-loading .site-webform-loading {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
    border-color: rgb(163 168 255 / 24%);
    box-shadow: 0 25px 70px rgb(2 6 48 / 28%);
    transform: scale(1) translateY(0);
    transition-delay: 0s;
}

.site-form-section__shell.is-loading .site-webform-loading::before {
    opacity: 1;
    animation: site-webform-light-sweep 1.8s ease-in-out infinite;
}

.site-webform-loading__visual {
    position: relative;
    width: 78px;
    height: 78px;
    margin-bottom: 20px;
}

.site-webform-loading__core {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    box-shadow:
        0 0 14px rgb(255 255 255 / 88%),
        0 0 32px rgb(124 133 255 / 72%),
        0 0 62px rgb(105 115 255 / 42%);
    transform: translate(-50%, -50%);
    animation: site-webform-core-pulse 1.35s ease-in-out infinite;
}

.site-webform-loading__orbit {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 1px solid rgb(188 192 255 / 48%);
    border-radius: 50%;
}

.site-webform-loading__orbit::after {
    position: absolute;
    top: -4px;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #c8cbff;
    border-radius: 50%;
    box-shadow: 0 0 12px rgb(166 173 255 / 92%);
    transform: translateX(-50%);
    content: "";
}

.site-webform-loading__orbit--one {
    width: 52px;
    height: 52px;
    margin: -26px 0 0 -26px;
    animation: site-webform-orbit 1.35s linear infinite;
}

.site-webform-loading__orbit--two {
    width: 74px;
    height: 74px;
    margin: -37px 0 0 -37px;
    border-color: rgb(188 192 255 / 20%);
    animation: site-webform-orbit-reverse 2.2s linear infinite;
}

.site-webform-loading__orbit--two::after {
    top: auto;
    bottom: -3px;
    width: 6px;
    height: 6px;
    background: #777fff;
}

.site-webform-loading__title {
    position: relative;
    z-index: 2;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;
}

.site-webform-loading__text {
    position: relative;
    z-index: 2;
    color: rgb(255 255 255 / 58%);
    font-size: 12px;
}

.site-webform-loading__progress {
    position: relative;
    z-index: 2;
    display: block;
    width: min(250px, 70%);
    height: 2px;
    margin-top: 20px;
    overflow: hidden;
    background: rgb(255 255 255 / 12%);
    border-radius: 999px;
}

.site-webform-loading__progress span {
    position: absolute;
    inset: 0 auto 0 0;
    width: 42%;
    background: linear-gradient(90deg, transparent 0%, #929aff 48%, #fff 100%);
    border-radius: inherit;
    box-shadow: 0 0 14px rgb(135 145 255 / 68%);
    animation: site-webform-progress 1.15s ease-in-out infinite;
}

.site-form-section__body.is-updated {
    animation: site-webform-content-in .65s cubic-bezier(.22, 1, .36, 1) both;
}

.site-form-section.is-success .site-form-section__shell {
    min-height: 140px;
}

.site-webform-errors:focus,
.site-webform-success:focus {
    outline: none;
}

@keyframes site-webform-orbit {
    to { transform: rotate(360deg); }
}

@keyframes site-webform-orbit-reverse {
    to { transform: rotate(-360deg); }
}

@keyframes site-webform-core-pulse {
    0%, 100% {
        opacity: .72;
        transform: translate(-50%, -50%) scale(.78);
    }

    50% {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1.15);
    }
}

@keyframes site-webform-progress {
    from { left: -45%; }
    to { left: 110%; }
}

@keyframes site-webform-light-sweep {
    0% { left: -45%; }
    55%, 100% { left: 125%; }
}

@keyframes site-webform-content-in {
    from {
        opacity: 0;
        filter: blur(5px);
        transform: translateY(18px) scale(.985);
    }

    to {
        opacity: 1;
        filter: blur(0);
        transform: translateY(0) scale(1);
    }
}

@keyframes site-webform-success-shine {
    from { left: -45%; }
    to { left: 130%; }
}

@keyframes site-webform-success-pulse {
    0% {
        opacity: 0;
        box-shadow: 0 0 0 0 rgb(103 113 255 / 54%);
        transform: scale(.6);
    }

    55% {
        opacity: 1;
        box-shadow: 0 0 0 18px rgb(103 113 255 / 0%);
        transform: scale(1.12);
    }

    100% {
        box-shadow: 0 0 0 0 rgb(103 113 255 / 0%);
        transform: scale(1);
    }
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (max-width: 900px) {
    .site-webform__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .site-form-section {
        padding: 54px 0;
    }

    .site-form-section__heading {
        margin-bottom: 28px;
    }

    .site-form-section__title {
        font-size: clamp(32px, 10vw, 42px);
    }

    .site-webform__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .site-webform__field {
        grid-column: 1;
    }

    .site-webform__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        margin-top: 30px;
    }

    .site-webform__submit {
        width: 100%;
    }

    .site-webform__privacy {
        max-width: none;
        text-align: center;
    }

    .site-webform__captcha {
        align-items: stretch;
        flex-direction: column;
    }

    .site-form-section__shell {
        min-height: 350px;
    }

    .site-webform-loading {
        inset: -12px;
        border-radius: 18px;
    }

    .site-webform-loading__title {
        font-size: 16px;
    }

    .site-webform-loading__text {
        max-width: 240px;
        text-align: center;
    }

    .site-form-section.is-success .site-form-section__shell {
        min-height: 165px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-form-section__body,
    .site-webform-loading,
    .site-webform-loading::before,
    .site-webform-loading__core,
    .site-webform-loading__orbit,
    .site-webform-loading__progress span,
    .site-webform-success,
    .site-webform-success::after,
    .site-webform-success__icon {
        animation: none;
        transition: none;
    }
}

/* ==========================================================================
   Feedback-Form
   ========================================================================== */

.feedback .feedback-form,
.feedback .site-form-section,
.feedback .site-form-section__shell,
.feedback .site-form-section__body,
.feedback .site-webform {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.site-form-section::before {
    display: none;
    background: transparent;
}

.feedback .site-webform__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px;
}

.feedback .site-webform__field {
    width: 100%;
    margin: 0;
}

.feedback .site-webform__field-wrap {
    width: 100%;
}

.feedback .site-webform__field-wrap--floating {
    position: relative;
    display: block;
}

.feedback .site-webform__field-wrap--floating input,
.feedback .site-webform__field-wrap--floating textarea,
.feedback .site-webform__field-wrap--floating .site-webform__control {
    display: block;
    width: 100%;
    min-height: 54px;
    padding: 18px 16px 8px;
    border: 1px solid #6874f5;
    border-radius: var(--radius-medium);
    outline: none;
    background: #fff;
    color: var(--color-text);
    font: inherit;
    box-shadow: none;
    appearance: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.feedback .site-webform__field-wrap--floating textarea,
.feedback .site-webform__field--textarea .site-webform__control {
    min-height: 154px;
    padding-top: 20px;
    resize: vertical;
}

.feedback .site-webform__floating-label {
    position: absolute;
    top: 50%;
    left: 13px;
    z-index: 2;
    max-width: calc(100% - 26px);
    padding: 0 4px;
    background: #fff;
    color: #252b62;
    transform: translateY(-50%);
    transform-origin: left center;
    pointer-events: none;
    transition: top .22s ease, color .22s ease, transform .22s ease;
}

.feedback .site-webform__field--textarea .site-webform__floating-label {
    top: 22px;
    transform: none;
}

.feedback .site-webform__field-wrap--floating input:focus,
.feedback .site-webform__field-wrap--floating textarea:focus,
.feedback .site-webform__field-wrap--floating .site-webform__control:focus {
    border-color: #4652e8;
    box-shadow: 0 0 0 4px rgb(70 82 232 / 9%);
}

.feedback .site-webform__field-wrap--floating input:focus + .site-webform__floating-label,
.feedback .site-webform__field-wrap--floating input:not(:placeholder-shown) + .site-webform__floating-label,
.feedback .site-webform__field-wrap--floating textarea:focus + .site-webform__floating-label,
.feedback .site-webform__field-wrap--floating textarea:not(:placeholder-shown) + .site-webform__floating-label,
.feedback .site-webform__field-wrap--floating .site-webform__control:focus + .site-webform__floating-label,
.feedback .site-webform__field-wrap--floating .site-webform__control:not(:placeholder-shown) + .site-webform__floating-label {
    top: 0;
    color: #4652e8;
    transform: translateY(-50%) scale(.82);
}

.feedback .site-webform__field--textarea .site-webform__control:focus + .site-webform__floating-label,
.feedback .site-webform__field--textarea .site-webform__control:not(:placeholder-shown) + .site-webform__floating-label {
    top: 0;
    transform: translateY(-50%) scale(.82);
}

.feedback .site-webform__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 32px;
}

.feedback .site-webform__submit {
    min-width: 172px;
}

.feedback .site-webform__privacy {
    margin-top: 14px;
    text-align: center;
}


/* ==========================================================================
   Responsive-Feedback-Form
   ========================================================================== */

@media (max-width: 560px) {
    .feedback .site-webform__grid {
        gap: 18px;
    }

    .feedback .site-webform__submit {
        width: 100%;
    }
}

/* ==========================================================================
   Partner-Form
   ========================================================================== */

.partner-form {
    overflow: hidden;
    scroll-margin-top: 100px;
    background:
        radial-gradient(circle at 82% 12%, rgb(83 101 223 / 7%) 0%, transparent 30%),
        radial-gradient(circle at 12% 88%, rgb(41 57 186 / 4%) 0%, transparent 28%),
        linear-gradient(145deg, #f6f7fc 0%, #f0f2fa 100%);
}

.partner-form .container {
    position: relative;
    z-index: 1;
}

.partner-form__inner {
    width: min(100%, 850px);
    margin: 0 auto;
}

.partner-form__head {
    margin-bottom: clamp(42px, 5vw, 58px);
}

.partner-form__head h2 {
    max-width: 760px;
}

.partner-form__head p {
    max-width: 780px;
    color: var(--color-text);
    font-size: var(--font-size-lead);
}

.partner-form .site-form-section__shell {
    min-height: 0;
}

.partner-form .site-webform__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 16px;
}

.partner-form .site-webform__field {
    min-width: 0;
    grid-column: 1 / -1;
}

.partner-form .site-webform__field-label {
    display: block;
    margin-bottom: 8px;
    color: var(--color-primary-dark);
    font-size: var(--font-size-text);
    font-weight: 700;
}

.partner-form .site-webform__control {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 16px;
    color: var(--color-text);
    background: rgb(255 255 255 / 88%);
    border: 1px solid rgb(53 67 176 / 52%);
    border-radius: var(--radius-medium);
    outline: 0;
    box-shadow:
        0 8px 24px rgb(9 17 73 / 3%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
    font: inherit;
    appearance: none;
    transition:
        border-color var(--transition),
        box-shadow var(--transition),
        background-color var(--transition);
}

.partner-form .site-webform__control::placeholder {
    color: rgb(48 54 101 / 38%);
    opacity: 1;
}

.partner-form .site-webform__control:focus {
    background: #fff;
    border-color: #4652e8;
    box-shadow:
        0 0 0 4px rgb(70 82 232 / 8%),
        0 12px 28px rgb(9 17 73 / 5%);
}

.partner-form textarea.site-webform__control {
    height: 112px;
    min-height: 112px;
    padding: 16px;
    resize: vertical;
}

.partner-form .site-webform__field--radio {
    margin-top: 2px;
}

.partner-form .site-webform__field--radio > .site-webform__field-label {
    margin-bottom: 10px;
}

.partner-form .site-webform__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 14px;
}

.partner-form .site-webform__choices .partner-form__choice {
    position: relative;
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 10px;
    padding: 12px 18px;
    color: var(--color-primary-dark);
    background:
        linear-gradient(135deg, rgb(228 230 252 / 96%) 0%, rgb(213 217 249 / 96%) 100%);
    border: 1px solid rgb(83 101 223 / 13%);
    border-radius: var(--radius-medium);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    cursor: pointer;
    transition:
        border-color var(--transition),
        background-color var(--transition),
        box-shadow var(--transition);
}

.partner-form .site-webform__choices .partner-form__choice:has(.site-webform__choice-control:checked) {
    background:
        linear-gradient(135deg, rgb(255 241 241 / 98%) 0%, rgb(255 226 227 / 98%) 100%);
    border-color: rgb(205 26 28 / 60%);
    box-shadow:
        0 8px 22px rgb(205 26 28 / 5%),
        inset 0 1px 0 rgb(255 255 255 / 90%);
}

.partner-form .site-webform__choice-control {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    margin: 0;
    accent-color: var(--color-red);
    cursor: pointer;
}

.partner-form__footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-top: 30px;
}

.partner-form .site-webform__privacy {
    align-self: stretch;
    max-width: none;
    margin: 0 0 26px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    line-height: 1.6;
    text-align: left;
}

.partner-form .site-webform__privacy a {
    color: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.partner-form .site-webform__privacy a:hover {
    color: var(--color-primary);
}

.partner-form .site-webform__submit {
    min-width: min(100%, 570px);
    min-height: 56px;
    gap: 10px;
    padding-inline: 30px;
    background: var(--color-red);
    box-shadow: 0 14px 32px rgb(205 26 28 / 18%);
}

.partner-form .site-webform__submit svg {
    flex: 0 0 auto;
}

.partner-form__note {
    margin-top: 18px;
    color: var(--color-text-soft);
    font-size: var(--font-size-small-text);
    text-align: center;
}

.partner-form .site-webform-errors {
    color: #8e171a;
    background: rgb(205 26 28 / 7%);
    border-color: rgb(205 26 28 / 22%);
}

.partner-form .site-webform-errors strong {
    color: var(--color-primary-dark);
}

.partner-form .site-webform-success {
    color: var(--color-primary-dark);
    background: rgb(255 255 255 / 72%);
    border-color: rgb(83 101 223 / 18%);
    box-shadow: var(--shadow-small);
}

.partner-form .site-webform-success p {
    color: var(--color-text-soft);
}

.partner-form .site-webform-success__icon {
    background: var(--color-primary);
}

.partner-form .site-webform-loading {
    color: var(--color-primary-dark);
    background:
        radial-gradient(circle at 50% 38%, rgb(83 101 223 / 12%) 0%, transparent 38%),
        rgb(246 247 252 / 88%);
    border-color: rgb(83 101 223 / 12%);
    box-shadow: 0 25px 70px rgb(9 17 73 / 10%);
}

.partner-form .site-webform-loading__core {
    background: #5365df;
    box-shadow:
        0 0 14px rgb(83 101 223 / 70%),
        0 0 32px rgb(83 101 223 / 38%);
}

.partner-form .site-webform-loading__title {
    color: var(--color-primary-dark);
}

.partner-form .site-webform-loading__text {
    color: var(--color-text-soft);
}

.partner-form .site-webform-loading__progress {
    background: rgb(41 57 186 / 10%);
}


/* ==========================================================================
   Partner-Form-Floating-Labels
   ========================================================================== */

.partner-form .site-webform__field-wrap--floating {
    position: relative;
    display: block;
}

.partner-form .site-webform__floating-label {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 13px;
    max-width: calc(100% - 26px);
    padding: 0 4px;
    color: #252b62;
    background: #fff;
    line-height: 1.2;
    transform: translateY(-50%);
    transform-origin: left center;
    pointer-events: none;
    transition: top .22s ease, color .22s ease, transform .22s ease;
}

.partner-form .site-webform__field--textarea .site-webform__floating-label {
    top: 22px;
    transform: none;
}

.partner-form .site-webform__control:focus + .site-webform__floating-label,
.partner-form .site-webform__control:not(:placeholder-shown) + .site-webform__floating-label {
    top: 0;
    color: #4652e8;
    transform: translateY(-50%) scale(.82);
}

.partner-form .site-webform__floating-label span {
    color: var(--color-red);
}

.partner-form .partner-form__choice-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

.partner-form .partner-form__choice:has(.site-webform__choice-control:focus-visible) {
    outline: 2px solid #4652e8;
    outline-offset: 3px;
}

/* ==========================================================================
   Responsive-Partner-Form
   ========================================================================== */

@media (max-width: 768px) {
    .partner-form__inner {
        width: min(100%, 650px);
    }

    .partner-form__head h2 br,
    .partner-form__head p br {
        display: none;
    }

    .partner-form .site-webform__choices {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .partner-form__head {
        margin-bottom: 34px;
    }

    .partner-form .site-webform__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .partner-form .site-webform__control {
        height: 54px;
        padding-inline: 14px;
    }

    .partner-form textarea.site-webform__control {
        height: 120px;
        min-height: 120px;
        padding: 15px 14px;
    }

    .partner-form .site-webform__choices .partner-form__choice {
        min-height: 54px;
        padding: 11px 14px;
    }

    .partner-form__footer {
        margin-top: 26px;
    }

    .partner-form .site-webform__privacy {
        margin-bottom: 22px;
    }

    .partner-form .site-webform__submit {
        width: 100%;
        min-width: 0;
        min-height: 54px;
        padding-inline: 18px;
    }

    .partner-form__note {
        max-width: 390px;
    }
}
/* End */


/* Start:/local/templates/motordetal/assets/css/responsive.css?1793688683145756*/
@charset "utf-8";

@media (max-width: 1200px) {
  :root {
    --container-padding: 24px;
  }

  .grid--5,
  .grid--6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

    .md-oil-compare__layout {
        grid-template-columns: minmax(320px, .9fr) 40px minmax(410px, 1.1fr);
        gap: 24px;
    }

    .md-oil-compare__product img {
        max-height: 520px;
    }

    .cpg-care__layout {
        grid-template-columns: minmax(0, 58%) minmax(0, 42%);
        gap: 0;
    }

    .cpg-care__card {
        padding: 24px;
    }

    .cpg-care__grid {
        gap: 18px;
    }

    .cpg-care__media img {
        right: -90px;
        width: min(60vw, 640px);
    }

    .cpg-microrelief__intro {
        gap: 32px;
    }

    .cpg-machining__card,
    .cpg-gehring__content {
        padding: 28px;
    }

    .cpg-coating__grid {
        gap: 32px;
    }

}

/* ==========================================================================
   
End 1200px
   ========================================================================== */

@media (max-width: 1100px) {
  .grid--4,
  .grid--5,
  .grid--6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

    .product-catalog__scheme {
        display: grid;
        width: 100%;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--space-md);
        margin-top: var(--space-xl);
    }

    .product-catalog__ring {
        display: none;
    }

    .product-catalog__engine {
        position: relative;
        top: auto;
        left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: min(520px, 80%);
        margin: 0 auto var(--space-md);
        grid-column: 1 / -1;
        transform: none;
    }

    .product-catalog__engine img {
        max-height: 390px;
        object-fit: contain;
    }

    .product-catalog__item,
    .product-catalog__item--filters,
    .product-catalog__item--turbo,
    .product-catalog__item--oils,
    .product-catalog__item--cylinder,
    .product-catalog__item--gaskets,
    .product-catalog__item--pumps {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
        min-height: 250px;
        transform: none;
    }

    .product-catalog__item:hover,
    .product-catalog__item--turbo:hover,
    .product-catalog__item--pumps:hover {
        transform: translateY(-4px);
    }

    .product-catalog__item--turbo .product-catalog__image,
    .product-catalog__item--pumps .product-catalog__image,
    .product-catalog__image {
        height: 165px;
    }

    .product-catalog__bottom {
        margin-top: var(--space-xl);
    }

    .brand-story__warranty {
        grid-template-columns: minmax(0, 1fr) minmax(320px, .9fr);
    }

    .brand-story__main {
        grid-template-columns: 1fr;
    }

    .brand-story__video,
    .brand-story__video video {
        min-height: 400px;
    }

    .brand-story__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .brand-story__stat {
        min-height: 120px;
    }

    .brand-story__facts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company__production {
        grid-template-columns: minmax(340px, 1fr) minmax(0, 1fr);
    }

    .production-quality__intro {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
        gap: var(--space-xl);
    }

    .production-quality__content h2 br,
    .production-quality__lead br,
    .production-quality__content > p br {
        display: none;
    }

    .production-quality__factory {
        padding-inline: clamp(24px, 4vw, 44px);
    }

    .md-care__body {
        grid-template-columns: 300px minmax(0, 1fr);
        gap: var(--space-lg);
    }

    .md-care h2 {
        font-size: clamp(36px, 5vw, 50px);
    }

    .contact-community__content {
        width: 52%;
    }

    .contact-community__media {
        right: -80px;
        width: 62%;
    }

    .oils-expertise__intro-grid {
        grid-template-columns: minmax(0, 1fr) 180px;
        gap: 48px;
    }

    .oils-expertise__emblem {
        width: 160px;
        padding: 20px;
    }

    .oils-expertise__leaders {
        width: calc(100% - 30px);
    }

    .oils-formula__main {
        min-height: 530px;
    }

    .oils-formula__dna {
        width: 500px;
    }

    .oils-formula__benefits {
        width: 260px;
    }

    .oils-buy__channels {
        grid-template-columns: 1fr;
    }

    .oils-buy__channel {
        min-height: auto;
    }

    .oils-buy__channel--md {
        min-height: 230px;
    }

    .oils-buy__location {
        width: 180px;
        opacity: .82;
    }

    .oils-trust__maintenance {
        min-height: 720px;
        background-position: right center;
    }

    .oils-trust__maintenance-content {
        width: min(48%, 430px);
    }

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

    .oils-trust__filters .btn {
        grid-column: 1 / -1;
        justify-self: start;
    }

    .md-product-proof__metrics {
        gap: 18px;
    }

    .md-product-proof__metric {
        padding: 17px 18px;
    }

    .field-tests__card {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .82fr);
        gap: 38px;
    }

    .field-tests__media {
        min-height: 300px;
    }

    .site-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 42px 64px;
    }

    .site-footer__bottom {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 30px;
    }

    .site-footer__bottom > :nth-child(2),
    .site-footer__bottom > :nth-child(3),
    .site-footer__bottom > :nth-child(4) {
        justify-self: start;
    }

.brand-partners__mascot {
    right: 80px;
    bottom: -120px;
}

    .water-pumps__facts {
        grid-template-columns: minmax(0, 1fr) 310px;
        gap: 32px;
    }

    .water-pumps__construction {
        padding-inline: 42px;
    }

    .water-pumps__construction-media {
        margin-right: -42px;
    }

    .engineering-item--testing .engineering-item__head {
        grid-template-columns: minmax(0, .9fr) minmax(440px, 1.1fr);
        gap: 34px;
        min-height: 620px;
        padding: 48px;
    }

    .turbo-warranty {
        min-height: 570px;
    }

    .turbo-warranty__content {
        width: 51%;
    }

    .turbo-warranty__product {
        top: 54px;
        right: -54px;
        width: 58%;
    }

    .turbo-authenticity {
        grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr);
    }

    .turbo-authenticity__content {
        padding-left: 48px;
    }

    .turbo-authenticity__visual img {
        right: -20px;
        width: 500px;
    }

    .where-online__grid {
        gap: 24px;
    }

    .conveyor-applications__scheme {
        width: 900px;
        height: 700px;
    }

    .conveyor-applications__orbit {
        width: 540px;
    }

    .conveyor-applications__core {
        width: 230px;
    }

    .conveyor-applications__item {
        width: 245px;
        min-height: 178px;
        padding: 22px;
    }

    .conveyor-applications__item--right-top,
    .conveyor-applications__item--left-top {
        top: 140px;
    }

    .conveyor-applications__item--right-bottom,
    .conveyor-applications__item--left-bottom {
        bottom: 70px;
    }

    .cpg-compare__banner {
        min-height: 550px;
    }

    .cpg-compare__content {
        min-height: 430px;
    }

    .cpg-compare__media {
        width: 65%;
    }

    .cpg-compare__content > p {
        max-width: 660px;
    }

    .cpg-care__layout {
        grid-template-columns: minmax(0, 60%) minmax(0, 40%);
    }

    .cpg-care__card {
        padding: 22px;
    }

    .cpg-care__card h4 br,
    .cpg-care__card p br {
        display: none;
    }

    .cpg-care__media img {
        right: -100px;
        width: 60vw;
    }

    .alloy-chemistry__grid {
        gap: 18px;
    }

    .alloy-chemistry__card {
        padding: 24px;
    }

    .alloy-chemistry__compare .water-pumps__compare-card {
        min-height: 265px;
    }

    .alloy-formula__card-main {
        grid-template-columns: 105px minmax(0, 1fr);
        gap: 18px;
    }

    .alloy-formula__card {
        padding: 22px;
    }

    .alloy-formula__benefit {
        min-height: 320px;
    }

    .liner-composition__card {
        --liner-line-end: 74%;
        --liner-image-width: 28%;
        padding: 42px;
    }

    .liner-composition__row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .piston-rings__top {
        gap: 20px;
        min-height: 460px;
    }

    .piston-rings__feature {
        padding: 18px;
    }

    .piston-rings__feature-head {
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 12px;
    }

    .piston-rings__feature-head img {
        width: 68px;
    }

    .cpg-microrelief__benefits,
    .cpg-machining__grid,
    .cpg-gehring__grid {
        gap: 24px;
    }

    .cpg-microrelief__benefits > p {
        padding-inline: 24px;
    }

    .cpg-microrelief__benefits > p::before {
        left: 26px;
    }

    .cpg-machining__card > img {
        height: 220px;
    }

    .cpg-coating__images {
        gap: 12px;
    }

    .expert-design__grid {
        gap: 24px;
    }

    .expert-design__card {
        padding: 26px;
    }

    .expert-design__geometry {
        gap: 18px;
    }

    .expert-coatings__grid {
        gap: 24px;
    }

    .expert-coatings__card {
        padding: 26px;
    }

    .expert-chrome__grid {
        gap: 20px;
    }

    .expert-chrome__card {
        padding: 22px;
    }

    .expert-economy__grid {
        gap: 24px;
    }

    .expert-economy__content {
        padding: 26px;
    }

    .parts-selection__banner {
        grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
    }

    .parts-selection__content {
        padding: 36px;
    }

    .silicone-hoses__card {
        grid-template-columns: 44% 56%;
    }

    .silicone-hoses__content {
        padding: 30px;
    }

    .silicone-hoses__content ul {
        gap: 14px;
    }

    .partner-intro__advantages {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-intro__advantage {
        min-height: 145px;
    }

}

/* ==========================================================================
   
End 1100px
   ========================================================================== */

@media (max-width: 1024px) {
  :root {
    --container-padding: 22px;
  }

  .grid--3,
  .grid--4,
  .grid--5,
  .grid--6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .section__head {
    margin-bottom: clamp(28px, 4vw, 44px);
  }
}

/* ==========================================================================
   
End 1024px
   ========================================================================== */

@media (max-width: 990px) {
  :root {
    --container-padding: 20px;
  }

  .section {
    padding-block: clamp(56px, 7vw, 82px);
  }

  .section--compact {
    padding-block: clamp(36px, 5vw, 58px);
  }

  .card {
    padding: clamp(20px, 3vw, 26px);
  }

  .btn {
    min-height: 46px;
  }

    .engine-protection__grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
        margin-top: var(--space-xl);
    }

    .engine-protection__item {
        padding-left: 30px;
    }

    .engine-protection__arrow {
        top: 50%;
        bottom: auto;
        left: 0;
        width: 18px;
        height: 2px;
        transform: translateY(-50%);
    }

    .engine-protection__arrow::before,
    .engine-protection__arrow::after {
        right: 0;
        left: auto;
        width: 8px;
    }

    .engine-protection__arrow::before {
        top: -3px;
        transform: rotate(45deg);
        transform-origin: right center;
    }

    .engine-protection__arrow::after {
        top: 3px;
        transform: rotate(-45deg);
        transform-origin: right center;
    }

    .company__production {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .company__production-image {
        min-height: 310px;
    }

    .company__production-panel {
        min-height: 0;
        border-top: 1px solid rgb(255 255 255 / 10%);
        border-left: 0;
    }

    .media-center__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .faq__layout {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
        max-width: 800px;
    }

    .faq__head {
        position: static;
    }

    .faq__head h2 br {
        display: none;
    }

    .contact-community {
        min-height: auto;
    }

    .contact-community .container {
        display: flex;
        flex-direction: column;
    }

    .contact-community__content {
        width: min(100%, 620px);
    }

    .contact-community__media {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(720px, 100%);
        margin: var(--space-lg) auto calc(clamp(64px, 8vw, 110px) * -1);
    }

    .stats-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .stats-grid__item {
        min-height: 170px;
    }

    .stats-grid__item:nth-child(3) {
        border-left: 0;
    }

    .stats-grid__item:nth-child(n+3) {
        border-top: 1px solid var(--color-border);
    }

    .oils-production__steps {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 20px;
    }

    .oils-production__steps::before {
        display: none;
    }

    .oils-production__steps li {
        padding: 26px 20px;
        background: rgb(247 248 253 / 72%);
        border: 1px solid rgb(41 57 186 / 9%);
        border-radius: var(--radius-large);
    }

    .oils-production__steps li:not(:last-child)::after {
        display: none;
    }

    .oils-production__steps span {
        width: 68px;
        height: 68px;
        font-size: 28px;
    }

    .oils-formula__main {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        min-height: 0;
    }

    .oils-formula__intro {
        grid-column: 1 / -1;
    }

    .oils-formula__dna {
        position: relative;
        top: auto;
        left: auto;
        grid-column: 1 / -1;
        grid-row: 2;
        width: min(330px, 60%);
        margin: 10px auto;
        transform: none;
    }

    .oils-formula__benefits {
        position: static;
        width: auto;
    }

    .oils-formula__benefits--left {
        grid-column: 1;
        grid-row: 3;
    }

    .oils-formula__benefits--right {
        grid-column: 2;
        grid-row: 3;
    }

    .oils-formula__benefit {
        min-height: 130px;
    }

    .oils-formula__additives {
        margin-top: 46px;
    }

    .oils-buy__channels {
        padding-right: 0;
    }

    .oils-buy__location {
        top: -40px;
        right: -30px;
        width: 150px;
        opacity: .18;
        transform: none;
    }

    .oils-buy__channel {
        min-height: 230px;
    }

    .oils-proof__grid,
    .oils-proof__tests-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oils-proof__card:last-child,
    .oils-proof__test:last-child {
        grid-column: 1 / -1;
        width: min(100%, 50%);
        justify-self: center;
    }

    .oil-series__grid {
        grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
        gap: clamp(32px, 5vw, 54px);
    }

    .oil-series__feature {
        padding: 22px;
    }

    .oil-series__product {
        padding-top: 62px;
    }

    .oil-series__media {
        min-height: 370px;
    }

    .oil-products__grid {
        grid-template-columns: repeat(auto-fit, minmax(230px, 270px));
        gap: 20px;
    }

    .oil-products__image {
        min-height: 230px;
        padding-inline: 18px;
    }

    .oil-products__image img {
        max-width: 190px;
        height: 205px;
    }

    .oil-products__content {
        padding-inline: 20px;
    }

    .pro-service__box {
        grid-template-columns: minmax(0, 1.15fr) minmax(210px, .85fr);
        gap: 32px;
    }

    .pro-service__media {
        min-height: 230px;
    }

    .pro-service__media img {
        max-width: 220px;
        max-height: 250px;
    }

    .md-product-proof__intro {
        grid-template-columns: minmax(0, 1fr) 90px;
    }

    .md-product-proof__icon {
        width: 78px;
    }

    .md-product-proof__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md-product-proof__metric--mo {
        grid-column: auto;
        max-width: none;
        margin-top: 0;
        justify-self: stretch;
    }

    .md-product-proof__note {
        margin-top: 26px;
    }

    .md-product-proof__result {
        margin-top: clamp(180px, 24vw, 260px);
    }

    .md-product-proof__metrics--column {
        width: min(100%, 300px);
        grid-template-columns: minmax(0, 310px);
    }

    .md-product-proof__certificate {
        width: clamp(170px, 22vw, 220px);
    }

    .test-process__grid {
        gap: 20px;
    }

    .test-process__item {
        padding: 24px;
    }

    .test-process__number {
        width: 66px;
        height: 66px;
        margin-bottom: 20px;
    }

    .test-process__grid::before {
        top: 43px;
    }

    .field-tests__card {
        grid-template-columns: minmax(0, 1.1fr) minmax(270px, .9fr);
        padding: 34px;
    }

    .field-tests__media {
        min-height: 280px;
    }

    .oil-risks__evidence {
        gap: 0;
    }

    .oil-risks__evidence-item {
        padding: 18px;
    }

    .oil-risks .oils-production__steps {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .oil-risks .oils-production__steps li {
        padding-inline: 8px;
    }

    .oil-risks .oils-production__steps p {
        font-size: 13px;
    }

    .md-oil-compare__box {
        width: min(calc(100% - 32px), 1680px);
    }

    .md-oil-compare__layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .md-oil-compare__product {
        width: min(100%, 600px);
        margin-inline: auto;
    }

    .md-oil-compare__product img {
        max-height: none;
    }

    .md-oil-compare__direction {
        width: 70px;
        height: 34px;
        transform: rotate(90deg);
    }

    .md-oil-compare__data {
        width: min(100%, 680px);
        margin-inline: auto;
    }

    .md-road-benefits__head {
        padding-right: 150px;
    }

    .md-road-benefits__decor--top {
        width: 120px;
    }

    .md-road-benefits__grid {
        gap: 20px;
    }

    .md-road-benefits__item {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 18px;
        min-height: 180px;
        padding: 22px;
    }

    .md-road-benefits__icon {
        width: 60px;
        height: 60px;
    }

    .md-road-benefits__icon img {
        width: 38px;
        height: 38px;
    }

    .brand-evolution__intro {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .brand-evolution__intro-card {
        min-height: auto;
    }

    .brand-evolution__intro-arrow {
        justify-self: center;
        transform: rotate(90deg);
    }

    .brand-evolution__story {
        grid-template-columns: 130px minmax(0, 1fr);
        gap: 38px;
    }

    .brand-evolution__timeline {
        grid-template-columns: 90px 30px;
    }

    .brand-evolution__timeline-year {
        font-size: 32px;
    }

    .brand-reliability__award {
        grid-template-columns: minmax(220px, .75fr) minmax(0, 1.25fr);
        gap: 34px;
        min-height: auto;
    }

    .brand-reliability__grid {
        gap: 18px;
    }

    .brand-reliability__principle {
        min-height: 240px;
        padding: 26px;
    }

    .brand-values__item {
        grid-template-columns: 70px minmax(0, 1fr);
        min-height: 220px;
        padding: 28px;
    }

    .brand-values__number {
        font-size: 58px;
    }

    .brand-facts__frame {
        grid-template-columns: minmax(240px, .8fr) minmax(340px, 1.2fr);
        gap: 32px;
        min-height: 360px;
        padding: 36px;
    }

    .production-system__box {
        grid-template-columns: minmax(240px, .72fr) minmax(380px, 1.28fr);
        gap: 42px;
        padding: 42px;
    }

    .production-system__cycle {
        padding-left: 28px;
    }

    .brand-partners__showcase {
        grid-template-columns: minmax(0, 1fr) minmax(370px, .95fr);
    }

    .brand-partners__panel {
        padding: 34px;
    }

    .production-equipment__showcase {
        grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
    }

    .production-equipment__content {
        padding: 34px;
    }

    .production-equipment__benefit {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
        padding: 20px;
    }

    .production-equipment__benefit > img {
        width: 46px;
        height: 46px;
    }

    .production-lab__testing {
        grid-template-columns: minmax(260px, .72fr) minmax(0, 1.28fr);
        gap: 32px;
    }

    .production-lab__gallery {
        grid-template-columns: 1.1fr repeat(2, minmax(0, .9fr));
        grid-template-rows: repeat(2, 140px);
    }

    .md-zabota-benefits__grid {
        gap: 16px;
    }

    .md-zabota-benefits__item {
        min-height: 205px;
        padding: 20px;
    }

    .md-zabota-benefits__warranty {
        grid-template-columns: minmax(0, 1fr) minmax(250px, .7fr);
        gap: 42px;
    }

    .md-zabota-protection__box {
        padding: 34px;
    }

    .md-zabota-protection__parts {
        gap: 20px;
    }

    .md-zabota-protection__conditions {
        padding-right: 140px;
    }

    .md-zabota-authenticity__intro {
        grid-template-columns: minmax(270px, .85fr) minmax(0, 1.15fr);
        gap: 40px;
        min-height: 410px;
    }

    .md-zabota-authenticity__media {
        min-height: 380px;
    }

    .md-zabota-authenticity__step {
        min-height: 270px;
        padding: 22px;
    }

    .md-zabota-advantages__top {
        grid-template-columns: minmax(330px, .95fr) minmax(0, 1.05fr);
        gap: 24px;
    }

    .md-zabota-advantages__media {
        min-height: 560px;
    }

    .md-zabota-advantages__media img {
        max-height: 580px;
    }

    .water-pumps__facts {
        grid-template-columns: 1fr;
    }

    .water-pumps__control {
        width: min(100%, 620px);
    }

    .water-pumps__compare {
        grid-template-columns: minmax(0, 1fr) 54px minmax(0, 1fr);
        gap: 18px;
    }

    .water-pumps__compare-card {
        min-height: 390px;
        padding: 28px;
    }

    .water-pumps__construction {
        grid-template-columns: minmax(290px, .9fr) minmax(0, 1.1fr);
        padding: 38px;
    }

    .water-pumps__construction-content {
        padding-bottom: 145px;
    }

    .water-pumps__construction-media {
        margin-right: -38px;
        margin-left: -80px;
    }

    .pump-system__product {
        grid-template-columns: minmax(240px, .8fr) minmax(340px, 1.2fr);
        gap: 36px;
        padding: 36px;
    }

    .pump-system__benefits li {
        min-height: 82px;
    }

    .pump-system__result .oils-expertise__intro-grid {
        grid-template-columns: minmax(0, 1fr) 150px;
        gap: 42px;
    }

    .pump-system__result .oils-expertise__emblem {
        width: 140px;
    }

    .water-pump-advantages__showcase {
        grid-template-columns: minmax(340px, .92fr) minmax(0, 1.08fr);
    }

    .water-pump-advantages__panel {
        padding: 28px;
    }

    .water-pump-advantages__item {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 15px;
        padding: 18px;
    }

    .water-pump-advantages__icon {
        width: 40px;
        height: 40px;
    }

    .water-pump-advantages__icon svg {
        width: 24px;
        height: 24px;
    }

    .engineering-item__head {
        grid-template-columns: minmax(0, 1fr) 90px;
        gap: 24px;
    }

    .engineering-item__head-media {
        width: 82px;
        height: 82px;
    }

    .engineering-compare__media img {
        height: 250px;
    }

    .pump-testing {
        padding: clamp(28px, 5vw, 42px);
    }

    .pump-testing__item {
        grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
        gap: 24px;
    }

    .pump-testing__gallery {
        min-height: 270px;
    }

    .pump-testing__image--wide {
        min-height: 270px;
    }

    .engineering-item--testing .engineering-item__head {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .engineering-item--testing .engineering-item__toggle {
        margin-top: 34px;
    }

    .pump-testing__hero-gallery {
        min-height: 540px;
    }

    .turbo-results__item {
        grid-template-columns: minmax(290px, 40%) minmax(0, 1fr);
    }

    .turbo-results__content {
        padding: 32px;
    }

    .turbo-results__content p br {
        display: none;
    }

    .turbo-warranty {
        display: flex;
        flex-direction: column;
        min-height: 0;
        padding-bottom: 32px;
        overflow: hidden;
    }

    .turbo-warranty__content {
        width: 58%;
    }

    .turbo-warranty__conditions {
        width: 100%;
    }

    .turbo-warranty__product {
        top: 110px;
        right: -90px;
        width: 62%;
    }

    .turbo-warranty__compare {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        margin-top: 42px;
    }

    .turbo-authenticity {
        grid-template-columns: minmax(0, 1fr) 42%;
        min-height: 410px;
    }

    .turbo-authenticity__content {
        padding: 44px 0 44px 40px;
    }

    .turbo-authenticity__visual img {
        right: -70px;
        width: 470px;
        max-height: 104%;
    }

    .where-online__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .where-help__authenticity .oils-expertise__intro-grid {
        padding: 30px 36px;
    }

    .where-help__authenticity .oils-expertise__intro-content {
        max-width: 620px;
    }

    .where-help__authenticity .oils-expertise__emblem {
        margin-left: 30px;
    }

    .contacts-page {
        padding-top: 100px;
    }

    .contacts-social__layout {
        grid-template-columns: 200px minmax(0, 1fr);
        min-height: 350px;
    }

    .contacts-social__links {
        gap: 14px;
    }

    .contacts-social__link {
        min-height: 62px;
        padding: 10px 18px;
    }

    .contacts-social__media {
        right: -80px;
        width: 78%;
    }

    .turbo-advantages__title br {
        display: none;
    }

    .turbo-advantages__media {
        min-height: 420px;
    }

    .turbo-heat__stamp {
        right: 0;
    }

    .turbo-heat__components-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .turbo-housing-proof__body {
        grid-template-columns: 190px minmax(0, 1fr);
    }

    .turbo-housing-proof__material {
        padding: 24px 18px;
    }

    .turbo-housing-proof__tests {
        padding: 24px;
    }

    .turbo-housing-proof__tests .check-list {
        column-gap: 20px;
    }

    .conveyor-applications__scheme {
        display: grid;
        width: 100%;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .conveyor-applications__orbit {
        display: none;
    }

    .conveyor-applications__core {
        position: relative;
        top: auto;
        left: auto;
        grid-column: 1 / -1;
        width: 230px;
        margin: 0 auto 24px;
        transform: none;
    }

    .conveyor-applications__item {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: auto;
        min-height: 190px;
        transform: none;
    }

  .media-kit__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

    .filter-tests__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .filter-tests__card:last-child {
        grid-column: 1 / -1;
        width: calc(50% - 9px);
    }

    .filter-tests__note br {
        display: none;
    }

    .md-maintenance__inner {
        padding: 32px;
    }

    .md-maintenance__grid {
        gap: 24px;
    }

    .md-maintenance__feature {
        padding: 18px;
    }

    .md-maintenance__media {
        min-height: 380px;
    }

    .engineering-item--temperature .engineering-temperature__grid {
        gap: 24px;
    }

    .engineering-temperature__valve {
        grid-template-columns: minmax(0, 1fr) 85px;
        gap: 12px;
    }

    .cpg-kits__card {
        min-height: 460px;
    }

    .cpg-kits__image {
        padding: 28px;
    }

    .cpg-kits__content {
        padding: 0 28px 30px;
    }

    .cpg-materials__card {
        padding: 30px;
    }

    .cpg-materials__card p br {
        display: none;
    }

    .cpg-compare__banner {
        min-height: 520px;
        padding: 42px;
    }

    .cpg-compare__content {
        min-height: 430px;
    }

    .cpg-compare__content > p br {
        display: none;
    }

    .cpg-compare__content > p {
        max-width: 600px;
    }

    .cpg-compare__question {
        max-width: 370px;
    }

    .cpg-compare__question br {
        display: none;
    }

    .cpg-compare__media {
        width: 65%;
    }

    .cpg-care__layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .cpg-care__content {
        max-width: 100%;
    }

    .cpg-care__grid {
        gap: 20px;
    }

    .cpg-care__card {
        padding: 28px;
    }

    .cpg-care__card h4 br,
    .cpg-care__card p br {
        display: initial;
    }

    .cpg-care__media {
        height: 520px;
        margin-top: 20px;
    }

    .cpg-care__media img {
        right: 50%;
        bottom: -45px;
        width: min(85vw, 380px);
        transform: translateX(50%);
    }

    .alloy-chemistry__compare .water-pumps__compare-card {
        min-height: 0;
    }

    .alloy-chemistry__grid {
        gap: 16px;
    }

    .alloy-chemistry__card {
        padding: 22px;
    }

    .alloy-chemistry__card h3,
    .alloy-chemistry__card strong {
        font-size: 16px;
    }

    .alloy-chemistry__result {
        padding: 28px;
    }

    .alloy-formula__grid {
        gap: 16px;
    }

    .alloy-formula__card {
        padding: 18px;
    }

    .alloy-formula__card-main {
        grid-template-columns: 85px minmax(0, 1fr);
        gap: 14px;
    }

    .alloy-formula__card-info p {
        font-size: 16px;
    }

    .alloy-formula__card-result strong {
        font-size: 15px;
    }

    .alloy-formula__bottom {
        gap: 20px;
    }

    .alloy-formula__benefit {
        min-height: 300px;
        padding: 28px;
    }

    .alloy-formula__benefit > img {
        width: 70px;
        height: 70px;
    }

    .piston-hardness__comparison {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
        gap: 24px;
    }

    .piston-hardness__shields,
    .piston-hardness__group--advanced {
        gap: 14px;
    }

    .piston-hardness__shield--gold {
        max-width: 240px;
    }

    .piston-hardness__shield--silver,
    .piston-hardness__shield--copper {
        max-width: 140px;
    }

    .piston-hardness__legend-item {
        gap: 6px;
    }

    .liner-composition__card {
        padding: 32px;
    }

    .liner-composition__row {
        min-height: 90px;
    }

    .liner-composition__diagram {
        min-height: 370px;
    }

    .liner-composition__comparison--other .liner-composition__diagram {
        min-height: 370px;
    }

    .liner-composition__comparison--other .liner-composition__details {
        min-height: 350px;
    }

    .piston-rings__top {
        grid-template-columns: minmax(0, 1fr) minmax(0, .9fr);
        min-height: 400px;
    }

    .piston-rings__feature-head {
        grid-template-columns: 56px minmax(0, 1fr);
    }

    .piston-rings__feature-head img {
        width: 56px;
    }

    .piston-rings__production > img {
        height: 210px;
    }

    .piston-pins__panel {
        gap: 24px;
        padding: 36px;
    }

    .piston-pins__visual img {
        max-width: 230px;
    }

    .cpg-microrelief__intro {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .cpg-microrelief__images {
        max-width: 760px;
    }

    .cpg-microrelief__benefits {
        gap: 16px;
    }

    .cpg-machining__card,
    .cpg-gehring__content {
        padding: 24px;
    }

    .cpg-gehring__grid {
        grid-template-columns: 1.1fr 1fr;
        gap: 20px;
    }

    .cpg-coating__grid {
        gap: 24px;
    }

    .alloy-chemistry__result--white {
        gap: 22px;
        padding: 24px;
    }

    .expert-design__geometry {
        grid-template-columns: minmax(0, 1fr) minmax(0, .38fr);
        gap: 14px;
    }

    .expert-design__alloys {
        height: 160px;
    }

    .expert-chrome__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .silicone-hoses__card {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .silicone-hoses__media {
        height: clamp(300px, 48vw, 440px);
    }

    .silicone-hoses__media img {
        object-fit: contain;
    }

    .silicone-hoses__content {
        padding: clamp(28px, 5vw, 44px);
    }

    .motor-gaskets__feature-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .motor-gaskets__media {
        max-width: 650px;
        width: 100%;
        margin-inline: auto;
    }

    .motor-gaskets__grid {
        gap: 18px;
    }

    .motor-gaskets__card {
        min-height: 0;
    }

    .company-intro__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .company-intro__head,
    .company-intro__content {
        max-width: 760px;
    }

    .company-intro__content {
        padding-top: 0;
    }

    .company-directions__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .company-directions__card:last-child {
        grid-column: 1 / -1;
    }

    .company-directions__card:last-child {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    .company-directions__card:last-child .company-directions__media {
        height: 100%;
        aspect-ratio: auto;
    }

    .partner-benefits__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .partner-benefits__card {
        min-height: 0;
    }

    .partner-steps__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .partner-steps__item {
        min-height: 300px;
        border: 1px solid rgb(255 255 255 / 25%);
        border-radius: var(--radius-medium);
    }

    .partner-steps__item:first-child,
    .partner-steps__item:last-child {
        border-radius: var(--radius-medium);
    }

    .partner-steps__item + .partner-steps__item {
        border-left: 1px solid rgb(255 255 255 / 25%);
    }

    .partner-cta__inner {
        grid-template-columns: 1fr;
    }

    .partner-cta__content {
        min-height: 390px;
    }

    .partner-cta__media {
        min-height: 420px;
    }

    .turbo-heavy__panel {
        padding: 36px;
    }

    .turbo-heavy__item {
        padding-inline: 18px;
    }

    .turbo-heavy__image {
        padding: 10px;
    }

    .turbo-heavy__item p {
        margin-top: 18px;
    }

    .md-zabota-how {
        min-height: 340px;
    }

    .md-zabota-how__content {
        padding: 36px;
    }
}

/* ==========================================================================
   
End 990px
   ========================================================================== */

@media (max-width: 768px) {
  :root {
    --container-padding: 16px;

    --font-size-h1: clamp(34px, 9vw, 46px);
    --font-size-h2: clamp(28px, 8vw, 36px);
    --font-size-h3: clamp(20px, 6vw, 24px);

    --font-size-lead: clamp(16px, 4.5vw, 18px);
    --font-size-text: 16px;
  }

    .breadcrumbs-wrap--after-hero {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .breadcrumbs-wrap--no-hero {
        margin-top: clamp(64px, 4vw, 96px);
        margin-bottom: clamp(24px, 3vw, 36px);
    }

    .md-breadcrumbs__list {
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 0;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-x: contain;
    }

    .md-breadcrumbs__list::-webkit-scrollbar {
        display: none;
    }

    .md-breadcrumbs__item {
        flex-shrink: 0;
        white-space: nowrap;
        font-size: 12px;
    }

    .md-breadcrumbs__separator {
        width: 12px;
        height: 12px;
        margin: 0 10px;
    }

    .md-breadcrumbs__current {
        gap: 8px;
    }

    .table-wrap {
        border-radius: var(--radius-small);
    }

    th,
    td {
        padding: 12px 14px;
    }

  .section {
    padding-block: clamp(48px, 12vw, 68px);
  }

.catalog-page .product-catalog {
    padding: clamp(80px, 8vw, 130px) 0 clamp(50px, 6vw, 90px);
}

  .section--compact {
    padding-block: clamp(32px, 9vw, 48px);
  }

  .section__head {
    margin-bottom: 32px;
  }

  .section__head--center {
    max-width: 100%;
  }

  .grid--2,
  .grid--3,
  .grid--4,
  .grid--5,
  .grid--6 {
    grid-template-columns: 1fr;
  }

  .grid {
    gap: 16px;
  }

  .grid--wide {
    gap: 24px;
  }

  .actions {
    gap: 12px;
  }

  .btn {
    min-height: 46px;
    padding-inline: 24px;
  }

  .btn--lg {
    min-height: 50px;
    padding-inline: 28px;
    font-size: 16px;
  }

  .check-list {
    gap: 14px;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }


    .engine-protection__head {
        max-width: none;
    }

    .engine-protection__head br,
    .engine-protection__intro br {
        display: none;
    }

    .engine-protection__intro {
        padding: var(--space-md);
    }

    .engine-protection__grid {
        margin-top: var(--space-lg);
    }

    .engine-protection__item {
        padding-left: 0;
    }

    .engine-protection__arrow {
        display: none;
    }

    .engine-protection__card {
        padding: var(--space-md);
    }

    .engine-protection__card p {
        margin-bottom: var(--space-md);
    }

    .product-catalog__title {
        max-width: 620px;
    }

    .product-catalog__slogan {
        width: 100%;
        min-height: 46px;
        padding: 10px 18px;
    }

    .product-catalog__types {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px 18px;
    }

    .product-catalog__scheme {
        margin-top: var(--space-lg);
    }

    .product-catalog__engine {
        width: min(470px, 90%);
        margin-bottom: 10px;
    }

    .product-catalog__item {
        min-height: 235px;
        padding: var(--space-md);
    }

    .product-catalog__image,
    .product-catalog__item--turbo .product-catalog__image,
    .product-catalog__item--pumps .product-catalog__image {
        height: 145px;
    }

    .product-catalog__bottom .actions {
        gap: 12px;
    }

    .product-catalog__bottom .btn {
        min-width: 0;
    }

    .brand-story__warranty {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .brand-story__warranty-content {
        order: 1;
    }

    .brand-story__warranty-media {
        order: 2;
        min-height: 250px;
    }

    .brand-story__warranty-content h2 br,
    .brand-story__warranty-content .lead br,
    .brand-story__history > h2 br {
        display: none;
    }

    .brand-story__warranty-media img {
        max-height: 280px;
    }

    .brand-story__history {
        margin-top: var(--space-xxl);
        padding: clamp(24px, 6vw, 36px);
    }

    .brand-story__video,
    .brand-story__video video {
        min-height: 320px;
    }

    .brand-story__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .brand-story__play {
        width: 68px;
        height: 68px;
    }

    .production-quality__intro {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .production-quality__media {
        aspect-ratio: 1.7;
    }

    .production-quality__factory {
        margin-top: var(--space-xl);
        padding: var(--space-lg) var(--space-md);
    }


    .production-quality__factory-content h2 br,
    .production-quality__factory-content p br,
    .production-quality__certificate br,
    .production-quality__research br {
        display: none;
    }

    .company__production {
        margin-top: 25px;
        border-radius: 22px;
    }

    .company__production-image {
        min-height: 235px;
    }

    .company__production-panel {
        padding: 27px 19px;
        text-align: center;
    }

    .company__production-label {
        justify-content: center;
    }

    .company__production-title {
        font-size: 29px;
        
    }

    .md-care__box {
        padding: clamp(24px, 5vw, 36px);
    }

    .md-care h2 br,
    .md-care__lead br,
    .md-care__benefit br,
    .md-care__warranty br,
    .md-care__download br {
        display: none;
    }

    .md-care__body {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .md-care__phone {
        width: min(280px, 100%);
        margin-inline: auto;
    }

    .md-care__info {
        width: 100%;
    }

    .media-center__head h2 br,
    .media-center__head .section__lead br,
    .media-center__content h3 br {
        display: none;
    }

    .media-center__image {
        aspect-ratio: 1.25;
    }

    .where-buy__head h2 br,
    .where-buy__business > p br {
        display: none;
    }

    .where-buy__retail,
    .where-buy__business {
        padding: clamp(22px, 5vw, 30px);
    }

    .where-buy__channel {
        grid-template-columns: 44px minmax(0, 1fr) auto;
        gap: 14px;
        padding-inline: 16px;
    }

    .where-buy__channel-icon {
        width: 42px;
        height: 42px;
    }

    .where-buy #map-canvas {
        min-height: 380px;
    }

    .faq__question {
        min-height: 64px;
        padding: 18px;
    }

    .faq__answer-inner {
        padding: 0 52px 20px 18px;
    }

    .contact-community h2 br,
    .contact-community__social > p br {
        display: none;
    }

    .contact-community__social {
        margin-top: var(--space-xl);
    }

    .contact-community__media {
        width: min(620px, 110%);
    }

    .stats-grid__item {
        min-height: 145px;
        padding: 24px 18px;
    }

    .stats-grid__value {
        gap: 8px;
    }

    .stats-grid__value strong {
        font-size: clamp(42px, 12vw, 56px);
    }

    .stats-grid__value span {
        min-height: 29px;
        padding-inline: 11px;
        font-size: 12px;
    }

    .stats-grid__item > p {
        margin-top: 17px;
        font-size: 14px;
    }

    .oils-expertise__intro {
        padding-block: 54px;
    }

    .oils-expertise__intro-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .oils-expertise__intro-content {
        max-width: none;
    }

    .oils-expertise__emblem {
        width: 130px;
        margin: 0;
        border-radius: var(--radius-large);
    }

    .oils-expertise__body {
        padding-block: 58px;
    }

    .oils-expertise__facts {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .oils-expertise__fact {
        min-height: 48px;
    }

    .oils-expertise__fact p {
        max-width: none;
    }

    .oils-expertise__note {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .oils-expertise__note-icon {
        width: 42px;
        height: 42px;
    }

    .oils-expertise__leaders {
        grid-template-columns: 1fr;
        width: 100%;
        margin-top: 62px;
    }

    .oils-expertise__award {
        width: min(300px, calc(100% - 40px));
        margin: -32px auto 0;
    }

    .oils-expertise__leaders-content {
        padding: 34px 26px 36px;
    }

    .oils-production__intro {
        grid-template-columns: 1fr;
        gap: 28px;
        margin-top: 32px;
    }

    .oils-production__intro > div {
        padding-bottom: 26px;
        border-bottom: 1px solid var(--color-border);
    }

    .oils-production__intro p {
        max-width: none;
    }

    .oils-production__quality {
        margin-top: 40px;
    }

    .oils-production__steps {
        gap: 16px;
    }

    .oils-production__steps li {
        padding: 24px 16px;
    }

    .oils-production__steps p {
        margin-top: 18px;
    }

    .oils-production__note {
        margin-top: 34px;
    }

    .oils-production__video {
        margin-top: 42px;
        border-radius: var(--radius-medium);
    }

    .oils-formula__drops {
        right: 8px;
        width: 110px;
        opacity: .8;
    }

    .oils-formula__points {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .oils-formula__points p {
        max-width: 560px;
    }

    .oils-formula__main {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .oils-formula__dna {
        grid-column: 1;
        grid-row: 2;
        width: min(300px, 72%);
    }

    .oils-formula__benefits--left,
    .oils-formula__benefits--right {
        grid-column: 1;
        grid-row: auto;
    }

    .oils-formula__benefit {
        min-height: 0;
        padding: 18px;
    }

    .oils-formula__additives {
        grid-template-columns: 170px minmax(0, 1fr);
    }

    .oils-formula__additives > img {
        transform: translate(-18px, 14px);
    }

    .oils-formula__additives-content {
        padding: 28px 24px 28px 0;
    }

    .oil-selection__tabs {
        display: flex;
        width: 100%;
    }

    .oil-selection__tab {
        flex: 1;
        min-width: 0;
        padding-inline: 16px;
    }

    .oil-selection__panels {
        margin-top: 34px;
    }

    .oil-selection__grid {
        gap: 18px;
    }

    .oil-selection__card {
        padding: 14px;
        border-radius: var(--radius-medium);
    }

.oil-selection__card:last-child:nth-child(odd) {
    width: 100%;
}

    .oil-selection__card > strong {
        padding: 18px 34px 5px 2px;
        font-size: 15px;
    }

    .oil-selection__card::after {
        right: 16px;
        bottom: 18px;
    }

    .oils-buy__channels {
        grid-template-columns: 1fr;
        margin-top: 38px;
    }

    .oils-buy__channel {
        min-height: 0;
        padding: 26px;
    }

    .oils-buy__channel-bottom {
        margin-top: 24px;
    }

    .oils-buy__location {
        top: -55px;
        right: -20px;
        width: 140px;
        opacity: .12;
    }

    .oils-buy__stores {
        margin-top: 52px;
    }

    .oils-buy__marketplaces {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .oils-buy__marketplace + .oils-buy__marketplace {
        padding-top: 26px;
        padding-left: 0;
        border-top: 1px solid rgb(41 57 186 / 10%);
        border-left: 0;
    }

    .oils-proof__grid,
    .oils-proof__tests-grid {
        gap: 18px;
    }

    .oils-proof__card,
    .oils-proof__test {
        padding: 14px;
        border-radius: var(--radius-medium);
    }

    .oils-proof__card h3 {
        min-height: 78px;
        margin-top: 16px;
        font-size: 15px;
    }

    .oils-proof__card .btn,
    .oils-proof__test .btn {
        width: 100%;
    }

    .oils-trust__box {
        border-radius: var(--radius-large);
    }

    .oils-trust__reviews {
        padding: 38px 24px;
    }

    .oils-trust__reviews-head {
        align-items: flex-start;
    }

    .oils-trust__maintenance {
        min-height: 0;
        padding: 46px 24px 40px;
        background:
            linear-gradient(180deg, rgb(23 27 104 / 96%) 0%, rgb(23 27 104 / 86%) 38%, rgb(14 21 75 / 50%) 70%, #171b68 100%),
            url("/images/md/katalog/oils/filters-bg.jpg") 68% center / cover no-repeat;
    }

    .oils-trust__maintenance-content {
        width: min(100%, 520px);
    }

    .oils-trust__advantages {
        width: min(100%, 440px);
    }

    .oils-trust__filters {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 240px;
    }

    .oil-series__grid {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .oil-series__head {
        margin-bottom: 28px;
    }

    .oil-series__head .section__lead {
        max-width: 100%;
    }

    .oil-series__features {
        gap: 12px;
    }

    .oil-series__feature {
        padding: 20px;
    }

    .oil-series__feature strong {
        margin-top: 16px;
        padding-top: 14px;
    }

    .oil-series__product {
        padding-top: 0;
    }

    .oil-series__badge {
        position: relative;
        top: auto;
        right: auto;
        width: fit-content;
        margin-bottom: 20px;
    }

    .oil-series__media {
        min-height: 0;
    }

    .oil-series__media img {
        width: min(100%, 560px);
        max-height: none;
    }

    .oil-series__application {
        width: 100%;
        margin-top: 26px;
        padding: 0;
    }

    .oil-products__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-service__box {
        grid-template-columns: 1fr;
    }

    .pro-service__media {
        order: -1;
        min-height: 0;
    }

    .pro-service__media img {
        width: min(100%, 210px);
        max-height: none;
    }

    .pro-service__content > strong,
    .pro-service__content p {
        max-width: 100%;
    }

    .md-product-proof {
        padding-top: clamp(52px, 10vw, 70px);
    }

    .md-product-proof__intro {
        grid-template-columns: minmax(0, 1fr) 64px;
        gap: 24px;
        padding-bottom: 42px;
    }

    .md-product-proof__icon {
        width: 58px;
    }

    .md-product-proof__showcase {
        width: calc(100% - 24px);
        border-radius: var(--radius-large);
    }

    .md-product-proof__media img {
        object-position: center bottom;
    }

    .md-product-proof__media::after {
        background:
            linear-gradient(180deg, rgb(9 13 65 / 16%) 0%, rgb(9 13 65 / 35%) 42%, rgb(4 7 35 / 68%) 100%);
    }

    .md-product-proof__showcase-inner {
        padding-block: 38px 28px;
    }

    .md-product-proof__metrics {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 28px;
    }

    .md-product-proof__metric {
        min-height: 0;
    }

    .md-product-proof__note {
        width: min(100%, 260px);
        margin-top: 22px;
    }

    .md-product-proof__result {
        margin-top: clamp(220px, 58vw, 360px);
    }

    .md-product-proof__result--compare {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .md-product-proof__transition {
        width: 42px;
        height: 32px;
        transform: rotate(90deg);
    }

    .md-product-proof__transition::before,
    .md-product-proof__transition::after {
        width: 16px;
        height: 16px;
    }

    .md-product-proof__result--compare > strong {
        text-align: left;
    }

    .md-product-proof__metrics--column {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .md-product-proof__certificate {
        position: relative;
        top: auto;
        right: auto;
        width: min(100%, 240px);
        margin: clamp(220px, 55vw, 340px) 0 0 auto;
    }

    .test-process__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .test-process__grid::before {
        top: 34px;
        right: auto;
        bottom: 34px;
        left: 32px;
        width: 2px;
        height: auto;
        background: linear-gradient(
            180deg,
            rgb(83 101 223 / 14%) 0%,
            rgb(83 101 223 / 48%) 50%,
            rgb(83 101 223 / 14%) 100%
        );
    }

    .test-process__item {
        display: grid;
        grid-template-columns: 68px minmax(0, 1fr);
        gap: 20px;
        align-items: start;
    }

    .test-process__number {
        width: 64px;
        height: 64px;
        margin-bottom: 0;
    }

    .test-process__content {
        padding-top: 4px;
    }

    .field-tests__card {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: 0;
        padding: 30px;
        border-radius: var(--radius-large);
    }

    .field-tests__media {
        grid-row: 1;
        min-height: 0;
        aspect-ratio: 1.6;
    }

    .field-tests__media img {
        max-height: none;
    }

    .field-tests__content .btn {
        width: 100%;
    }

    .oil-risks__evidence {
        grid-template-columns: 1fr;
    }

    .oil-risks__evidence-item {
        display: grid;
        grid-template-columns: minmax(150px, .8fr) minmax(0, 1.2fr);
        gap: 20px;
        align-items: center;
    }

    .oil-risks__evidence-item + .oil-risks__evidence-item {
        border-top: 1px solid rgb(25 31 93 / 8%);
        border-left: 0;
    }

    .oil-risks__evidence-item figcaption {
        min-height: 0;
        margin-top: 0;
    }

    .oil-risks .oils-production__steps {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .oil-risks .oils-production__steps::before {
        top: 38px;
        right: auto;
        bottom: 38px;
        left: 38px;
        width: 1px;
        height: auto;
    }

    .oil-risks .oils-production__steps li {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 22px;
        align-items: center;
        padding: 0;
        text-align: left;
    }

    .oil-risks .oils-production__steps li:not(:last-child)::after {
        display: none;
    }

    .oil-risks .oils-production__steps p {
        max-width: none;
        margin: 0;
        font-size: var(--font-size-text);
        text-align: left;
    }

    .md-oil-compare__box {
        width: calc(100% - 24px);
        border-radius: var(--radius-large);
    }

    .md-oil-compare h2 {
        font-size: clamp(29px, 7vw, 38px);
    }

    .md-oil-compare__metric {
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 12px;
        padding: 12px 14px;
    }

    .md-oil-compare__icon {
        width: 30px;
        height: 30px;
    }

    .md-oil-compare__bars {
        width: min(100%, 260px);
    }

    .md-oil-compare__note {
        margin-top: 24px;
    }

    .md-road-benefits__head {
        padding-right: 0;
    }

    .md-road-benefits__decor--top {
        position: static;
        width: 120px;
        margin: 28px 0 0 auto;
    }

    .md-road-benefits__grid {
        grid-template-columns: 1fr;
    }

    .md-road-benefits__item {
        min-height: 0;
    }

    .md-road-benefits__divider {
        grid-column: auto;
        height: 60px;
        margin-block: 16px 0;
    }

    .brand-evolution__story {
        display: block;
        margin-top: 54px;
    }

    .brand-evolution__timeline {
        display: block;
        min-height: 0;
        margin-bottom: 36px;
    }

    .brand-evolution__timeline-years {
        flex-direction: row;
        align-items: center;
        padding: 0;
    }

    .brand-evolution__timeline-year {
        font-size: 20px;
        text-align: left;
        transform: none;
    }

    .brand-evolution__timeline-year:last-child {
        text-align: right;
    }

    .brand-evolution__timeline-year.is-active {
        transform: none;
    }

    .brand-evolution__timeline-line {
        width: calc(100% - 14px);
        height: 3px;
        margin: 18px auto 0;
    }

    .brand-evolution__timeline-progress {
        width: 0;
        height: 100%;
        transition: width .85s cubic-bezier(.22, 1, .36, 1);
    }

    .brand-evolution__timeline-marker {
        top: 50%;
        left: 0;
        transform: translate(-50%, -50%);
        transition:
            left .85s cubic-bezier(.22, 1, .36, 1),
            background .45s ease,
            box-shadow .45s ease;
    }

    .brand-evolution__content > h3 {
        margin-bottom: 28px;
        font-size: 30px;
    }

    .brand-evolution__media {
        aspect-ratio: 1.45;
    }

    .brand-evolution__navigation {
        grid-template-columns: 44px 1fr 44px;
        gap: 18px;
    }

    .brand-evolution__arrow {
        width: 44px;
        height: 44px;
    }

    .brand-evolution__result {
        justify-content: center;
    }

    .brand-reliability {
        background:
            radial-gradient(circle at 82% 8%, rgb(83 101 223 / 9%) 0%, transparent 26%),
            linear-gradient(180deg, #f4f6fb 0%, #fff 58%);
    }

    .brand-reliability__award {
        grid-template-columns: 1fr;
        gap: 28px;
        width: 100%;
        padding: 30px;
    }

    .brand-reliability__award-media img {
        width: min(70%, 270px);
    }

    .brand-reliability__award-content {
        text-align: center;
    }

    .brand-reliability__award-content h2,
    .brand-reliability__award-content > p {
        margin-inline: auto;
    }

    .brand-reliability__award-title {
        margin-top: 20px;
    }

    .brand-reliability__promise {
        max-width: 520px;
        margin-inline: auto;
        text-align: left;
    }

    .brand-reliability__principles {
        margin-top: 72px;
    }

    .brand-reliability__principles .section__head {
        margin-bottom: 34px;
    }

    .brand-reliability__grid {
        grid-template-columns: 1fr;
    }

    .brand-reliability__principle {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 0 22px;
        min-height: 0;
        padding: 28px;
    }

    .brand-reliability__number {
        grid-row: 1 / 3;
        align-self: start;
        font-size: 60px;
    }

    .brand-reliability__principle h3 {
        margin-top: 0;
        max-width: none;
    }

    .brand-reliability__principle p {
        max-width: 520px;
        margin-top: 10px;
    }

    .brand-values__head p br {
        display: none;
    }

    .brand-values__grid {
        grid-template-columns: 1fr;
    }

    .brand-values__item {
        grid-template-columns: 72px minmax(0, 1fr);
        min-height: 0;
    }

    .brand-values__item p {
        max-width: 620px;
    }

    .brand-values__result {
        margin-top: 34px;
    }

    .brand-facts__slider {
        padding-bottom: 68px;
    }

    .brand-facts__slider.is-static {
        padding-bottom: 0;
    }

    .brand-facts__frame {
        grid-template-columns: 1fr;
        gap: 28px;
        padding: 28px;
    }

    .brand-facts__content p {
        max-width: 620px;
    }

    .brand-facts__media {
        aspect-ratio: 1.55;
    }

    .brand-facts__arrow {
        top: auto;
        bottom: 0;
        width: 46px;
        height: 46px;
        box-shadow: 0 12px 28px rgb(215 25 32 / 20%);
        transform: none;
    }

    .brand-facts__arrow--prev {
        left: calc(50% - 56px);
    }

    .brand-facts__arrow--next {
        right: calc(50% - 56px);
    }

    .brand-facts__arrow:hover {
        transform: translateY(-2px);
    }

    .brand-facts__arrow:active {
        transform: scale(.94);
    }

    .site-footer {
        background:
            radial-gradient(circle at 88% 20%, rgb(39 49 178 / 30%) 0%, transparent 46%),
            linear-gradient(155deg, #080912 0%, #0e1028 48%, #11194d 100%);
    }

    .site-footer__grid {
        grid-template-columns: 1fr;
        gap: 0;
        padding-top: 40px;
        padding-bottom: 22px;
    }

    .site-footer__column {
        padding: 0 0 26px;
        margin: 0 0 26px;
        border-bottom: 1px solid rgb(255 255 255 / 8%);
    }

    .site-footer__column:last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .site-footer__logo {
        width: min(230px, 70vw);
        margin-bottom: 26px;
    }

    .site-footer__title {
        margin-bottom: 14px;
        font-size: 16px;
    }

    .site-footer__address,
    .site-footer__contact-link,
    .footer-menu__link {
        font-size: 14px;
    }

    .footer-menu {
        gap: 9px;
    }

    .site-footer__social-block {
        margin-top: 18px;
    }

    .site-footer__socials {
        gap: 10px;
    }

    .site-footer__social {
        width: 40px;
        height: 40px;
    }

    .site-footer__bottom {
        grid-template-columns: 1fr;
        gap: 8px;
        min-height: 0;
        padding: 0 0 92px;
        color: rgb(255 255 255 / 28%);
        font-size: 12px;
    }

    .site-footer__bottom > * {
        justify-self: start !important;
    }

    .scroll-top {
        right: 18px;
        bottom: calc(var(--mobile-nav-height, 72px) + 18px);
        left: calc(50% - 22px);
        width: 44px;
        height: 44px;
        background: rgb(255 255 255 / 82%);
    }

    .scroll-top svg {
        width: 20px;
        height: 20px;
    }

    .production-system__box {
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .production-system__content h2 {
        max-width: 520px;
    }

    .production-system__content h2 br {
        display: none;
    }

    .production-system__text {
        max-width: 650px;
    }

    .production-system__cycle {
        padding-top: 34px;
        padding-left: 0;
        border-top: 1px solid rgb(41 57 186 / 10%);
        border-left: 0;
    }

    .brand-partners__head h2 br,
    .brand-partners__head p br {
        display: none;
    }

    .brand-partners__showcase {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .brand-partners__media {
        min-height: 0;
        aspect-ratio: 1.45;
    }

    .brand-partners__panel {
        min-height: 520px;
        border-top: 1px solid rgb(255 255 255 / 8%);
        border-left: 0;
    }

    .brand-partners__viewport {
        height: 350px;
    }

    .brand-partners__groups {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 30px;
    }

    .brand-partners__mascot {
        right: 0;
        bottom: -76px;
        width: min(52%, 250px);
    }

    .production-equipment__head h2 br {
        display: none;
    }

    .production-equipment__showcase {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .production-equipment__content {
        order: 2;
    }

    .production-equipment__media {
        order: 1;
        min-height: 0;
        aspect-ratio: 1.45;
    }

    .production-equipment__brands {
        margin-top: 28px;
    }

    .production-equipment__benefits-grid {
        grid-template-columns: 1fr;
    }

    .production-equipment__benefit {
        grid-template-columns: 58px minmax(0, 1fr);
        min-height: 112px;
        padding: 22px 24px;
    }

    .production-equipment__benefit > img {
        width: 52px;
        height: 52px;
    }

    .production-lab__head h2 br,
    .production-lab__result h3 br,
    .production-lab__eco-head h2 br {
        display: none;
    }

    .production-lab__compare,
    .production-lab__testing,
    .production-lab__result {
        grid-template-columns: 1fr;
    }

    .production-lab__compare-item {
        min-height: 0;
    }

    .production-lab__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: auto;
    }

    .production-lab__photo {
        aspect-ratio: 1.3;
    }

    .production-lab__photo--large {
        grid-column: 1 / -1;
        grid-row: auto;
        aspect-ratio: 1.8;
    }

    .production-lab__eco-content {
        min-height: 500px;
    }

    .md-zabota-benefits__head {
        max-width: 620px;
    }

    .md-zabota-benefits__box {
        padding: 24px;
    }

    .md-zabota-benefits__grid {
        grid-template-columns: 1fr;
    }

    .md-zabota-benefits__item {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 6px 18px;
        align-items: start;
        min-height: 0;
        padding: 20px;
    }

    .md-zabota-benefits__number {
        grid-row: 1 / 3;
        margin-bottom: 0;
    }

    .md-zabota-benefits__item p {
        margin-top: 2px;
    }

    .md-zabota-benefits__warranty {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .md-zabota-benefits__media {
        order: 2;
    }

    .md-zabota-benefits__content {
        max-width: 520px;
    }

    .md-zabota-benefits__content p {
        margin-top: var(--space-md);
    }

    .md-zabota-protection__box {
        padding: 28px;
    }

    .md-zabota-protection__parts {
        grid-template-columns: 1fr;
    }

    .md-zabota-protection__part {
        padding: 24px;
    }

    .md-zabota-protection__activation {
        grid-template-columns: 72px minmax(0, 1fr);
        gap: 24px;
        padding: 26px;
    }

    .md-zabota-protection__shield {
        width: 68px;
        height: 68px;
    }

    .md-zabota-protection__shield svg {
        width: 38px;
        height: 38px;
    }

    .md-zabota-protection__conditions {
        min-height: 0;
        padding: 32px 120px 32px 32px;
    }

    .md-zabota-protection__emblem {
        top: 30px;
        right: 28px;
        width: 72px;
        height: 72px;
        padding: 10px;
    }

    .md-zabota-authenticity__intro {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: 0;
    }

    .md-zabota-authenticity__content {
        max-width: 620px;
    }

    .md-zabota-authenticity__media {
        min-height: 0;
    }

    .md-zabota-authenticity__media img {
        width: min(100%, 580px);
        max-height: 460px;
    }

    .md-zabota-authenticity__steps {
        padding: 30px;
    }

    .md-zabota-authenticity__grid {
        grid-template-columns: 1fr;
    }

    .md-zabota-authenticity__step {
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 6px 18px;
        min-height: 0;
    }

    .md-zabota-authenticity__number {
        grid-row: 1 / 3;
        margin-bottom: 0;
    }

    .md-zabota-authenticity__step p {
        margin-top: 2px;
    }

    .md-zabota-advantages__top {
        grid-template-columns: 1fr;
    }

    .md-zabota-advantages__content {
        max-width: 620px;
    }

    .md-zabota-advantages__media {
        min-height: 0;
        margin-top: 20px;
    }

    .md-zabota-advantages__media img {
        width: min(100%, 580px);
        max-height: 520px;
    }

    .md-zabota-advantages__conditions {
        grid-template-columns: minmax(0, 1fr) 78px;
        padding: 30px;
    }

    .md-zabota-advantages__emblem {
        width: 74px;
        height: 74px;
        padding: 10px;
    }

    .water-pumps__stats .stats-grid__item {
        min-height: 150px;
    }

    .water-pumps__compare {
        grid-template-columns: 1fr;
        width: 100%;
    }

    .water-pumps__compare-card {
        min-height: 0;
    }

    .water-pumps__compare-arrow {
        min-height: 72px;
    }

    .water-pumps__compare-arrow > span {
        transform: rotate(90deg);
    }

    .water-pumps__compare-arrow small {
        margin-top: 10px;
    }

    .water-pumps__construction {
        display: flex;
        min-height: 0;
        flex-direction: column;
        padding: 32px 26px 110px;
    }

    .water-pumps__construction-content {
        padding-bottom: 0;
    }

    .water-pumps__construction-content h2 {
        max-width: 560px;
    }

    .water-pumps__features {
        position: relative;
        z-index: 4;
    }

    .water-pumps__feature {
        max-width: 100%;
    }

    .water-pumps__construction-media {
        justify-content: center;
        width: calc(100% + 52px);
        margin: 20px -26px 80px;
    }

    .water-pumps__construction-media > img {
        width: min(100%, 580px);
    }

    .water-pumps__point {
        display: none;
    }

    .water-pumps__durability {
        right: 26px;
        bottom: 94px;
        left: 26px;
        width: auto;
    }

    .water-pumps__action {
        bottom: 26px;
    }

    .water-pumps__action .btn {
        min-width: 0;
    }

    .pump-system__product {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 36px;
    }

    .pump-system__content .actions {
        margin-top: 30px;
        padding-top: 0;
    }

    .pump-system__benefits {
        align-self: stretch;
    }

    .pump-system__result .oils-expertise__intro-grid {
        grid-template-columns: minmax(0, 1fr) 120px;
        gap: 28px;
    }

    .pump-system__result .oils-expertise__emblem {
        width: 115px;
    }

    .water-pump-advantages__showcase {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .water-pump-advantages__media {
        min-height: 480px;
    }

    .water-pump-advantages__media img {
        height: auto;
        min-height: 480px;
    }

    .static-card-grid {
        grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr));
    }

    .engineering-page__list {
        gap: 20px;
    }

    .engineering-item__head {
        grid-template-columns: minmax(0, 1fr) 70px;
        gap: 18px;
        min-height: 0;
        padding: 28px 24px;
    }

    .engineering-item__head p br,
    .engineering-compare__head p br,
    .engineering-result p br {
        display: none;
    }

    .engineering-item__head-media {
        width: 66px;
        height: 66px;
        padding: 8px;
    }

    .engineering-item__toggle {
        min-height: 44px;
        margin-top: 20px;
        padding: 8px 18px;
    }

    .engineering-item__body-inner {
        padding-top: 20px;
    }

    .engineering-solution {
        padding: 28px 24px;
    }

    .engineering-compare {
        margin-top: 28px;
        padding: 22px;
    }

    .engineering-compare__media {
        grid-template-columns: 1fr;
    }

    .engineering-compare__media img {
        height: auto;
        max-height: 420px;
        object-fit: cover;
    }

    .engineering-compare__notes {
        grid-template-columns: 1fr;
        gap: 16px;
        margin-top: 18px;
    }

    .engineering-compare__notes p br {
        display: none;
    }

    .engineering-result {
        align-items: flex-start;
        gap: 16px;
    }

    .engineering-item--testing .engineering-item__head-content > p br,
    .pump-testing__head br {
        display: none;
    }

    .engineering-item--testing .engineering-item__head-media {
        align-self: auto;
    }

    .engineering-item--testing .engineering-item__head-media img {
        height: auto;
    }

    .pump-testing__item {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .pump-testing__gallery {
        min-height: 320px;
    }

    .pump-testing__image--wide {
        min-height: 320px;
    }

    .engineering-item--testing .engineering-item__head {
        gap: 32px;
        padding: 36px 28px;
    }

    .engineering-item--testing .engineering-item__head-content > p br {
        display: none;
    }

    .pump-testing__hero-gallery {
        min-height: 440px;
        order: 1;
    }

.engineering-item--testing .engineering-item__head-content {
    order: 2;
}

    .turbo-results__list {
        gap: 24px;
    }

    .turbo-results__item {
        grid-template-columns: 1fr;
    }

    .turbo-results__media {
        min-height: 300px;
        padding: 24px 24px 48px;
    }

    .turbo-results__media > img {
        width: auto;
        height: 250px;
        border-radius: var(--radius-medium);
    }

    .turbo-results__content {
        min-height: 230px;
        padding: 30px 28px 34px;
    }

    .turbo-results__content::before {
        top: 0;
        right: 0;
        bottom: auto;
        width: auto;
        height: 1px;
    }

    .turbo-results__label {
        margin-bottom: 16px;
    }

    .turbo-warranty {
        padding: 36px 28px 28px;
    }

    .turbo-warranty__content {
        width: 100%;
        max-width: none;
    }

    .turbo-warranty__conditions {
        width: min(100%, 420px);
    }

    .turbo-warranty__product {
        position: relative;
        top: auto;
        right: auto;
        align-self: center;
        width: min(120%, 590px);
        margin: -20px -12% -8px 18%;
    }

    .turbo-warranty__compare {
        margin-top: 0;
    }

    .turbo-packaging__grid {
        gap: 24px;
    }

    .turbo-packaging__image {
        padding: 18px;
    }

    .turbo-packaging__item > p {
        font-size: var(--font-size-text);
    }

    .turbo-authenticity {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .turbo-authenticity__content {
        width: 100%;
        padding: 38px 30px 0;
    }

    .turbo-authenticity .check-list {
        max-width: none;
    }

    .turbo-authenticity__visual {
        min-height: 370px;
        margin-top: 8px;
    }

    .turbo-authenticity__visual img {
        right: 50%;
        width: min(590px, 105%);
        max-height: 390px;
        transform: translateX(50%);
    }

    .where-online__head {
        margin-bottom: 32px;
    }

    .where-online__head p {
        margin-top: 14px;
    }

    .where-online__head br {
        display: none;
    }

    .where-online__group + .where-online__group {
        margin-top: 32px;
    }

    .where-online__grid {
        gap: 16px;
    }

    .where-help__authenticity {
        margin-bottom: 40px;
    }

    .where-help__authenticity .oils-expertise__intro-grid {
        min-height: 0;
        padding: 30px;
    }

    .where-help__authenticity .oils-expertise__intro-content br,
    .where-help__support-content br {
        display: none;
    }

    .where-help__authenticity-button {
        min-width: 0;
    }

    .where-help__support {
        padding: 44px 0;
    }

    .where-help__actions {
        gap: 16px;
        margin-top: 28px;
    }

    .feedback__inner {
        width: min(100%, 620px);
    }

    .feedback__description br {
        display: none;
    }

    .contacts-sales {
        padding-top: 32px;
    }

    .contacts-sales__grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .contacts-card {
        padding: 22px 24px 24px;
    }

    .contacts-social__heading {
        margin-bottom: 30px;
    }

    .contacts-social__layout {
        display: block;
        min-height: 560px;
    }

    .contacts-social__links {
        width: min(100%, 300px);
        gap: 12px;
    }

    .contacts-social__link {
        grid-template-columns: 36px minmax(0, 1fr);
        min-height: 58px;
        padding: 9px 18px;
        border-radius: var(--radius-medium);
    }

    .contacts-social__icon {
        width: 36px;
        height: 36px;
    }

    .contacts-social__icon img {
        width: 28px;
        height: 28px;
    }

    .contacts-social__media {
        right: -70px;
        width: 650px;
        max-width: none;
    }

.contacts-social__media img {
    width: 60%;
    max-height: 490px;
    object-fit: contain;
    object-position: center bottom;
    margin: 0 auto;
}

    .contacts-requisites__card {
        padding: 28px;
    }

    .contacts-requisites__actions {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .turbo-advantages__showcase {
        display: grid;
        grid-template-columns: 1fr;
    }

    .turbo-advantages__media {
        min-height: 0;
        aspect-ratio: 1.15 / 1;
    }

    .turbo-advantages__application {
        grid-column: auto;
        padding: 22px 24px 24px;
    }

    .turbo-heat__legend {
        gap: 24px;
        padding-right: 100px;
    }

    .turbo-heat__stamp {
        top: -22px;
        width: 100px;
        height: 100px;
    }

    .turbo-heat__base-card {
        padding: 24px;
    }

    .turbo-heat__temperatures {
        gap: 30px;
        padding-inline: 20px;
    }

    .turbo-heat__components-grid {
        grid-template-columns: 1fr;
    }

    .turbo-heat__component--wide {
        grid-column: auto;
        display: block;
    }

    .turbo-heat__component--wide .turbo-heat__component-data {
        margin-bottom: 18px;
    }

    .turbo-housing-proof {
        margin-top: 28px;
    }

    .turbo-housing-proof__logo {
        width: 140px;
        margin-bottom: 14px;
    }

    .turbo-housing-proof__body {
        grid-template-columns: 1fr;
    }

    .turbo-housing-proof__material {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 20px 28px;
        padding: 24px;
    }

    .turbo-housing-proof__temperature {
        grid-column: 1 / -1;
        padding-bottom: 20px;
    }

    .turbo-housing-proof__material > p {
        align-self: end;
        margin: 0;
    }

    .turbo-housing-proof__elements {
        align-self: end;
        margin: 0;
    }

    .turbo-housing-proof__tests {
        padding: 24px;
    }

    .turbo-housing-proof__tests .check-list {
        padding-bottom: 90px;
    }

    .turbo-housing-proof__stamp {
        right: 24px;
        bottom: 20px;
        width: 88px;
        height: 88px;
    }

  .md-subscription-page__manage :is(table, tbody, tr, td) {
    display: block;
    width: 100%;
  }

    .filter-tests__head {
        margin-bottom: 28px;
    }

    .filter-tests__grid {
        grid-template-columns: 1fr;
    }

    .filter-tests__card:last-child {
        grid-column: auto;
        width: 100%;
    }

    .filter-tests__image {
        aspect-ratio: 1.15 / 1;
    }

    .md-maintenance__inner {
        padding: 28px;
    }

    .md-maintenance__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .md-maintenance__features {
        gap: 12px;
    }

    .md-maintenance__media {
        min-height: 0;
        aspect-ratio: 1.25;
    }

    .md-maintenance__media img {
        position: absolute;
        inset: 0;
    }

    .engineering-item--temperature .engineering-temperature__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .engineering-temperature__cell > img {
        aspect-ratio: 1.6;
    }

    .engineering-temperature__valve {
        grid-template-columns: minmax(0, 1fr) 110px;
        gap: 20px;
    }

    .cpg-kits__head br {
        display: none;
    }

    .cpg-kits__grid {
        grid-template-columns: 1fr;
    }

    .cpg-kits__card {
        min-height: 0;
    }

    .cpg-kits__image {
        padding: clamp(24px, 7vw, 40px);
    }

    .cpg-kits__content {
        padding: 0 clamp(24px, 6vw, 34px) clamp(26px, 6vw, 34px);
    }

    .cpg-materials__grid {
        grid-template-columns: 1fr;
    }

    .cpg-materials__card {
        min-height: 240px;
    }

    .cpg-compare__banner {
        min-height: 0;
        padding: 36px 30px 0;
    }

    .cpg-compare__content {
        min-height: 0;
    }

    .cpg-compare__content h2 {
        font-size: clamp(26px, 4vw, 34px);
    }

    .cpg-compare__content > p {
        margin-top: 20px;
    }

    .cpg-compare__question {
        max-width: 100%;
        margin-top: 26px;
    }

    .cpg-compare__content > .btn {
        margin-top: 30px;
    }

    .cpg-compare__media {
        position: relative;
        right: auto;
        bottom: auto;
        width: min(100%, 520px);
        margin: 24px auto 0;
    }

    .cpg-care__card {
        padding: 24px;
    }

    .cpg-care__card h4 br,
    .cpg-care__card p br {
        display: none;
    }

    .cpg-care__media {
        height: 440px;
    }

    .cpg-care__media img {
        width: min(95vw, 320px);
    }

    .alloy-chemistry__stat {
        gap: 18px;
    }

    .alloy-chemistry__compare {
        margin-top: 28px;
    }

    .alloy-chemistry__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
    }

    .alloy-chemistry__card {
        padding: 24px;
    }

    .alloy-chemistry__card:last-child {
        grid-column: 1 / -1;
    }

    .alloy-chemistry__result {
        gap: 22px;
    }

    .alloy-chemistry__result-icon {
        flex-basis: 64px;
        width: 64px;
        height: 64px;
    }

    .alloy-chemistry__result-icon svg {
        width: 34px;
        height: 34px;
    }

    .alloy-formula {
        margin-top: 80px;
    }

    .alloy-formula__head {
        margin-bottom: 30px;
    }

    .alloy-formula__grid {
        grid-template-columns: 1fr;
    }

    .alloy-formula__card {
        padding: 24px;
    }

    .alloy-formula__card-main {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 24px;
    }

    .alloy-formula__card-info p {
        font-size: 18px;
    }

    .alloy-formula__card-result strong {
        font-size: 17px;
    }

    .alloy-formula__bottom {
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .alloy-formula__benefit {
        min-height: 260px;
        padding: 24px;
    }

    .alloy-formula__benefit > img {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }

    .alloy-formula__benefit p {
        font-size: clamp(18px, 3vw, 25px);
    }

    .piston-hardness__head {
        gap: 20px;
    }

    .piston-hardness__stamp {
        width: 180px;
    }

    .piston-hardness__head h2 br,
    .piston-hardness__note br {
        display: none;
    }

    .piston-hardness__comparison {
        grid-template-columns: minmax(0, 1fr);
        gap: 42px;
        max-width: 570px;
        margin: 40px auto 0;
    }

    .piston-hardness__shields {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
        max-width: 420px;
    }

    .piston-hardness__group--advanced {
        grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
        gap: 28px;
    }

    .piston-hardness__shield--silver {
        max-width: 155px;
    }

    .piston-hardness__shield--gold {
        max-width: 250px;
    }

    .piston-hardness__shield--copper {
        max-width: 155px;
    }

    .piston-hardness__shield strong {
        font-size: clamp(19px, 3vw, 26px);
    }

    .piston-hardness__shield--gold strong {
        font-size: clamp(42px, 7vw, 58px);
    }

    .piston-hardness__logo {
        max-width: 200px;
    }

    .piston-hardness__legend-item > strong {
        font-size: 18px;
    }

    .piston-hardness__note {
        margin-top: 40px;
    }

    .liner-composition__card {
        padding: 28px 24px;
        border-radius: 18px;
    }

    .liner-composition__heading {
        margin-bottom: 30px;
    }

    .liner-composition__brand {
        margin-bottom: 16px;
    }

    .liner-composition__diagram,
    .liner-composition__comparison--other .liner-composition__diagram {
        display: flex;
        flex-direction: column-reverse;
        min-height: 0;
    }

    .liner-composition__image {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        width: 100%;
        height: 300px;
        margin-bottom: 22px;
    }

    .liner-composition__image img {
        width: 100%;
        max-width: 260px;
        height: 100%;
    }

    .liner-composition__details {
        width: 100%;
    }

    .liner-composition__row {
        width: 100%;
        min-height: 85px;
        padding: 14px 0;
        border-bottom: 1px solid #e8eaf1;
    }

    .liner-composition__row::before,
    .liner-composition__row::after {
        display: none;
    }

    .liner-composition__row > p {
        font-size: 15px;
    }

    .liner-composition__elements img {
        height: 56px;
    }

    .liner-composition__comparison--other {
        margin-top: 38px;
        padding-top: 32px;
        border-top: 1px solid #e8eaf1;
    }

    .liner-composition__comparison--other .liner-composition__details {
        min-height: 0;
    }

    .liner-composition__comparison--other .liner-composition__row {
        min-height: 100px;
    }

    .piston-rings__top {
        display: flex;
        flex-direction: column-reverse;
        gap: 18px;
        min-height: 0;
    }

    .piston-rings__features {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
    }

    .piston-rings__feature {
        padding: 16px;
    }

    .piston-rings__feature-head {
        grid-template-columns: 1fr;
    }

    .piston-rings__feature-head img {
        width: 64px;
    }

    .piston-rings__visual {
        width: 100%;
        height: 270px;
    }

    .piston-rings__production {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .piston-rings__production > img {
        height: 230px;
    }

    .piston-pins__panel {
        grid-template-columns: minmax(0, 1fr) 180px;
        gap: 20px;
        min-height: 0;
        padding: 28px;
    }

    .piston-pins__visual img {
        max-width: 180px;
    }

    .cpg-microrelief h2,
    .cpg-machining h2,
    .cpg-gehring h2,
    .cpg-coating h2 {
        margin-bottom: 28px;
    }

    .cpg-microrelief__benefits,
    .cpg-gehring__grid,
    .cpg-coating__grid {
        grid-template-columns: 1fr;
    }

    .cpg-microrelief__intro {
        margin-bottom: 32px;
    }

    .cpg-microrelief__benefits > p {
        padding: 22px 24px 22px 58px;
    }

    .cpg-microrelief__benefits > p::before {
        top: 24px;
        left: 27px;
    }

    .cpg-machining__grid {
        gap: 18px;
    }

    .cpg-machining__card {
        padding: 22px;
    }

    .cpg-machining__card > img {
        height: 180px;
        margin-block: 20px 24px;
    }

    .cpg-gehring__image {
        height: auto;
    }

    .cpg-coating__visual {
        max-width: 560px;
    }

    .alloy-chemistry__result--white > p br {
        display: none;
    }

    .expert-design__grid {
        grid-template-columns: 1fr;
    }

    .expert-design__geometry {
        grid-template-columns: minmax(0, 1fr) minmax(0, .42fr);
        gap: 28px;
    }

    .expert-design__alloys {
        height: 200px;
    }

    .expert-coatings__grid {
        grid-template-columns: 1fr;
    }

    .expert-coatings__subtitle {
        margin-bottom: 24px;
    }

    .expert-coatings__alpofor {
        max-width: 520px;
    }

    .expert-economy__grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .expert-economy__image {
        width: min(100%, 480px);
        margin-inline: auto;
    }

    .parts-selection__banner {
        grid-template-columns: 1fr;
    }

    .parts-selection__media {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }

    .parts-selection__media img {
        object-position: center 35%;
    }

    .parts-selection__content {
        padding: 32px;
    }

    .motor-gaskets__grid {
        grid-template-columns: 1fr;
    }

    .motor-gaskets__feature {
        padding: 28px;
    }

    .motor-gaskets__card {
        padding: 26px;
    }

    .seals-category__grid {
        gap: 18px;
    }

    .seals-category__card {
        padding: 14px;
        border-radius: 16px;
    }

    .seals-category__media {
        aspect-ratio: 1.4;
        border-radius: 11px;
    }

    .seals-category__content {
        padding: 20px 4px 8px;
    }

    .seals-category__content p {
        margin-top: 12px;
    }

    .company-directions__grid {
        grid-template-columns: 1fr;
    }

    .company-directions__card:last-child {
        display: flex;
        grid-column: auto;
    }

    .company-directions__card:last-child .company-directions__media {
        height: auto;
        aspect-ratio: 1.62 / 1;
    }

    .b2b-center {
        min-height: calc(100svh - 100px);
        padding-top: 120px;
    }

    .b2b-center__panel {
        min-height: 250px;
        padding: 22px 18px;
    }

    .b2b-center__panel::before {
        left: 24px;
        right: 24px;
    }

    .b2b-center {
        min-height: calc(100svh - 100px);
        padding-top: 120px;
    }

    .b2b-center__panel {
        min-height: 250px;
        padding: 22px 18px;
    }

    .b2b-center__panel::before {
        left: 24px;
        right: 24px;
    }

    .partner-intro {
        padding-top: 110px;
    }

    .partner-intro__head br {
        display: none;
    }

    .oils-production__video {
        margin-top: 36px;
    }

    .oils-production__video-overlay {
        gap: 14px;
    }

    .oils-production__video-play {
        width: 72px;
    }

    .oils-production__video-play::before {
        inset: -9px;
    }

    .oils-production__video-play::after {
        inset: -18px;
    }

    .oils-production__video-label {
        font-size: 10px;
        letter-spacing: .12em;
    }

    .oils-production__video-status {
        width: 64px;
        height: 64px;
    }

    .turbo-heavy__grid {
        grid-template-columns: 1fr;
        gap: 26px;
    }

    .turbo-heavy__item,
    .turbo-heavy__item:first-child,
    .turbo-heavy__item:last-child {
        display: grid;
        grid-template-columns: minmax(150px, .85fr) minmax(0, 1.15fr);
        align-items: center;
        gap: 24px;
        padding: 0;
    }

    .turbo-heavy__item + .turbo-heavy__item {
        padding-top: 26px;
        border-left: 0;
        border-top: 1px solid rgb(255 255 255 / 18%);
    }

    .turbo-heavy__item p {
        margin: 0;
    }

    .turbo-heavy__footer {
        margin-top: 36px;
    }

    .md-zabota-how {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .md-zabota-how__visual {
        height: 300px;
    }

    .md-zabota-how__visual img {
        max-height: 300px;
    }

    .md-zabota-how__content {
        padding: 36px;
    }

    .md-zabota-how__content p {
        max-width: 100%;
        margin-top: 18px;
    }
}

/* ==========================================================================
   
End 768px
   ========================================================================== */

@media (max-width: 560px) {
    .table-scroll__controls {
        gap: 8px;
        margin-top: 12px;
    }

    .table-scroll__button {
        flex-basis: 38px;
        width: 38px;
        height: 38px;
    }

    .product-catalog__types {
        grid-template-columns: 1fr;
    }

    .product-catalog__scheme {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .product-catalog__engine {
        width: 100%;
        grid-column: auto;
    }

    .product-catalog__engine img {
        display: none;
    }

    .product-catalog__item {
        display: grid;
        min-height: 0;
        grid-template-columns: 115px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
    }

    .product-catalog__image,
    .product-catalog__item--turbo .product-catalog__image,
    .product-catalog__item--pumps .product-catalog__image {
        height: 110px;
        margin: 0;
    }

    .product-catalog__content {
        margin: 0;
    }

    .product-catalog__bottom {
        margin-top: var(--space-lg);
    }

    .product-catalog__bottom > p {
        margin-bottom: var(--space-md);
    }

    .product-catalog__bottom .actions {
        flex-direction: column;
    }

    .product-catalog__bottom .btn {
        width: 100%;
    }

    .brand-story__warranty-content .btn {
        width: 100%;
    }

    .brand-story__warranty-media {
        min-height: 210px;
    }

    .brand-story__history {
        margin-inline: calc(var(--container-padding) * -.35);
    }

    .brand-story__video,
    .brand-story__video video {
        min-height: 240px;
    }

    .brand-story__stat {
        min-height: 115px;
        padding: 16px 10px;
    }

    .brand-story__facts {
        grid-template-columns: 1fr;
        gap: var(--space-sm);
    }

    .brand-story__fact {
        min-height: 96px;
    }

    .brand-story__history > .btn {
        width: 100%;
        min-width: 0;
    }

    .production-quality__content .btn {
        width: 100%;
    }

    .production-quality__media {
        aspect-ratio: 1.45;
    }

    .production-quality__factory {
        margin-inline: calc(var(--container-padding) * -.35);
        padding: 24px 16px;
    }

    .company__production-image {
        min-height: 205px;
    }

    .company__production-title {
        font-size: 26px;
    }

    .production-quality__research {
        padding: var(--space-md);
    }

    .production-quality__action .btn {
        width: 100%;
    }

    .md-care {
        background: #f5f6fb;
    }

    .md-care__box {
        padding: 22px 18px;
        border-radius: var(--radius-medium);
    }

    .md-care__label {
        margin-bottom: 16px;
    }

    .md-care h2 {
        font-size: clamp(31px, 9vw, 39px);
    }

    .md-care__lead {
        margin-top: 16px;
    }

    .md-care__body {
        margin-top: var(--space-lg);
    }

    .md-care__formula {
        font-size: 17px;
    }

    .md-care__formula-number {
        width: 36px;
        height: 40px;
        font-size: 17px;
    }

    .md-care__formula strong {
        height: 40px;
        padding-inline: 12px;
        font-size: 16px;
    }

    .md-care__formula-arrow {
        margin-inline: 10px;
        font-size: 23px;
    }

    .md-care__benefit {
        grid-template-columns: 30px minmax(0, 1fr);
        gap: 14px;
    }

    .md-care__warranty {
        padding: 16px;
    }

    .md-care__shield {
        flex-basis: 46px;
        width: 46px;
        height: 46px;
    }

    .md-care__warranty strong {
        font-size: 17px;
    }

    .md-care__stores {
        flex-wrap: wrap;
    }

    .media-center__grid {
        grid-template-columns: 1fr;
    }

    .media-center__card {
        display: grid;
        grid-template-columns: 118px minmax(0, 1fr);
        align-items: stretch;
    }

    .media-center__image {
        height: 100%;
        min-height: 128px;
        margin: 0;
        aspect-ratio: auto;
        border-radius: var(--radius-medium) 0 0 var(--radius-medium);
    }

    .media-center__content {
        min-height: 128px;
        padding: 20px 44px 20px 18px;
    }

    .media-center__content h3 {
        font-size: 17px;
    }

    .media-center__arrow {
        right: 14px;
        bottom: 14px;
        font-size: 27px;
    }

    .where-buy__retail,
    .where-buy__business {
        padding: 20px 16px;
    }

    .where-buy__channels {
        margin-top: var(--space-md);
    }

    .where-buy__channel {
        grid-template-columns: 40px minmax(0, 1fr);
        min-height: 76px;
        gap: 12px;
        padding: 12px;
    }

    .where-buy__channel-icon {
        width: 40px;
        height: 40px;
    }

    .where-buy__channel-arrow {
        display: none;
    }

    .where-buy #map-filter {
        gap: 8px;
    }

    .where-buy #map-filter label {
        flex: 1 1 auto;
        min-height: 40px;
        padding: 8px 16px;
    }

    .where-buy #map-canvas {
        min-height: 330px;
        border-radius: var(--radius-medium);
    }

    .where-buy__business .actions {
        flex-direction: column;
    }

    .where-buy__business .btn {
        width: 100%;
    }

    .faq__list {
        gap: 10px;
    }

    .faq__question {
        min-height: 60px;
        padding: 16px;
        font-size: 15px;
    }

    .faq__question i {
        flex-basis: 18px;
        width: 18px;
        height: 18px;
    }

    .faq__answer-inner {
        padding: 0 16px 18px;
    }

    .contact-community h2 {
        font-size: clamp(30px, 9vw, 38px);
    }

    .contact-community__links {
        align-items: stretch;
    }

    .contact-community__links a {
        width: 100%;
        min-width: 0;
    }

    .contact-community__social > p {
        margin-top: var(--space-md);
    }

    .contact-community__socials {
        gap: 14px;
    }

    .contact-community__socials a {
        width: 50px;
        height: 50px;
    }

    .contact-community__media {
        width: 125%;
        max-width: none;
        margin-left: -12%;
        margin-right: -13%;
    }

    .stats-grid--4 {
        grid-template-columns: 1fr;
    }

    .stats-grid__item {
        display: grid;
        grid-template-columns: minmax(120px, auto) minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        min-height: 0;
    }

    .stats-grid__item + .stats-grid__item,
    .stats-grid__item:nth-child(3) {
        border-top: 1px solid var(--color-border);
        border-left: 0;
    }

    .stats-grid__item > p {
        margin-top: 0;
    }

    .oils-expertise__intro-content h2,
    .oils-expertise__head h2,
    .oils-expertise__leaders-content h2 {
        font-size: clamp(29px, 9vw, 36px);
    }

    .oils-expertise__leaders-more {
        align-items: flex-start;
        gap: 18px;
    }

    .oils-expertise__qr {
        flex: 0 0 100px;
        width: 100px;
    }

    .oils-expertise__leaders-more > strong {
        font-size: 14px;
    }

    .oils-production__steps {
        grid-template-columns: 1fr;
    }

    .oils-production__steps li {
        display: grid;
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 18px;
        align-items: center;
        min-height: 96px;
        padding: 18px;
        text-align: left;
    }

    .oils-production__steps span {
        width: 58px;
        height: 58px;
        margin: 0;
        border-width: 4px;
        font-size: 24px;
    }

    .oils-production__steps span::after {
        inset: -7px;
        border-width: 1px;
    }

    .oils-production__steps p {
        max-width: none;
        margin: 0;
    }

    .oils-production__note {
        grid-template-columns: 3px minmax(0, 1fr);
        gap: 15px;
    }

    .oils-production__note p {
        font-size: 15px;
    }

    .oils-formula__additives {
        grid-template-columns: 1fr;
        padding-top: 18px;
    }

    .oils-formula__additives > img {
        width: 150px;
        margin: 0 auto;
        transform: none;
    }

    .oils-formula__additives-content {
        padding: 10px 22px 26px;
    }

    .oils-formula__additives-content .btn {
        width: 100%;
    }

    .oil-selection__grid {
        grid-template-columns: 1fr;
    }

    .oil-selection__image {
        aspect-ratio: 1.65;
    }

    .oil-selection__tabs {
        gap: 4px;
        padding: 4px;
    }

    .oil-selection__tab {
        min-height: 42px;
        padding-inline: 12px;
        font-size: 12px;
    }

    .oils-buy__channel {
        padding: 22px;
        border-radius: var(--radius-medium);
    }

    .oils-buy__channel h3,
    .oils-buy__stores-head h3 {
        font-size: 23px;
    }

    .oils-buy__channel .btn {
        width: 100%;
    }

    .oils-buy__marker {
        min-height: 0;
    }

    .oils-buy__location {
        display: none;
    }

    .oils-proof__grid,
    .oils-proof__tests-grid {
        grid-template-columns: 1fr;
    }

    .oils-proof__card:last-child,
    .oils-proof__test:last-child {
        grid-column: auto;
        width: 100%;
    }

    .oils-proof__card h3 {
        min-height: 0;
    }

    .oils-trust__maintenance {
        background-position: 72% center;
    }

    .oils-trust__filters {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 220px;
    }

    .oils-trust__filters .btn {
        width: 100%;
    }

    .oils-trust__reviews,
    .oils-trust__maintenance {
        padding-inline: 20px;
    }

    .oils-trust__advantages > div {
        padding: 16px;
    }

    .oil-products__grid {
        grid-template-columns: 1fr;
    }

    .oil-products__card {
        width: 100%;
        max-width: 360px;
        justify-self: center;
    }

    .oil-products__image {
        min-height: 220px;
    }

    .oil-products__image img {
        max-width: 200px;
        height: 205px;
    }

    .oil-products__content {
        padding: 6px 20px 22px;
    }

    .oil-products__action {
        margin-top: 30px;
    }

    .oil-products__action .btn {
        width: 100%;
        max-width: 360px;
    }

    .pro-service__label {
        margin-bottom: 20px;
        padding-inline: 22px;
    }

    .pro-service__box {
        margin-top: 26px;
        padding: 24px 20px;
    }

    .pro-service__content p {
        margin-top: 16px;
    }

    .pro-service__action {
        margin-top: 28px;
    }

    .pro-service__action .btn {
        width: 100%;
    }

    .md-product-proof__intro {
        grid-template-columns: 1fr;
    }

    .md-product-proof__icon {
        display: none;
    }

    .md-product-proof__intro h2 {
        font-size: clamp(30px, 9vw, 38px);
    }

    .md-product-proof__intro p {
        margin-top: 18px;
    }

    .md-product-proof__showcase-inner {
        padding-top: 30px;
    }

    .md-product-proof__metric {
        padding: 16px;
        border-radius: var(--radius-medium);
    }

    .md-product-proof__result {
        align-items: flex-start;
        gap: 12px;
        margin-top: clamp(250px, 78vw, 390px);
        padding: 14px 18px;
        border-radius: var(--radius-large);
    }

    .md-product-proof__result strong {
        text-align: left;
    }

    .md-product-proof__result--compare {
        padding: 20px;
    }

    .md-product-proof__certificate {
        width: min(100%, 220px);
        margin-inline: auto;
    }

    .md-product-proof__metric--element-row {
        grid-template-columns: auto 1fr;
        gap: 12px;
    }

    .test-process__head {
        margin-bottom: 34px;
    }

    .test-process__item {
        grid-template-columns: 56px minmax(0, 1fr);
        gap: 16px;
        padding: 20px;
    }

    .test-process__number {
        width: 54px;
        height: 54px;
        font-size: 30px;
    }

    .test-process__grid::before {
        left: 27px;
    }

    .field-tests__list {
        gap: 20px;
    }

    .field-tests__card {
        gap: 24px;
        padding: 24px 20px;
    }

    .field-tests__card::before {
        width: 4px;
    }

    .field-tests__vehicle {
        margin-top: 20px;
    }

    .field-tests__details {
        gap: 9px;
    }

    .field-tests__media {
        aspect-ratio: 1.35;
        border-radius: var(--radius-medium);
    }

    .field-tests__summary {
        margin-top: 40px;
        padding: 28px 22px;
    }

    .oil-risks__evidence-item {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .oil-risks__evidence-item figcaption {
        padding-left: 14px;
    }

    .oil-risks__flow {
        height: 48px;
    }

    .oil-risks .oils-production__steps li {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 18px;
    }

    .oil-risks .oils-production__steps span {
        width: 64px;
        height: 64px;
    }

    .oil-risks .oils-production__steps span img {
        width: 30px;
        height: 30px;
    }

    .oil-risks .oils-production__steps::before {
        top: 32px;
        bottom: 32px;
        left: 32px;
    }

    .md-oil-compare__box {
        width: calc(100% - 16px);
        padding-block: 36px;
    }

    .md-oil-compare__legend {
        gap: 12px 20px;
    }

    .md-oil-compare__metric {
        grid-template-columns: 28px minmax(0, 1fr);
        gap: 10px;
    }

    .md-oil-compare__icon {
        width: 26px;
        height: 26px;
    }

    .md-oil-compare__result {
        flex-wrap: wrap;
        gap: 5px 7px;
    }

    .md-oil-compare__result i {
        flex-basis: 22px;
        width: 22px;
    }

    .md-oil-compare__result span {
        flex: 1 1 150px;
    }

    .md-road-benefits__item {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 15px;
        padding: 20px;
        border-radius: var(--radius-medium);
    }

    .md-road-benefits__icon {
        width: 52px;
        height: 52px;
        border-radius: 12px;
    }

    .md-road-benefits__icon img {
        width: 32px;
        height: 32px;
    }

    .md-road-benefits__item p {
        margin-top: 9px;
    }

    .md-road-benefits__divider {
        height: 52px;
    }

    .md-road-benefits__divider img {
        width: 82px;
        max-height: 42px;
    }

    .brand-evolution__intro-card {
        padding: 20px;
    }

    .brand-evolution__story {
        margin-top: 46px;
    }

    .brand-evolution__timeline {
        margin-bottom: 30px;
    }

    .brand-evolution__timeline-year {
        font-size: 13px;
    }

    .brand-evolution__content > h3 {
        font-size: 25px;
        line-height: 1.15;
    }

    .brand-evolution__media {
        aspect-ratio: 1.15;
        border-radius: var(--radius-medium);
    }

    .brand-evolution__details {
        grid-template-columns: 1fr;
        gap: 12px;
        margin-top: 16px;
    }

    .brand-evolution__detail {
        min-height: auto;
        padding: 16px 16px 16px 20px;
    }

    .brand-evolution__navigation {
        margin-top: 20px;
    }

    .brand-evolution__result {
        margin-top: 22px;
    }

    .brand-evolution__result strong {
        width: 100%;
        min-height: 50px;
        padding-inline: 18px;
    }

    .brand-reliability__award {
        padding: 24px 20px;
        border-radius: var(--radius-medium);
    }

    .brand-reliability__award-media img {
        width: min(78%, 240px);
    }

    .brand-reliability__award-content h2 {
        font-size: 28px;
    }

    .brand-reliability__promise {
        padding: 20px;
    }

    .brand-reliability__principles h2 br {
        display: none;
    }

    .brand-reliability__principle {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 0 16px;
        padding: 22px;
    }

    .brand-reliability__number {
        font-size: 48px;
    }

    .brand-values__item {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 16px;
        padding: 22px 20px;
        border-radius: var(--radius-medium);
    }

    .brand-values__number {
        font-size: 46px;
    }

    .brand-values__result {
        padding: 22px 20px;
        border-radius: var(--radius-medium);
    }

    .brand-facts__frame {
        gap: 24px;
        padding: 22px 20px;
        border-radius: var(--radius-medium);
    }

    .brand-facts__content > strong {
        font-size: 32px;
    }

    .brand-facts__media {
        aspect-ratio: 1.25;
    }

    .production-system__box {
        gap: 34px;
        padding: 26px 20px;
        border-radius: var(--radius-medium);
    }

    .production-system__cycle {
        padding-top: 28px;
    }

    .production-system__label {
        line-height: 1.25;
    }

    .check-list--large li {
        min-height: 68px;
        padding: 14px 0 14px 60px;
    }

    .check-list--large li::before {
        width: 38px;
        height: 38px;
        font-size: 17px;
    }

    .brand-partners__showcase {
        border-radius: var(--radius-medium);
    }

    .brand-partners__media {
        aspect-ratio: 1.15;
    }

    .brand-partners__panel {
        min-height: 570px;
        padding: 24px 20px;
    }

    .brand-partners__badge {
        white-space: normal;
        line-height: 1.25;
    }

    .brand-partners__viewport {
        height: 410px;
        margin-top: 28px;
    }

    .brand-partners__groups {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .brand-partners__group li {
        font-size: var(--font-size-text);
    }

    .brand-partners__final .btn {
        min-width: 0;
        width: 100%;
        max-width: 300px;
    }

    .brand-partners__mascot {
        right: -12px;
        bottom: -78px;
        width: min(68%, 235px);
    }

    .brand-partners__navigation {
        right: 20px;
        bottom: 20px;
        left: 20px;
    }

    .brand-partners__arrow {
        width: 48px;
        height: 48px;
    }

    .production-equipment__showcase {
        border-radius: var(--radius-medium);
    }

    .production-equipment__media {
        aspect-ratio: 1.15;
    }

    .production-equipment__content {
        padding: 26px 20px;
    }

    .production-equipment__info {
        margin-top: 22px;
        padding: 20px;
    }

    .production-equipment__risk {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
    }

    .production-equipment__shield {
        width: 42px;
        height: 42px;
    }

    .production-equipment__benefit {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 14px;
        min-height: 0;
        padding: 20px;
        border-radius: var(--radius-medium);
    }

    .production-equipment__benefit > img {
        width: 44px;
        height: 44px;
    }

    .production-lab__compare-item,
    .production-lab__result,
    .production-lab__eco-box {
        border-radius: var(--radius-medium);
    }

    .production-lab__compare-item {
        padding: 24px 20px;
    }

    .production-lab__gallery {
        gap: 10px;
    }

    .production-lab__photo,
    .production-lab__photo--large {
        aspect-ratio: 1.25;
    }

    .production-lab__photo > span {
        right: 8px;
        bottom: 8px;
        left: 8px;
        min-height: 28px;
        padding: 6px 10px;
    }

    .production-lab__result {
        gap: 26px;
        padding: 26px 20px;
    }

    .production-lab__eco-content {
        min-height: 560px;
        padding: 26px 20px;
    }

    .production-lab__certification {
        padding: 20px;
    }

    .production-lab__eco-note {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 14px;
        margin-top: 30px;
        padding: 16px;
    }

    .production-lab__eco-note > span {
        width: 44px;
        height: 44px;
    }

    .md-zabota-benefits__head h2 br {
        display: none;
    }

    .md-zabota-benefits__box {
        margin-inline: -4px;
        padding: 18px;
        border-radius: var(--radius-medium);
    }

    .md-zabota-benefits__item {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 5px 14px;
        padding: 18px;
        border-radius: var(--radius-small);
    }

    .md-zabota-benefits__number {
        width: 40px;
        height: 40px;
        font-size: 29px;
    }

    .md-zabota-benefits__item h3 br,
    .md-zabota-benefits__item p br,
    .md-zabota-benefits__content p br {
        display: none;
    }

    .md-zabota-benefits__warranty {
        margin-top: 54px;
    }

    .md-zabota-benefits__media img {
        width: 100%;
        max-height: 430px;
    }

    .md-zabota-benefits__content h2 br {
        display: none;
    }

    .md-zabota-protection__box {
        padding: 22px 18px;
        border-radius: var(--radius-medium);
    }

    .md-zabota-protection__part {
        padding: 22px 20px;
    }

    .md-zabota-protection__part .list {
        gap: 16px;
        margin-top: 18px;
    }

    .md-zabota-protection__activation {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 24px 20px;
    }

    .md-zabota-protection__shield {
        width: 64px;
        height: 64px;
    }

    .md-zabota-protection__conditions {
        padding: 28px 20px;
    }

    .md-zabota-protection__conditions-content {
        max-width: none;
    }

    .md-zabota-protection__conditions .list {
        margin-top: 20px;
    }

    .md-zabota-protection__emblem {
        position: static;
        width: 68px;
        height: 68px;
        margin: 26px 0 0 auto;
    }

    .md-zabota-authenticity__content h2 br,
    .md-zabota-authenticity__content p br,
    .md-zabota-authenticity__content > strong br {
        display: none;
    }

    .md-zabota-authenticity__media {
        margin-inline: -8px;
    }

    .md-zabota-authenticity__steps {
        margin-top: 48px;
        padding: 24px 18px;
        border-radius: var(--radius-medium);
    }

    .md-zabota-authenticity__grid {
        margin-top: 26px;
    }

    .md-zabota-authenticity__step {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 5px 14px;
        padding: 20px;
    }

    .md-zabota-authenticity__number {
        width: 40px;
        height: 40px;
        font-size: 29px;
    }

    .md-zabota-authenticity__step h3 br,
    .md-zabota-authenticity__step p br {
        display: none;
    }

    .md-zabota-advantages__content h2 br {
        display: none;
    }

    .md-zabota-advantages__list li {
        padding: 20px 18px 20px 46px;
    }

    .md-zabota-advantages__list li::before {
        top: 21px;
        left: 16px;
    }

    .md-zabota-advantages__list p br {
        display: none;
    }

    .md-zabota-advantages__media {
        margin-inline: -10px;
    }

    .md-zabota-advantages__media::after {
        height: 70px;
    }

    .md-zabota-advantages__conditions {
        grid-template-columns: 1fr;
        gap: 24px;
        padding: 26px 20px;
        border-radius: var(--radius-medium);
    }

    .md-zabota-advantages__emblem {
        width: 68px;
        height: 68px;
        justify-self: end;
    }

    .md-zabota-advantages__conditions-list {
        gap: 16px;
        margin-top: 20px;
    }

    .md-zabota-advantages__action .btn {
        width: 100%;
        min-width: 0;
    }

    .water-pumps__head h2 br,
    .water-pumps__head .section__lead br,
    .water-pumps__engineering-head h2 br,
    .water-pumps__construction-content h2 br,
    .water-pumps__problem br,
    .water-pumps__solution br,
    .water-pumps__feature br {
        display: none;
    }

    .water-pumps__stats {
        grid-template-columns: 1fr;
    }

    .water-pumps__stats .stats-grid__item {
        min-height: 0;
        padding: 26px 8px;
        border-right: 0;
        border-bottom: 0;
    }

    .water-pumps__stats .stats-grid__item:nth-child(odd) {
        border-right: 0;
    }

    .water-pumps__stats .stats-grid__item:last-child {
        border-bottom: 1px solid var(--color-border);
    }

    .water-pumps__control {
        padding: 10px 20px;
    }

    .water-pumps__control .check-list--large li {
        min-height: 74px;
        padding-left: 62px;
    }

    .water-pumps__control .check-list--large li::before {
        width: 38px;
        height: 38px;
    }

    .water-pumps__note {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .water-pumps__note .oils-expertise__note-icon {
        width: 42px;
        height: 42px;
    }

    .water-pumps__compare-card {
        padding: 24px 20px;
    }

    .water-pumps__emblem {
        top: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
    }

    .water-pumps__construction {
        padding: 28px 18px 112px;
        border-radius: var(--radius-medium);
    }

    .water-pumps__construction-media {
        width: calc(100% + 36px);
        margin-inline: -18px;
    }

    .water-pumps__durability {
        right: 18px;
        left: 18px;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        padding: 11px 14px;
    }

    .water-pumps__durability > span {
        width: 38px;
        height: 38px;
    }

    .water-pumps__action {
        right: 18px;
        left: 18px;
    }

    .water-pumps__action .btn {
        width: 100%;
    }

    .water-pumps-warranty__box {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 16px;
        padding: 18px;
    }

    .water-pumps-warranty__icon {
        width: 52px;
        height: 52px;
    }

    .water-pumps-warranty__icon svg {
        width: 29px;
        height: 29px;
    }

    .water-pumps-warranty h3 {
        font-size: 20px;
    }

    .pump-system__product {
        gap: 30px;
        padding: 26px 20px;
        border-radius: var(--radius-medium);
    }

    .pump-system__types {
        gap: 14px;
        margin-top: 24px;
    }

    .pump-system__type-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .pump-system__type-icon img {
        width: 25px;
        height: 25px;
    }

    .pump-system__content .actions,
    .pump-system__content .btn {
        width: 100%;
    }

    .pump-system__benefits li {
        min-height: 74px;
        padding: 14px 0 14px 62px;
    }

    .pump-system__benefits li::before {
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .pump-system__result .oils-expertise__intro-grid {
        grid-template-columns: minmax(0, 1fr) 88px;
        gap: 18px;
    }

    .pump-system__result .oils-expertise__emblem {
        width: 84px;
    }

    .water-pump-advantages__panel {
        gap: 14px;
        padding: 20px;
    }

    .water-pump-advantages__item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 13px;
        padding: 16px;
    }

    .water-pump-advantages__icon {
        width: 38px;
        height: 38px;
    }

    .water-pump-advantages__icon svg {
        width: 22px;
        height: 22px;
    }

    .water-pump-advantages__item .md-care__stores {
        flex-wrap: wrap;
        gap: 8px;
    }

    .water-pump-advantages__item .md-care__stores img {
        height: 32px;
    }

    .water-pump-advantages__media {
        min-height: 330px;
    }

    .water-pump-advantages__media img {
        min-height: 330px;
    }

    .water-pump-advantages__more,
    .water-pump-advantages__more .btn,
    .water-pump-advantages__catalog,
    .water-pump-advantages__catalog .btn {
        width: 100%;
    }

    .static-card-grid {
        grid-template-columns: 1fr;
        width: min(100%, 360px);
        margin-inline: auto;
        margin-top: 44px;
    }

    .static-card {
        padding: 16px;
    }

    .engineering-page {
        padding-block: 30px;
    }

    .engineering-page__list {
        gap: 16px;
    }

    .engineering-item__head {
        display: block;
        padding: 24px 20px;
    }

    .engineering-item__head-media {
        position: absolute;
        top: 20px;
        right: 18px;
        width: 54px;
        height: 54px;
    }

    .engineering-item__head-content {
        padding-right: 42px;
    }

    .engineering-item__head p,
    .engineering-item__toggle {
        margin-right: -42px;
    }

    .engineering-item__body-inner {
        padding-top: 16px;
    }

    .engineering-solution {
        padding: 24px 18px;
    }

    .engineering-compare {
        padding: 18px;
        border-radius: var(--radius-medium);
    }

    .engineering-compare__head {
        margin-bottom: 20px;
    }

    .engineering-compare__media {
        gap: 12px;
    }

    .engineering-result {
        gap: 13px;
        padding: 14px;
    }

    .engineering-result__icon {
        flex-basis: 44px;
        width: 44px;
        height: 44px;
    }

    .pump-testing {
        padding: 24px 18px;
    }

    .pump-testing__list {
        gap: 20px;
        margin-top: 30px;
    }

    .pump-testing__item {
        gap: 20px;
        padding: 18px;
        border-radius: var(--radius-medium);
    }

    .pump-testing__gallery {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 190px 130px;
        gap: 8px;
        min-height: 0;
    }

    .pump-testing__image--main {
        grid-column: 1 / 3;
        grid-row: auto;
    }

    .pump-testing__gallery--single {
        display: block;
    }

    .pump-testing__image--wide {
        min-height: 230px;
    }

    .engineering-item--testing .engineering-item__head {
        padding: 28px 20px;
    }

    .engineering-item--testing .engineering-item__head-content h2 br {
        display: none;
    }

    .pump-testing__hero-gallery {
        grid-template-columns: 1.35fr 1fr;
        gap: 8px;
        min-height: 330px;
    }

    .pump-testing__hero-column {
        gap: 8px;
    }

    .pump-testing__hero-image {
        border-radius: var(--radius-small);
    }

    .turbo-results__item {
        border-radius: var(--radius-medium);
    }

    .turbo-results__media {
        min-height: 245px;
        padding: 18px 16px 44px;
    }

    .turbo-results__media > img {
        height: 190px;
    }

    .turbo-results__vehicle {
        bottom: 12px;
        min-width: 190px;
        padding-inline: 16px;
    }

    .turbo-results__content {
        min-height: 0;
        padding: 26px 22px 30px;
    }

    .turbo-results__label {
        margin-bottom: 14px;
    }

    .turbo-warranty {
        margin-bottom: 68px;
        padding: 28px 20px 20px;
        border-radius: var(--radius-medium);
    }

    .turbo-warranty h2 br {
        display: none;
    }

    .turbo-warranty__condition {
        padding: 17px 18px 16px;
    }

    .turbo-warranty__condition-head img {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }

    .turbo-warranty__product {
        width: 125%;
        margin: -6px -18% -4px 10%;
    }

    .turbo-warranty__compare {
        padding: 17px 18px;
    }

    .turbo-packaging > h2 br {
        display: none;
    }

    .turbo-packaging__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .turbo-packaging__image {
        width: min(100%, 360px);
        aspect-ratio: 1.25;
    }

    .turbo-packaging__item > p {
        margin-top: 14px;
    }

    .turbo-packaging__item > p br {
        display: none;
    }

    .turbo-authenticity {
        border-radius: var(--radius-medium);
    }

    .turbo-authenticity__content {
        padding: 30px 20px 0;
    }

    .turbo-authenticity .check-list {
        margin-top: 20px;
    }

    .turbo-authenticity .check-list--large li {
        min-height: 70px;
        padding-left: 62px;
    }

    .turbo-authenticity .check-list--large li::before {
        width: 40px;
        height: 40px;
    }

    .turbo-authenticity__visual {
        min-height: 300px;
    }

    .turbo-authenticity__visual img {
        width: 118%;
        max-height: 320px;
    }

    .where-online__grid {
        grid-template-columns: 1fr;
    }

    .where-online__card--marketplace {
        min-height: 164px;
    }

    .where-online__card--store {
        min-height: 125px;
    }

    .where-help__authenticity .oils-expertise__intro {
        border-radius: 14px;
    }

    .where-help__authenticity .oils-expertise__intro-grid {
        padding: 26px 22px;
    }

    .where-help__authenticity .oils-expertise__emblem {
        margin: 24px 0 0;
    }

    .where-help__authenticity-button {
        width: 100%;
    }

    .where-help__support {
        padding: 38px 0;
    }

    .where-help__actions {
        flex-direction: column;
        align-items: stretch;
    }

    .where-help__actions .btn {
        width: 100%;
        min-width: 0;
    }

    .feedback__tabs {
        gap: 10px;
    }

    .feedback__tab {
        flex: 1;
        min-width: 0;
        padding-right: 16px;
        padding-left: 16px;
    }

    .feedback .form-field {
        margin-bottom: 18px;
    }

    .feedback .form-submit .btn {
        width: 100%;
    }

    .contacts-sales__heading {
        gap: 12px;
        margin-bottom: 22px;
    }

    .contacts-sales__heading-icon {
        flex-basis: 40px;
        width: 40px;
        height: 40px;
    }

    .contacts-card {
        padding: 20px;
    }

    .contacts-card__body {
        gap: 11px;
    }

    .contacts-social__layout {
        min-height: 570px;
    }

    .contacts-social__links {
        width: 100%;
    }

    .contacts-social__link {
        width: min(100%, 280px);
    }

    .contacts-social__media {
        right: -120px;
        width: 580px;
        opacity: .92;
    }

    .contacts-requisites__heading {
        margin-bottom: 20px;
    }

    .contacts-requisites__card {
        padding: 22px 18px;
        border-radius: var(--radius-medium);
    }

    .contacts-requisites__item {
        padding-bottom: 16px;
    }

    .contacts-requisites__item + .contacts-requisites__item {
        padding-top: 16px;
    }

    .contacts-requisites__button {
        min-height: 50px;
        padding-inline: 18px;
    }

    .copy-tooltip {
        padding: 8px 11px;
    }

    .turbo-advantages__title {
        margin-bottom: 18px;
    }

    .turbo-advantages__media {
        aspect-ratio: 1 / 1;
    }

    .turbo-advantages__application {
        padding: 20px;
    }

    .turbo-advantages__application::before {
        top: 20px;
        bottom: 20px;
    }

    .turbo-heat {
        padding-top: 16px;
    }

    .turbo-heat__legend {
        flex-direction: column;
        gap: 12px;
        min-height: 150px;
        padding-right: 90px;
    }

    .turbo-heat__stamp {
        top: 0;
        width: 82px;
        height: 82px;
    }

    .turbo-heat__base-card {
        padding: 20px 16px;
    }

    .turbo-heat__base-title {
        gap: 12px;
    }

    .turbo-heat__base-title img,
    .turbo-heat__component-data > img {
        width: 50px;
        height: 50px;
    }

    .turbo-heat__range-bar {
        height: 22px;
    }

    .turbo-heat__range-values {
        grid-template-columns: 1fr auto auto;
        gap: 14px;
    }

    .turbo-heat__range-values strong:last-child {
        padding-right: 0;
    }

    .turbo-heat__temperatures {
        gap: 16px;
        padding-inline: 0;
    }

    .turbo-heat__brace {
        margin-inline: -4px;
    }

    .turbo-heat__advantage strong {
        font-size: 28px;
    }

    .turbo-heat__components {
        margin-top: 32px;
    }

    .turbo-heat__components-legend {
        width: 100%;
        justify-content: space-between;
        gap: 14px;
    }

    .turbo-heat__component {
        padding: 20px 16px;
    }

    .turbo-heat__component-data {
        gap: 12px;
    }

    .turbo-heat__mini-bar--md {
        width: 86px;
    }

    .turbo-heat__mini-bar--analogue {
        width: 52px;
    }

    .turbo-housing-proof__body {
        border-radius: var(--radius-medium);
    }

    .turbo-housing-proof__material {
        padding: 22px 20px;
    }

    .turbo-housing-proof__temperature strong {
        white-space: normal;
    }

    .turbo-housing-proof__tests {
        padding: 20px;
    }

    .turbo-housing-proof__tests .check-list {
        grid-template-columns: 1fr;
        padding-bottom: 104px;
    }

    .turbo-housing-proof__stamp {
        right: 20px;
        bottom: 18px;
        width: 84px;
        height: 84px;
    }

    .conveyor-applications__scheme {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .conveyor-applications__core {
        width: 205px;
        margin-bottom: 20px;
    }

    .conveyor-applications__core img {
        width: 76px;
        height: 76px;
    }

    .conveyor-applications__core strong {
        font-size: 23px;
    }

    .conveyor-applications__core span {
        font-size: 16px;
    }

    .conveyor-applications__item {
        min-height: 0;
        padding: 20px;
    }

    .conveyor-applications__icons {
        min-height: 40px;
        margin-bottom: 11px;
    }

    .conveyor-applications__icons img {
        height: 38px;
    }

    .conveyor-applications__item p {
        margin-top: 10px;
    }

  .media-center__intro h1 {
    overflow-wrap: anywhere;
  }

  .media-kit__grid {
    grid-template-columns: 1fr;
  }

  .md-subscription-page__actions {
    flex-direction: column;
    width: 100%;
  }

    .filter-tests__head h2 br {
        display: none;
    }

    .filter-tests__card {
        padding: 12px 12px 16px;
    }

    .filter-tests__image {
        margin-bottom: 18px;
    }

    .filter-tests__arrow {
        width: 32px;
        height: 32px;
        padding-top: 10px;
    }

    .filter-tests__note {
        margin-top: 24px;
    }

    .md-maintenance__inner {
        padding: 24px 18px;
        border-radius: 16px;
    }

    .md-maintenance h2 {
        margin-bottom: 16px;
    }

    .md-maintenance h2 br {
        display: none;
    }

    .md-maintenance .section__head {
        margin-bottom: 24px;
    }

    .md-maintenance__feature {
        padding: 18px;
        border-radius: 12px;
    }

    .md-maintenance__feature p br {
        display: none;
    }

    .md-maintenance .actions {
        margin-top: 20px;
    }

    .md-maintenance .btn--primary {
        width: 100%;
    }

    .md-maintenance__media {
        aspect-ratio: 1;
        border-radius: 12px;
    }

    .engineering-item--temperature .engineering-temperature__grid {
        gap: 26px;
        margin-top: 20px;
    }

    .engineering-temperature__cell > img {
        aspect-ratio: 1.3;
    }

    .engineering-temperature__valve {
        grid-template-columns: minmax(0, 1fr) 80px;
        gap: 12px;
    }

    .engineering-temperature__cell h3 {
        margin-top: 14px;
    }

    .cpg-kits__groups {
        gap: 44px;
    }

    .cpg-kits__group > h3 {
        margin-bottom: 22px;
    }

    .cpg-kits__image {
        padding: 24px;
    }

    .cpg-kits__content {
        padding: 0 22px 24px;
    }

    .cpg-kits__content p {
        margin-top: 18px;
        padding-top: 17px;
    }

    .cpg-materials__card {
        min-height: 0;
        padding: 28px 24px;
    }

    .cpg-materials__number {
        font-size: 64px;
    }

    .cpg-materials__card p {
        margin: 12px 0 26px;
    }

    .cpg-materials__card .btn {
        width: 100%;
        white-space: normal;
        text-align: center;
    }

    .cpg-compare__banner {
        padding: 30px 22px 0;
    }

    .cpg-compare__content h2 {
        font-size: 27px;
    }

    .cpg-compare__content > p {
        margin-top: 18px;
    }

    .cpg-compare__question {
        padding: 16px;
    }

    .cpg-compare__question strong {
        padding-left: 12px;
    }

    .cpg-compare__content > .btn {
        margin-top: 26px;
    }

    .cpg-compare__media {
        width: calc(100% + 24px);
        max-width: none;
        margin: 24px -12px 0;
    }

    .cpg-care__group {
        margin-top: 30px;
    }

    .cpg-care__group h3 {
        margin-bottom: 20px;
    }

    .cpg-care__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .cpg-care__card {
        padding: 26px;
    }

    .cpg-care__icon {
        width: 48px;
        height: 48px;
    }

    .cpg-care__card h4 {
        font-size: 18px;
    }

    .cpg-care__card p {
        font-size: 16px;
    }

    .cpg-care__actions {
        gap: 10px;
    }

    .cpg-care__actions .btn {
        min-height: 40px;
        padding-inline: 24px;
    }

    .cpg-care__group--benefits {
        margin-top: 26px;
    }

    .cpg-care__arrow {
        width: 46px;
        height: 46px;
    }

    .cpg-care__group--benefits .cpg-care__card {
        min-height: 0;
    }

    .cpg-care__media {
        height: 340px;
        margin-top: 20px;
    }

    .cpg-care__media img {
        bottom: -35px;
        width: min(110vw, 250px);
    }

    .alloy-chemistry__head > p {
        font-size: 26px;
    }

    .alloy-chemistry__stat {
        gap: 14px;
        margin-top: 20px;
    }

    .alloy-chemistry__stat strong {
        font-size: 58px;
    }

    .alloy-chemistry__stat span {
        font-size: 14px;
    }

    .alloy-chemistry__examples {
        margin-top: 40px;
    }

    .alloy-chemistry__examples h2 {
        margin-bottom: 20px;
    }

    .alloy-chemistry__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .alloy-chemistry__card,
    .alloy-chemistry__card:last-child {
        grid-column: auto;
    }

    .alloy-chemistry__card {
        padding: 24px;
    }

    .alloy-chemistry__card p {
        padding-bottom: 18px;
    }

    .alloy-chemistry__down {
        margin: 24px auto 18px;
    }

    .alloy-chemistry__result {
        align-items: flex-start;
        gap: 18px;
        padding: 24px;
    }

    .alloy-chemistry__result-icon {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
    }

    .alloy-chemistry__result-icon svg {
        width: 28px;
        height: 28px;
    }

    .alloy-chemistry__result-text p {
        margin-bottom: 12px;
    }

    .alloy-chemistry__result-text strong {
        font-size: 16px;
    }

    .alloy-formula {
        margin-top: 64px;
    }

    .alloy-formula__head {
        margin-bottom: 24px;
    }

    .alloy-formula__head h2 {
        font-size: clamp(28px, 7vw, 36px);
        line-height: 1.2;
    }

    .alloy-formula__body {
        padding: 10px;
        border-radius: 18px;
    }

    .alloy-formula__grid {
        gap: 12px;
    }

    .alloy-formula__card {
        padding: 18px;
        border-radius: 14px;
    }

    .alloy-formula__card-main {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 16px;
        padding-bottom: 18px;
    }

    .alloy-formula__card-info p {
        font-size: 15px;
    }

    .alloy-formula__arrow {
        margin: 10px 0;
        transform: scale(.8);
    }

    .alloy-formula__card-result {
        gap: 12px;
        padding-top: 14px;
    }

    .alloy-formula__card-result > span {
        flex-basis: 28px;
        width: 28px;
        height: 28px;
    }

    .alloy-formula__card-result strong {
        font-size: 15px;
    }

    .alloy-formula__bottom {
        grid-template-columns: 1fr;
        gap: 0;
        margin-top: 24px;
    }

    .alloy-formula__piston {
        max-height: 300px;
    }

    .alloy-formula__piston img {
        width: min(100%, 320px);
        max-height: 300px;
    }

    .alloy-formula__benefit {
        min-height: 0;
        padding: 28px;
        border-radius: 14px;
    }

    .alloy-formula__benefit > img {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
    }

    .alloy-formula__benefit p {
        font-size: clamp(23px, 6vw, 30px);
    }

    .piston-hardness {
        padding-top: 72px;
    }

    .piston-hardness__head {
        position: relative;
        display: block;
    }

    .piston-hardness__head h2 {
        margin-top: 14px;
    }

    .piston-hardness__head h3 {
        margin-top: 22px;
    }

    .piston-hardness__stamp {
        position: absolute;
        top: -6px;
        right: 0;
        width: 75px;
    }

    .piston-hardness__head .section__label {
        max-width: calc(100% - 90px);
    }

    .piston-hardness__comparison {
        gap: 36px;
        margin-top: 34px;
    }

    .piston-hardness__shields {
        gap: 18px;
        max-width: 330px;
    }

    .piston-hardness__group--advanced {
        grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
        gap: 16px;
    }

    .piston-hardness__shield--silver {
        max-width: 140px;
    }

    .piston-hardness__shield--gold {
        max-width: 210px;
    }

    .piston-hardness__shield--copper {
        max-width: 140px;
    }

    .piston-hardness__shield strong {
        font-size: clamp(18px, 5vw, 23px);
    }

    .piston-hardness__shield--gold strong {
        font-size: clamp(34px, 9vw, 48px);
    }

    .piston-hardness__logo {
        max-width: 175px;
        max-height: 36px;
        margin-bottom: 8px;
    }

    .piston-hardness__legend-item {
        gap: 6px;
        min-height: 48px;
        margin-top: 10px;
        padding-top: 24px;
    }

    .piston-hardness__legend-item > strong {
        font-size: clamp(13px, 3.6vw, 16px);
    }

    .piston-hardness__status {
        width: 21px;
        height: 21px;
    }

    .piston-hardness__status svg {
        width: 15px;
        height: 15px;
    }

    .piston-hardness__note {
        margin-top: 36px;
        padding: 20px;
        border-radius: 14px;
    }

    .piston-hardness__note strong {
        font-size: 18px;
    }

    .liner-composition .section__head {
        margin-bottom: 24px;
    }

    .liner-composition__card {
        padding: 26px 18px;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(23, 32, 75, .07);
    }

    .liner-composition__heading {
        margin-bottom: 26px;
    }

    .liner-composition__brand img {
        max-width: 155px;
    }

    .liner-composition__image {
        height: 260px;
    }

    .liner-composition__image img {
        max-width: 220px;
    }

    .liner-composition__row {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 8px;
        min-height: 85px;
    }

    .liner-composition__row > p {
        font-size: 14px;
    }

    .liner-composition__elements {
        gap: 2px;
    }

    .liner-composition__elements img {
        height: 47px;
    }

    .liner-composition__base > span {
        font-size: 13px;
    }

    .liner-composition__base strong {
        font-size: 15px;
    }

    .liner-composition__comparison--other {
        margin-top: 30px;
        padding-top: 28px;
    }

    .piston-rings .section__head,
    .piston-pins .section__head {
        margin-bottom: 24px;
    }

    .piston-rings__panel {
        padding: 16px;
        border-radius: 16px;
    }

    .piston-rings__features {
        grid-template-columns: 1fr;
    }

    .piston-rings__feature-head {
        grid-template-columns: 64px minmax(0, 1fr);
    }

    .piston-rings__feature-head img {
        width: 64px;
    }

    .piston-rings__visual {
        height: 230px;
    }

    .piston-rings__visual img {
        max-height: 230px;
    }

    .piston-rings__production {
        padding: 16px;
        margin-top: 16px;
    }

    .piston-rings__production > img {
        height: 190px;
    }

    .piston-pins__panel {
        display: flex;
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 28px;
        padding: 24px 20px;
        border-radius: 16px;
    }

    .piston-pins__visual {
        height: 250px;
    }

    .piston-pins__visual img {
        max-width: 160px;
        max-height: 250px;
    }

    .piston-pins__content h3 {
        margin-bottom: 20px;
    }

    .piston-pins__material {
        margin-bottom: 24px;
    }

    .piston-pins__specs {
        gap: 22px;
    }

    .cpg-microrelief__images {
        gap: 8px;
        aspect-ratio: 2;
    }

    .cpg-microrelief__images img {
        border-radius: 8px;
    }

    .cpg-machining__grid {
        grid-template-columns: 1fr;
    }

    .cpg-machining h2 br {
        display: none;
    }

    .cpg-machining__card > img {
        height: 210px;
    }

    .cpg-gehring__content {
        padding: 22px;
    }

    .cpg-gehring__content ol {
        gap: 18px;
    }

    .cpg-gehring__content li {
        padding-left: 40px;
    }

    .alloy-chemistry__result--white {
        align-items: flex-start;
        gap: 16px;
        margin-top: 24px;
        padding: 22px 18px;
    }

    .alloy-chemistry__result--white .alloy-chemistry__result-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
        border-radius: 8px;
    }

    .alloy-chemistry__result--white .alloy-chemistry__result-icon::before {
        top: 9px;
        left: 15px;
        width: 10px;
        height: 18px;
    }

    .cpg-coating__images {
        gap: 10px;
    }

    .cpg-coating__images img {
        border-radius: 8px;
    }

    .cpg-coating__content li {
        padding-right: 18px;
    }

    .expert-design__card {
        padding: 22px;
    }

    .expert-design__card h3 {
        margin-bottom: 20px;
    }

    .expert-design__card h3 br {
        display: none;
    }

    .expert-design__geometry {
        grid-template-columns: minmax(0, 1fr) minmax(0, .38fr);
        gap: 14px;
    }

    .expert-design__piston {
        margin-top: 20px;
    }

    .expert-design__alloys {
        height: 160px;
        margin-bottom: 24px;
    }

    .expert-coatings__card {
        padding: 22px;
    }

    .expert-coatings__card h3 {
        margin-bottom: 20px;
    }

    .expert-coatings .section__head p br,
    .expert-coatings__card dd br {
        display: none;
    }

    .expert-coatings__modengy {
        margin-bottom: 24px;
    }

    .expert-chrome__grid {
        gap: 14px;
    }

    .expert-chrome__card {
        padding: 18px;
    }

    .expert-chrome__card p br {
        display: none;
    }

    .expert-chrome .alloy-chemistry__result {
        margin-top: 28px;
    }

    .expert-economy__content {
        padding: 22px;
    }

    .expert-economy__content h3 {
        margin-bottom: 20px;
    }

    .expert-economy__image {
        width: min(100%, 360px);
    }

    .parts-selection__media {
        aspect-ratio: 4 / 3;
    }

    .parts-selection__content {
        padding: 28px 22px;
    }

    .parts-selection__text {
        margin-top: 20px;
    }

    .parts-selection__content .btn {
        margin-top: 24px;
    }

    .silicone-hoses .section__head {
        margin-bottom: 26px;
    }

    .silicone-hoses .section__head br {
        display: none;
    }

    .silicone-hoses__card {
        border-radius: var(--radius-medium);
    }

    .silicone-hoses__media {
        height: 280px;
    }

    .silicone-hoses__content {
        padding: 26px 22px;
    }

    .silicone-hoses__content ul {
        gap: 18px;
    }

    .motor-gaskets > .container > .section__label {
        margin-bottom: 18px;
    }

    .motor-gaskets__feature {
        padding: 24px 20px;
        border-radius: var(--radius-medium);
    }

    .motor-gaskets__feature h2 br {
        display: none;
    }

    .motor-gaskets__feature-grid {
        margin-top: 28px;
        gap: 26px;
    }

    .motor-gaskets__feature ul {
        gap: 16px;
    }

    .motor-gaskets__media img {
        aspect-ratio: 1.35;
    }

    .motor-gaskets__grid {
        gap: 14px;
        margin-top: 20px;
    }

    .motor-gaskets__card {
        padding: 24px 22px;
    }

    .seals-category__grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .seals-category__card {
        padding: 16px;
    }

    .seals-category__media {
        aspect-ratio: 1.65;
    }

    .seals-category__content {
        padding: 20px 4px 8px;
    }

    .company-intro__content {
        gap: 18px;
    }

    .company-directions__content {
        padding: 22px;
    }

    .company-directions__media {
        aspect-ratio: 1.45 / 1;
    }

    .company-directions__btn {
        width: 100%;
    }

    .partner-intro__advantages {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .partner-intro__advantage {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 16px;
        align-items: center;
        min-height: 0;
        padding: 20px;
    }

    .partner-intro__advantage p {
        max-width: none;
        margin-top: 0;
    }

    .partner-intro__button {
        width: 100%;
    }

    .partner-benefits__head br {
        display: none;
    }

    .partner-benefits__grid {
        grid-template-columns: 1fr;
    }

    .partner-benefits__card {
        padding: 24px;
    }

    .partner-steps__panel {
        padding: 16px;
    }

    .partner-steps__grid {
        grid-template-columns: 1fr;
    }

    .partner-steps__item {
        min-height: 0;
        padding: 24px;
    }

    .partner-steps__number {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }

    .partner-steps__item h3 {
        margin-top: 20px;
    }

    .partner-cta__content {
        min-height: 0;
        padding: 32px 24px;
    }

    .partner-cta__content h2 br {
        display: none;
    }

    .partner-cta__content p {
        margin-top: 20px;
    }

    .partner-cta__button {
        width: 100%;
        margin-top: 28px;
    }

    .partner-cta__media {
        min-height: 300px;
    }

    .turbo-heavy__panel {
        padding: 26px 20px;
        border-radius: var(--radius-medium);
    }

    .turbo-heavy__grid {
        gap: 28px;
        margin-top: 28px;
    }

    .turbo-heavy__item,
    .turbo-heavy__item:first-child,
    .turbo-heavy__item:last-child {
        display: block;
    }

    .turbo-heavy__item + .turbo-heavy__item {
        padding-top: 28px;
    }

    .turbo-heavy__image {
        max-width: 340px;
        aspect-ratio: 1.65;
        margin-inline: auto;
    }

    .turbo-heavy__item p {
        margin-top: 18px;
    }

    .turbo-heavy__footer {
        margin-top: 32px;
    }

    .turbo-heavy__footer .btn {
        width: 100%;
    }

    .md-zabota-how {
        margin-block: 40px;
        border-radius: var(--radius-medium);
    }

    .md-zabota-how__visual {
        height: 240px;
    }

    .md-zabota-how__visual img {
        max-height: 240px;
    }

    .md-zabota-how__content {
        padding: 30px 24px 34px;
    }
}

/* ==========================================================================
   
End 560px
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
    .brand-evolution__track,
    .brand-evolution__slide,
    .brand-evolution__media img,
    .brand-evolution__detail,
    .brand-evolution__timeline-progress,
    .brand-evolution__timeline-marker,
    .brand-evolution__timeline-year,
    .brand-evolution__dot {
        transition-duration: .01ms !important;
    }

    .brand-evolution__media-shine {
        display: none;
    }

    .brand-facts__slider.is-leaving .brand-facts__media img,
    .brand-facts__slider.is-leaving .brand-facts__content {
        transition-duration: .01ms;
    }

    .brand-facts__slider.is-entering .brand-facts__media img,
    .brand-facts__slider.is-entering .brand-facts__content {
        animation-duration: .01ms;
        animation-delay: 0s;
    }

    .brand-partners__slide,
    .brand-partners__group,
    .brand-partners__final p,
    .brand-partners__final .btn,
    .brand-partners__mascot,
    .brand-partners__arrow {
        animation-duration: .01ms !important;
        animation-delay: 0s !important;
        transition-duration: .01ms !important;
    }

    .md-maintenance .btn--primary {
        transition: none;
    }

    .table-scroll__button {
        transition: none;
    }

    .seals-category__card,
    .seals-category__media img {
        transition: none;
    }

    .md-breadcrumbs__item,
    .md-breadcrumbs__link,
    .md-breadcrumbs__separator {
        transition: none;
    }

    .oils-production__video-overlay,
    .oils-production__video-overlay *,
    .oils-production__video-status {
        transition: none !important;
        animation: none !important;
    }

}
/* End */


/* Start:/local/templates/motordetal/assets/css/sliders.css?179368868312812*/
/* ==========================================================================
   Reviews-Carousel
   ========================================================================== */

.reviews-carousel {
    position: relative;
    min-width: 0;
}

.reviews-carousel__viewport {
    overflow: hidden;
    touch-action: pan-y;
    cursor: grab;
    user-select: none;
}

.reviews-carousel__viewport.is-dragging {
    cursor: grabbing;
}

.reviews-carousel__track {
    will-change: transform;
}

.reviews-carousel__slide {
    user-select: none;
}

.reviews-carousel__track {
    display: flex;
    gap: 24px;
    will-change: transform;
}

.reviews-carousel__slide {
    flex: 0 0 calc((100% - 24px) / 2);
    min-width: 0;
}

.reviews-carousel__card {
    position: relative;
    height: 100%;
    min-height: 190px;
    padding: 22px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgb(31 37 121 / 78%) 0%, rgb(18 23 83 / 72%) 100%);
    border: 1px solid rgb(144 154 255 / 22%);
    border-radius: var(--radius-large);
    box-shadow:
        0 16px 36px rgb(3 7 42 / 12%),
        inset 0 1px 0 rgb(255 255 255 / 4%);
    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .35s cubic-bezier(.22, 1, .36, 1);
}

.reviews-carousel__card:hover {
    background:
        linear-gradient(135deg, rgb(36 43 134 / 82%) 0%, rgb(20 26 91 / 78%) 100%);
    border-color: rgb(160 169 255 / 34%);
    box-shadow:
        0 22px 48px rgb(3 7 42 / 18%),
        inset 0 1px 0 rgb(255 255 255 / 6%);
}

.reviews-carousel__author {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 34px;
    gap: 12px;
    align-items: center;
}

.reviews-carousel__author > img {
    width: 34px;
    height: 34px;
    object-fit: contain;
}

.reviews-carousel__author > strong {
    min-width: 0;
    color: rgb(255 255 255 / 94%);
    font-size: var(--font-size-small-text);
    font-weight: 600;
    line-height: 1.25;
}

.reviews-carousel__expand {
    display: grid;
    width: 34px;
    height: 34px;
    padding: 0;
    place-items: center;
    color: rgb(255 255 255 / 82%);
    background: transparent;
    border: 0;
    border-radius: 50%;
    transition:
        color .25s ease,
        background .25s ease,
        transform .4s cubic-bezier(.22, 1, .36, 1);
}

.reviews-carousel__expand:hover {
    color: var(--color-white);
    background: rgb(255 255 255 / 7%);
}

.reviews-carousel__expand svg {
    width: 22px;
    height: 22px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.reviews-carousel__card.is-expanded .reviews-carousel__expand {
    transform: rotate(180deg);
}

.reviews-carousel__text {
    position: relative;
    max-height: 88px;
    margin-top: 18px;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(.22, 1, .36, 1);
}

.reviews-carousel__text::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 38px;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 0%, rgb(19 24 86 / 96%) 100%);
    content: "";
    transition: opacity .3s ease;
}

.reviews-carousel__card.is-expanded .reviews-carousel__text {
    max-height: 600px;
}

.reviews-carousel__card.is-expanded .reviews-carousel__text::after {
    opacity: 0;
}

.reviews-carousel__text p {
    color: rgb(255 255 255 / 64%);
    font-size: 13px;
    line-height: 1.5;
}

.reviews-carousel__controls {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.reviews-carousel__controls button {
    display: grid;
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    color: rgb(255 255 255 / 82%);
    background: rgb(255 255 255 / 5%);
    border: 1px solid rgb(255 255 255 / 12%);
    border-radius: 50%;
    transition:
        color .25s ease,
        background .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.reviews-carousel__controls button:hover {
    color: var(--color-white);
    background: rgb(83 101 223 / 34%);
    border-color: rgb(151 160 255 / 34%);
    box-shadow: 0 8px 24px rgb(3 7 42 / 16%);
    transform: translateY(-2px);
}

.reviews-carousel__controls button:active {
    transform: scale(.94);
}

.reviews-carousel__controls svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==========================================================================
   Responsive-Reviews-Carousel
   ========================================================================== */

@media (max-width: 768px) {
    .reviews-carousel__track {
        gap: 16px;
    }

    .reviews-carousel__slide {
        flex-basis: 100%;
    }

    .reviews-carousel__card {
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .reviews-carousel__controls button {
        width: 38px;
        height: 38px;
    }

    .reviews-carousel__card {
        padding: 18px;
    }
}

/* ==========================================================================
   Conveyor-Letters
   ========================================================================== */

.conveyor-letters {
    overflow: hidden;
}

.conveyor-letters__head {
    max-width: 920px;
    margin-bottom: 54px;
}

.conveyor-letters__slider {
    position: relative;
}

.conveyor-letters__viewport {
    position: relative;
    width: min(100%, 920px);
    height: 600px;
    margin: 0 auto;
    touch-action: pan-y;
    user-select: none;
}

.conveyor-letters__viewport.is-dragging {
    cursor: grabbing;
}

.conveyor-letters__slide {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 344px;
    padding: 20px 16px;
    border: 1px solid rgb(76 85 220 / 18%);
    border-radius: var(--radius-large);
    background:
        linear-gradient(145deg, rgb(255 255 255 / 7%), transparent 42%),
        linear-gradient(145deg, #121744 0%, #283594 58%, #525fe2 100%);
    box-shadow: 0 22px 50px rgb(15 24 88 / 12%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -50%) scale(.72);
    transition:
        transform .62s cubic-bezier(.22, .8, .24, 1),
        opacity .42s ease,
        filter .42s ease,
        visibility .42s;
    will-change: transform, opacity;
}

.conveyor-letters__slide.is-active {
    z-index: 5;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, -50%) scale(1);
}

.conveyor-letters__slide.is-prev,
.conveyor-letters__slide.is-next {
    z-index: 2;
    opacity: .58;
    visibility: visible;
    pointer-events: none;
    filter: saturate(.72);
}

.conveyor-letters__slide.is-prev {
    transform: translate(calc(-50% - 310px), -50%) scale(.75);
}

.conveyor-letters__slide.is-next {
    transform: translate(calc(-50% + 310px), -50%) scale(.75);
}

.conveyor-letters__slide.is-far-prev,
.conveyor-letters__slide.is-far-next {
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.conveyor-letters__slide.is-far-prev {
    transform: translate(calc(-50% - 520px), -50%) scale(.7);
}

.conveyor-letters__slide.is-far-next {
    transform: translate(calc(-50% + 520px), -50%) scale(.7);
}

.conveyor-letters__title {
    margin-bottom: 16px;
    color: var(--color-white);
    text-align: center;
}

.conveyor-letters__document {
    position: relative;
    z-index: 2;
    display: block;
    overflow: hidden;
    border-radius: var(--radius-medium);
    background: var(--color-white);
    cursor: zoom-in;
    pointer-events: auto;
}

.conveyor-letters__document img {
    display: block;
    width: 100%;
    height: 414px;
    object-fit: contain;
    background: var(--color-white);
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}

.conveyor-letters__zoom {
    position: absolute;
    right: 14px;
    bottom: 14px;
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    color: var(--color-white);
    background: rgb(12 20 70 / 72%);
    border: 1px solid rgb(255 255 255 / 25%);
    border-radius: 50%;
    box-shadow: 0 8px 22px rgb(5 10 45 / 18%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: none;
}

.conveyor-letters__zoom svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.conveyor-letters__actions {
    display: flex;
    justify-content: center;
    margin-top: 18px;
}

.conveyor-letters__download {
    position: relative;
    z-index: 2;
    pointer-events: auto;
}

.conveyor-letters__arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    display: grid;
    width: 52px;
    height: 52px;
    padding: 0;
    place-items: center;
    color: var(--color-white);
    background: var(--color-red);
    border: 0;
    border-radius: 50%;
    box-shadow: 0 12px 28px rgb(15 24 88 / 15%);
    cursor: pointer;
    transform: translateY(-50%);
}

.conveyor-letters__arrow--prev {
    left: 0;
}

.conveyor-letters__arrow--next {
    right: 0;
}

.conveyor-letters__arrow svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.conveyor-letters__dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
}

.conveyor-letters__dot {
    position: relative;
    width: 10px;
    height: 10px;
    padding: 0;
    background: transparent;
    border: 1px solid rgb(30 42 120 / 28%);
    border-radius: 50%;
    cursor: pointer;
}

.conveyor-letters__dot::after {
    position: absolute;
    inset: 2px;
    background: var(--color-text);
    border-radius: inherit;
    opacity: 0;
    content: "";
    transform: scale(.4);
    transition: opacity .25s ease, transform .25s ease;
}

.conveyor-letters__dot.is-active::after {
    opacity: 1;
    transform: scale(1);
}


/* ==========================================================================
   Responsive-Conveyor-Letters
   ========================================================================== */

@media (max-width: 1100px) {
    .conveyor-letters__viewport {
        width: min(100%, 820px);
    }

    .conveyor-letters__slide.is-prev {
        transform: translate(calc(-50% - 270px), -50%) scale(.78);
    }

    .conveyor-letters__slide.is-next {
        transform: translate(calc(-50% + 270px), -50%) scale(.78);
    }
}

@media (max-width: 990px) {
    .conveyor-letters__head {
        margin-bottom: 40px;
    }

    .conveyor-letters__viewport {
        width: min(100%, 700px);
        height: 570px;
    }

    .conveyor-letters__slide {
        width: 320px;
    }

    .conveyor-letters__slide.is-prev {
        transform: translate(calc(-50% - 235px), -50%) scale(.74);
    }

    .conveyor-letters__slide.is-next {
        transform: translate(calc(-50% + 235px), -50%) scale(.74);
    }

    .conveyor-letters__document img {
        height: 390px;
    }

    .conveyor-letters__arrow {
        width: 48px;
        height: 48px;
    }
}

@media (max-width: 768px) {
    .conveyor-letters__head {
        margin-bottom: 30px;
    }

    .conveyor-letters__viewport {
        width: 100%;
        height: 550px;
    }

    .conveyor-letters__slide {
        width: min(82vw, 330px);
    }

    .conveyor-letters__slide.is-prev {
        opacity: .25;
        transform: translate(calc(-50% - 32vw), -50%) scale(.8);
    }

    .conveyor-letters__slide.is-next {
        opacity: .25;
        transform: translate(calc(-50% + 32vw), -50%) scale(.8);
    }

    .conveyor-letters__arrow {
        top: auto;
        bottom: 18px;
        transform: none;
    }

    .conveyor-letters__arrow--prev {
        left: 12px;
    }

    .conveyor-letters__arrow--next {
        right: 12px;
    }

    .conveyor-letters__dots {
        gap: 12px;
        margin-top: 18px;
    }
}

@media (max-width: 560px) {
    .conveyor-letters__viewport {
        height: 520px;
    }

    .conveyor-letters__slide {
        width: calc(100% - 32px);
        padding: 16px 14px;
    }

    .conveyor-letters__slide.is-prev {
        transform: translate(calc(-50% - 95vw), -50%) scale(.78);
    }

    .conveyor-letters__slide.is-next {
        transform: translate(calc(-50% + 95vw), -50%) scale(.78);
    }

    .conveyor-letters__document img {
        height: 365px;
    }

    .conveyor-letters__zoom {
        right: 10px;
        bottom: 10px;
        width: 38px;
        height: 38px;
    }

    .conveyor-letters__arrow {
        width: 44px;
        height: 44px;
    }
}
/* End */


/* Start:/local/templates/motordetal/assets/css/fancybox.css?179368868332710*/
:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}
/* End */


/* Start:/local/templates/motordetal/assets/css/404.css?17936886835580*/
/* ==========================================================================
404
========================================================================== */

.error-page {
    min-height: 100svh;
    padding: clamp(10px, 3vw, 30px) 0 clamp(50px, 6vw, 90px);
    overflow: hidden;
    background: #fff;
    transform: translateY(-70px);
}

.error-page__visual {
    position: relative;
    width: min(100%, 1920px);
    margin: 0 auto;
    aspect-ratio: 1920 / 900;
}

.error-page__image,
.error-page__check {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
}

.error-page__check {
    z-index: 1;
    opacity: 1;
    will-change: opacity;
    transition-property: opacity;
    transition-timing-function: linear;
}

.error-page__content {
    width: min(100%, 980px);
    margin: clamp(-45px, -2.4vw, -20px) auto 0;
    position: relative;
    z-index: 2;
    text-align: center;
}

.error-page__content h1 {
    margin-block: 18px;
    color: var(--color-text);
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.83);
}

.error-page__content > p {
    color: var(--color-text, #172943);
}

.error-page__actions {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 36px;
}

.error-page__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-width: 240px;
    min-height: 62px;
    padding: 16px 28px;
    border: 1px solid #172943;
    border-radius: 30px;
    font-weight: 700;
    color: #172943;
    transition: transform .3s ease, background-color .3s ease, border-color .3s ease, color .3s ease, box-shadow .3s ease;
}

.error-page__button svg {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.error-page__button:hover {
    transform: translateY(-2px);
    background: #fff;
    box-shadow: 0 12px 30px rgba(18, 39, 66, .1);
}

.error-page__button--primary {
    min-width: 294px;
    border-color: #CD1A1C;
    background: #CD1A1C;
    color: #fff;
    box-shadow: 0 10px 24px rgba(205, 26, 28, .15);
}

.error-page__button--primary:hover {
    border-color: #b81719;
    background: #b81719;
    color: #fff;
    box-shadow: 0 14px 32px rgba(205, 26, 28, .22);
}

.error-page__socials {
    width: min(100%, 520px);
    margin: 46px auto 0;
}

.error-page__socials-title {
    display: flex;
    align-items: center;
    gap: 22px;
    color: #718096;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
}

.error-page__socials-title::before,
.error-page__socials-title::after {
    content: "";
    height: 1px;
    flex: 1;
    background: #d8dee7;
}

.error-page__socials-title span {
    flex: 0 0 auto;
}

.error-page__socials-list {
    display: flex;
    justify-content: center;
    gap: 18px;
    margin-top: 24px;
}

.error-page__socials-list a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 10px;
    background: #e8edf3;
    transition: transform .3s ease, background-color .3s ease, box-shadow .3s ease;
}

.error-page__socials-list a:hover {
    transform: translateY(-3px);
    background: #fff;
    box-shadow: 0 10px 25px rgba(18, 39, 66, .1);
}

.error-page__socials-list img {
    width: 27px;
    height: 27px;
    object-fit: contain;
}

@media (max-width: 1300px) {
    .error-page {
        transform: translateY(-50px);
    }
}

@media (max-width: 990px) {
    .error-page {
        padding-top: 90px;
    }

    .error-page__visual {
        width: 115%;
        margin-left: -7.5%;
    }

    .error-page__content {
        margin-top: -15px;
    }
}

@media (max-width: 768px) {
    .error-page {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100svh;
        padding: 80px 0 40px;
    }

    .error-page__visual {
        width: 145%;
        margin-left: -22.5%;
        aspect-ratio: 1920 / 900;
    }

.error-page__image, .error-page__check {
    width: 80%;
    margin: 0 auto;
}

    .error-page__content {
        margin-top: -5px;
    }

    .error-page__content > p br {
        display: none;
    }

    .error-page__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        width: min(100%, 420px);
        margin: 28px auto 0;
    }

    .error-page__button,
    .error-page__button--primary {
        width: 100%;
        min-width: 0;
    }

    .error-page__socials {
        margin-top: 36px;
    }
}

@media (max-width: 480px) {
    .error-page {
        padding: 70px 0 30px;
    }

    .error-page__visual {
        width: 180%;
        margin-left: -40%;
    }

    .error-page__content {
        margin-top: -2px;
    }

    .error-page__actions {
        margin-top: 24px;
    }

    .error-page__button {
        min-height: 58px;
    }

    .error-page__socials {
        margin-top: 30px;
    }

    .error-page__socials-title {
        gap: 14px;
        font-size: 11px;
    }

    .error-page__socials-list {
        gap: 10px;
        margin-top: 18px;
    }

    .error-page__socials-list a {
        width: 50px;
        height: 50px;
    }

    .error-page__socials-list img {
        width: 24px;
        height: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .error-page__check,
    .error-page__button,
    .error-page__socials-list a {
        transition: none;
    }
}
/* End */
/* /local/templates/motordetal/assets/css/main.css?1793688683374524 */
/* /local/templates/motordetal/assets/css/header-menu.css?179368868315322 */
/* /local/templates/motordetal/assets/css/forms.css?179368868327912 */
/* /local/templates/motordetal/assets/css/responsive.css?1793688683145756 */
/* /local/templates/motordetal/assets/css/sliders.css?179368868312812 */
/* /local/templates/motordetal/assets/css/fancybox.css?179368868332710 */
/* /local/templates/motordetal/assets/css/404.css?17936886835580 */