.tax-product_cat .preloader {

  display: none;

}



.woof_container_inner .woof_radio_term_reset {

  display: none !important;

}



.woof_radio_label_selected {

  font-weight: 400;

}



.wpcf7-spinner {

  position: absolute;

}

/* Скрытие плавающего ярлыка reCAPTCHA v3 */
.grecaptcha-badge {
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.wpcf7-form-control-wrap {
  display: inline-block;
}

.blockUI.blockOverlay {
  background: none !important;
}

.woocommerce .blockUI.blockOverlay::before {
  position: fixed !important;
}

.wpcf7 .wpcf7-list-item {
  margin-left: 0;
}

.wpcf7-form-control-wrap {
  width: 100%;
  display: flex;
}

/* ==========================================================================
   MOBILE CUSTOM OVERRIDES
   ========================================================================== */

/* Hero waterfall background colour */
.hero--waterfall {
  background: #7FC3E1 !important;
}

/* Hero title slide-down animation when preloader is skipped */
@keyframes heroTitleSlideDown {
  0% {
    opacity: 0;
    transform: translateY(-2.6vw);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  @keyframes heroTitleSlideDown {
    0% {
      opacity: 0;
      transform: translateY(-25px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }
}

.hero__title--apple .hero__title-line {
  display: block;
}

.preloader-bypassed .hero__title--apple .hero__title-line {
  opacity: 0;
  animation: heroTitleSlideDown 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: opacity, transform;
}

.preloader-bypassed .hero__title--apple .hero__title-line:nth-child(1) {
  animation-delay: 0.05s;
}

.preloader-bypassed .hero__title--apple .hero__title-line:nth-child(2) {
  animation-delay: 0.15s;
}

.preloader-bypassed .hero__title--apple .hero__title-line:nth-child(3) {
  animation-delay: 0.25s;
}

.preloader-bypassed .hero__title--apple .hero__title-line:nth-child(4) {
  animation-delay: 0.35s;
}

/* On initial page load with preloader, hero title is static and does not double-animate */
html:not(.preloader-bypassed) .hero__title--apple .hero__title-line {
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  transition: none !important;
}

/* Scroll lock used by preloader */
html.lock {
  overflow: hidden !important;
  touch-action: none !important;
}

/* Mobile CTA: statically visible on place from the start (opacity: 1) without delayed fade-in */
.page-template-template-home .hero__mobile-cta {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: none !important;
}

@media (max-width: 768px) {
  /* Hero section on mobile: 100svh accounts accurately for the browser bottom toolbar */
  .hero {
    position: relative !important;
    height: 100vh !important;
    min-height: 100vh !important;
    height: 100svh !important;
    min-height: 100svh !important;
    box-sizing: border-box !important;
  }

  .hero__container {
    height: 100% !important;
    min-height: 100% !important;
    padding: 0 3.7209vw calc(3.7209vw + env(safe-area-inset-bottom, 0px)) 3.7209vw !important;
    box-sizing: border-box !important;
  }

  .hero__mobile-cta {
    position: -webkit-sticky !important;
    position: sticky !important;
    bottom: calc(3.7209vw + env(safe-area-inset-bottom, 0px)) !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
  }

  /* Hero waterfall background on mobile */
  .hero--waterfall {
    background: #232A61 !important;
  }

  /* 1. Mobile Menu Background Overlay */
  .mobile-menu-overlay {
    background-image: url("../img/home/Back_menu.webp") !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
    background-size: cover !important;
  }

  /* 3. Hero Section Overrides moved to style.css for fluid vw scaling */
}

body {
  overflow-x: clip !important;
}



/* Prevent double-tap zoom on input controls */
input,
textarea,
select {
  touch-action: manipulation;
}

/* ==========================================================================
   ABOUT PAGE HERO (DESKTOP 1920 & MOBILE 430 via @media max-width: 768px)
   Strictly VW units, zero px values, no extra dark overlays, no min/max dims.
   ========================================================================== */

.hero-page-about {
  position: relative;
  width: 100%;
  height: 100vh;
  padding: 13.5938vw 0 7.9167vw 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}

.hero-page-about__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
  margin: 0;
  padding: 0;
}

.hero-page-about__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
  border: 0;
}

.hero-page-about__row {
  position: relative;
  z-index: auto;
  width: 100%;
  padding-left: 9.375vw;
  padding-right: 0;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.hero-page-about__card {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 21.7708vw;
  border-radius: 2.0833vw 0 0 2.0833vw;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  align-items: center;
  padding: 3.6979vw 2.5vw 2.5vw 2.5vw;
}

.hero-page-about__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(0.4115vw);
  -webkit-backdrop-filter: blur(0.4115vw);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw rgba(233, 233, 233, 0.1), inset 0.1042vw 0.1042vw 0.5313vw rgba(156, 156, 156, 0.1);
  z-index: 1;
  pointer-events: none;
}

.hero-page-about__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 0.0521vw;
  pointer-events: none;
  background: radial-gradient(11.4583vw 9.375vw at 15% 12%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 70%), radial-gradient(11.4583vw 9.375vw at 85% 88%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 35%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.01));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 5;
}

.hero-page-about__vid {
  position: absolute;
  left: -9.375vw;
  top: -13.5938vw;
  width: 100vw;
  height: 35.36vw;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}

.hero-page-about__video {
  position: absolute;
  left: 26.35vw;
  top: -29.81vw;
  width: 121.91vw;
  height: auto;
  max-width: none;
  max-height: none;
  pointer-events: none;
}

.hero-page-about__cut {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 53.4896vw;
  height: 100%;
  background: #EFF0EF;
  border-radius: 2.0833vw 0 0 2.0833vw;
  clip-path: polygon(0 0, 100% 0, calc(100% - 14.3229vw) 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 14.3229vw) 100%, 0 100%);
  z-index: 3;
  pointer-events: none;
}

.hero-page-about__content {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.0833vw;
  width: 36.9vw;
  box-sizing: border-box;
}

.hero-page-about__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.9271vw;
  width: 36.9vw;
}

@keyframes heroTextFadeIn {
  from {
    opacity: 0;
    transform: translateY(1.0417vw);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.hero-page-about__toptitle {
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.875vw;
  line-height: 1.6667vw;
  color: #353535;
  margin: 0;
  padding: 0;
  display: block;
  opacity: 0;
  animation: heroTextFadeIn 0.5s ease-out forwards;
}

.hero-page-about__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  font-size: 1.6667vw;
  line-height: 2.0313vw;
  color: #353535;
  margin: 0;
  padding: 0;
  display: block;
  opacity: 0;
  animation: heroTextFadeIn 0.5s ease-out 0.08s forwards;
}

.hero-page-about__title h1 {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  display: block;
}

.hero-page-about__title span,
.hero-page-about__title h1 span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 3.3333vw;
  line-height: inherit;
  display: inline;
}

.hero-page-about__text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
  padding: 0;
  width: 33.4896vw;
  opacity: 0;
  animation: heroTextFadeIn 0.5s ease-out 0.16s forwards;
}

/* ==========================================================================
   ABOUT PAGE SECTION 3: НАШИ ПРЕИМУЩЕСТВА (DESKTOP 1920)
   ========================================================================== */

.about-advantages {
  position: relative;
  width: 100%;
  background: #EFF0EF;
  padding: 7.4479vw 0 7.9167vw 0;
  box-sizing: border-box;
}

.about-advantages__container {
  width: 100%;
  padding: 0 9.1667vw;
  box-sizing: border-box;
  max-width: none;
}

.about-advantages__header {
  margin-bottom: 2.1875vw;
}

.about-advantages__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.2396vw;
  color: #353535;
  margin: 0;
  padding: 0;
  text-align: left;
}

.about-advantages__body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25vw;
  width: 100%;
  position: relative;
  box-sizing: border-box;
}

.about-advantages__items {
  position: relative;
  width: 54.3229vw;
  min-height: 22vw;
  isolation: isolate;
  box-sizing: border-box;
}

.about-advantages__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 51.8229vw;
  background: #FFFFFF;
  box-shadow: 0 0 1.9688vw rgba(0, 0, 0, 0.07);
  border-radius: 2.0833vw;
  padding: 2.2396vw 2.5vw 2.5vw 2.5vw;
  box-sizing: border-box;
  z-index: calc(var(--i, 0) + 1);
  transform: translate(calc(var(--i, 0) * 0.8333vw), calc(var(--i, 0) * 0.8333vw));
  will-change: transform, opacity;
}

.item-about-advantages {
  background: #FFFFFF;
  border-radius: 2.0833vw;
  color: #353535;
}

.item-about-advantages__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  color: #353535;
  margin: 0 0 1.5625vw 0;
  padding: 0;
}

.item-about-advantages__text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
}

.item-about-advantages__text ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.item-about-advantages__text ul li,
.item-about-advantages__text p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  list-style: none;
  margin: 0 0 0.6771vw 0;
  padding: 0 0 0 0.9375vw;
  position: relative;
}

.item-about-advantages__text ul li::before,
.item-about-advantages__text p::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.4688vw;
  width: 0.3125vw;
  height: 0.3125vw;
  background-color: #353535;
  border-radius: 50%;
}

.item-about-advantages__text ul li:last-child,
.item-about-advantages__text p:last-child {
  margin-bottom: 0;
}

.about-advantages__img {
  width: 15.7813vw;
  height: 20vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.about-advantages__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border: 0;
}

/* ==========================================================================
   ABOUT PAGE SECTION 4: РЕАЛЬНЫЕ КЕЙСЫ (DESKTOP 1920)
   ========================================================================== */

.about-keys {
  --keys-stanok-x: 5.273vw;
  --keys-stanok-y: 13.405vw;
  --keys-stanok-h: 41.300vw;
  --keys-stanok-seam: 1.0px;
  --keys-stanok-seam-y: 0.0px;
  --keys-video-x: 36.289vw;
  --keys-video-y: 18.177vw;
  --keys-video-size: 1.600vw;
  --keys-mask-start: 51.50%;
  --keys-mask-end: 110.00%;
  --keys-mask-angle: 90.25deg;

  position: relative;
  width: 100%;
  height: 54.6875vw;
  padding: 7.5vw 0 7.9167vw 0;
  background: linear-gradient(97.46deg, #99D4E2 -10.64%, #47A5DC 44.04%, #1B1B4B 98.71%);
  box-sizing: border-box;
  overflow: hidden;
  isolation: isolate;

}

/* Background elements (Behind slider) */
.about-keys__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  -webkit-mask-image: linear-gradient(var(--keys-mask-angle, 90.25deg), #000000 var(--keys-mask-start, 49.96%), rgba(0, 0, 0, 0) var(--keys-mask-end, 91.28%));
  mask-image: linear-gradient(var(--keys-mask-angle, 90.25deg), #000000 var(--keys-mask-start, 49.96%), rgba(0, 0, 0, 0) var(--keys-mask-end, 91.28%));
}

.about-keys.is-mask-disabled .about-keys__bg,
.about-keys.is-mask-disabled .about-keys__foreground {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.about-keys__machine {
  position: absolute;
  pointer-events: none;
}

.about-keys__machine img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border: none;
}

/* Stanok Right (z-index 1 - UNDER slider cards) */
.about-keys__machine--right {
  width: calc(var(--keys-stanok-h) * (596 / 1182));
  height: var(--keys-stanok-h);
  left: calc(var(--keys-stanok-x) + (var(--keys-stanok-h) * (2132 / 1182)) - var(--keys-stanok-seam, 1px));
  top: calc(var(--keys-stanok-y) + var(--keys-stanok-seam-y, 0px));
  z-index: 1;
}

/* Stanok Mobile (hidden on desktop) */
.about-keys__machine--mob {
  display: none;
}

/* Foreground Container (z-index 4 - ABOVE slider cards, pointer-events: none) */
.about-keys__foreground {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 4;
  -webkit-mask-image: linear-gradient(var(--keys-mask-angle, 90.25deg), #000000 var(--keys-mask-start, 49.96%), rgba(0, 0, 0, 0) var(--keys-mask-end, 91.28%));
  mask-image: linear-gradient(var(--keys-mask-angle, 90.25deg), #000000 var(--keys-mask-start, 49.96%), rgba(0, 0, 0, 0) var(--keys-mask-end, 91.28%));
}

/* Stanok Left (z-index 4 - OVER slider cards, seamlessly joined with Right) */
.about-keys__machine--left {
  width: calc(var(--keys-stanok-h) * (2132 / 1182));
  height: var(--keys-stanok-h);
  left: var(--keys-stanok-x);
  top: var(--keys-stanok-y);
  z-index: 4;
  pointer-events: none;
}

/* Indicator Video (rigidly attached to Stanok Left) */
.about-keys__machine--left .about-keys__indicator {
  position: absolute;
  left: var(--keys-video-x);
  top: var(--keys-video-y);
  width: var(--keys-video-size);
  height: var(--keys-video-size);
  z-index: 5;
  pointer-events: none;
}

.about-keys__indicator video {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  mix-blend-mode: screen;
}

/* Content Container (Natural Flow Flex Column) */
.about-keys__inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Header Area (Frame 36209: natural flow, 35px bottom padding) */
.about-keys__header {
  position: relative;
  width: 100%;
  padding: 0 5vw 1.8229vw 9.1667vw;
  /* 0 96px 35px 176px */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.8646vw;
  /* 55px */
  z-index: 3;
}

.about-keys__intro {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.7813vw;
}

.about-keys__title {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #FFFFFF;
  margin: 0;
  padding: 0;
}

.about-keys__subtitle {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.25vw;
  line-height: 1.875vw;
  color: #FFFFFF;
  width: 27.2917vw;
  margin: 0;
}

/* Actions Row (Frame 40189) */
.about-keys__actions {
  width: 85.8333vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  box-sizing: border-box;
}

.about-keys__btn-consult,
.about-keys__btn {
  width: 12.6563vw;
  height: 2.6563vw;
  padding: 0 1.25vw;
  border-radius: 5.2083vw;
  background: #FF5F42 !important;
  font-family: 'Inter', var(--font-primary), sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 1;
  color: #FFFFFF !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  text-align: center;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: opacity 0.25s ease, transform 0.2s ease, background-color 0.25s ease;
}

.about-keys__btn-consult:hover,
.about-keys__btn:hover {
  opacity: 0.9;
  background: #FF5F42 !important;
  transform: none;
}

.about-keys__btn-consult:active,
.about-keys__btn:active {
  transform: scale(0.98);
  opacity: 0.8;
}

/* Slider Controls Desktop (Frame 40089 - Glass style with gradient border) */
.about-keys__controls-desktop,
.about-keys__controls {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  gap: 0.4167vw;
  width: auto;
  height: 1.6667vw;
}

.about-keys__controls-desktop .certificates__arrow,
.about-keys__controls-desktop .about-keys__btn-slider,
.about-keys__controls .certificates__arrow,
.about-keys__controls .about-keys__btn-slider,
.about-keys__btn-slider {
  position: relative;
  width: 1.6667vw;
  height: 1.6667vw;
  background: rgba(161, 185, 255, 0.18);
  backdrop-filter: blur(0.4115vw);
  -webkit-backdrop-filter: blur(0.4115vw);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  color: #FFFFFF;
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 0;
  outline: none;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  box-sizing: border-box;
}

.about-keys__controls-desktop .certificates__arrow::after,
.about-keys__controls-desktop .about-keys__btn-slider::after,
.about-keys__controls .certificates__arrow::after,
.about-keys__controls .about-keys__btn-slider::after,
.about-keys__btn-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(138deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.about-keys__controls-desktop .certificates__arrow svg,
.about-keys__controls-desktop .about-keys__btn-slider svg,
.about-keys__controls .certificates__arrow svg,
.about-keys__controls .about-keys__btn-slider svg,
.about-keys__btn-slider svg {
  width: 0.5208vw;
  height: 0.8333vw;
  display: block;
  flex-shrink: 0;
}

.about-keys__controls-desktop .certificates__arrow--prev svg,
.about-keys__btn-prev svg {
  transform: translateX(-0.04vw);
}

.about-keys__controls-desktop .certificates__arrow--next svg,
.about-keys__btn-next svg {
  transform: translateX(0.06vw);
}

.about-keys__controls-desktop .certificates__arrow:hover:not(.my-button-disabled):not(.swiper-button-disabled),
.about-keys__btn-slider:hover:not(.my-button-disabled):not(.swiper-button-disabled) {
  background: rgba(161, 185, 255, 0.35);
  transform: scale(1.08);
}

.about-keys__controls-desktop .certificates__arrow:active:not(.my-button-disabled):not(.swiper-button-disabled),
.about-keys__btn-slider:active:not(.my-button-disabled):not(.swiper-button-disabled) {
  transform: scale(0.94);
}

.about-keys__controls-desktop .certificates__arrow.my-button-disabled,
.about-keys__controls-desktop .certificates__arrow.swiper-button-disabled,
.about-keys__btn-slider.my-button-disabled,
.about-keys__btn-slider.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* Slider Row (Frame 40191: natural flow under header) */
.about-keys__slider-row {
  position: relative;
  width: 100%;
  height: 12.08vw;
  z-index: 2;
}

.about-keys__slider {
  width: 100%;
  height: 100%;
  overflow: visible;
  padding-left: 27.8646vw;
  box-sizing: border-box;
}

.about-keys__wrapper {
  display: flex;
  align-items: stretch;
  height: 12.08vw;
}

.about-keys__slide {
  height: 12.08vw;
  width: 17.8vw;
  flex-shrink: 0;
}

.about-keys__slide.about-keys__slide--wide {
  width: 21.9vw;
}

/* Individual Card (Frame 36207) - Glass card with lab-card gradient border */
.about-keys-card {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 17.8vw;
  height: 12.08vw;
  padding: 1.4583vw 2.0833vw 1.25vw 2.0833vw;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw rgba(233, 233, 233, 0.1), inset 0.1042vw 0.1042vw 0.5313vw rgba(156, 156, 156, 0.1);
  backdrop-filter: blur(0.4115vw);
  -webkit-backdrop-filter: blur(0.4115vw);
  border-radius: 2.0833vw;
  border: none;
}

.about-keys-card.about-keys-card--wide {
  width: 21.9vw;
}

.about-keys-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 3;
  opacity: 0.7;
  background: linear-gradient(157deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.about-keys-card__tag {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 900;
  font-size: 0.8333vw;
  line-height: 1.0417vw;
  color: rgba(255, 255, 255, 0.59);
}

.about-keys-card__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #FFFFFF;
  margin: 0.4167vw 0 auto 0;
  padding: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.about-keys-card__btn,
.about-keys-slide__btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  align-self: center;
  width: 5.8333vw;
  height: 1.7188vw;
  border-radius: 5.2083vw;
  background: rgba(255, 255, 255, 0.15) !important;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 0.8854vw;
  color: #FFFFFF !important;
  text-decoration: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background 0.3s ease, transform 0.2s ease;
  margin: 0.4167vw auto 0 auto;
}

.about-keys-card__btn:hover,
.about-keys-slide__btn:hover {
  background: rgba(255, 255, 255, 0.28) !important;
}

.about-keys__mob-controls {
  display: none;
}

/* ==========================================================================
   POPUP CASE & RD BLOG (DESKTOP)
   ========================================================================== */

.popup-case.popup,
.popup-rd-blog.popup {
  z-index: 150;
  position: fixed;
}

.popup-case.popup_show,
.popup-rd-blog.popup_show {
  z-index: 150 !important;
  visibility: visible;
  pointer-events: auto;
}

.popup-case.popup-news.popup,
.popup-rd-blog.popup-news.popup {
  padding: 150px 10px 30px 10px;
  text-align: left;
}

.popup-case .popup__wrapper,
.popup-rd-blog .popup__wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  min-height: 100%;
  width: 100%;
}

.popup-case.popup-news .popup__content,
.popup-rd-blog.popup-news .popup__content {
  background-color: #eff0ef;
  border-radius: 40px;
  max-width: 1128px;
  width: 90%;
  padding: 0 0 40px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
  box-sizing: border-box;
}

/* Frame 40196: Case Top */
.popup-case__top,
.popup-rd-blog__top {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  isolation: isolate;
  position: relative;
  z-index: 3;
  width: 100%;
  min-height: 173px;
  background: #FFFFFF;
  border-radius: 40px;
  box-sizing: border-box;
}

/* Frame 35992: Case Header */
.popup-case__header,
.popup-rd-blog__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 40px;
  gap: 36px;
  width: 100%;
  box-sizing: border-box;
}

/* Date 01.01.2026 */
.popup-case__date,
.popup-rd-blog__date {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 11px;
  color: #999999;
  margin: 0;
}

/* Title */
.popup-case__title,
.popup-rd-blog__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 23px;
  color: #353535;
  margin: 0;
  max-width: 650px;
}

/* Vector Close Icon (top 29px, right 27px, 16x16px) */
.popup-case .popup__close,
.popup-rd-blog .popup__close {
  position: absolute;
  top: 29px;
  right: 27px;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
}

.popup-case .popup__close:hover,
.popup-rd-blog .popup__close:hover {
  opacity: 0.7;
}

.popup-case .popup__close svg,
.popup-rd-blog .popup__close svg {
  width: 16px;
  height: 16px;
  display: block;
}

/* Content area & Typography */
.popup-case .popup-case__content,
.popup-rd-blog .popup-case__content {
  padding: 40px 40px 0 40px;
  box-sizing: border-box;
}

.popup-case .popup-news__content-wrap h2,
.popup-rd-blog .popup-news__content-wrap h2,
.popup-case .popup-news__content-wrap h3,
.popup-rd-blog .popup-news__content-wrap h3,
.popup-case .popup-news__content-wrap h4,
.popup-rd-blog .popup-news__content-wrap h4 {
  margin: 0 0 24px 0;
  color: #353535;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
}

.popup-case .popup-news__content-wrap p,
.popup-rd-blog .popup-news__content-wrap p {
  margin: 0 0 16px 0;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: #353535;
}

.popup-case .popup-news__content-wrap p:last-child,
.popup-rd-blog .popup-news__content-wrap p:last-child {
  margin-bottom: 0;
}

.popup-case .popup-news__content-wrap ul,
.popup-rd-blog .popup-news__content-wrap ul,
.popup-case .popup-news__content-wrap ol,
.popup-rd-blog .popup-news__content-wrap ol {
  padding: 0 0 0 20px;
  margin: 0 0 20px 0;
}

.popup-case .popup-news__content-wrap ul li,
.popup-rd-blog .popup-news__content-wrap ul li,
.popup-case .popup-news__content-wrap ol li,
.popup-rd-blog .popup-news__content-wrap ol li {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 150%;
  color: #353535;
  margin-bottom: 8px;
}

.popup-case .popup-news__content-wrap ul li,
.popup-rd-blog .popup-news__content-wrap ul li {
  list-style: disc;
}

.popup-case .popup-news__content-wrap ol li,
.popup-rd-blog .popup-news__content-wrap ol li {
  list-style: decimal;
}

.popup-case .popup-news__content-wrap img,
.popup-rd-blog .popup-news__content-wrap img {
  max-width: 100%;
  height: auto;
  border-radius: 16px;
  margin: 16px 0;
  display: block;
}

/* ==========================================================================
   ABOUT PAGE SECTION 5: О РУКОВОДИТЕЛЕ И МИССИИ (ABOUT-MAN) (DESKTOP 1920)
   ========================================================================== */

.about-man {
  position: relative;
  width: 100%;
  background: #EFF0EF;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
}

/* Top Block: Director Row (Frame 35767) */
.about-man__wrap {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 6.6667vw 18.75vw 0 18.75vw;
  width: 100%;
  box-sizing: border-box;
}

/* Director Photo Container (Frame 36079) */
.about-man__img {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: center;
  padding: 0;
  width: 25.1563vw;
  height: 27.4479vw;
  flex-shrink: 0;
  box-sizing: border-box;
}

.about-man__img picture {
  display: block;
  width: 100%;
  height: 100%;
}

.about-man__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom center;
  display: block;
}

/* Director Info Container (Frame 35996) */
.about-man__descr-wrap {
  display: block;
  flex-shrink: 0;
}

.about-man__descr {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5vw 2.5vw 8.8542vw 2.5vw;
  gap: 2.2396vw;
  width: 35.2708vw;
  min-height: 20.7292vw;
  border-radius: 2.0833vw;
  box-sizing: border-box;
  flex-shrink: 0;
}

/* Director Header: Post + Name (Frame 36080) */
.about-man__header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 0;
  gap: 0.9375vw;
  width: 100%;
  box-sizing: border-box;
}

/* Post / Dolzhnost */
.about-man__post {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 0.9375vw;
  color: #353535;
  margin: 0;
}

/* Name / Imya */
.about-man__name {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6667vw;
  line-height: 1.8229vw;
  color: #353535;
  margin: 0;
}

/* Quote / Text (Frame 36082) */
.about-man__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.25vw;
  width: 25.5208vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
  box-sizing: border-box;
}

/* Bottom Block: Mission Row (Frame 36084) */
.about-man__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 18.75vw 3.3333vw 18.75vw;
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}

/* Mission Card (Frame 36081) */
.about-man__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.5vw;
  gap: 0;
  width: 62.5vw;
  min-height: 13.3854vw;
  background: #FFFFFF;
  border-radius: 2.0833vw;
  box-sizing: border-box;
  margin: 0;
}

/* Mission Title */
.about-man__body h2,
.about-man__body h3,
.about-man__body h4,
.about-man__body-title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  color: #353535;
  margin: 0 0 1.6146vw 0;
}

.about-man__body h2 span,
.about-man__body h3 span,
.about-man__body h4 span {
  display: inline;
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 1.6667vw;
  line-height: 1.3542vw;
  color: #353535;
}

/* Mission Text */
.about-man__body p,
.about-man__body-text {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
}

.about-man__body p:not(:last-child) {
  margin-bottom: 0.4167vw;
}

.about-man__body br {
  display: none;
}

/* ==========================================================================
   R&D PAGE: ЭКСПЕРТНЫЙ БЛОГ (DESKTOP 1920)
   ========================================================================== */

.page-rd-blog {
  position: relative;
  width: 100%;
  min-height: 115vh;
  padding: 0;
  margin: 0;
  isolation: isolate;
  box-sizing: border-box;
}

.page-rd-blog .container {
  max-width: none;
  width: 100%;
  padding: 0;
  margin: 0;
}

.page-rd-blog__bg {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 115vh;
  margin-bottom: -115vh;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

.page-rd-blog__bg picture,
.page-rd-blog__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  display: block;
}

.page-rd-blog__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 18.75vw 0 9.1667vw;
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}

.page-rd-blog__left {
  position: sticky;
  top: 0;
  width: 37.7604vw;
  max-width: 37.7604vw;
  flex: 0 0 37.7604vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 10.3125vw 2.5vw 9.5833vw 0;
  gap: 1.5104vw;
  box-sizing: border-box;
}

.page-rd-blog__title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 3.3333vw;
  color: #FFFFFF;
  margin: 0;
}

.page-rd-blog__text {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.9375vw;
  line-height: 1.4063vw;
  color: #FFFFFF;
  margin: 0;
}

.page-rd-blog__text p {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: 300;
}

.page-rd-blog__text p:not(:last-child) {
  margin-bottom: 0.5vw;
}

.page-rd-blog__text strong,
.page-rd-blog__text b {
  font-weight: 700;
}

.page-rd-blog__right {
  width: 33.0729vw;
  max-width: 33.0729vw;
  flex: 0 0 33.0729vw;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 11.25vw 0 7.9167vw 0;
  gap: 1.25vw;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

.page-rd-blog-card {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  min-height: 8.75vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1.875vw 2.0833vw 2.0833vw 2.0833vw;
  background: rgba(0, 0, 0, 0.15);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw rgba(233, 233, 233, 0.1), inset 0.1042vw 0.1042vw 0.5312vw rgba(156, 156, 156, 0.1);
  backdrop-filter: blur(0.4115vw);
  -webkit-backdrop-filter: blur(0.4115vw);
  border-radius: 2.0833vw;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.page-rd-blog-card:focus,
.page-rd-blog-card:focus-visible,
.page-rd-blog-card:active {
  outline: none !important;
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw rgba(233, 233, 233, 0.1), inset 0.1042vw 0.1042vw 0.5312vw rgba(156, 156, 156, 0.1) !important;
}

.page-rd-blog-card:hover {
  background: rgba(0, 0, 0, 0.22);
}

.page-rd-blog-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  pointer-events: none;
  z-index: 3;
  opacity: 0.7;
  background: linear-gradient(157deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.page-rd-blog-card__title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  color: #FFFFFF;
  margin: 0 0 0.8333vw 0;
  text-align: left;
}

.page-rd-blog-card__arrow {
  flex-shrink: 0;
  align-self: flex-end;
  width: 1.25vw;
  height: 1.25vw;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
}

.page-rd-blog-card__arrow svg {
  width: 100%;
  height: 100%;
  display: block;
}

/* Fix sticky elements jump during popup open while maintaining horizontal viewport containment */
html.lock {
  overflow-x: hidden !important;
}

html.lock body,
.lock body {
  overflow-x: hidden !important;
  overflow-y: visible !important;
  touch-action: auto;
}

.popup {
  width: 100vw !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.popup__wrapper {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.popup__content {
  box-sizing: border-box !important;
}

@media (min-width: 769px) {
  .popup-callback.popup {
    padding: 7.54vw 10px 5vw 10px !important;
  }
  .popup-callback .popup__wrapper {
    justify-content: flex-start !important;
  }
}

@media (max-width: 768px) {
  .hero-page-about {
    height: 100vh;
    padding: 34.6512vw 0 0 3.7209vw;
    justify-content: flex-start;
  }

  .hero-page-about__row {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    z-index: auto;
  }

  .hero-page-about__card {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 122.3256vw;
    border-radius: 5.5814vw 0 0 5.5814vw;
    padding: 5.5814vw;
    overflow: visible;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  .hero-page-about__card::before {
    backdrop-filter: blur(1.8372vw);
    -webkit-backdrop-filter: blur(1.8372vw);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
  }

  .hero-page-about__card::after {
    padding: 0.2326vw;
    background: radial-gradient(51.1628vw 41.8605vw at 15% 12%, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 70%), radial-gradient(51.1628vw 41.8605vw at 85% 88%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 35%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, rgba(255, 255, 255, 0.26), rgba(255, 255, 255, 0.01));
    z-index: 5;
  }

  .hero-page-about__vid {
    position: absolute;
    left: -3.7209vw;
    top: -34.6512vw;
    width: 100vw;
    height: 156.98vw;
    overflow: hidden;
    pointer-events: none;
    z-index: 2;
  }

  .hero-page-about__video {
    left: -78.26vw;
    top: -77.84vw;
    width: 317.62vw;
    height: auto;
    max-width: none;
    max-height: none;
    pointer-events: none;
  }

  .hero-page-about__cut {
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    width: 100%;
    height: 69.0698vw;
    border-radius: 0 0 0 5.5814vw;
    clip-path: polygon(0 0, 100% 6.9767vw, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 6.9767vw, 100% 100%, 0 100%);
    z-index: 3;
  }

  .hero-page-about__content {
    position: relative;
    z-index: 4;
    width: 100%;
    gap: 3.2558vw;
    padding: 0 0 4.186vw 0;
  }

  .hero-page-about__header {
    width: 100%;
    gap: 3.9535vw;
  }

  .hero-page-about__toptitle {
    font-size: 5.5814vw;
    line-height: 5.5814vw;
    font-weight: 700;
    color: #353535;
  }

  .hero-page-about__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 3.7209vw;
    line-height: 4.8837vw;
    font-weight: 400;
    color: #353535;
  }

  .hero-page-about__title span,
  .hero-page-about__title h1 span {
    font-family: 'Montserrat', sans-serif;
    font-size: 5.5814vw;
    line-height: 5.5814vw;
    font-weight: 800;
    display: inline;
  }

  .hero-page-about__text {
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    font-weight: 400;
    color: #5D5D5D;
    width: 100%;
  }

  /* Section 3: Наши преимущества (Mobile 430 via @media max-width: 768px) */
  .about-advantages {
    padding: 26.05vw 3.7209vw 26.0465vw 3.7209vw;
    width: 100%;
  }

  .about-advantages__container {
    padding: 0;
    width: 100%;
  }

  .about-advantages__header {
    margin-bottom: 6.7442vw;
  }

  .about-advantages__title {
    font-family: 'Montserrat', sans-serif;
    font-size: 5.5814vw;
    line-height: 5.5814vw;
    font-weight: 700;
    color: #353535;
    margin: 0;
    padding: 0;
    text-align: left;
  }

  .about-advantages__body {
    flex-direction: column;
    width: 100%;
    padding: 0;
    gap: 0;
  }

  .about-advantages__items {
    width: 92.5581vw;
    min-height: 80vw;
    position: relative;
    isolation: isolate;
    box-sizing: border-box;
  }

  .about-advantages__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 85.1163vw;
    border-radius: 5.5814vw;
    box-shadow: 0 0 8.7907vw rgba(0, 0, 0, 0.07);
    padding: 4.4186vw 5.5814vw 5.5814vw 5.5814vw;
    box-sizing: border-box;
    z-index: calc(var(--i, 0) + 1);
    transform: translate(calc(var(--i, 0) * 3.7209vw), calc(var(--i, 0) * 3.7209vw));
    will-change: transform, opacity;
  }

  .item-about-advantages {
    border-radius: 5.5814vw;
  }

  .item-about-advantages__title {
    font-size: 3.7209vw;
    line-height: 5.1163vw;
    font-weight: 600;
    margin: 0 0 3.0233vw 0;
  }

  .item-about-advantages__text {
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    font-weight: 400;
  }

  .item-about-advantages__text ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .item-about-advantages__text ul li,
  .item-about-advantages__text p {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    list-style: none;
    margin: 0 0 3.0233vw 0;
    padding: 0 0 0 4.186vw;
    position: relative;
  }

  .item-about-advantages__text ul li::before,
  .item-about-advantages__text p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 2.093vw;
    width: 1.3953vw;
    height: 1.3953vw;
    background-color: #353535;
    border-radius: 50%;
  }

  .item-about-advantages__text ul li:last-child,
  .item-about-advantages__text p:last-child {
    margin-bottom: 0;
  }

  .about-advantages__img {
    display: none !important;
  }

  /* ==========================================================================
     Section 4: Реальные кейсы (Mobile 430 via @media max-width: 768px)
     ========================================================================== */

  .about-keys {
    --keys-mob-stanok-x: 0vw;
    --keys-mob-stanok-y: 75.4442vw;
    --keys-mob-stanok-h: 112.093vw;
    --keys-mob-video-x: 57.1977vw;
    --keys-mob-video-y: 37.9651vw;
    --keys-mob-video-size: 4.0651vw;
    --keys-mob-mask-start: 36.63%;
    --keys-mob-mask-end: 100%;
    --keys-mob-mask-angle: 180deg;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 25.1163vw 0 7.4419vw 3.7209vw;
    /* 108px 0 32px 16px */
    isolation: isolate;
    position: relative;
    width: 100vw;
    height: 194.6512vw;
    /* 837px */
    min-height: 194.6512vw;
    background: linear-gradient(122.4deg, #99D4E2 -45.94%, #70BDDF 12.11%, #1B1B4B 96.47%);
    overflow: hidden;
    box-sizing: border-box;
  }

  .about-keys__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .about-keys__foreground,
  .about-keys__machine--left,
  .about-keys__machine--right {
    display: none !important;
  }

  /* Stanok Mobile Layer & Mask (Rectangle 752) */
  .about-keys__machine--mob {
    display: block;
    width: 100vw;
    /* 430px */
    height: var(--keys-mob-stanok-h, 112.093vw);
    /* 482px */
    left: var(--keys-mob-stanok-x, 0vw);
    top: var(--keys-mob-stanok-y, 75.4442vw);
    /* 324.41px */
    position: absolute;
    pointer-events: none;
    z-index: 2;
    -webkit-mask-image: linear-gradient(var(--keys-mob-mask-angle, 180deg), #000000 var(--keys-mob-mask-start, 36.63%), rgba(0, 0, 0, 0) var(--keys-mob-mask-end, 100%));
    mask-image: linear-gradient(var(--keys-mob-mask-angle, 180deg), #000000 var(--keys-mob-mask-start, 36.63%), rgba(0, 0, 0, 0) var(--keys-mob-mask-end, 100%));
  }

  .about-keys.is-mob-mask-disabled .about-keys__machine--mob {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }

  .about-keys__machine--mob img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .about-keys__indicator--mob {
    position: absolute;
    width: var(--keys-mob-video-size, 4.0651vw);
    /* 17.48px */
    height: var(--keys-mob-video-size, 4.0651vw);
    /* 17.48px */
    left: var(--keys-mob-video-x, 57.1977vw);
    /* 245.95px */
    top: var(--keys-mob-video-y, 37.9651vw);
    /* 163.25px relative to stanok top */
    z-index: 3;
    pointer-events: none;
  }

  .about-keys__indicator--mob video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  .about-keys__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    height: auto;
    position: static;
    z-index: auto;
    box-sizing: border-box;
  }

  /* Frame 35768: Header block */
  .about-keys__header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 17.2093vw 0;
    /* 74px */
    gap: 5.3488vw;
    /* 23px */
    width: calc(100% - 3.7209vw);
    box-sizing: border-box;
    z-index: 5;
  }

  .about-keys__intro {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.3488vw;
    /* 23px */
    width: 100%;
  }

  .about-keys__title {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    /* 24px */
    line-height: 5.5814vw;
    /* 24px */
    color: #FFFFFF;
    margin: 0;
    width: 88.8372vw;
    /* 382px */
  }

  .about-keys__subtitle {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    /* 16px */
    line-height: 5.5814vw;
    /* 24px */
    color: #FFFFFF;
    margin: 0;
    width: 100%;
  }

  .about-keys__actions {
    display: none !important;
  }

  /* Frame 40192 & Frame 36207: Slider Track */
  .about-keys__slider-row {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 53.9535vw;
    /* 232px */
    margin: 0 0 3.2558vw 0;
    /* 14px / 3.25vw gap */
    z-index: 1;
  }

  .about-keys__slider {
    width: 100%;
    height: 100%;
    overflow: visible;
    padding-left: 0;
  }

  .about-keys__wrapper {
    height: 100%;
  }

  .about-keys__slide,
  .about-keys__slide.about-keys__slide--wide {
    height: 53.9535vw;
    /* 232px */
    width: 79.5349vw !important;
    /* 342px */
    flex-shrink: 0;
  }

  /* Frame 36093 / Frame 36091: Individual Card */
  .about-keys-card,
  .about-keys-card.about-keys-card--wide {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 5.5814vw;
    /* 24px */
    gap: 3.72vw;
    width: 79.5349vw !important;
    /* 342px */
    height: 53.9535vw;
    /* 232px */
    background: rgba(0, 0, 0, 0.15);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
    backdrop-filter: blur(1.8372vw);
    /* 7.9px */
    -webkit-backdrop-filter: blur(1.8372vw);
    border-radius: 5.5814vw;
    /* 24px */
    border: none;
  }

  .about-keys-card::after {
    border-radius: inherit;
    padding: 0.2326vw;
  }

  /* Frame 35765 */
  .about-keys-card__tag {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 900;
    font-size: 3.7209vw;
    /* 16px */
    line-height: 4.4186vw;
    /* 19px (120%) */
    color: rgba(255, 255, 255, 0.59);
    align-self: flex-start;
  }

  .about-keys-card__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    /* 16px */
    line-height: 5.5814vw;
    /* 24px */
    color: #FFFFFF;
    margin: 0;
    align-self: flex-start;
    -webkit-line-clamp: 4;
  }

  /* Frame 35994 / Frame 36105: Detail button */
  .about-keys-card__btn,
  .about-keys-slide__btn {
    box-sizing: border-box;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 1.8605vw 3.7209vw;
    /* 8px 16px */
    width: 26.0465vw;
    /* 112px */
    height: 7.6744vw;
    /* 33px */
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 23.2558vw;
    /* 100px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.2558vw;
    /* 14px */
    line-height: 3.9535vw;
    /* 17px */
    text-align: center;
    color: #FFFFFF !important;
    margin: auto auto 0 auto;
    align-self: center;
    border: none;
    cursor: pointer;
  }

  /* Frame 40193: Bottom Controls Bar */
  .about-keys__mob-controls {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 29.7674vw;
    /* 128px */
    width: 56.5116vw;
    /* 243px */
    height: auto;
    box-sizing: border-box;
    margin: 0;
    position: relative;
    z-index: 5;
  }

  /* Frame 36269: Pill controls */
  .about-keys__mob-pill.certificates__mob-pill,
  .about-keys__mob-controls .about-keys__controls {
    box-sizing: border-box;
    position: relative;
    display: flex !important;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3.7209vw;
    /* 16px */
    gap: 3.7209vw;
    /* 16px */
    width: 22.3256vw;
    /* 96px */
    height: 11.1628vw;
    /* 48px */
    background: rgba(101, 101, 101, 0.45);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
    backdrop-filter: blur(1.8372vw);
    /* 7.9px */
    -webkit-backdrop-filter: blur(1.8372vw);
    border-radius: 5.5814vw;
    /* 24px */
    z-index: 1;
    flex-shrink: 0;
  }

  .about-keys__mob-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.2326vw;
    pointer-events: none;
    opacity: 0.75;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .about-keys__mob-pill .certificates__mob-arrow,
  .about-keys__mob-pill .about-keys__btn-slider,
  .about-keys__mob-pill .about-keys__btn-prev,
  .about-keys__mob-pill .about-keys__btn-next,
  .about-keys__mob-controls .certificates__mob-arrow,
  .about-keys__mob-controls .about-keys__btn-slider {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.7209vw;
    /* 16px */
    height: 3.7209vw;
    /* 16px */
    background: none;
    border: none;
    padding: 0;
    color: #FFFFFF !important;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 2;
  }

  .about-keys__mob-pill .certificates__mob-arrow svg,
  .about-keys__mob-pill .about-keys__btn-slider svg,
  .about-keys__mob-controls .about-keys__btn-slider svg {
    width: 2.3256vw;
    height: 3.7209vw;
    display: block;
  }

  .about-keys__mob-pill .certificates__mob-arrow:active,
  .about-keys__mob-pill .about-keys__btn-slider:active {
    transform: scale(0.85);
  }

  .about-keys__mob-pill .certificates__mob-arrow.my-button-disabled,
  .about-keys__mob-pill .certificates__mob-arrow.swiper-button-disabled,
  .about-keys__mob-pill .about-keys__btn-slider.my-button-disabled,
  .about-keys__mob-pill .about-keys__btn-slider.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  .about-keys__mob-pill .certificates__mob-divider {
    width: 0.2326vw;
    height: 3.7209vw;
    background: rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 2;
  }

  /* Frame 36052: Mobile Consultation Button */
  .about-keys__mob-btn-consult,
  .about-keys__btn-mob {
    width: 56.5116vw;
    /* 243px */
    height: 11.8605vw;
    /* 51px */
    border-radius: 23.2558vw;
    /* 100px */
    background: #FF5F42 !important;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    /* 16px */
    line-height: 4.4186vw;
    /* 19px */
    color: #FFFFFF !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 3.7209vw;
  }

  .about-keys__mob-btn-consult:active,
  .about-keys__btn-mob:active {
    transform: scale(0.98);
    opacity: 0.85;
  }

  /* Mobile Modal Popup Styles for Cases & RD Blog */
  .popup-case.popup-news.popup,
  .popup-rd-blog.popup-news.popup {
    padding: 23.2558vw 3.7209vw 6.9767vw !important;
    box-sizing: border-box;
  }

  .popup-case .popup__wrapper,
  .popup-rd-blog .popup__wrapper,
  .popup-news .popup__wrapper {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: center !important;
    min-height: 100% !important;
    width: 100% !important;
  }

  .popup-case.popup-news .popup__content,
  .popup-rd-blog.popup-news .popup__content {
    border-radius: 5.5814vw !important;
    max-width: 92.5581vw !important;
    width: 92.5581vw !important;
    padding: 0 0 4.6512vw 0 !important;
    background-color: #eff0ef !important;
    box-sizing: border-box;
  }

  .popup-case__top,
  .popup-rd-blog__top {
    border-radius: 5.5814vw !important;
    min-height: auto;
  }

  .popup-case__header,
  .popup-rd-blog__header {
    padding: 5.5814vw 4.6512vw !important;
    gap: 3.7209vw !important;
  }

  .popup-case__date,
  .popup-rd-blog__date {
    font-size: 3.2558vw !important;
    line-height: 3.7209vw !important;
  }

  .popup-case__title,
  .popup-rd-blog__title {
    font-size: 4.6512vw !important;
    line-height: 5.5814vw !important;
    padding-right: 6.5116vw !important;
    max-width: 100% !important;
  }

  .popup-case .popup__close,
  .popup-rd-blog .popup__close {
    top: 4.6512vw !important;
    right: 4.6512vw !important;
    width: 3.7209vw !important;
    height: 3.7209vw !important;
  }

  /* Content area & Typography on Mobile (Matching News & Expert Blog) */
  .popup-case .popup-news__content-wrap h2,
  .popup-rd-blog .popup-news__content-wrap h2 {
    font-size: 5.5814vw !important;
    line-height: 108% !important;
    width: 100% !important;
    font-weight: 500 !important;
    color: #353535 !important;
    margin: 6.9767vw 0 3.7209vw 0 !important;
    font-family: 'Inter', sans-serif !important;
  }

  .popup-case .popup-news__content-wrap h3,
  .popup-rd-blog .popup-news__content-wrap h3,
  .popup-case .popup-news__content-wrap h4,
  .popup-rd-blog .popup-news__content-wrap h4,
  .popup-case .popup-news__content-wrap h5,
  .popup-rd-blog .popup-news__content-wrap h5 {
    font-size: 4.1860vw !important;
    line-height: 115% !important;
    width: 100% !important;
    font-weight: 600 !important;
    color: #353535 !important;
    margin: 5.5814vw 0 2.7907vw 0 !important;
    font-family: 'Inter', sans-serif !important;
  }

  .popup-case .popup-news__content-wrap p,
  .popup-rd-blog .popup-news__content-wrap p {
    margin: 0 0 3.7209vw 0 !important;
    font-size: 3.7209vw !important;
    line-height: 150% !important;
    color: #353535 !important;
    font-family: 'Inter', sans-serif !important;
    font-weight: 400 !important;
  }

  .popup-case .popup-news__content-wrap > p:first-child,
  .popup-rd-blog .popup-news__content-wrap > p:first-child {
    margin-top: 0 !important;
  }

  .popup-case .popup-news__content-wrap p:last-child,
  .popup-rd-blog .popup-news__content-wrap p:last-child {
    margin-bottom: 0 !important;
  }

  .popup-case .popup-news__content-wrap ul,
  .popup-rd-blog .popup-news__content-wrap ul,
  .popup-case .popup-news__content-wrap ol,
  .popup-rd-blog .popup-news__content-wrap ol {
    padding: 0 0 0 4.6512vw !important;
    margin: 0 0 3.7209vw 0 !important;
    font-size: 3.7209vw !important;
    line-height: 150% !important;
  }

  .popup-case .popup-news__content-wrap ul li,
  .popup-rd-blog .popup-news__content-wrap ul li,
  .popup-case .popup-news__content-wrap ol li,
  .popup-rd-blog .popup-news__content-wrap ol li {
    font-size: 3.7209vw !important;
    line-height: 150% !important;
    color: #353535 !important;
    margin-bottom: 1.8605vw !important;
    font-family: 'Inter', sans-serif !important;
  }

  .popup-case .popup-news__content-wrap ul li,
  .popup-rd-blog .popup-news__content-wrap ul li {
    list-style: disc !important;
  }

  .popup-case .popup-news__content-wrap ol li,
  .popup-rd-blog .popup-news__content-wrap ol li {
    list-style: decimal !important;
  }

  .popup-case .popup-news__content-wrap ul li:last-child,
  .popup-rd-blog .popup-news__content-wrap ul li:last-child,
  .popup-case .popup-news__content-wrap ol li:last-child,
  .popup-rd-blog .popup-news__content-wrap ol li:last-child {
    margin-bottom: 0 !important;
  }

  .popup-case .popup-news__content-wrap strong,
  .popup-rd-blog .popup-news__content-wrap strong,
  .popup-case .popup-news__content-wrap b,
  .popup-rd-blog .popup-news__content-wrap b {
    font-weight: 600 !important;
    color: #353535 !important;
  }

  .popup-case .popup-news__content-wrap a,
  .popup-rd-blog .popup-news__content-wrap a {
    color: #FF5F42 !important;
    text-decoration: underline !important;
  }

  .popup-case .popup-news__content-wrap img,
  .popup-rd-blog .popup-news__content-wrap img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 3.7209vw !important;
    margin: 3.7209vw 0 !important;
    display: block !important;
  }

  .popup-case .popup-case__content,
  .popup-rd-blog .popup-case__content {
    padding: 4.6512vw 4.6512vw 0 4.6512vw !important;
  }

  /* ==========================================================================
     ABOUT PAGE SECTION 5: О РУКОВОДИТЕЛЕ И МИССИИ (ABOUT-MAN) (MOBILE 430 -> 768)
     ========================================================================== */

  .about-man {
    width: 100%;
    min-height: auto;
    padding: 0;
    background: #EFF0EF;
  }

  /* Top Column: Director (Gen. Dir.) */
  .about-man__wrap {
    flex-direction: column;
    align-items: flex-start;
    padding: 9.7674vw 0 0 0;
    width: 100%;
  }

  /* Photo Container (Frame 36148) */
  .about-man__img {
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 9.3023vw 0 0 0;
    gap: 5.5814vw;
    width: 100%;
    height: auto;
  }

  .about-man__img picture {
    display: flex;
    justify-content: center;
    width: 100%;
    height: auto;
  }

  .about-man__img img {
    width: 72.4186vw;
    height: 72.9512vw;
    object-fit: contain;
    object-position: center bottom;
    margin: 0 auto;
  }

  /* Director Card Wrapper (Frame 36145) */
  .about-man__descr-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    padding: 0 3.7209vw;
    width: 100%;
    box-sizing: border-box;
  }

  /* Director Card (Frame 36129) */
  .about-man__descr {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 5.3488vw 5.5814vw 5.5814vw 5.5814vw;
    gap: 3.2558vw;
    width: 100%;
    height: auto;
    min-height: auto;
    background: #FFFFFF;
    border-radius: 5.5814vw;
  }

  /* Director Header: Post + Name (Frame 40082) */
  .about-man__header {
    gap: 2.5581vw;
    width: 100%;
  }

  .about-man__post {
    font-size: 3.2558vw;
    line-height: 2.5581vw;
    color: #353535;
  }

  .about-man__name {
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
  }

  /* Quote Block (Frame 40083) */
  .about-man__text {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 2.3256vw;
    width: 100%;
    font-style: italic;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
  }

  /* Bottom Mission Block (Mission Frame) */
  .about-man__bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 6.9767vw 5.5814vw 7.4419vw 5.5814vw;
    gap: 0;
    width: 100%;
  }

  .about-man__body {
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 0;
    width: 100%;
    min-height: auto;
    background: transparent;
    border-radius: 0;
    margin: 0;
  }

  /* Mission Title (Frame 36331) */
  .about-man__body h2,
  .about-man__body h3,
  .about-man__body h4,
  .about-man__body-title {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    color: #353535;
    margin: 0 0 7.2093vw 0;
  }

  .about-man__body h2 span,
  .about-man__body h3 span,
  .about-man__body h4 span {
    display: inline;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 5.5814vw;
    line-height: 5.5814vw;
    color: #4D96D2;
    margin: 0;
  }

  /* Mission Text (Frame 36332) */
  .about-man__body p,
  .about-man__body-text {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0;
  }

  .about-man__body p:not(:last-child) {
    margin-bottom: 5.5814vw;
  }

  .about-man__body br {
    display: none;
  }
}

/* ==========================================================================
   COOKIE BANNER (DESKTOP 1920 & MOBILE 430 via @media max-width: 720px)
   ========================================================================== */

.cookie-banner {
  position: fixed;
  right: 8.9583vw;
  bottom: 1.5vw;
  width: 28.7479vw;
  height: 3.3333vw;
  padding: 0.625vw;
  background: #FFFFFF;
  border-radius: 4.6875vw;
  box-shadow: 0 0.2083vw 1.25vw rgba(0, 0, 0, 0.08);
  z-index: 99999;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1.0417vw);
  transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
  pointer-events: none;
}

.cookie-banner.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

.cookie-banner__inner {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 1.25vw;
  width: 27.4979vw;
  height: 2.0833vw;
  box-sizing: border-box;
}

.cookie-banner__content {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  gap: 0.4167vw;
  width: 21.0396vw;
  height: 2.0833vw;
  box-sizing: border-box;
}

.cookie-banner__icon {
  width: 2.2375vw;
  height: 2.0833vw;
  flex: none;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cookie-banner__icon img,
.cookie-banner__icon svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.cookie-banner__text {
  width: 18.3854vw;
  height: 1.7708vw;
  font-family: 'Poppins', var(--font-primary), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 0.8854vw;
  color: #353535;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
}

.cookie-banner__br-mobile {
  display: none;
}

.cookie-banner__text-main,
.cookie-banner__text-actions {
  display: block;
  white-space: nowrap;
}

.cookie-banner__link,
.cookie-banner__decline {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: inline;
  transition: opacity 0.2s ease;
}

.cookie-banner__link:hover,
.cookie-banner__decline:hover {
  opacity: 0.65;
}

.cookie-banner__accept {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.625vw 0.8333vw;
  width: 5.2083vw;
  height: 1.875vw;
  background: #FF5F42;
  border-radius: 4.6875vw;
  border: none;
  cursor: pointer;
  flex: none;
  flex-shrink: 0;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.cookie-banner__accept span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 1.0417vw;
  color: #FFFFFF;
  white-space: nowrap;
  display: flex;
  align-items: center;
}

.cookie-banner__accept:hover {
  background-color: #f44d2e;
}

.cookie-banner__accept:active {
  transform: scale(0.96);
}

/* ==========================================================================
   COOKIE BANNER MOBILE (MAX-WIDTH: 720PX, calculated from 430px base)
   ========================================================================== */

@media (max-width: 720px) {
  .cookie-banner {
    position: fixed;
    left: 50%;
    right: auto;
    bottom: 3.7209vw;
    width: 92.5581vw;
    height: 13.9535vw;
    padding: 1.8605vw;
    border-radius: 20.9302vw;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
    transform: translate(-50%, 20px);
  }

  .cookie-banner.is-visible {
    transform: translate(-50%, 0);
  }

  .cookie-banner__inner {
    gap: 1.6279vw;
    width: 85.3395vw;
    height: 9.3023vw;
  }

  .cookie-banner__content {
    gap: 1.6279vw;
    width: auto;
    height: 9.3023vw;
  }

  .cookie-banner__icon {
    width: 9.9907vw;
    height: 9.3023vw;
  }

  .cookie-banner__text {
    width: 53.7209vw;
    height: 7.907vw;
    font-size: 2.7907vw;
    line-height: 3.9535vw;
    color: #10182F;
    display: block;
  }

  .cookie-banner__br-mobile {
    display: inline;
  }

  .cookie-banner__text-main,
  .cookie-banner__text-actions {
    display: inline;
    white-space: normal;
  }

  .cookie-banner__accept {
    padding: 0.9302vw 3.2558vw;
    width: 18.3721vw;
    height: 6.5116vw;
    border-radius: 20.9302vw;
  }

  .cookie-banner__accept span {
    font-size: 2.7907vw;
    line-height: 4.6512vw;
  }
}

/* ==========================================================================
   CERTIFICATES BLOCK (СЕРТИФИКАТЫ КОМПАНИИ)
   Desktop: 1920px base (vw = px / 19.2), Mobile: 430px base (vw = px / 4.3)
   ========================================================================== */

.certificates {
  position: relative;
  width: 100%;
  background: #EFF0EF;
  padding: 7.5vw 0 7.92vw;
  overflow: hidden;
  box-sizing: border-box;
}

.certificates__container {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
}

/* Header & Title (Frame 35765) */
.certificates__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 5vw;
  gap: 1.35vw;
  width: 100%;
  box-sizing: border-box;
}

.certificates__title {
  font-family: 'Inter', var(--font-primary), sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.88vw;
  line-height: 2.24vw;
  color: #353535;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Desktop Arrows (Frame 40088) */
.certificates__controls-desktop {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  gap: 0.42vw;
  width: 90vw;
  height: 1.67vw;
  box-sizing: border-box;
}

.certificates__arrow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  width: 1.67vw;
  height: 1.67vw;
  background: #DBDBDB;
  border-radius: 26.04vw;
  border: none;
  cursor: pointer;
  color: #353535;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
  box-sizing: border-box;
  outline: none;
}

.certificates__arrow svg {
  display: block;
  width: 0.52vw;
  height: 0.83vw;
  transition: transform 0.2s ease;
}

.certificates__arrow:hover:not(.swiper-button-disabled) {
  background: #cfcfcf;
  transform: scale(1.08);
}

.certificates__arrow:active:not(.swiper-button-disabled) {
  transform: scale(0.94);
}

.certificates__arrow.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* Slider Track (Frame 35939) */
.certificates__slider {
  width: 100%;
  overflow: visible;
  padding: 1.25vw 0 0;
  box-sizing: border-box;
}

.certificates__wrapper {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

@media (min-width: 769px) {
  .certificates__slider {
    padding-left: 20.63vw;
    padding-right: 20.63vw;
  }

  .certificates__slide {
    width: auto;
    flex-shrink: 0;
    height: auto;
    box-sizing: border-box;
    margin-right: 1.25vw !important;
  }

  .certificates__slide:last-child {
    margin-right: 0 !important;
  }
}

/* Card (Frame 35941...35945) */
.certificate-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2.08vw 2.5vw;
  gap: 1.25vw;
  width: 18.75vw;
  height: 28.07vw;
  border-radius: 2.08vw;
  background: transparent;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.3s ease;
}

/* Image Container (Frame 35965) */
.certificate-card__image-box {
  position: relative;
  width: 13.64vw;
  height: 19.17vw;
  border-radius: 1.04vw;
  overflow: hidden;
  background: #FFFFFF;
  flex-shrink: 0;
  box-sizing: border-box;
}

.certificate-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 1.04vw;
  transition: transform 0.4s ease;
}

/* Card Title (Frame 35950) */
.certificate-card__title-wrap {
  width: 13.75vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  min-height: 2.29vw;
  box-sizing: border-box;
}

.certificate-card__title {
  font-family: 'Inter', var(--font-primary), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.94vw;
  line-height: 1.15vw;
  text-align: center;
  color: #5D5D5D;
  margin: 0;
  padding: 0;
  transition: color 0.2s ease;
}

.certificate-card:hover .certificate-card__title {
  color: #222222;
}

/* Hover Overlay & Glass Magnifier Button (DESKTOP ONLY) */
@media (hover: hover) and (min-width: 769px) {
  .certificate-card__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    border-radius: 1.04vw;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    z-index: 2;
  }

  .certificate-card__zoom-btn {
    position: absolute;
    width: 3.59vw;
    height: 3.59vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.85);
    border-radius: 5.21vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(101, 101, 101, 0.45);
    -webkit-backdrop-filter: blur(15.8px);
    backdrop-filter: blur(15.8px);
    box-shadow: inset -0.26vw -0.21vw 0.52vw rgba(233, 233, 233, 0.15), inset 0.1vw 0.1vw 0.53vw rgba(255, 255, 255, 0.2);
    opacity: 0;
    pointer-events: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    color: #FFFFFF;
    z-index: 3;
  }

  /* Glass border stroke from glass-logo */
  .certificate-card__zoom-btn::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.05vw;
    pointer-events: none;
    opacity: 0.75;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .certificate-card__lupa-icon {
    width: 1.25vw;
    height: 1.25vw;
    display: block;
    position: relative;
    z-index: 2;
  }

  .certificate-card:hover .certificate-card__overlay {
    opacity: 1;
  }

  .certificate-card:hover .certificate-card__zoom-btn {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }

  .certificate-card:hover .certificate-card__img {
    transform: scale(1.04);
  }
}

/* Mobile Controls (hidden by default on desktop) */
.certificates__controls-mobile {
  display: none;
}

/* ==========================================================================
   MOBILE RESPONSIVE (MAX-WIDTH: 768PX / 430PX BASE)
   ========================================================================== */
@media (max-width: 768px) {
  .certificates {
    background: #EEEEEE;
    padding: 24.88vw 0 7.44vw;
  }

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

  .certificates__header {
    flex-direction: row;
    align-items: flex-start;
    padding: 0 3.72vw 6.51vw;
    width: 100vw;
    gap: 0;
  }

  .certificates__title {
    font-size: 5.58vw;
    line-height: 6.05vw;
    font-weight: 600;
    text-align: left;
    width: 38.84vw;
  }

  .certificates__controls-desktop {
    display: none;
  }

  .certificates__slider {
    padding: 0 0 0 8.6vw;
    overflow: visible;
  }

  .certificates__slide {
    width: 60.91vw !important;
    margin-right: 3.72vw !important;
    flex-shrink: 0;
    height: auto;
    box-sizing: border-box;
  }

  .certificates__slide:last-child {
    margin-right: 0 !important;
  }

  .certificate-card {
    width: 60.91vw;
    height: 110.7vw;
    padding: 0;
    gap: 5.58vw;
    border-radius: 9.3vw;
  }

  .certificate-card__image-box {
    width: 60.91vw;
    height: 85.58vw;
    border-radius: 4.65vw;
  }

  .certificate-card__img {
    border-radius: 4.65vw;
  }

  /* No hover overlay on mobile */
  .certificate-card__overlay {
    display: none !important;
  }

  .certificate-card__title-wrap {
    width: 60.91vw;
    min-height: 10.23vw;
    align-items: flex-start;
  }

  .certificate-card__title {
    width: 60.91vw;
    font-size: 4.19vw;
    line-height: 5.12vw;
  }

  /* Mobile Glass Pill Navigation (Frame 36270 / Frame 36269) */
  .certificates__controls-mobile {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 3.72vw 3.72vw 0;
    width: 100vw;
    box-sizing: border-box;
  }

  .certificates__mob-pill {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3.72vw;
    gap: 3.72vw;
    width: 22.33vw;
    height: 11.16vw;
    background: rgba(101, 101, 101, 0.45);
    -webkit-backdrop-filter: blur(15.8px) saturate(130%);
    backdrop-filter: blur(15.8px) saturate(130%);
    box-shadow: inset -1.16vw -0.93vw 2.33vw rgba(233, 233, 233, 0.15), inset 0.47vw 0.47vw 2.37vw rgba(255, 255, 255, 0.2);
    border-radius: 5.58vw;
    box-sizing: border-box;
    z-index: 1;
  }

  .certificates__mob-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.23vw;
    pointer-events: none;
    opacity: 0.75;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .certificates__mob-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.72vw;
    height: 3.72vw;
    background: none;
    border: none;
    padding: 0;
    color: #FFFFFF;
    cursor: pointer;
    outline: none;
    transition: transform 0.2s ease, opacity 0.2s ease;
    position: relative;
    z-index: 2;
  }

  .certificates__mob-arrow svg {
    width: 2.33vw;
    height: 3.72vw;
    display: block;
  }

  .certificates__mob-arrow:active {
    transform: scale(0.85);
  }

  .certificates__mob-arrow.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  .certificates__mob-divider {
    width: 0.23vw;
    height: 3.72vw;
    background: rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
    display: block;
    position: relative;
    z-index: 2;
  }
}

/* ==========================================================================
   CERTIFICATE POPUP & INSPECTION VIEWER (РЕЖИМ РАЗГЛЯДЫВАНИЯ)
   ========================================================================== */

.popup-certificate {
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  transition: visibility 0.4s ease, opacity 0.4s ease;
  box-shadow: none !important;
}

.popup-certificate.popup {
  padding: 85px 15px 25px 15px;
  box-sizing: border-box;
}

.popup-certificate .popup__wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  box-sizing: border-box;
}

.popup-certificate,
.popup-certificate *,
.popup-certificate *::before,
.popup-certificate *::after {
  box-shadow: none !important;
}

.popup-certificate .popup__content {
  background-color: #EFF0EF;
  border-radius: 1.5vw;
  width: 84vw;
  max-width: 1400px;
  height: 100%;
  max-height: calc(100vh - 115px);
  position: relative;
  overflow: hidden;
  padding: 1.25vw 2vw 1.5vw;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
}

.popup-certificate__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  width: 100%;
  height: 100%;
  gap: 1vw;
  box-sizing: border-box;
}

.popup-certificate__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  padding-right: 3vw;
  box-sizing: border-box;
}

.popup-certificate__title {
  font-family: 'Inter', var(--font-primary), sans-serif;
  font-size: 1.25vw;
  font-weight: 600;
  color: #353535;
  margin: 0;
  padding: 0;
  max-width: 50vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.popup-certificate__toolbar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.63vw;
}

.cert-zoom-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2vw;
  height: 2vw;
  background: #FFFFFF;
  border: 1px solid #DBDBDB;
  border-radius: 50%;
  color: #353535;
  cursor: pointer;
  transition: background-color 0.2s, transform 0.2s;
  padding: 0;
}

.cert-zoom-btn:hover {
  background: #F3F4F6;
  transform: scale(1.06);
}

.cert-zoom-level {
  font-family: 'Inter', sans-serif;
  font-size: 0.83vw;
  font-weight: 600;
  color: #5D5D5D;
  min-width: 2.5vw;
  text-align: center;
}

.cert-download-link {
  display: inline-flex;
  align-items: center;
  gap: 0.42vw;
  padding: 0.52vw 1.04vw;
  background: #FF5F42;
  color: #FFFFFF;
  border-radius: 2.6vw;
  font-family: 'Inter', sans-serif;
  font-size: 0.83vw;
  font-weight: 600;
  text-decoration: none;
  transition: background-color 0.2s, transform 0.2s;
}

.cert-download-link:hover {
  background: #f44d2e;
  transform: translateY(-1px);
}

/* Inspection Viewport & Pan Stage */
.popup-certificate__viewport {
  width: 100%;
  flex: 1;
  min-height: 0;
  height: 100%;
  background: #E4E5E4;
  border-radius: 1vw;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab;
  user-select: none;
  touch-action: none;
  box-sizing: border-box;
}

.popup-certificate__viewport.is-dragging {
  cursor: grabbing;
}

.popup-certificate__stage {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform-origin: center center;
  transition: transform 0.08s ease-out;
  will-change: transform;
  user-select: none;
}

.popup-certificate__img {
  max-width: 96%;
  max-height: 96%;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 0.6vw;
  pointer-events: none;
  user-select: none;
  display: block;
}

/* Mobile Popup Overrides (<= 768px) */
@media (max-width: 768px) {
  .popup-certificate.popup {
    padding: 70px 10px 15px 10px;
  }

  .popup-certificate .popup__content {
    width: 95vw;
    height: 100%;
    max-height: calc(100vh - 90px);
    border-radius: 4.65vw;
    padding: 4.65vw 3.72vw 3.72vw;
  }

  .popup-certificate__body {
    gap: 2.5vw;
    flex: 1;
    min-height: 0;
  }

  .popup-certificate__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.33vw;
    padding-right: 9.3vw;
  }

  .popup-certificate__title {
    font-size: 4.19vw;
    max-width: 80vw;
    white-space: normal;
  }

  .popup-certificate__toolbar {
    gap: 2.33vw;
    width: 100%;
    justify-content: flex-start;
  }

  .cert-zoom-btn {
    width: 8.37vw;
    height: 8.37vw;
  }

  .cert-zoom-btn svg {
    width: 4.19vw;
    height: 4.19vw;
  }

  .cert-zoom-level {
    font-size: 3.49vw;
    min-width: 10.47vw;
  }

  .cert-download-link {
    padding: 1.86vw 3.72vw;
    font-size: 3.26vw;
    border-radius: 9.3vw;
    gap: 1.86vw;
  }

  .popup-certificate__viewport {
    flex: 1;
    min-height: 0;
    height: 100%;
    border-radius: 3.72vw;
  }

  .popup-certificate__img {
    max-width: 96%;
    max-height: 96%;
    border-radius: 2.33vw;
  }
}

/* ==========================================================================
   PAGE R&D HERO (DESKTOP 1920 & MOBILE 430 via @media max-width: 768px)
   Strictly VW units, zero px values, exact Figma coordinates & rotations.
   Mechanics from RND_test: 3-layer parallax (back, mid, front).
   ========================================================================== */

.page-rd-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 18.4896vw 0 7.9167vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background: linear-gradient(180deg, #EFF0EF 0%, #EFF0EF 100%);
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}

/* Parallax Layers */
.page-rd-hero__layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  will-change: transform;
  pointer-events: none;
}

.page-rd-hero__layer--back,
.page-rd-hero .layer-back {
  z-index: 0;
}

.page-rd-hero__layer--mid,
.page-rd-hero .layer-mid {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  pointer-events: auto;
  will-change: transform;
}

.page-rd-hero__layer--front,
.page-rd-hero .layer-front {
  z-index: 2;
}

/* Molecule Base */
.page-rd-hero__molecula {
  position: absolute;
  display: block;
  pointer-events: none;
  transform-origin: center center;
}

.page-rd-hero__molecula picture,
.page-rd-hero__molecula img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Desktop Molecule 1 (Top-Left Background, Frame 36155) */
.page-rd-hero__molecula--1 {
  width: 49.7vw;
  height: 32.3vw;
  left: -15.4vw;
  top: -15.82vw;
  opacity: 0.79;
  transform: rotate(73.74deg);
  z-index: 0;
}

/* Desktop Molecule 2 (Bottom-Right Foreground, Frame 36156) */
.page-rd-hero__molecula--2 {
  width: 58.65vw;
  height: 36vw;
  left: 53.51vw;
  top: 23.34vw;
  transform: rotate(-36.29deg);
  z-index: 2;
}

/* Hide mobile molecules on desktop */
.page-rd-hero__molecula--1-mob,
.page-rd-hero__molecula--2-mob,
.page-rd-hero__molecula--3-mob {
  display: none;
}

/* Center Content Block (Frame 36159) */
.page-rd-hero__center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 2.1354vw;
  width: 100%;
  box-sizing: border-box;
}

/* Header: Title + Subtitle + Items (Frame 36160) */
.page-rd-hero__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 0.3646vw;
  width: 41.4583vw;
  box-sizing: border-box;
}

/* H1 Title */
.page-rd-hero__title {
  width: 36.4583vw;
  min-height: 4.375vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 3.3333vw;
  line-height: 4.375vw;
  color: #4D96D2;
  text-align: center;
  margin: 0;
}

/* Subtitle Paragraph */
.page-rd-hero__subtitle {
  width: 41.4583vw;
  min-height: 4.6875vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5625vw;
  text-align: center;
  color: #696767;
  margin: 0;
}

/* Items List (Frame 36163) */
.page-rd-hero__items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0.625vw 0 0 0;
  gap: 2.5vw;
  width: 33.75vw;
  box-sizing: border-box;
  margin: 0;
}

/* Single Item */
.page-rd-hero__item {
  margin: 0 auto;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.7292vw;
  line-height: 1.25vw;
  text-align: center;
  color: #ACACAC;
  white-space: nowrap;
}

/* Button (Frame 606) */
.page-rd-hero__btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.8333vw 1.25vw;
  gap: 0.5208vw;
  width: 17.1979vw;
  height: 2.9167vw;
  background: #FF5F42;
  border-radius: 2.6042vw;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.0417vw;
  line-height: 1.25vw;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  box-sizing: border-box;
  transition: min-width 0.35s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease, filter 0.2s ease;
}

.page-rd-hero__btn:hover {
  background-color: var(--waterfall-blue, #7FC3E1);
  background-image: linear-gradient(135deg, var(--waterfall-blue, #7FC3E1), var(--sky-blue, #6BB6F5));
  box-shadow: none;
  transform: none;
  opacity: 1;
}

.page-rd-hero__btn:active,
.page-rd-hero__btn.btn--clicked {
  filter: brightness(0.88);
  transform: none;
}

/* ==========================================================================
   PAGE CAREER HERO DESKTOP (1920px BASELINE)
   ========================================================================== */
.page-career-hero {
  position: relative;
  width: 100%;
  min-height: 52.6042vw;
  min-height: 100vh;
  min-height: 100dvh;
  padding: 0;
  background: #EFF0EF;
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
}

/* Parallax Layers */
.page-career-hero__layer {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  will-change: transform;
}

.page-career-hero__layer--back {
  z-index: 1;
}

.page-career-hero__layer--mid-back {
  z-index: 2;
}

.page-career-hero__layer--mid {
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
}

.page-career-hero__layer--front {
  z-index: 4;
}

/* Granules Base */
.page-career-hero__gran {
  position: absolute;
  display: block;
  pointer-events: none;
  transform-origin: center center;
}

.page-career-hero__gran picture,
.page-career-hero__gran img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Desktop Gran 3 (Top-Right, Blur 4.4px) */
.page-career-hero__gran--3 {
  width: 13.65vw;
  height: 7.92vw;
  left: 85.37vw;
  top: 5.91vw;

}

/* Desktop Gran 1 (Bottom-Left, Blur 1.3px) */
.page-career-hero__gran--1 {
  width: 13.96vw;
  height: 10.26vw;
  left: 8.39vw;
  top: 20.91vw;
  filter: blur(0.0677vw);
}

/* Desktop Gran 2 (Bottom-Right, Sharp Foreground) */
.page-career-hero__gran--2 {
  width: 31.55vw;
  height: 21.73vw;
  left: 59.71vw;
  top: 30.45vw;
  transform: scale(1.1);
}

/* Desktop Prof Rost (Center Vector Graphic behind / around title) */
.page-career-hero__prof-rost {
  position: absolute;
  width: 26.51vw;
  height: 8.49vw;
  left: 16.09vw;
  top: 9.06vw;
  pointer-events: none;
  z-index: 0;
  transform-origin: center center;
}

.page-career-hero__prof-rost img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* Hide Mobile Granules on Desktop */
.page-career-hero__gran--1-mob,
.page-career-hero__gran--2-mob,
.page-career-hero__gran--3-mob {
  display: none;
}

/* Center Content Block (Frame 36159) */
.page-career-hero__center {
  position: absolute;
  top: 18.4896vw;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 2.1354vw;
  box-sizing: border-box;
  z-index: 1;
  pointer-events: auto;
}

/* Header Frame (Frame 36160) */
.page-career-hero__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 0.4167vw;
  width: 35.4688vw;
  min-height: 7.9167vw;
  box-sizing: border-box;
}

/* H1 Title */
.page-career-hero__title {
  width: 35.4688vw;
  min-height: 4.375vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 3.3333vw;
  line-height: 4.375vw;
  color: #4D96D2;
  text-align: center;
  margin: 0;
}

.page-career-hero__title-main,
.page-career-hero__title-sub {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
}

/* Subtitle Paragraph */
.page-career-hero__subtitle {
  width: 33.2292vw;
  min-height: 3.125vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.25vw;
  line-height: 1.5625vw;
  text-align: center;
  color: #696767;
  margin: 0;
}

.page-career-hero__subtitle br {
  display: none;
}

/* Button (Frame 606) */
.page-career-hero__btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.8333vw 1.25vw;
  gap: 0.5208vw;
  width: 18.1354vw;
  height: 2.9167vw;
  background: #FF5F42;
  border-radius: 2.6042vw;
  border: none;
  cursor: pointer;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.0417vw;
  line-height: 1.25vw;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  box-sizing: border-box;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.page-career-hero__btn:hover {
  opacity: 0.95;
  transform: scale(1.02);
}

.page-career-hero__btn:active {
  transform: scale(0.98);
}

/* ==========================================================================
   PAGE CAREER VALUES DESKTOP (1920px BASELINE)
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-career-values {
  position: relative;
  width: 100%;
  background: #FFFFFF;
  isolation: isolate;
  box-sizing: border-box;
}

.page-career-values__container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 0 18.75vw 7.9167vw 18.75vw;
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}

/* Desktop Diamond (Frame 36214 / dimond: left: 370px, top: 758px, size: 431.71px) */
.page-career-values__diamond {
  position: absolute;
  pointer-events: none;
}

.page-career-values__diamond--desktop {
  display: block;
  width: 22.4849vw;
  height: 22.4849vw;
  left: 19.2708vw;
  top: 39.4792vw;
  z-index: 0;
}

.page-career-values__diamond--desktop img,
.page-career-values__diamond--desktop picture {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.page-career-values__diamond--mobile {
  display: none;
}

/* Left Column (Frame 36045: width: 450px, height: 1151px) */
.page-career-values__left {
  width: 23.4375vw;
  flex: 0 0 23.4375vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.9167vw 2.08vw 17vw 2.08vw;
  gap: 0;
  align-self: stretch;
  position: relative;
  box-sizing: border-box;
  z-index: 1;
}

/* Sticky Text Frame (Frame 35968: gap: 27px) */
.page-career-values__txt {
  position: sticky;
  top: 7.9167vw;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.4063vw;
  box-sizing: border-box;
  z-index: 1;
}

/* Left Title: "Наши ценности" 40 32 semiBold 4D96D2 / "— наш фундамент в действии" 24 32 semiBold 353535 */
.page-career-values__title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.6667vw;
  color: #353535;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}

.page-career-values__title span:first-child,
.page-career-values__title .page-career-values__title-main {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 2.0833vw;
  line-height: 1.6667vw;
  font-weight: 600;
  color: #4D96D2;
}

.page-career-values__title span:last-child,
.page-career-values__title .page-career-values__title-sub {
  display: block;
  font-family: 'Inter', sans-serif;
  font-size: 1.25vw;
  line-height: 1.6667vw;
  font-weight: 600;
  color: #353535;
}

/* Left Subtitle */
.page-career-values__text {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
}

.page-career-values__text p {
  margin: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

/* Right Column (Frame 36046: padding-top: 152px, gap: 24px, width: 726px) */
.page-career-values__right {
  width: 37.8125vw;
  flex: 0 0 37.8125vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.9167vw 0 0 0;
  gap: 1.25vw;
  box-sizing: border-box;
  position: relative;
  z-index: 2;
}

/* Cards (Frame 35968 / 35971 / 35972: background #EFF0EF, border-radius 40px, padding: 27px 32px 32px, gap: 8px) */
.item-page-career-values {
  width: 100%;
  background: #EFF0EF;
  border-radius: 2.0833vw;
  padding: 1.4063vw 1.6667vw 1.6667vw 1.6667vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.4167vw;
  box-sizing: border-box;
  position: relative;
}

.item-page-career-values--1 {
  z-index: 1;
}

.item-page-career-values--2 {
  z-index: 2;
}

.item-page-career-values--3 {
  z-index: 3;
}

.item-page-career-values--3 .page-career-values__diamond--mobile {
  display: none !important;
}

/* Card Number Wrapper (Frame 40204 / 40205 / 40206: padding-top: 5px, width: 44px, height: 49px) */
.item-page-career-values__number {
  padding: 0.2604vw 0 0 0;
  width: 2.2917vw;
  height: 2.5521vw;
  flex: 0 0 2.2917vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  box-sizing: border-box;
}

.item-page-career-values__number img {
  width: 2.2917vw;
  height: 2.2917vw;
  object-fit: contain;
  display: block;
}

/* Card Content (Frame 35970: gap: 19px) */
.item-page-career-values__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.9896vw;
  min-width: 0;
  box-sizing: border-box;
}

/* Card Header (Frame 36202: gap: 3px) */
.item-page-career-values__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.1563vw;
  width: 100%;
  box-sizing: border-box;
}

/* Card Title */
.item-page-career-values__title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  color: #4D96D2;
  margin: 0;
}

/* Card Subtitle */
.item-page-career-values__subtitle {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.3542vw;
  color: #353535;
  margin: 0;
}

/* Card Text Body (Frame 36215: bold prefix 16/24, regular body 16/24 with bullets) */
.item-page-career-values__text {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
  box-sizing: border-box;
}

.item-page-career-values__text ul {
  margin: 0;
  padding: 0 0 0 1.25vw;
  list-style-type: disc;
  display: flex;
  flex-direction: column;
  gap: 0.625vw;
}

.item-page-career-values__text ul li {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
  padding-left: 0.2083vw;
}

.item-page-career-values__text ul li::marker {
  color: #353535;
  font-size: 0.8333vw;
}

.item-page-career-values__text strong,
.item-page-career-values__text b,
.item-page-career-values__text ul li strong,
.item-page-career-values__text ul li b {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  display: block;
}

.item-page-career-values__text p {
  margin: 0;
  font-family: inherit;
  font-style: inherit;
  font-weight: 400;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.item-page-career-values__text p:not(:last-child) {
  margin-bottom: 0.625vw;
}


/* ==========================================================================
   PAGE CAREER: VIDEOS SECTION (DESKTOP 1920px BASELINE)
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-career__videos {
  position: relative;
  width: 100%;
  padding: 7.5521vw 0 7.9167vw 0;
  background: #EFF0EF;
  overflow: hidden;
  box-sizing: border-box;
}

.page-career__videos-inner {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Frame 36009: Header (Title + Desktop Buttons) */
.page-career__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 5vw 2.9167vw 9.1667vw;
  width: 100%;
  box-sizing: border-box;
}

.page-career__saytitle {
  width: 100%;
  max-width: 85.8333vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  margin: 0;
}

.page-career__controls-desktop {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  gap: 0.4167vw;
  width: 100%;
  max-width: 85.8333vw;
  height: 1.6667vw;
  margin-top: 0;
  box-sizing: border-box;
}

.page-career__controls-mobile {
  display: none;
}

/* Buttons like in certificates block (Frame 40086 & Frame 40085) */
.page-career__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 1.6667vw;
  height: 1.6667vw;
  flex: 0 0 1.6667vw;
  background: rgba(28, 28, 28, 0.1);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  color: #353535;
  box-sizing: border-box;
  outline: none;
  transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.page-career__arrow svg {
  display: block;
  width: 0.5208vw;
  height: 0.8333vw;
}

.page-career__arrow:hover:not(.my-button-disabled):not(.swiper-button-disabled) {
  background: rgba(28, 28, 28, 0.2);
  transform: scale(1.08);
}

.page-career__arrow:active:not(.my-button-disabled):not(.swiper-button-disabled) {
  transform: scale(0.94);
}

.page-career__arrow.my-button-disabled,
.page-career__arrow.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
  pointer-events: none;
}

/* Frame 36014: Slider Track */
.page-career__slider {
  width: 100%;
  padding-left: 18.75vw;
  /* 360px on 1920px */
  padding-right: 0;
  box-sizing: border-box;
  overflow: visible;
}

.page-career__slider.swiper {
  overflow: visible;
}

.page-career__wrapper {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}

/* Slide (Frame 36000, 36010, 36013, 36011, 36012) */
.page-career__slide {
  position: relative;
  width: 18.1563vw;
  height: 27.5521vw;
  margin-right: 1.25vw;
  background: #FFFFFF;
  border-radius: 2.0833vw;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  isolation: isolate;
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-career__slide video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  z-index: 1;
  background: #FFFFFF;
  cursor: pointer;
}

.page-career__slide video::-webkit-media-controls {
  display: none !important;
}

/* Glass Play Button (Frame 36216) */
.page-career__play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 3.5938vw;
  height: 3.5938vw;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(101, 101, 101, 0.45);
  box-shadow: inset -0.2604vw -0.2083vw 0.5208vw rgba(233, 233, 233, 0.1), inset 0.1042vw 0.1042vw 0.5313vw rgba(156, 156, 156, 0.1);
  backdrop-filter: blur(0.4115vw);
  -webkit-backdrop-filter: blur(0.4115vw);
  border-radius: 5.2083vw;
  border: none;
  cursor: pointer;
  z-index: 5;
  box-sizing: border-box;
  padding: 0;
  outline: none;
  transition: transform 0.2s ease, background 0.2s ease;
}

.page-career__play::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  pointer-events: none;
  opacity: 1;
  background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.page-career__play svg {
  display: block;
  width: 1.25vw;
  height: 1.4063vw;
  margin-left: 0.15vw;
  position: relative;
  z-index: 2;
}

.page-career__play:hover {
  transform: translate(-50%, -50%) scale(1.08);
}

.page-career__play:active {
  transform: translate(-50%, -50%) scale(0.95);
}

.page-career__play._hidden {
  display: none !important;
}

/* ==========================================================================
   PAGE CAREER: 3-CARDS FEATURES SECTION (DESKTOP 1920px BASELINE)
   Frame 40204 / Frame 36014
   Strictly VW units, zero px values, exact Figma gradients & typography.
   ========================================================================== */

.page-career-features {
  position: relative;
  width: 100%;
  padding: 0 0 2.9167vw 0;
  background: #EFF0EF;
  box-sizing: border-box;
}

.page-career-features__inner {
  width: 100%;
  box-sizing: border-box;
}

.page-career-features__row {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  padding: 0 18.75vw;
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}

.page-career-features__card {
  flex: 1 1 0;
  min-height: 14.1146vw;
  background: #FFFFFF;
  border-radius: 2.0833vw;
  padding: 1.875vw 2.0833vw 2.0833vw 2.0833vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.0938vw;
  box-sizing: border-box;
}

.page-career-features__header {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 0.8333vw;
  width: 100%;
  box-sizing: border-box;
}

.page-career-features__num {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 3.3333vw;
  line-height: 2.7604vw;
  flex-shrink: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin: 0;
}

.page-career-features__card--1 .page-career-features__num {
  background: linear-gradient(80.83deg, #93D1E2 10.01%, #87CAE1 85.85%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__card--2 .page-career-features__num {
  background: linear-gradient(87.99deg, #5DB2DE -1.35%, #52ACDD 95.26%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__card--3 .page-career-features__num {
  background: linear-gradient(87.57deg, #346A9E -1.4%, #2F588C 94.54%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  flex: 1;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin: 0;
}

.page-career-features__card--1 .page-career-features__title {
  background: linear-gradient(97.91deg, #89CBE1 7.6%, #73BEDF 69.04%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__card--2 .page-career-features__title {
  background: linear-gradient(97.18deg, #4FA9DD 11.19%, #3D84BA 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__card--3 .page-career-features__title {
  background: linear-gradient(100.44deg, #2D5285 24.43%, #25396B 66.65%);
  -webkit-background-clip: text;
  background-clip: text;
}

.page-career-features__text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  width: 100%;
  margin: 0;
  padding: 0;
}

/* ==========================================================================
   PAGE CAREER: "ЗАБОТА О СОТРУДНИКАХ" (DESKTOP 1920px BASELINE)
   Frame 40205 / Frame 35968
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-career-care__wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 5vw 0 7.9167vw 18.75vw;
  /* 96px 0 152px 360px */
  width: 100%;
  background: #EFF0EF;
  box-sizing: border-box;
  overflow: hidden;
}

/* Card: Frame 35968 (1560px x 372px) */
.page-career-care {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  padding: 2.0833vw 25.4167vw 2.0833vw 2.0833vw;
  /* 40px 488px 40px 40px */
  isolation: isolate;
  width: 81.25vw;
  /* 1560px */
  min-height: 19.375vw;
  /* 372px */
  background: #FFFFFF;
  border-radius: 2.0833vw 0 0 2.0833vw;
  /* 40px 0 0 40px */
  box-sizing: border-box;
}

/* Frame 36227: Content Column (709px x 292px) */
.page-career-care__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  gap: 1.3542vw;
  /* 26px */
  width: 36.9271vw;
  /* 709px */
  z-index: 1;
  box-sizing: border-box;
}

/* Title: 36px / 26px font */
.page-career-care__title {
  width: 33.2917vw;
  /* 620px */
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  /* 36px */
  line-height: 1.3542vw;
  /* 26px */
  color: #353535;
  margin: 0;
}

/* List: Frame 36131 (709px x 240px, gap 12px) */
.page-career-care__list {
  width: 100%;
  box-sizing: border-box;
}

.page-career-care__content ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 0 0 1.25vw;
  margin: 0;
  gap: 0.625vw;
  /* 12px */
  width: 36.9271vw;
  /* 709px */
  box-sizing: border-box;
}

.page-career-care__content ul li {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  /* 16px */
  line-height: 1.25vw;
  /* 24px */
  color: #353535;
  list-style-type: disc;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page-career-care__content ul li::marker {
  color: #353535;
  font-size: 0.8333vw;
}

.page-career-care__content ul li strong,
.page-career-care__content ul li b {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  color: #353535;
  display: inline;
}

/* Desktop Heart (496px x 416px, right: 155px, bottom: 0) */
.page-career-care__heart--desktop {
  position: absolute;
  width: 25.8333vw;
  /* 496px */
  height: 21.6667vw;
  /* 416px */
  right: 8.0729vw;
  /* 155px */
  bottom: 0vw;
  /* 0px */
  z-index: 0;
  pointer-events: none;
}

.page-career-care__heart--desktop img,
.page-career-care__heart--desktop picture {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Desktop 3 Arrows (140px x 220px, right: 671px, bottom: 0) */
.page-career-care__arrows--desktop {
  position: absolute;
  width: 7.2917vw;
  /* 140px */
  height: 11.4583vw;
  /* 220px */
  right: 34.9479vw;
  /* 671px */
  bottom: 0vw;
  /* 0px */
  z-index: 2;
  pointer-events: none;
}

.page-career-care__arrows--desktop img {
  width: 100%;
  height: 100%;
  display: block;
}

/* Desktop Button: Frame 606 (218px x 56px, right: 488px, bottom: 40px) */
.page-career-care__btn {
  position: absolute;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.8333vw 1.25vw;
  /* 16px 24px */
  gap: 0.5208vw;
  /* 10px */
  width: 11.5542vw;
  /* 218px */
  height: 2.9167vw;
  /* 56px */
  right: 25.4167vw;
  /* 488px */
  bottom: 1.8vw;
  /* 40px */
  background: #FF5F42;
  border-radius: 2.6042vw;
  /* 50px */
  border: none;
  cursor: pointer;
  z-index: 3;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.0417vw;
  /* 20px */
  line-height: 1.25vw;
  /* 24px */
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
  box-sizing: border-box;
  transition: min-width 0.35s ease, background-color 0.3s ease, color 0.3s ease, transform 0.3s ease, font-size 0.25s ease, box-shadow 0.3s ease, filter 0.2s ease;
}

.page-career-care__btn:hover {
  background-color: var(--waterfall-blue, #7FC3E1);
  background-image: linear-gradient(135deg, var(--waterfall-blue, #7FC3E1), var(--sky-blue, #6BB6F5));
  box-shadow: none;
  transform: none;
  opacity: 1;
}

.page-career-care__btn:active,
.page-career-care__btn.btn--clicked {
  filter: brightness(0.88);
  transform: none;
}

/* Hide Mobile Elements on Desktop */
.page-career-care__arrows--mobile,
.page-career-care__heart--mobile {
  display: none !important;
}

/* ==========================================================================
   PAGE CAREER: CORPORATE EVENTS & TEXT (DESKTOP 1920px BASELINE)
   Frame 40206 / Frame 36014 / Frame 35969 / Frame 35968
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-career-corp {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0 7.5vw 0;
  width: 100%;
  background: #EFF0EF;
  box-sizing: border-box;
}

.page-career-corp__body {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0 18.75vw;
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}

/* Frame 35969: Left Card (588px x 638px, padding 24px, gap 24px, radius 40px) */
.page-career-corp__left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 30.625vw;
  padding: 1.25vw;
  gap: 1.25vw;
  background: #FFFFFF;
  border-radius: 2.0833vw;
  box-sizing: border-box;
  flex: 0 0 30.625vw;
  opacity: 0;
  transform: translateY(3vw);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

._watcher-view .page-career-corp__left {
  opacity: 1;
  transform: translateY(0);
}

/* Frame 36221: Slider / Static Image Frame (540px x 540px, radius 24px) */
.page-career-corp__slider {
  width: 100%;
  height: 28.125vw;
  aspect-ratio: 1 / 1;
  border-radius: 1.25vw;
  overflow: hidden;
  isolation: isolate;
  transform: translateZ(0);
  box-sizing: border-box;
}

.page-career-corp__wrapper {
  display: flex;
  height: 100%;
  box-sizing: border-box;
  margin: 0;
}

.page-career-corp__slide {
  width: 100%;
  height: 100%;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  box-sizing: border-box;
}

.page-career-corp__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* Frame 36224: Pagination Controls (540px x 26px, padding 0 24px, gap 6px) */
.page-career-corp__controls {
  width: 100%;
  box-sizing: border-box;
}

.page-career-corp__pagination {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1.25vw;
  gap: 0.3125vw;
  width: 100%;
  height: 1.3542vw;
  box-sizing: border-box;
}

/* Bullets: Frame 36222, 36224, 36225, 36223 (118.5px x 26px, gap 4px) */
.page-career-corp__pagination .swiper-pagination-bullet {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 0.2083vw;
  height: 1.3542vw;
  background: transparent;
  opacity: 1;
  border-radius: 0;
  margin: 0 !important;
  cursor: pointer;
  box-sizing: border-box;
}

.page-career-corp__pagination .swiper-pagination-bullet__number {
  width: 100%;
  height: 0.8333vw;
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 1.0417vw;
  line-height: 0.8333vw;
  text-align: center;
  color: #CFCFCF;
  transition: color 0.3s ease;
  display: block;
}

.page-career-corp__pagination .swiper-pagination-bullet-active .swiper-pagination-bullet__number {
  color: #3272AD;
}

.page-career-corp__pagination .swiper-pagination-bullet__line {
  position: relative;
  width: 100%;
  height: 0.3125vw;
  background: #CFCFCF;
  border-radius: 0.2604vw;
  overflow: hidden;
  align-self: stretch;
}

.page-career-corp__pagination .swiper-pagination-bullet__progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #3272AD;
  border-radius: 0.2604vw;
}

.page-career-corp__pagination .swiper-pagination-bullet-active .swiper-pagination-bullet__progress {
  background: #3272AD;
}

/* Frame 35968: Right Card (588px x 638px, padding 33px 40px 40px, border-radius 40px) */
.page-career-corp__right {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30.625vw;
  height: 33.2292vw;
  min-height: 33.2292vw;
  padding: 1.7188vw 2.0833vw 2.0833vw 2.0833vw;
  border-radius: 2.0833vw;
  box-sizing: border-box;
  flex: 0 0 30.625vw;
  opacity: 0;
  transform: translateY(3vw);
  transition: opacity 0.6s ease 0.15s, transform 0.6s ease 0.15s;
}

._watcher-view .page-career-corp__right {
  opacity: 1;
  transform: translateY(0);
}

/* Frame 36226 / Title: 36px / 40px Inter SemiBold */
.page-career-corp__title {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  margin: 0 0 1.8229vw 0;
}

/* Frame 36226 / Text: 16px / 24px Inter Regular */
.page-career-corp__text {
  width: 100%;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0;
}

.page-career-corp__text p {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
}

.page-career-corp__text p:not(:last-child) {
  margin-bottom: 0.5208vw;
}

/* Frame / Vector Text Logo (1156px x 112px, bottom spacing 275px = 14.3229vw) */
.page-career-text {
  width: 100%;
  background: #EFF0EF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 14.3229vw 0;
  box-sizing: border-box;
}

.page-career-text svg {
  width: 60.2083vw;
  height: 5.8333vw;
  display: block;
}

.page-career-text svg path {
  fill: #3272AD;
}

/* ==========================================================================
   PAGE NEWS: HEADING, FILTER & SHOW MORE DESKTOP (1920px BASELINE)
   Frame 36009 / Frame 35995 / Frame 36007 / Frame 35994
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-news {
  position: relative;
  width: 100%;
  background: #EFF0EF;
  padding: 7.5vw 0 0 0;
  box-sizing: border-box;
}

.page-news>.container,
.page-news .container {
  max-width: 100%;
  width: 100%;
  padding: 0 9.1667vw;
  margin: 0 auto;
  box-sizing: border-box;
}

/* Header Frame 36009 (padding: 0px 176px 47px -> margin: 0 0 2.4479vw 0) */
.page-news__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin: 0 0 2.4479vw 0;
  width: 100%;
  box-sizing: border-box;
}

.page-news__title h1 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.2396vw;
  color: #353535;
  margin: 0;
}

/* Filter / Dropdown (Frame 35995 & Frame 36007 / Раскрывашка) */
.page-news__sel {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 1.25vw 0;
  position: relative;
  isolation: isolate;
  z-index: 20;
  width: 100%;
  box-sizing: border-box;
}

.page-news__sel form {
  position: relative;
}

.page-news__sel .select {
  position: relative;
  display: inline-block;
}

.page-news__sel .select._select-open {
  z-index: 50;
}

.page-news__sel .select__body {
  position: relative;
  display: inline-block;
  width: 7vw;
  border: none;
  outline: none;
}

/* Toggle Button Frame 35995: 206px x 43px, radius 100px */
.page-news__sel .select__title {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.625vw 1.25vw;
  gap: 1.25vw;
  width: 100%;
  min-width: 100%;
  height: 2.2396vw;
  background: #FFFFFF;
  border: none;
  outline: none;
  border-radius: 5.2083vw;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.page-news__sel .select__title:hover {
  background-color: #FFFFFF;
}

.page-news__sel .select__value {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.page-news__sel .select__text,
.page-news__sel .select__content,
.page-news__sel .select__value>span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 0.7896vw;
  text-align: center;
  color: #797979;
  white-space: nowrap;
}

.page-news__sel .select__value:after {
  content: "";
  flex: 0 0 0.8333vw;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../img/icons/Open%20arrow.svg") center/contain no-repeat;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
}

._select-open .page-news__sel .select__value:after {
  transform: rotate(-180deg);
}

/* Dropdown Menu (Раскрывашка: width matches select__body (10.7292vw / 206px), radius 24px, smooth fade & slide) */
.page-news__sel .select__options {
  position: absolute;
  top: calc(100% + 0.4167vw);
  left: 0;
  width: 100%;
  min-width: 100%;
  padding: 1.25vw;
  background: #FFFFFF;
  box-shadow: 0 0.2083vw 0.6563vw rgba(0, 0, 0, 0.19);
  border-radius: 1.25vw;
  z-index: 100;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.5208vw) scale(0.96);
  transform-origin: top center;
  transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-news__sel .select._select-open .select__options {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

/* Frame 36007: Items list, gap 8px (0.4167vw) */
.page-news__sel .select__scroll {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4167vw;
  width: 100%;
  max-height: 15vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.page-news__sel .select__scroll::-webkit-scrollbar {
  width: 0.2vw;
}

.page-news__sel .select__scroll::-webkit-scrollbar-thumb {
  background: #CFCFCF;
  border-radius: 0.1vw;
}

/* Frame 35997: Filter option, 24px height, gap 8px */
.page-news__sel .select__option {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 1.25vw;
  min-height: 1.25vw;
  padding: 0 0 0 1.6667vw;
  position: relative;
  cursor: pointer;
  background: transparent;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
  color: #353535;
  text-align: left;
  border: none;
  box-sizing: border-box;
  transition: color 0.2s ease;
  margin: 0 !important;
  flex-shrink: 0;
}

.page-news__sel .select__option+.select__option {
  margin-top: 0.4167vw !important;
}

.page-news__sel .select__option:hover {
  color: #3F9FE3;
}

/* Rectangle 633: 24px x 24px radio outer circle */
.page-news__sel .select__option::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.25vw;
  height: 1.25vw;
  box-sizing: border-box;
  border: 1px solid #3F9FE3;
  border-radius: 50%;
  background-color: #FFFFFF;
}

/* Rectangle 634: 14px x 14px radio inner dot when active */
.page-news__sel .select__option::after {
  content: "";
  position: absolute;
  top: 0.2604vw;
  left: 0.2604vw;
  width: 0.7292vw;
  height: 0.7292vw;
  border-radius: 50%;
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.page-news__sel .select__option._select-selected::after {
  background-color: #3F9FE3;
}

/* News Cards Grid: 3 columns, gap 24px = 1.25vw */
.page-news .news__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25vw;
  width: 100%;
  box-sizing: border-box;
}

/* Show More Button (Frame 35994: 163px x 43px, radius 100px, padding 12px 24px, gap 15px) */
.page-news__more {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.6667vw 0 7.9167vw 0;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
}

.page-news__more .loadMore,
#load-more-btn {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.625vw 1.25vw;
  gap: 0.7813vw;
  min-width: 8.4896vw;
  height: 2.2396vw;
  background: #FFFFFF;
  border-radius: 5.2083vw;
  border: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  text-align: center;
  color: #353535;
  text-decoration: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}

.page-news__more .loadMore:hover,
#load-more-btn:hover {
  background-color: var(--waterfall-blue, #7FC3E1);
  color: #FFFFFF;
  box-shadow: 0 0.2083vw 0.6563vw rgba(0, 0, 0, 0.1);
}

.page-news__more .loadMore:active,
#load-more-btn:active {
  filter: brightness(0.9);
}

/* Callback background on news page & home page */
.page-news .callback,
.home .callback,
.page-template-template-home .callback {
  background-color: #EFF0EF;
}

/* Prevent cards from lifting up on hover */
.news-card:hover {
  transform: none !important;
}

/* ==========================================================================
   PAGE RD TARGETS DESKTOP (1920px BASELINE)
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-rd-targets {
  position: relative;
  overflow: hidden;
  padding: 7.9167vw 0 12.7083vw 0;
  background: #EFF0EF;
}

.page-rd-targets__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.page-rd-targets__bg picture,
.page-rd-targets__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.page-rd-targets__title {
  text-align: left;
  padding-left: 34.9vw;
  margin-bottom: 2.0833vw;
  position: relative;
}

.page-rd-targets__title h2 {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 1.2;
  color: #FFFFFF;
  text-align: left;
  margin: 0;
}

.page-rd-targets__items {
  position: relative;
}

.page-rd-targets__item:not(:last-child) {
  margin-bottom: 1.25vw;
}

.page-rd-targets__item:nth-child(1) {
  transform: translate(99%, 0);
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  opacity: 0;
}

.page-rd-targets__item:nth-child(1)._watcher-view {
  opacity: 1;
  transform: translate(24%, 0);
}

.page-rd-targets__item:nth-child(1) .item-page-rd-targets__dot {
  background-color: #478FD1;
}

.page-rd-targets__item:nth-child(2) {
  transform: translate(99%, 0);
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  opacity: 0;
}

.page-rd-targets__item:nth-child(2)._watcher-view {
  opacity: 1;
  transform: translate(27%, 0);
}

.page-rd-targets__item:nth-child(2) .item-page-rd-targets__dot {
  background-color: #316CA7;
}

.page-rd-targets__item:nth-child(3) {
  transform: translate(99%, 0);
  transition: transform 1s ease 0s, opacity 1s ease 0s;
  opacity: 0;
}

.page-rd-targets__item:nth-child(3)._watcher-view {
  opacity: 1;
  transform: translate(30%, 0);
}

.page-rd-targets__item:nth-child(3) .item-page-rd-targets__dot {
  background-color: #1E2353;
}

.item-page-rd-targets {
  background-color: #EFF0EF;
  mix-blend-mode: luminosity;
  display: flex;
  align-items: center;
  border-radius: 2.0833vw 0 0 2.0833vw;
  padding: 1.8229vw 0 1.8229vw 0.9375vw;
  box-sizing: border-box;
}

.item-page-rd-targets__dot {
  flex: 0 0 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  border-radius: 50%;
  margin: 0 5.1563vw 0 0;
}

.item-page-rd-targets__numb {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.3333vw;
  line-height: 1.2;
  letter-spacing: 0.04em;
  font-weight: 300;
  margin: 0 2.9688vw 0 0;
  color: #353535;
}

.item-page-rd-targets__desc {
  max-width: 33.8542vw;
}

.item-page-rd-targets__title {
  font-family: 'Inter', sans-serif;
  font-size: 1.25vw;
  line-height: 1;
  font-weight: 600;
  color: #353535;
  margin: 0 0 0.7292vw 0;
}

.item-page-rd-targets__text {
  font-family: 'Inter', sans-serif;
  font-size: 0.8333vw;
  line-height: 125%;
  max-width: 33.8542vw;
  color: #353535;
  margin: 0;
}

/* ==========================================================================
   PAGE RD TESTS / PIN-SPACER (.tst-container) DESKTOP (1920px BASELINE)
   Strictly VW units, zero px, em, rem, min-*, max-* values.
   ========================================================================== */

.tst-container {
  height: 54.7917vw;
  padding: 0;
  background-color: #ffffff;
  position: relative;
}

.main-wrap {
  height: 100%;
  overflow: hidden;
  padding: 7.9167vw 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125vw;
}

.tst-title {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 1.875vw;
  color: #353535;
  opacity: 0;
  transform: translateY(1.5625vw);
}

.bubble-container {
  width: 62vw;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6667vw;
  justify-content: center;
}

.bubble {
  display: flex;
  gap: 0.4167vw;
  justify-content: space-between;
  align-items: center;
  padding: 0.8333vw 0.8333vw;
  border-radius: 2.0833vw;
  border: 2px solid #3F9FE3;
  background-color: #FFFFFF;
  z-index: 3;
  opacity: 0;
  transform: translateY(1.0417vw);
  box-sizing: border-box;
}

.bubble>p {
  margin: 0;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 0.8333vw;
  color: #3F9FE3;
  white-space: nowrap;
}

.icon {
  width: 1.25vw;
  height: 1.25vw;
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
}

.water {
  background-image: url('../img/rd/water.svg');
}

.gears {
  background-image: url('../img/rd/gears.svg');
}

.shock {
  background-image: url('../img/rd/shock.svg');
}

.fire {
  background-image: url('../img/rd/fire.svg');
}

.flask-container {
  width: 69.2188vw;
  display: flex;
  justify-content: center;
}

.flask {
  margin: 0 -2.0833vw;
  padding-top: 7.8125vw;
  position: relative;
  opacity: 0;
}

.flask-img {
  width: 25.9896vw;
  height: auto;
  display: block;
}

.overlay-block {
  position: absolute;
  top: 2.6042vw;
  left: 50%;
  transform: translateX(-50%);
  width: 4.4271vw;
  height: 4.4271vw;
  background-color: transparent;
  z-index: 2;
  opacity: 0;
}

.overlay-frame {
  position: absolute;
  inset: 0;
  transform-origin: 50% 50%;
}

.overlay-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--frame-col, #3F9FE3);
  -webkit-mask-image: url("../img/rd/frame.svg");
  mask-image: url("../img/rd/frame.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  z-index: 2;
  transform-origin: 50% 50%;
  transform: scale(var(--frame-scale, 0)) rotate(var(--frame-rot, 0deg));
}

@keyframes frameScaleIn {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

.overlay-block.animate-frame::before {
  animation: frameScaleIn 0.5s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.cmp-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(var(--cmp-scale, 1));
  width: 2.0833vw;
  height: 2.0833vw;
  object-fit: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 2;
}

.links-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.center>.overlay-block::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--after-bg, none);
  border-radius: 50%;
  transform: scale(var(--after-scale, 1));
  z-index: 1;
  pointer-events: none;
}

/* ==========================================================================
   PAGE CONTACTS: DESKTOP (1920px BASELINE)
   Frame 40207 / Frame 36009 / Frame 36019
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-contacts {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.5521vw 0 7.9167vw 0;
  width: 100%;
  background: #EFF0EF;
  box-sizing: border-box;
}

.page-contacts .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Frame 36009: Title Block */
.page-contacts__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 0;
  margin: 0 0 2.5521vw 0;
  box-sizing: border-box;
}

.page-contacts__title h1 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  text-align: center;
  margin: 0;
  padding: 0;
}

/* Frame 36019: Body Grid (1200px width = 62.5vw, padding 360px = 18.75vw) */
.page-contacts__body {
  display: grid;
  grid-template-columns: 26.6708vw 34.5792vw;
  grid-template-rows: 9.9479vw 14.6875vw 10.1563vw;
  gap: 1.25vw;
  padding: 0 18.75vw;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
}

.page-contacts__card {
  background: #FFFFFF;
  border-radius: 2.0833vw;
  box-sizing: border-box;
  overflow: hidden;
}

/* Frame 36259: Card 1 - Режим работы (512.08px x 191px, padding: 45px 40px 42px) */
.page-contacts__card:nth-child(1) {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.3438vw 2.0833vw 2.1875vw 2.0833vw;
  height: 9.9479vw;
}

.page-contacts__card:nth-child(1) .card-page-contacts__title {
  margin: 0 0 1.7188vw 0;
}

/* Frame 36258: Card 2 - Связаться (512.08px x 282px, padding: 45px 40px 48px) */
.page-contacts__card:nth-child(2) {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.3438vw 2.0833vw 2.5vw 2.0833vw;
  height: 14.6875vw;
}

.page-contacts__card:nth-child(2) .card-page-contacts__title {
  margin: 0 0 1.6667vw 0;
}

/* Frame 36260: Card 3 - Карточка предприятия (512.08px x 195px, padding: 45px 40px 48px) */
.page-contacts__card:nth-child(3) {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.3438vw 2.0833vw 2.5vw 2.0833vw;
  height: 10.1563vw;
}

.page-contacts__card:nth-child(3) .card-page-contacts__title {
  margin: 0 0 1.9792vw 0;
}

/* Frame 35997: Card 4 - Адрес и Карта (663.92px x 716px, padding: 45px 48px 48px) */
.page-contacts__card:nth-child(4) {
  grid-column: 2 / 3;
  grid-row: 1 / 4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.3438vw 2.5vw 2.5vw 2.5vw;
  height: 37.2917vw;
}

.page-contacts__card:nth-child(4) .card-page-contacts__title {
  margin: 0 0 1.25vw 0;
}

/* Card inner elements */
.card-page-contacts {
  color: #353535;
}

.card-page-contacts__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.0417vw;
  line-height: 1.0417vw;
  color: #353535;
  padding: 0;
  margin: 0;
}

.card-page-contacts__text {
  display: flex;
  flex-direction: column;
  gap: 0.1563vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
}

.card-page-contacts__text p {
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.card-page-contacts__contacts {
  display: flex;
  flex-direction: column;
  gap: 0.2083vw;
  padding: 0;
  margin: 0 0 1.7708vw 0;
  list-style: none;
  font-size: 0.8333vw;
  line-height: 1.25vw;
}

.card-page-contacts__contacts li {
  margin: 0;
  padding: 0;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  height: 1.25vw;
  display: flex;
  align-items: center;
}

.card-page-contacts__contacts li a {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #4A98F0;
  text-decoration: none;
  display: inline-block;
  transition: opacity 0.2s ease;
}

.card-page-contacts__contacts li a:hover {
  opacity: 0.8;
}

/* Frame 36073: Social Buttons Row (432.08px x 51px, gap 16px) */
.card-page-contacts__socs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.8333vw;
  width: 100%;
  height: 2.6563vw;
  margin: 0;
  padding: 0;
}

.card-page-contacts__btn {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.8333vw 0.8333vw;
  gap: 0.4167vw;
  height: 2.6563vw;
  border-radius: 5.2083vw;
  text-decoration: none;
  box-sizing: border-box;
  color: #FFFFFF;
  transition: opacity 0.2s ease;
}

.card-page-contacts__btn:hover {
  opacity: 0.9;
}

.card-page-contacts__btn span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 800;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  color: #FFFFFF;
  text-align: center;
}

.card-page-contacts__tg {
  flex: 1 1 0;
  width: 7.9969vw;
  background: #25A3E1;
}

.card-page-contacts__tg svg {
  width: 0.9896vw;
  height: 0.8198vw;
  flex-shrink: 0;
  display: block;
}

.card-page-contacts__vk {
  flex: 1 1 0;
  width: 7.9969vw;
  background: #2787F5;
}

.card-page-contacts__vk svg {
  width: 0.9896vw;
  height: 0.625vw;
  flex-shrink: 0;
  display: block;
}

.card-page-contacts__max {
  flex: 0 0 4.8438vw;
  width: 4.8438vw;
  background: url("../img/icons/max-bg.jpg") center/cover no-repeat;
}

.card-page-contacts__max svg {
  width: 0.9896vw;
  height: 0.9896vw;
  flex-shrink: 0;
  display: block;
}

/* Frame 36261: Company Card Buttons (416.08px x 44px, gap 16px) */
.card-page-contacts__btns {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 0.8333vw;
  width: 100%;
  height: 2.2917vw;
  margin: 0;
  padding: 0;
}

.card-page-contacts__see {
  flex: 1 1 0;
  width: 10.4188vw;
  height: 2.2917vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.625vw 0.8333vw;
  gap: 0.4167vw;
  border: 2px solid #FF5F42;
  border-radius: 5.2083vw;
  background: transparent;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  color: #FF5F42;
  text-align: center;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.card-page-contacts__see:hover {
  background-color: rgba(255, 95, 66, 0.08);
}

.card-page-contacts__download {
  flex: 1 1 0;
  width: 10.4188vw;
  height: 2.2917vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.625vw 0.8333vw;
  gap: 0.4167vw;
  background: #FF5F42;
  border-radius: 5.2083vw;
  border: none;
  box-sizing: border-box;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.card-page-contacts__download:hover {
  opacity: 0.9;
}

.card-page-contacts__download span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  color: #FFFFFF;
  text-align: center;
}

.card-page-contacts__download svg {
  width: 1.1458vw;
  height: 1.0417vw;
  flex-shrink: 0;
  display: block;
}

/* Card 4 Address Text */
.card-page-contacts__txt {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  margin: 0 0 0.9375vw 0;
  padding: 0;
}

/* Frame 36260: Map (567.92px x 537px, radius 24px) */
.card-page-contacts__map {
  width: 29.5792vw;
  height: 27.9688vw;
  border-radius: 1.25vw;
  overflow: hidden;
  flex: 1 1 auto;
  box-sizing: border-box;
}

.card-page-contacts__map iframe,
.card-page-contacts__map>* {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
  border-radius: inherit;
}

/* Page Contacts: Callback Section Background (Desktop) */
.page-contacts .callback,
.page-contacts .callback.section,
.page-template-template-contacts .callback,
.page-template-template-contacts .callback.section {
  background-color: #EFF0EF !important;
  background: #EFF0EF !important;
}

/* ==========================================================================
   PAGE CONTACTS: PERSONAL / EMPLOYEES DESKTOP (1920px BASELINE)
   Frame 40208 / Frame 36265 / Frame 36263 / Frame 36264 / Frame 36023
   Strictly VW units (px / 19.2), zero px values, exact Figma coordinates.
   ========================================================================== */

.page-contacts__personal.personal-page-contacts {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.6042vw 0 7.9167vw 0;
  width: 100%;
  background: #EFF0EF;
  box-sizing: border-box;
  gap: 6.3542vw;
}

.personal-page-contacts__block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.personal-page-contacts__block:not(:last-child) {
  margin-bottom: 0;
}

.personal-page-contacts__block .container {
  width: 100%;
  max-width: 100%;
  padding: 0 9.1667vw 2.5vw 9.1667vw;
  margin: 0;
  box-sizing: border-box;
}

.personal-page-contacts__title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  text-align: left;
  margin: 0;
  padding: 0;
  width: 100%;
}

.personal-page-contacts__item:not(:last-child) {
  margin-bottom: 4.5833vw;
}

.item-personal-page-contacts {
  width: 100%;
  height: 17.2396vw;
  background: #FFFFFF;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 18.75vw;
  box-sizing: border-box;
  position: relative;
  overflow: visible;
}

.item-personal-page-contacts__body {
  width: 100%;
  max-width: none;
  height: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  gap: 1.25vw;
  margin: 0 auto;
  position: relative;
  overflow: visible;
}

.item-personal-page-contacts__img {
  flex: 0 0 20.8333vw;
  width: 20.8333vw;
  height: 17.2396vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-end;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: visible;
}

.item-personal-page-contacts__img img {
  width: 20.8333vw;
  height: 19.6875vw;
  max-width: none;
  object-fit: contain;
  object-position: bottom center;
  display: block;
  flex-shrink: 0;
  margin: 0;
}

.item-personal-page-contacts__text {
  flex: 0 0 30.5208vw;
  width: 30.5208vw;
  height: 17.2396vw;
  padding: 2.5521vw 2.5vw 2.1875vw 2.5vw;
  border-radius: 2.0833vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-sizing: border-box;
  margin: 0;
  background: transparent;
}

.item-personal-page-contacts__post {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 0.9375vw;
  line-height: 1.2;
  color: #353535;
  padding: 0 0 0.9896vw 0;
  margin: 0;
  width: 100%;
}

.item-personal-page-contacts__name {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.6667vw;
  line-height: 1.8229vw;
  color: #353535;
  padding: 0 0 2.2396vw 0;
  margin: 0;
  width: 100%;
}

.item-personal-page-contacts ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  list-style: none;
  gap: 0.625vw;
  width: 100%;
}

.item-personal-page-contacts ul li {
  padding: 0;
  margin: 0;
  height: 1.25vw;
  display: flex;
  align-items: center;
}

.item-personal-page-contacts ul li:not(:last-child) {
  margin: 0;
}

.item-personal-page-contacts ul li a {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  text-decoration: none;
  display: inline-block;
}

/* ==========================================================================
   PAGE REQUISITES: DESKTOP (1920px BASELINE)
   Frame 40211 / Frame 36009 / Frame 36019 / Frame 35997 / Frame 36256 / Frame 36233
   Strictly VW units (px / 19.2), zero px values, exact Figma coordinates.
   ========================================================================== */

.page-requisites {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 7.5521vw 0 7.9167vw 0;
  width: 100%;
  background: #EFF0EF;
  box-sizing: border-box;
}

.page-requisites__title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 9.1667vw 2.5521vw 9.1667vw;
  width: 100%;
  margin: 0;
  box-sizing: border-box;
}

.page-requisites__title h1 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  text-align: center;
  margin: 0;
  padding: 0;
}

.page-requisites__body {
  width: 62.5vw;
  max-width: 62.5vw;
  margin: 0 auto;
  background: #FFFFFF;
  border-radius: 2.0833vw;
  padding: 2.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25vw;
  box-sizing: border-box;
}

.page-requisites__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 2.2917vw;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.page-requisites__heading {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.3542vw;
  color: #353535;
  margin: 0;
}

.page-requisites__download {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0.625vw 0.8333vw;
  gap: 0.4167vw;
  width: 11.4063vw;
  height: 2.2917vw;
  background: #FF5F42;
  border-radius: 5.2083vw;
  text-decoration: none;
  flex-shrink: 0;
}

.page-requisites__download span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  text-align: center;
  color: #FFFFFF;
  white-space: nowrap;
}

.page-requisites__download svg {
  width: 1.1458vw;
  height: 1.0417vw;
  flex-shrink: 0;
  display: block;
}

.page-requisites__table {
  width: 100%;
  border: 0.0521vw solid #CBCBCB;
  border-radius: 1.25vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  margin: 0;
  overflow: hidden;
  box-sizing: border-box;
}

.page-requisites__row {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

.page-requisites__row:not(:last-child) {
  border-bottom: 0.0521vw solid #CCCCCC;
}

.page-requisites__left {
  flex: 0 0 50%;
  width: 50%;
  padding: 0.9375vw 1.25vw;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  display: flex;
  align-items: flex-start;
}

.page-requisites__right {
  flex: 0 0 50%;
  width: 50%;
  padding: 0.9375vw 1.25vw;
  border-left: 0.0521vw solid #CCCCCC;
  box-sizing: border-box;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.25vw;
  color: #353535;
  display: flex;
  align-items: flex-start;
  word-break: break-word;
}

.page-requisites__body>.page-requisites__download {
  margin: 0 auto;
}

/* Page Requisites: Callback Section Background (Desktop) */
.page-requisites .callback,
.page-requisites .callback.section,
.page-template-template-requisites .callback,
.page-template-template-requisites .callback.section {
  background-color: #EFF0EF !important;
  background: #EFF0EF !important;
}

/* ==========================================================================
   PAGE 404: DESKTOP (1920px BASELINE)
   100vh / Frame 36346 / Frame 36348 / Frame 36345
   Strictly VW units (px / 19.2), zero px values, exact Figma coordinates.
   ========================================================================== */

.page-404 {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 7.9167vw 0 3.6458vw 0;
  width: 100%;
  min-height: 100vh;
  background: #FEFEFE;
  box-sizing: border-box;
}

.page-404__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}

.page-404__img {
  width: 30vw;
  height: 31.4526vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.page-404__img img {
  width: 30vw;
  height: 31.4526vw;
  object-fit: contain;
  display: block;
}

.page-404__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 1.25vw;
  width: 27.9167vw;
  box-sizing: border-box;
  margin: 0;
}

.page-404__desc {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0;
  gap: 0.7292vw;
  width: 100%;
  box-sizing: border-box;
}

.page-404__title {
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
}

.page-404__title h1 {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1.2;
  color: #000000;
  text-align: center;
  margin: 0;
  padding: 0;
}

.page-404__text {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.0417vw;
  line-height: 1.2;
  color: #949494;
  text-align: center;
  margin: 0;
  padding: 0;
  width: 100%;
}

.page-404__btn {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 1.25vw 2.5vw;
  width: 11.0938vw;
  height: 3.3333vw;
  background: #FF5F42;
  border-radius: 2.0833vw;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.25vw;
  line-height: 1;
  color: #FFFFFF;
  text-align: center;
  white-space: nowrap;
}

/* ==========================================================================
   PAGE CATALOG: DESKTOP (1920px BASELINE)
   Frame 35763 / Frame 35765 / Frame 36023 / Frame 36018 / Frame 36016
   Strictly VW units, zero px values, exact Figma coordinates.
   ========================================================================== */

.page-catalog {
  position: relative;
  width: 100%;
  background: #EFF0EF;
  padding: 7.5vw 0 7.9167vw 0;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
}

.page-catalog .container,
.page-catalog__container {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* Cable animation Frame 35763: 991.74px x 245.27px, left: 955.02px, top: 6.32px (+63px), tilt -7.47deg */
.page-catalog__cable {
  position: absolute;
  width: 51.6531vw;
  height: 12.7745vw;
  left: 49.7406vw;
  top: 0.3292vw;
  z-index: 3;
  pointer-events: none;
  transform: rotate(-7.47deg);
  transform-origin: center center;
}

.page-catalog__cable-layers {
  position: relative;
  width: 100%;
  height: 100%;
  transform: translate3d(120%, 0, 0);
  transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.1s;
  will-change: transform;
}

.loaded .page-catalog__cable-layers,
html.loaded .page-catalog__cable-layers,
body.loaded .page-catalog__cable-layers,
.page-catalog__cable-layers.is-active,
.page-catalog__cable.is-active .page-catalog__cable-layers {
  transform: translate3d(0, 0, 0);
}

.page-catalog__cable-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}

.page-catalog__cable-layer--full {
  position: relative;
  z-index: 1;
  opacity: 1;
}

/* Style layer (glow/structure) */
.page-catalog__cable-layer--style {
  position: absolute;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.25s ease;
  will-change: opacity;
}

.page-catalog__cable.is-insulation .page-catalog__cable-layer--style,
.page-catalog__cable.is-sheath .page-catalog__cable-layer--style,
.filter-cat-mob__cable.is-insulation .page-catalog__cable-layer--style,
.filter-cat-mob__cable.is-sheath .page-catalog__cable-layer--style {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease;
}

/* Top layers default: instant appearance (0ms) when activated from None */
.page-catalog__cable-layer--ins {
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.page-catalog__cable-layer--pvc {
  position: absolute;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.page-catalog__cable-layer--shell {
  position: absolute;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

/* Active states for cable: Insulation */
.page-catalog__cable.is-insulation .page-catalog__cable-layer--ins,
.filter-cat-mob__cable.is-insulation .page-catalog__cable-layer--ins {
  opacity: 1;
  visibility: visible;
}

/* Active states for cable: Sheath (PVC + Shell) */
.page-catalog__cable.is-sheath .page-catalog__cable-layer--pvc,
.page-catalog__cable.is-sheath .page-catalog__cable-layer--shell,
.filter-cat-mob__cable.is-sheath .page-catalog__cable-layer--pvc,
.filter-cat-mob__cable.is-sheath .page-catalog__cable-layer--shell {
  opacity: 1;
  visibility: visible;
}

/* Smooth crossfade ONLY when switching between filters (Insulation <-> Sheath) */
.page-catalog__cable.is-switching .page-catalog__cable-layer--ins,
.page-catalog__cable.is-switching .page-catalog__cable-layer--pvc,
.page-catalog__cable.is-switching .page-catalog__cable-layer--shell,
.filter-cat-mob__cable.is-switching .page-catalog__cable-layer--ins,
.filter-cat-mob__cable.is-switching .page-catalog__cable-layer--pvc,
.filter-cat-mob__cable.is-switching .page-catalog__cable-layer--shell {
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* When completely turned OFF (Active -> NONE): style layer fades out first, then top layer turns off */
.page-catalog__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--ins,
.page-catalog__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--pvc,
.page-catalog__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--shell,
.filter-cat-mob__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--ins,
.filter-cat-mob__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--pvc,
.filter-cat-mob__cable:not(.is-insulation):not(.is-sheath) .page-catalog__cable-layer--shell {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s 0.25s, visibility 0s 0.25s !important;
}

/* ==========================================================================
   TUBE (PIPE) ILLUSTRATION LAYERS & ANIMATIONS
   ========================================================================== */

.page-catalog__tube-layer--full {
  position: relative;
  z-index: 1;
  opacity: 1;
}

.page-catalog__tube-layer--style {
  position: absolute;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.25s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.25s ease;
  will-change: opacity;
}

.page-catalog__tube-layer--adgeziv {
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.page-catalog__tube-layer--anticor {
  position: absolute;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

.page-catalog__tube-layer--layer2 {
  position: absolute;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: none !important;
}

/* Active states for tube: Adhesive (Adhesive + Layer 2) */
.page-catalog__cable.is-adgeziv .page-catalog__tube-layer--adgeziv,
.page-catalog__cable.is-adgeziv .page-catalog__tube-layer--layer2,
.filter-cat-mob__cable.is-adgeziv .page-catalog__tube-layer--adgeziv,
.filter-cat-mob__cable.is-adgeziv .page-catalog__tube-layer--layer2 {
  opacity: 1;
  visibility: visible;
}

/* Active states for tube: Anticor */
.page-catalog__cable.is-anticor .page-catalog__tube-layer--anticor,
.filter-cat-mob__cable.is-anticor .page-catalog__tube-layer--anticor {
  opacity: 1;
  visibility: visible;
}

/* Active states for style layer in tube */
.page-catalog__cable.is-adgeziv .page-catalog__tube-layer--style,
.page-catalog__cable.is-anticor .page-catalog__tube-layer--style,
.filter-cat-mob__cable.is-adgeziv .page-catalog__tube-layer--style,
.filter-cat-mob__cable.is-anticor .page-catalog__tube-layer--style {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s ease;
}

/* Switching crossfade for tube */
.page-catalog__cable.is-switching .page-catalog__tube-layer--adgeziv,
.page-catalog__cable.is-switching .page-catalog__tube-layer--anticor,
.page-catalog__cable.is-switching .page-catalog__tube-layer--layer2,
.filter-cat-mob__cable.is-switching .page-catalog__tube-layer--adgeziv,
.filter-cat-mob__cable.is-switching .page-catalog__tube-layer--anticor,
.filter-cat-mob__cable.is-switching .page-catalog__tube-layer--layer2 {
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
}

/* When completely turned OFF (Active -> NONE) for tube */
.page-catalog__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--adgeziv,
.page-catalog__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--anticor,
.page-catalog__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--layer2,
.filter-cat-mob__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--adgeziv,
.filter-cat-mob__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--anticor,
.filter-cat-mob__cable:not(.is-adgeziv):not(.is-anticor) .page-catalog__tube-layer--layer2 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0s 0.25s, visibility 0s 0.25s !important;
}

/* Header Frame 35765: padding: 0 96px 36px 176px */
.page-catalog__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 5vw 1.875vw 9.1667vw;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}

.page-catalog__title {
  width: 100%;
  margin: 0;
  padding: 0;
}

.page-catalog__title h1 {
  font-family: 'Montserrat', sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.875vw;
  line-height: 2.0833vw;
  color: #353535;
  max-width: 27.1875vw;
  margin: 0;
  padding: 0;
}

/* Body Frame 36023: padding: 0 176px, gap: 40px */
.page-catalog__body {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0 9.1667vw;
  gap: 2.0833vw;
  width: 100%;
  box-sizing: border-box;
  z-index: 1;
}

/* Filter Column (Frame 36017 etc. 264px) */
.page-catalog__filters {
  flex: 0 0 13.75vw;
  width: 13.75vw;
  box-sizing: border-box;
}

.page-catalog__filters .yith-wcan-filters {
  background: transparent;
  width: 100%;
}

.page-catalog__filters .yith-wcan-filters .filters-container form {
  display: flex;
  flex-direction: column;
  gap: 1.25vw;
  width: 100%;
  margin: 0;
  padding: 0;
}

.page-catalog__filters .yith-wcan-filter {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4167vw;
  width: 100%;
  margin: 0;
  padding: 0;
}

.page-catalog__filters .yith-wcan-filter .filter-title {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 1.0417vw;
  color: #353535;
  margin: 0;
  padding: 0;
}

.page-catalog__filters .yith-wcan-filter .filter-content {
  width: 100%;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4167vw;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 1.25vw;
  margin: 0;
  padding: 0;
  border-radius: 5.2083vw;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item label {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.4167vw;
  width: 100%;
  height: 100%;
  padding-left: 0.4167vw;
  margin: 0;
  cursor: pointer;
  position: relative;
  user-select: none;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  margin: 0;
}

/* Outer circle Rectangle 633 */
.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item label::before {
  content: "";
  flex: 0 0 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  border: 0.0521vw solid #3F9FE3;
  border-radius: 50%;
  box-sizing: border-box;
  background: transparent;
  display: block;
}

/* Inner dot Rectangle 634 when active */
.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item label::after {
  content: "";
  position: absolute;
  left: 0.6771vw;
  top: 0.2604vw;
  width: 0.7292vw;
  height: 0.7292vw;
  background: #3F9FE3;
  border-radius: 50%;
  display: none;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item.active label::after,
.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item input:checked+label::after,
.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item input:checked~.term-label::after {
  display: block;
}

.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item a.term-label,
.page-catalog__filters .yith-wcan-filter ul.filter-items li.filter-item .term-label {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
  color: #353535;
  text-decoration: none;
  white-space: nowrap;
}

/* Right Column (Frame 36018 - 1264px) */
.page-catalog__wrap {
  flex: 0 0 65.8333vw;
  width: 65.8333vw;
  max-width: 65.8333vw;
  display: flex;
  flex-direction: column;
  gap: 0.8333vw;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page-catalog__products {
  display: flex;
  flex-direction: column;
  gap: 0.8333vw;
  width: 100%;
}

.page-catalog__top {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 2.2396vw;
  height: auto;
  margin: 0;
  padding: 0;
}

.page-catalog__top-left {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}

/* Sorting Dropdown (Frame 36016 / Раскрывашка) */
.page-catalog__sort {
  position: relative;
  display: inline-flex;
  align-items: center;
  z-index: 10;
  margin: 0;
  padding: 0;
}

.page-catalog__sort form.woocommerce-ordering,
.page-catalog__sort .woocommerce-ordering {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
}

.page-catalog__sort .select {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.page-catalog__sort .select__body {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: auto;
  min-width: 10.7292vw;
  margin: 0;
  padding: 0;
}

.page-catalog__sort .select__title {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.625vw 1.25vw;
  width: auto;
  min-width: 10.7292vw;
  min-height: 2.2396vw;
  height: auto;
  background: #FFFFFF;
  border-radius: 5.2083vw;
  border: none;
  outline: none;
  cursor: pointer;
  gap: 0.625vw;
  margin: 0;
}

.page-catalog__sort .select__value {
  display: inline-flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  gap: 0.625vw;
  margin: 0;
}

.page-catalog__sort .select__text,
.page-catalog__sort .select__content,
.page-catalog__sort .select__value>span {
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 0.8333vw;
  line-height: 0.9896vw;
  text-align: left;
  color: #797979;
  white-space: nowrap;
}

.page-catalog__sort .select__value:after {
  content: "";
  flex: 0 0 0.8333vw;
  width: 0.8333vw;
  height: 0.8333vw;
  background: url("../img/icons/Open%20arrow.svg") center/contain no-repeat;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  display: block;
  transform: rotate(0deg);
  margin-left: auto;
}

.page-catalog__sort .select._select-open .select__value:after {
  transform: rotate(180deg);
}

._select-open .page-catalog__sort .select__value:after {
  transform: rotate(180deg);
}

.page-catalog__sort .select__options {
  position: absolute;
  top: calc(100% + 0.4167vw);
  left: 0;
  width: max-content;
  min-width: 100%;
  padding: 1.25vw;
  background: #FFFFFF;
  box-shadow: 0 0.2083vw 0.6563vw rgba(0, 0, 0, 0.3);
  border-radius: 1.25vw;
  z-index: 100;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-0.5208vw) scale(0.96);
  transform-origin: top center;
  transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s cubic-bezier(0.16, 1, 0.3, 1);
}

.page-catalog__sort .select._select-open .select__options {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) scale(1) !important;
  display: block !important;
  height: auto !important;
  overflow: visible !important;
}

.page-catalog__sort .select__scroll {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.4167vw;
  width: 100%;
  max-height: 15vw;
  overflow-y: auto;
  overflow-x: hidden;
}

.page-catalog__sort .select__scroll::-webkit-scrollbar {
  width: 0.2vw;
}

.page-catalog__sort .select__scroll::-webkit-scrollbar-thumb {
  background: #CFCFCF;
  border-radius: 0.2vw;
}

.page-catalog__sort .select__option {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  min-height: 1.25vw;
  position: relative;
  cursor: pointer;
  background: transparent;
  border: none;
  padding: 0 0 0 1.6667vw;
  font-family: 'Inter', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 0.7292vw;
  line-height: 1.0417vw;
  color: #353535;
  text-align: left;
  border-radius: 5.2083vw;
  flex-shrink: 0;
  margin: 0 !important;
}

.page-catalog__sort .select__option+.select__option {
  margin-top: 0.4167vw !important;
}

.page-catalog__sort .select__option:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25vw;
  height: 1.25vw;
  box-sizing: border-box;
  border: 0.0521vw solid #3F9FE3;
  border-radius: 50%;
  background: #FFFFFF;
}

.page-catalog__sort .select__option._select-selected:after {
  content: "";
  position: absolute;
  left: 0.3125vw;
  top: 50%;
  transform: translateY(-50%);
  width: 0.625vw;
  height: 0.625vw;
  border-radius: 50%;
  background: #3F9FE3;
}

.page-catalog__filter-btn,
.filter-cat-mob,
.page-catalog__filters-mob {
  display: none;
}

/* Product Cards Grid: 3 in a row matching other-page-product */
.page-catalog__items {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.8333vw;
  width: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.page-catalog__items .page-catalog__item,
.page-catalog__items .item-page-catalog {
  background-color: #FFFFFF;
  border-radius: 2.0833vw;
  flex: 0 1 calc((100% - 1.6667vw) / 3);
  max-width: calc((100% - 1.6667vw) / 3);
  box-sizing: border-box;
  padding: 3.1771vw 1.6667vw 1.4583vw 1.6667vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 !important;
}

.page-catalog__items .item-page-catalog__top {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.page-catalog__items .item-page-catalog__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.6667vw;
  line-height: 1;
  color: #353535;
  margin: 0 0 0.7292vw 0;
}

.page-catalog__items .item-page-catalog__heading {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #353535;
  margin: 0 0 0.4688vw 0;
}

.page-catalog__items .item-page-catalog__text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #353535;
  margin: 0 0 3.0208vw 0;
}

.page-catalog__items .item-page-catalog__text strong {
  font-weight: 600;
}

.page-catalog__items .item-page-catalog__text p:not(:last-child) {
  margin: 0 0 0.4167vw 0;
}

.page-catalog__items .item-page-catalog__items {
  flex: 1 1 auto;
  margin: 0 0 3.3333vw 0;
  line-height: 0.8854vw;
}

.page-catalog__items .item-page-catalog__item {
  display: flex;
  align-items: center;
  padding: 0.4167vw 0;
  border-bottom: 0.0521vw solid #cdcdcd;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7292vw;
  font-weight: 500;
  color: #353535;
}

.page-catalog__items .item-page-catalog__icon {
  flex: 0 0 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  margin: 0 0.4167vw 0 0;
}

.page-catalog__items .item-page-catalog__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.page-catalog__items .item-page-catalog__txt {
  flex: 1 1 auto;
}

.page-catalog__items .item-page-catalog__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}

.page-catalog__items .item-page-catalog__more {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.8333vw;
  border-radius: 5.2083vw;
  margin-right: 0.4167vw;
  padding: 0 0.4167vw;
  border: 2px solid #ff5f42;
  color: #ff5f42;
  background-color: transparent;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.2396vw;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}

.page-catalog__items .item-page-catalog__price {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.8333vw;
  border-radius: 5.2083vw;
  padding: 0 0.4167vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.2396vw;
  width: 100%;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
}

/* Page Catalog: Callback Section Background (Desktop) */
.page-catalog .callback,
.page-catalog .callback.section,
.tax-product_cat .callback,
.tax-product_cat .callback.section,
.post-type-archive-product .callback,
.post-type-archive-product .callback.section {
  background-color: #EFF0EF !important;
  background: #EFF0EF !important;
}

/* ==========================================================================
   PAGE R&D HERO MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
   ========================================================================== */
@media (max-width: 768px) {
  .page-rd-hero {
    min-height: 194.6512vw;
    padding: 62.093vw 3.7209vw 7.4419vw 3.7209vw;
    background: #EEEEEE;
    align-items: center;
    overflow: hidden;
  }

  /* Hide Desktop Molecules */
  .page-rd-hero__molecula--1,
  .page-rd-hero__molecula--2 {
    display: none !important;
  }

  /* Mobile Molecule 1 (Frame 36162 / molecula1_mob) */
  .page-rd-hero__molecula--1-mob {
    display: block !important;
    width: 84.25vw;
    height: 52.53vw;
    left: -36.74vw;
    top: 6.98vw;
    opacity: 0.5;
    transform: rotate(49.5deg);
    z-index: 0;
  }

  /* Mobile Molecule 3 (Frame 36206 / molecula3_mob) */
  .page-rd-hero__molecula--3-mob {
    display: block !important;
    width: 31.87vw;
    height: 19.87vw;
    left: 73.49vw;
    top: 24.19vw;
    opacity: 0.18;
    transform: rotate(-49.47deg);
    z-index: 1;
  }

  /* Mobile Molecule 2 (Frame 36160 / molecula2_mob) */
  .page-rd-hero__molecula--2-mob {
    display: block !important;
    width: 126.95vw;
    height: 79.15vw;
    left: 10.48vw;
    top: 128.56vw;
    transform: rotate(-16.43deg);
    z-index: 3;
  }

  /* Mobile Center Content (Frame 36159) */
  .page-rd-hero__center {
    gap: 13.7209vw;
    width: 100%;
    z-index: 2;
  }

  /* Mobile Header (Frame 36160) */
  .page-rd-hero__header {
    width: 100%;
    gap: 4.186vw;
  }

  /* Mobile Title */
  .page-rd-hero__title {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    font-size: 11.1628vw;
    line-height: 110%;
    text-align: center;
    color: #4D96D2;
  }

  /* Mobile Subtitle */
  .page-rd-hero__subtitle {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    font-size: 3.4884vw;
    line-height: 140%;
    text-align: center;
    color: #000000;
  }

  /* Hide Items on Mobile as in Figma */
  .page-rd-hero__items {
    display: none !important;
  }

  /* Mobile Button (Frame 606) */
  .page-rd-hero__btn {
    width: 73.3256vw;
    height: 13.0233vw;
    padding: 3.7209vw 5.5814vw;
    gap: 2.3256vw;
    border-radius: 11.6279vw;
    font-size: 4.6512vw;
    line-height: 5.5814vw;
  }

  /* ==========================================================================
     PAGE CAREER HERO MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     ========================================================================== */
  .page-career-hero {
    min-height: 194.6512vw;
    padding: 56.5116vw 3.7209vw 7.4419vw 3.7209vw;
    background: #EEEEEE;
    align-items: center;
    overflow: hidden;
  }

  .page-career-hero__layer--mid {
    position: relative;
    inset: auto;
    width: 100%;
    height: auto;
    pointer-events: auto;
  }

  /* Hide Desktop Granules and Prof Rost on Mobile */
  .page-career-hero__gran--1,
  .page-career-hero__gran--2,
  .page-career-hero__gran--3,
  .page-career-hero__prof-rost {
    display: none !important;
  }

  /* Mobile Gran 1 (Top-Left, Blur 1.3px) */
  .page-career-hero__gran--1-mob {
    display: block !important;
    width: 42.0767vw;
    height: 30.9814vw;
    left: -20.9302vw;
    top: 44.4186vw;
  }

  /* Mobile Gran 3 (Top-Right, Blur 4.4px) */
  .page-career-hero__gran--3-mob {
    display: block !important;
    width: 30.2326vw;
    height: 17.5605vw;
    left: 66.9767vw;
    top: 31.1628vw;
  }

  /* Mobile Gran 2 (Bottom-Right, Foreground) */
  .page-career-hero__gran--2-mob {
    display: block !important;
    width: 94.0581vw;
    height: 72.3814vw;
    left: 34.1907vw;
    top: 147.6186vw;
  }

  /* Mobile Center Block */
  .page-career-hero__center {
    position: relative;
    top: auto;
    left: auto;
    padding-top: 26.0465vw;
    gap: 9.7674vw;
    width: 100%;
    z-index: 2;
  }

  /* Mobile Header */
  .page-career-hero__header {
    width: 100%;
    min-height: auto;
    gap: 4.1860vw;
  }

  /* Mobile Title */
  .page-career-hero__title {
    width: 100%;
    min-height: auto;
    text-align: center;
    color: #4D96D2;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.8605vw;
    margin: 0;
  }

  .page-career-hero__title-main {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 14.8837vw;
    line-height: 10.2326vw;
    color: #4D96D2;
  }

  .page-career-hero__title-sub {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 9.3023vw;
    line-height: 9.3023vw;
    color: #4D96D2;
  }

  /* Mobile Subtitle */
  .page-career-hero__subtitle {
    width: 100%;
    min-height: auto;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    text-align: center;
    color: #696767;
    margin: 0;
  }

  .page-career-hero__subtitle br {
    display: inline;
  }

  /* Mobile Button (Frame 606) */
  .page-career-hero__btn {
    width: 77.5116vw;
    height: 13.0233vw;
    padding: 3.7209vw 5.5814vw;
    gap: 2.3256vw;
    border-radius: 11.6279vw;
    font-size: 4.6512vw;
    line-height: 5.5814vw;
  }

  .page-career-hero__btn:hover {
    opacity: 1;
    transform: none;
  }

  /* ==========================================================================
     PAGE CAREER VALUES MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-career-values {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25.5814vw 0 20.4651vw 0;
    gap: 7.9070vw;
    position: relative;
    width: 100%;
    overflow-x: clip;
    overflow: hidden;
    box-sizing: border-box;
  }

  .page-career-values__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 7.9070vw;
    width: 100%;
    box-sizing: border-box;
    position: static;
  }

  /* Hide Desktop Diamond on Mobile */
  .page-career-values__diamond--desktop {
    display: none !important;
  }

  /* Left Column / Header (Frame 35970: padding: 0 16px, gap: 27px) */
  .page-career-values__left {
    width: 100%;
    max-width: 100%;
    flex: none;
    position: static;
    padding: 0 3.7209vw;
    gap: 0;
    box-sizing: border-box;
    align-self: stretch;
  }

  .page-career-values__txt {
    position: static;
    top: auto;
    width: 100%;
    padding: 0;
    gap: 6.2791vw;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
  }

  /* Mobile Title: "Наши ценности" 40 32 semiBold 4D96D2 / "— наш фундамент в действии" 24 32 semiBold 353535 */
  .page-career-values__title {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 7.4419vw;
    color: #353535;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  .page-career-values__title span:first-child,
  .page-career-values__title .page-career-values__title-main {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 9.3023vw;
    line-height: 7.4419vw;
    font-weight: 600;
    color: #4D96D2;
  }

  .page-career-values__title span:last-child,
  .page-career-values__title .page-career-values__title-sub {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 5.5814vw;
    line-height: 7.4419vw;
    font-weight: 600;
    color: #353535;
  }

  /* Mobile Subtitle (16px / 24px) */
  .page-career-values__text {
    width: 100%;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0;
  }

  .page-career-values__text p {
    font-size: inherit;
    line-height: inherit;
  }

  /* Right Column / Cards Container (Frame 36046: padding: 0 16px, gap: 16px) */
  .page-career-values__right {
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0 3.7209vw;
    gap: 3.7209vw;
    position: relative;
    box-sizing: border-box;
  }

  /* Mobile Cards (Frame 35968 / 35971 / 35972: border-radius 40px, padding: 28px 32px 32px, gap: 8px) */
  .item-page-career-values {
    width: 100%;
    border-radius: 9.3023vw;
    padding: 6.5116vw 7.4419vw 7.4419vw 7.4419vw;
    gap: 1.8605vw;
    position: relative;
    box-sizing: border-box;
    background: transparent;
  }

  .item-page-career-values::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #EFF0EF;
    border-radius: inherit;
    z-index: 0;
    pointer-events: none;
  }

  .item-page-career-values__number,
  .item-page-career-values__content {
    position: relative;
    z-index: 1;
  }

  .item-page-career-values--1 {
    position: relative;
    z-index: 1;
  }

  .item-page-career-values--2 {
    position: relative;
    z-index: 2;
  }

  .item-page-career-values--3 {
    position: relative;
    z-index: 4;
  }

  /* Mobile Diamond (Anchored to Card 3: above Card 2, below Card 3 background & content) */
  .item-page-career-values--3 .page-career-values__diamond--mobile {
    display: block !important;
    position: absolute;
    width: 44.8837vw;
    height: 44.8837vw;
    left: -21.1628vw;
    top: -22.3256vw;
    z-index: -1;
    pointer-events: none;
  }

  .item-page-career-values--3 .page-career-values__diamond--mobile img,
  .item-page-career-values--3 .page-career-values__diamond--mobile picture {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    pointer-events: none;
  }

  /* Mobile Card Number (Frame 40207 / 40208 / 40209: padding-top 3px, width 44px, height 47px) */
  .item-page-career-values__number {
    padding: 0.6977vw 0 0 0;
    width: 10.2326vw;
    height: 10.9302vw;
    flex: 0 0 10.2326vw;
  }

  .item-page-career-values__number img {
    width: 10.2326vw;
    height: 10.2326vw;
  }

  /* Mobile Card Content (Frame 35970: gap: 19px) */
  .item-page-career-values__content {
    gap: 4.4186vw;
  }

  /* Mobile Card Header (Frame 36202: gap: 2px) */
  .item-page-career-values__header {
    gap: 0.4651vw;
  }

  /* Mobile Card Title (24px / 26px) */
  .item-page-career-values__title {
    font-size: 5.5814vw;
    line-height: 6.0465vw;
  }

  /* Mobile Card Subtitle (16px / 21px) */
  .item-page-career-values__subtitle {
    font-size: 3.7209vw;
    line-height: 4.8837vw;
  }

  /* Mobile Card Text Body (Frame 36215: bold prefix 16/24, regular body 16/24 with bullets) */
  .item-page-career-values__text {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0;
    box-sizing: border-box;
  }

  .item-page-career-values__text ul {
    margin: 0;
    padding: 0 0 0 5.5814vw;
    list-style-type: disc;
    display: flex;
    flex-direction: column;
    gap: 2.7907vw;
  }

  .item-page-career-values__text ul li {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0;
    padding-left: 0.9302vw;
  }

  .item-page-career-values__text ul li::marker {
    color: #353535;
    font-size: 3.7209vw;
  }

  .item-page-career-values__text strong,
  .item-page-career-values__text b,
  .item-page-career-values__text ul li strong,
  .item-page-career-values__text ul li b {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    display: block;
  }

  .item-page-career-values__text p:not(:last-child) {
    margin-bottom: 2.7907vw;
  }


  /* ==========================================================================
     PAGE CAREER: VIDEOS SECTION MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-career__videos {
    padding: 25.1163vw 0 7.4419vw 0;
    background: #EEEEEE;
    width: 100%;
    box-sizing: border-box;
  }

  .page-career__videos-inner {
    width: 100%;
    box-sizing: border-box;
  }

  /* Frame 35768: Mobile Header */
  .page-career__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 3.7209vw 7.4419vw 3.7209vw;
    width: 100%;
    box-sizing: border-box;
  }

  .page-career__saytitle {
    width: 100%;
    max-width: 100%;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
    margin: 0;
  }

  .page-career__controls-desktop {
    display: none !important;
  }

  /* Frame 36018: Mobile Slider Track */
  .page-career__slider {
    padding-left: 8.6047vw;
    padding-right: 0;
    width: 100%;
    box-sizing: border-box;
    overflow: visible;
  }

  /* Frame 36000, 36002, 36001: Mobile Slide */
  .page-career__slide {
    width: 81.1628vw;
    height: 119.0698vw;
    margin-right: 3.7209vw;
    border-radius: 9.3023vw;
    background: #FFFFFF;
    flex-shrink: 0;
  }

  .page-career__play {
    width: 16.0465vw;
    height: 16.0465vw;
    background: rgba(101, 101, 101, 0.45);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
    backdrop-filter: blur(1.8372vw);
    -webkit-backdrop-filter: blur(1.8372vw);
    border-radius: 23.2558vw;
    border: none;
  }

  .page-career__play::after {
    border-radius: inherit;
    padding: 2px;
  }

  .page-career__play svg {
    width: 5.5814vw;
    height: 6.2791vw;
    margin-left: 0.6vw;
  }

  /* Frame 36270: Mobile Controls Container */
  .page-career__controls-mobile {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    padding: 3.7209vw 3.7209vw 0 3.7209vw;
    width: 100%;
    box-sizing: border-box;
  }

  /* Glass Pill (Buttons like in Cases Block) */
  .page-career__mob-pill {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3.7209vw;
    gap: 3.7209vw;
    width: 22.3256vw;
    height: 11.1628vw;
    background: rgba(101, 101, 101, 0.45);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
    backdrop-filter: blur(1.8372vw);
    -webkit-backdrop-filter: blur(1.8372vw);
    border-radius: 5.5814vw;
    box-sizing: border-box;
    z-index: 1;
    flex-shrink: 0;
  }

  .page-career__mob-pill::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 0.2326vw;
    pointer-events: none;
    opacity: 0.75;
    background: linear-gradient(155deg, rgb(255, 255, 255) 0%, rgba(207, 207, 207, 0) 27%, rgba(207, 207, 207, 0) 69%, rgb(255, 255, 255) 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
  }

  .page-career__mob-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.7209vw;
    height: 3.7209vw;
    background: none;
    border: none;
    padding: 0;
    color: #FFFFFF;
    cursor: pointer;
    outline: none;
    position: relative;
    z-index: 2;
  }

  .page-career__mob-arrow svg {
    width: 2.3256vw;
    height: 3.7209vw;
    display: block;
  }

  .page-career__mob-arrow:active {
    transform: scale(0.85);
  }

  .page-career__mob-arrow.my-button-disabled,
  .page-career__mob-arrow.swiper-button-disabled {
    opacity: 0.35;
    pointer-events: none;
  }

  .page-career__mob-divider {
    width: 0.2326vw;
    height: 3.7209vw;
    background: rgba(255, 255, 255, 0.3);
    position: relative;
    z-index: 2;
  }

  /* ==========================================================================
     PAGE CAREER: 3-CARDS FEATURES SECTION MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame 1,2,3 / Frame 36014
     Strictly VW units, zero px values, exact Figma gradients & typography.
     ========================================================================== */

  .page-career-features {
    position: relative;
    width: 100%;
    padding: 14.8837vw 0 7.4419vw 0;
    background: #EEEEEE;
    box-sizing: border-box;
  }

  .page-career-features__inner {
    width: 100%;
    box-sizing: border-box;
  }

  .page-career-features__row {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3.7209vw;
    gap: 5.5814vw;
    width: 100%;
    box-sizing: border-box;
  }

  .page-career-features__card {
    width: 100%;
    min-height: auto;
    background: #FFFFFF;
    border-radius: 9.3023vw;
    padding: 8.3721vw 9.3023vw 9.3023vw 9.3023vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.1163vw;
    box-sizing: border-box;
  }

  .page-career-features__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0;
    gap: 3.7209vw;
    width: 100%;
    box-sizing: border-box;
  }

  .page-career-features__num {
    font-size: 14.8837vw;
    line-height: 12.3256vw;
    flex-shrink: 0;
    margin: 0;
  }

  .page-career-features__title {
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    flex: 1;
    margin: 0;
  }

  .page-career-features__text {
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  /* ==========================================================================
     PAGE CAREER: "ЗАБОТА О СОТРУДНИКАХ" MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame 36015 / Frame 35968
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-career-care__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14.8837vw 0 7.4419vw 7.4419vw;
    /* 64px 0 32px 32px */
    gap: 5.5814vw;
    /* 24px */
    position: relative;
    width: 100%;
    background: #EEEEEE;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* Hide Desktop Elements on Mobile */
  .page-career-care__arrows--desktop,
  .page-career-care__heart--desktop {
    display: none !important;
  }

  /* Show Mobile Elements */
  .page-career-care__arrows--mobile,
  .page-career-care__heart--mobile {
    display: block !important;
  }

  /* Card: Frame 35968 (398px x 726px, padding: 35px 24px 40px 40px) */
  .page-career-care {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 8.1395vw 5.5814vw 9.3023vw 9.3023vw;
    /* 35px 24px 40px 40px */
    isolation: isolate;
    width: 92.5581vw;
    /* 398px */
    min-height: 168.8372vw;
    /* 726px */
    background: #FFFFFF;
    border-radius: 9.3023vw 0 0 9.3023vw;
    /* 40px 0 0 40px */
    position: relative;
    box-sizing: border-box;
  }

  /* Frame 36227: Content Column (334px x 435px, gap: 22px) */
  .page-career-care__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    gap: 5.1163vw;
    /* 22px */
    width: 77.6744vw;
    /* 334px */
    z-index: 1;
    position: relative;
    box-sizing: border-box;
  }

  /* Mobile Title: 24px / 26px font */
  .page-career-care__title {
    width: 64.6744vw;
    /* 334px */
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    /* 24px */
    line-height: 6.0465vw;
    /* 26px */
    color: #353535;
    margin: 0;
  }

  /* Mobile List: Frame 36131 (334px x 360px, gap 12px) */
  .page-career-care__list {
    width: 100%;
    box-sizing: border-box;
  }

  .page-career-care__content ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 0 5.1163vw;
    margin: 0;
    gap: 2.7907vw;
    /* 12px */
    width: 77.6744vw;
    /* 334px */
    box-sizing: border-box;
  }

  .page-career-care__content ul li {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    /* 16px */
    line-height: 5.5814vw;
    /* 24px */
    color: #353535;
    list-style-type: disc;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  .page-career-care__content ul li::marker {
    color: #353535;
    font-size: 3.7209vw;
  }

  .page-career-care__content ul li strong,
  .page-career-care__content ul li b {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    color: #353535;
    display: inline;
  }

  /* Mobile Heart (heart_mob: 290.75px x 236.58px, left: -32px (-7.4419vw), bottom: 0) */
  .page-career-care__heart--mobile {
    position: absolute;
    width: 67.6163vw;
    /* 290.75px */
    height: 55.0186vw;
    /* 236.58px */
    left: -7.4419vw;
    /* -32px relative to Frame 35968 */
    bottom: 0vw;
    /* 0px */
    z-index: 0;
    pointer-events: none;
  }

  .page-career-care__heart--mobile img,
  .page-career-care__heart--mobile picture {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  /* Mobile 3 Arrows (3arrows_mob: 164px x 162px, right: -36px (-8.3721vw), bottom: 65px (15.1163vw)) */
  .page-career-care__arrows--mobile {
    position: absolute;
    width: 38.1395vw;
    /* 164px */
    height: 37.6744vw;
    /* 162px */
    right: -8.3721vw;
    /* -36px */
    bottom: 15.1163vw;
    /* 65px */
    z-index: 3;
    pointer-events: none;
  }

  .page-career-care__arrows--mobile img {
    width: 100%;
    height: 100%;
    display: block;
  }

  /* Mobile Button: Frame 606 (218px x 56px, right: 24px (5.5814vw), bottom: 40px (9.3023vw)) */
  .page-career-care__btn {
    position: absolute;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3.7209vw 5.5814vw;
    /* 16px 24px */
    gap: 2.3256vw;
    /* 10px */
    width: 51.6977vw;
    /* 218px */
    height: 13.0233vw;
    /* 56px */
    right: 5.5814vw;
    /* 24px */
    bottom: 9.3023vw;
    /* 40px */
    background: #FF5F42;
    border-radius: 11.6279vw;
    /* 50px */
    border: none;
    cursor: pointer;
    z-index: 2;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 4.6512vw;
    /* 20px */
    line-height: 5.5814vw;
    /* 24px */
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    box-sizing: border-box;
  }

  /* ==========================================================================
     PAGE CAREER: CORPORATE EVENTS & TEXT MOBILE (430px BASELINE SCALED TO 768px)
     Frame 35969 / Frame 35968 / Frame Vector
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-career-corp {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 14.8837vw 3.7209vw 0 3.7209vw;
    gap: 3.7209vw;
    width: 100%;
    background: #EEEEEE;
    box-sizing: border-box;
  }

  .page-career-corp__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 3.7209vw;
    width: 100%;
    box-sizing: border-box;
  }

  /* Left Card (Frame 35969: 398px x 440px, padding 16px, gap 15px, radius 40px) */
  .page-career-corp__left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 3.7209vw;
    gap: 3.4884vw;
    width: 92.5581vw;
    height: auto;
    min-height: 102.3256vw;
    background: #FFFFFF;
    border-radius: 9.3023vw;
    box-sizing: border-box;
    flex: none;
    margin: 0;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Slider / Static Image Frame (Frame 36221: 366px x 366px, radius 24px) */
  .page-career-corp__slider {
    width: 100%;
    height: 85.1163vw;
    aspect-ratio: 1 / 1;
    border-radius: 5.5814vw;
    overflow: hidden;
    isolation: isolate;
    transform: translateZ(0);
    box-sizing: border-box;
  }

  .page-career-corp__wrapper {
    display: flex;
    height: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  .page-career-corp__slide {
    width: 100%;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
  }

  .page-career-corp__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
  }

  /* Pagination (Frame 36224: 366px x 27px, padding 0 24px, gap 6px) */
  .page-career-corp__controls {
    width: 100%;
    box-sizing: border-box;
  }

  .page-career-corp__pagination {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 5.5814vw;
    gap: 1.3953vw;
    width: 100%;
    height: 6.2791vw;
    box-sizing: border-box;
  }

  /* Bullets (Frame 36222, 36224, 36225, 36223: 75px x 27px, gap 3px) */
  .page-career-corp__pagination .swiper-pagination-bullet {
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 0.6977vw;
    height: 6.2791vw;
    background: transparent;
    opacity: 1;
    border-radius: 0;
    margin: 0 !important;
    cursor: pointer;
    box-sizing: border-box;
  }

  .page-career-corp__pagination .swiper-pagination-bullet__number {
    width: 100%;
    height: 4.1860vw;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 4.6512vw;
    line-height: 4.1860vw;
    text-align: center;
    color: #CFCFCF;
    display: block;
  }

  .page-career-corp__pagination .swiper-pagination-bullet-active .swiper-pagination-bullet__number {
    color: #3272AD;
  }

  .page-career-corp__pagination .swiper-pagination-bullet__line {
    position: relative;
    width: 100%;
    height: 1.3953vw;
    background: #CFCFCF;
    border-radius: 1.1628vw;
    overflow: hidden;
    align-self: stretch;
  }

  .page-career-corp__pagination .swiper-pagination-bullet__progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0%;
    background: #3272AD;
    border-radius: 1.1628vw;
  }

  .page-career-corp__pagination .swiper-pagination-bullet-active .swiper-pagination-bullet__progress {
    background: #3272AD;
  }

  /* Right Card (Frame 35968: 398px x 422px, padding 20px 24px 24px, radius 40px) */
  .page-career-corp__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 92.5581vw;
    height: auto;
    min-height: 98.1395vw;
    padding: 4.6512vw 5.5814vw 5.5814vw 5.5814vw;
    border-radius: 9.3023vw;
    background: transparent;
    box-sizing: border-box;
    flex: none;
    margin: 0;
    opacity: 1 !important;
    transform: none !important;
  }

  /* Title (Frame 36217: 24px / 26px Inter SemiBold, gap 21px = 4.8837vw) */
  .page-career-corp__title {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
    margin: 0 0 4.8837vw 0;
  }

  /* Text (Frame 35772: 16px / 24px Inter Regular) */
  .page-career-corp__text {
    width: 100%;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0;
  }

  .page-career-corp__text p {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
  }

  .page-career-corp__text p:not(:last-child) {
    margin-bottom: 2.3256vw;
  }

  /* Vector Text Logo Mobile (Frame: 334px x 33px, top spacing, bottom padding 26.9767vw) */
  .page-career-text {
    width: 100%;
    background: #EEEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7.4419vw 3.7209vw 26.9767vw 3.7209vw;
    box-sizing: border-box;
  }

  .page-career-text svg {
    width: 77.6744vw;
    height: 7.6744vw;
    display: block;
  }

  .page-career-text svg path {
    fill: #3272AD;
  }

  /* ==========================================================================
     PAGE NEWS MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame Заголовок / Frame 36339 (Frame 35995, Frame 36007) / Frame 36012
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-news {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 26.0465vw 0 0 0;
    background: #EFF0EF;
    width: 100%;
    box-sizing: border-box;
  }

  .page-news>.container,
  .page-news .container {
    max-width: 100%;
    width: 100%;
    padding: 0 5.5814vw;
    margin: 0 auto;
    box-sizing: border-box;
  }

  /* Заголовок (padding: 0px 24px 32px -> padding: 0 0 7.4419vw 0) */
  .page-news__title {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0 0 7.4419vw 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .page-news__title h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 1.2;
    text-align: center;
    color: #353535;
    margin: 0 auto;
  }

  /* год и новости / Filter (Frame 36339: padding 0 24px, gap 32px) */
  .page-news__sel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 0 7.4419vw 0;
    margin: 0;
    width: 100%;
    position: relative;
    isolation: isolate;
    z-index: 20;
    box-sizing: border-box;
  }

  .page-news__sel form {
    position: relative;
    width: auto;
  }

  .page-news__sel .select {
    position: relative;
    display: inline-block;
  }

  .page-news__sel .select._select-open {
    z-index: 50;
  }

  .page-news__sel .select__body {
    position: relative;
    display: inline-block;
    width: 31vw;
    border: none;
    outline: none;
  }

  /* Toggle Button Frame 35995: 206px x 43px, gap 40px, radius 100px */
  .page-news__sel .select__title {
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 2.7907vw 5.5814vw;
    gap: 9.3023vw;
    width: 100%;
    min-width: 100%;
    height: 10.0000vw;
    background: #FFFFFF;
    border: none;
    outline: none;
    border-radius: 23.2558vw;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
  }

  .page-news__sel .select__title:hover {
    background-color: #FFFFFF;
  }

  .page-news__sel .select__value {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .page-news__sel .select__text,
  .page-news__sel .select__content,
  .page-news__sel .select__value>span {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    text-align: center;
    color: #797979;
    white-space: nowrap;
  }

  .page-news__sel .select__value:after {
    content: "";
    flex: 0 0 3.7209vw;
    width: 3.7209vw;
    height: 3.7209vw;
    background: url("../img/icons/Open%20arrow.svg") center/contain no-repeat;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: block;
  }

  ._select-open .page-news__sel .select__value:after {
    transform: rotate(-180deg);
  }

  /* Dropdown Menu (Раскрывашка: width matches select__body (47.9070vw / 206px), radius 24px, smooth fade & slide) */
  .page-news__sel .select__options {
    position: absolute;
    top: calc(100% + 1.8605vw);
    left: 0;
    width: 100%;
    min-width: 100%;
    padding: 5.5814vw;
    background: #FFFFFF;
    box-shadow: 0 1.8605vw 4.6512vw rgba(0, 0, 0, 0.18), 0 0.4651vw 1.3953vw rgba(0, 0, 0, 0.08);
    border-radius: 5.5814vw;
    z-index: 100;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.9302vw) scale(0.97);
    transform-origin: top center;
    transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  .page-news__sel .select._select-open .select__options {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  /* Frame 36007: Items list, gap 8px (1.8605vw) */
  .page-news__sel .select__scroll {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 1.4167vw;
    width: 100%;
    max-height: 60vw;
    overflow-y: auto;
    overflow-x: hidden;
  }

  /* Frame 35997: Filter option, 24px height */
  .page-news__sel .select__option {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    min-height: 5.5814vw;
    padding: 0 0 0 7.4419vw;
    position: relative;
    cursor: pointer;
    background: transparent;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2558vw;
    line-height: 4.6512vw;
    color: #353535;
    text-align: left;
    border: none;
    box-sizing: border-box;
    transition: color 0.2s ease;
    margin: 0 !important;
    flex-shrink: 0;
  }

  .page-news__sel .select__option+.select__option {
    margin-top: 1.4167vw !important;
  }

  /* Rectangle 633: 24px x 24px radio outer circle */
  .page-news__sel .select__option::before,
  .page-news__sel .select__option:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 5.5814vw;
    height: 5.5814vw;
    box-sizing: border-box;
    border: 1px solid #3F9FE3;
    border-radius: 50%;
    background-color: #FFFFFF;
  }

  /* Rectangle 634: 14px x 14px radio inner dot when active */
  .page-news__sel .select__option::after,
  .page-news__sel .select__option:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.1628vw;
    transform: translateY(-50%);
    width: 3.2558vw;
    height: 3.2558vw;
    border-radius: 50%;
    background-color: transparent;
    transition: background-color 0.2s ease;
  }

  .page-news__sel .select__option._select-selected::after,
  .page-news__sel .select__option._select-selected:after {
    background-color: #3F9FE3;
  }

  /* News Cards Grid Mobile: 1 column, gap 24px = 5.5814vw */
  .page-news .news__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5.5814vw;
    width: 100%;
    box-sizing: border-box;
  }

  /* Show More Button (Frame 36012 & Frame 35994: 163px x 43px, radius 100px, padding 24px 32px 0) */
  .page-news__more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5.5814vw 0 18.6047vw 0;
    margin: 0;
    width: 100%;
    box-sizing: border-box;
  }

  .page-news__more .loadMore,
  #load-more-btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.7907vw 5.5814vw;
    gap: 3.4884vw;
    min-width: 37.9070vw;
    height: 10.0000vw;
    background: #FFFFFF;
    border-radius: 23.2558vw;
    border: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    text-align: center;
    color: #353535;
    text-decoration: none;
    cursor: pointer;
    box-sizing: border-box;
  }

  /* Callback background on news page */
  .page-news .callback {
    background-color: #EFF0EF;
  }

  /* ==========================================================================
     PAGE RD TARGETS MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-rd-targets {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 26.0465vw 0 14.49vw 0;
    gap: 5.5814vw;
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .page-rd-targets__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  .page-rd-targets__bg picture,
  .page-rd-targets__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top;
    display: block;
  }

  .page-rd-targets__title {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0 3.7209vw;
    width: 100%;
    margin-bottom: 0;
    box-sizing: border-box;
    text-align: left;
    position: relative;
  }

  .page-rd-targets__title h2 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 4.1860vw;
    color: #FFFFFF;
    text-align: left;
    margin: 0;
    width: 100%;
  }

  .page-rd-targets__items {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5.5814vw;
    width: 100%;
    position: relative;
  }

  .page-rd-targets__item,
  .item-page-rd-targets,
  .page-rd-targets__item.item-page-rd-targets {
    width: 95.1163vw;
    margin: 0 0 0 auto;
    align-self: flex-end;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 5.1163vw 5.5814vw 5.5814vw 5.5814vw;
    background: #EFF0EF;
    mix-blend-mode: luminosity;
    border-radius: 9.3023vw 0 0 9.3023vw;
    box-sizing: border-box;
  }

  .page-rd-targets__item:not(:last-child) {
    margin-bottom: 0;
  }

  .page-rd-targets__item:nth-child(1)._watcher-view,
  .page-rd-targets__item:nth-child(2)._watcher-view,
  .page-rd-targets__item:nth-child(3)._watcher-view {
    opacity: 1;
    transform: translate(0, 0);
  }

  .page-rd-targets__item:nth-child(1) .item-page-rd-targets__dot,
  .page-rd-targets__item:nth-child(2) .item-page-rd-targets__dot,
  .page-rd-targets__item:nth-child(3) .item-page-rd-targets__dot {
    background-color: #478FD1;
  }

  .item-page-rd-targets__dot {
    flex: 0 0 4.1860vw;
    width: 4.1860vw;
    height: 4.1860vw;
    border-radius: 50%;
    background-color: #478FD1;
    margin: 1.8605vw 0 0 0;
  }

  .item-page-rd-targets__numb {
    flex: 0 0 20.9302vw;
    width: 20.9302vw;
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 11.1628vw;
    line-height: 8.6047vw;
    color: #353535;
    text-align: right;
    margin: 0 5.5814vw 0 0;
    letter-spacing: 0;
  }

  .item-page-rd-targets__desc {
    flex: 1 1 53.2558vw;
    width: 53.2558vw;
    max-width: 53.2558vw;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.9535vw;
  }

  .item-page-rd-targets__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.6512vw;
    line-height: 4.6512vw;
    color: #353535;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

  .item-page-rd-targets__text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    color: #353535;
    margin: 0;
    width: 100%;
    max-width: 100%;
  }

  /* ==========================================================================
     PAGE RD TESTS / PIN-SPACER (.tst-container) MOBILE (430px BASELINE SCALED TO 768px)
     Strictly VW units, zero px, em, rem, min-*, max-* values.
     ========================================================================== */

  .tst-container {
    height: 186.0465vw;
    padding: 0;
    background-color: #ffffff;
    position: relative;
  }

  .main-wrap {
    padding: 18.6047vw 3.7209vw 9.3023vw 3.7209vw;
    gap: 5.5814vw;
  }

  .tst-title {
    font-size: 5.5814vw;
    font-weight: 600;
    text-align: center;
    line-height: 1.3;
    width: 65.1163vw;
    margin: 0 auto;
  }

  .bubble-container {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    gap: 7.4419vw;
    width: 100%;
    height: 37.2093vw;
    padding: 9.7674vw 0 0 0;
    overflow: hidden;
    position: relative;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, black 25%, black 75%, transparent 100%);
  }

  .bubble {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    width: auto;
    height: 13.0233vw;
    margin: 0;
    padding: 2.3256vw 4.6512vw;
    border-radius: 6.9767vw;
    border: 0.4651vw solid #3F9FE3;
    align-items: center;
    justify-content: center;
    gap: 1.8605vw;
  }

  .bubble:last-child {
    margin-bottom: 0;
  }

  .bubble>p {
    margin: 0;
    font-size: 3.0233vw;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
  }

  .icon {
    width: 5.5814vw;
    height: 5.5814vw;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-block;
  }

  .flask-container {
    margin-bottom: -116.2791vw;
    width: 200%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .flask {
    padding-top: 27.9070vw;
    margin: 0;
    position: relative;
  }

  .flask.center {
    width: 50%;
    z-index: 2;
    margin: 0 -18%;
  }

  .flask.left,
  .flask.right {
    width: 25%;
    z-index: 1;
    margin-bottom: 17.4419vw;
  }

  .flask-img {
    width: 100%;
    height: auto;
    display: block;
  }

  .overlay-block {
    position: absolute;
    top: 11.6279vw;
    left: 50%;
    transform: translateX(-50%);
    width: 19.7674vw;
    height: 19.7674vw;
    background-color: transparent;
    z-index: 2;
    opacity: 0;
  }

  .flask.left .overlay-block,
  .flask.right .overlay-block {
    width: 11.3953vw;
    height: 10.4651vw;
    top: 0vw;
  }

  .cmp-img {
    width: 7.4419vw;
    height: 7.4419vw;
    object-fit: contain;
  }

  /* ==========================================================================
     R&D PAGE: ЭКСПЕРТНЫЙ БЛОГ (MOBILE 430 via @media max-width: 768px)
     ========================================================================== */

  .page-rd-blog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    min-height: 115vh;
    width: 100vw;
    box-sizing: border-box;
  }

  .page-rd-blog__bg {
    display: block !important;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 115vh;
    margin-bottom: -115vh;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }

  .page-rd-blog__bg picture,
  .page-rd-blog__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
  }

  .page-rd-blog__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24.8837vw 3.7209vw 13.4884vw 3.7209vw;
    gap: 7.4419vw;
    width: 100%;
    box-sizing: border-box;
  }

  .page-rd-blog__left {
    position: static;
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4.8837vw;
  }

  .page-rd-blog__title {
    width: 100%;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #FFFFFF;
    margin: 0;
  }

  .page-rd-blog__text {
    width: 100%;
    font-size: 3.7209vw;
    line-height: 6.2791vw;
    color: #FFFFFF;
    margin: 0;
  }

  .page-rd-blog__text p {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
  }

  .page-rd-blog__text p:not(:last-child) {
    margin-bottom: 2.3256vw;
  }

  .page-rd-blog__text strong,
  .page-rd-blog__text b {
    font-weight: 700;
  }

  .page-rd-blog__right {
    position: static;
    width: 100%;
    max-width: 100%;
    flex: none;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3.7209vw;
  }

  .page-rd-blog-card {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    min-height: 26.5116vw;
    padding: 4.186vw 5.5814vw 5.5814vw 5.5814vw;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1);
    backdrop-filter: blur(1.8372vw);
    -webkit-backdrop-filter: blur(1.8372vw);
    border-radius: 5.5814vw;
    border: none;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 7.4419vw;
    outline: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .page-rd-blog-card:focus,
  .page-rd-blog-card:focus-visible,
  .page-rd-blog-card:active {
    outline: none !important;
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1) !important;
  }

  .page-rd-blog-card::after {
    border-radius: inherit;
    padding: 0.2326vw;
  }

  .page-rd-blog-card__title {
    flex: 1;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #FFFFFF;
    margin: 0;
    text-align: left;
  }

  .page-rd-blog-card__arrow {
    flex-shrink: 0;
    align-self: flex-end;
    width: 3.7209vw;
    height: 3.7209vw;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* ==========================================================================
     R&D PAGE: CALLBACK SECTION MOBILE (430px BASELINE SCALED TO 768px)
     ========================================================================== */
  .page-rd .callback,
  .page-rd .callback.section {
    background-color: #EFF0EF !important;
    background: #EFF0EF !important;
  }



  /* ==========================================================================
     R&D AND CAREER BUTTONS: DISABLE HOVERS ON MOBILE, KEEP ACTIVE
     ========================================================================== */
  .page-rd-hero__btn:hover,
  .page-career-care__btn:hover {
    background-color: #FF5F42 !important;
    background-image: none !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .page-rd-hero__btn:active,
  .page-career-care__btn:active,
  .page-rd-hero__btn.btn--clicked,
  .page-career-care__btn.btn--clicked {
    filter: brightness(0.88) !important;
    transform: none !important;
  }

  .page-rd a:hover,
  .page-rd button:hover,
  .page-rd .page-rd-blog-card:hover,
  .page-rd .page-rd-blog-card:active,
  .page-rd .callback-banner-form__btn:hover,
  .page-rd .callback-banner-form__btn:active,
  .page-rd .item-page-rd-targets:hover,
  .page-rd .bubble:hover {
    transform: none !important;
    box-shadow: none;
    filter: none !important;
  }

  .page-rd .page-rd-blog-card:hover,
  .page-rd .page-rd-blog-card:active {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: none !important;
    box-shadow: inset -1.1628vw -0.9302vw 2.3256vw rgba(233, 233, 233, 0.1), inset 0.4651vw 0.4651vw 2.3721vw rgba(156, 156, 156, 0.1) !important;
  }

  .page-rd .callback-banner-form__btn:hover,
  .page-rd .callback-banner-form__btn:active {
    background: var(--accent-red, #FF5F42) !important;
    transform: none !important;
  }

  /* ==========================================================================
     PAGE CONTACTS MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame 40210 / Шапка / Контакты
     Strictly VW units (px / 430 * 100vw), zero px values.
     ========================================================================== */

  .page-contacts {
    padding: 0 0 7.4419vw 0;
    background: #EEEEEE;
  }

  .page-contacts .container {
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  /* Шапка */
  .page-contacts__title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 26.0465vw 3.7209vw 7.4419vw 3.7209vw;
    margin: 0;
    width: 100%;
    background: #EEEEEE;
    box-sizing: border-box;
  }

  .page-contacts__title h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
    text-align: center;
    margin: 0;
  }

  /* Контакты Body */
  .page-contacts__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 3.7209vw;
    gap: 3.7209vw;
    width: 100%;
    background: #EEEEEE;
    box-sizing: border-box;
    margin: 0;
  }

  /* Card 1 on Mobile: Связаться (Frame 36319) */
  .page-contacts__card:nth-child(2) {
    order: 1;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 5.5814vw;
    padding: 5.5814vw;
    margin: 0;
  }

  .page-contacts__card:nth-child(2) .card-page-contacts__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.1860vw;
    line-height: 4.1860vw;
    color: #000000;
    margin: 0 0 3.9535vw 0;
  }

  .page-contacts__card:nth-child(2) .card-page-contacts__contacts {
    display: flex;
    flex-direction: column;
    gap: 0.9302vw;
    margin: 0 0 7.4419vw 0;
    padding: 0;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
  }

  .page-contacts__card:nth-child(2) .card-page-contacts__contacts li {
    margin: 0;
    padding: 0;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    height: 5.5814vw;
    display: flex;
    align-items: center;
  }

  .page-contacts__card:nth-child(2) .card-page-contacts__contacts li a {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #4A98F0;
  }

  /* Social buttons row on Mobile (Frame 36260) */
  .card-page-contacts__socs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 3.7209vw;
    width: 100%;
    height: 11.8605vw;
    margin: 0;
  }

  .card-page-contacts__btn {
    flex: 0 0 11.9372vw;
    width: 11.9372vw;
    height: 11.8605vw;
    padding: 0;
    border-radius: 23.2558vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .card-page-contacts__btn span {
    display: none !important;
  }

  .card-page-contacts__tg {
    flex: 0 0 11.9372vw;
    width: 11.9372vw;
    height: 11.8605vw;
    background: #25A3E1;
  }

  .card-page-contacts__tg svg {
    width: 4.6512vw;
    height: 3.8535vw;
  }

  .card-page-contacts__vk {
    flex: 0 0 11.9372vw;
    width: 11.9372vw;
    height: 11.8605vw;
    background: #2787F5;
  }

  .card-page-contacts__vk svg {
    width: 4.4186vw;
    height: 4.4186vw;
  }

  .card-page-contacts__max {
    flex: 0 0 11.9372vw;
    width: 11.9372vw;
    height: 11.8605vw;
    background: url("../img/icons/max-bg.jpg") center/cover no-repeat;
  }

  .card-page-contacts__max svg {
    width: 4.4186vw;
    height: 4.4186vw;
  }

  /* Card 2 on Mobile: Режим работы (Top part of combined Frame 36318) */
  .page-contacts__card:nth-child(1) {
    order: 2;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 5.5814vw 5.5814vw 0 0;
    padding: 4.6512vw 5.5814vw 0 5.5814vw;
    margin: 0;
  }

  .page-contacts__card:nth-child(1) .card-page-contacts__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.1860vw;
    line-height: 4.6512vw;
    color: #353535;
    margin: 0 0 3.4884vw 0;
  }

  .page-contacts__card:nth-child(1) .card-page-contacts__text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    margin: 0 0 5.8140vw 0;
  }

  .page-contacts__card:nth-child(1) .card-page-contacts__text p:not(:last-child) {
    margin-bottom: 0.9302vw;
  }

  /* Card 3 on Mobile: Адрес и Карта (Bottom part of combined Frame 36318) */
  .page-contacts__card:nth-child(4) {
    order: 3;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 0 0 5.5814vw 5.5814vw;
    padding: 0 1.8605vw 1.8605vw 1.8605vw;
    margin: -3.7209vw 0 0 0;
    /* visually merges seamlessly with Card 1 without gap */
  }

  .page-contacts__card:nth-child(4) .card-page-contacts__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.1860vw;
    line-height: 3.2558vw;
    color: #000000;
    padding: 0 3.7209vw;
    margin: 0 0 4.1860vw 0;
  }

  .page-contacts__card:nth-child(4) .card-page-contacts__txt {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    color: #353535;
    padding: 0 3.7209vw;
    margin: 0 0 4.1860vw 0;
  }

  .card-page-contacts__map {
    width: 100%;
    height: 94.9279vw;
    border-radius: 3.7209vw;
    overflow: hidden;
  }

  /* Card 4 on Mobile: Карточка предприятия (Frame 36260) */
  .page-contacts__card:nth-child(3) {
    order: 4;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-radius: 5.5814vw;
    padding: 4.8837vw 5.5814vw 5.5814vw 5.5814vw;
    margin: 0;
  }

  .page-contacts__card:nth-child(3) .card-page-contacts__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 4.1860vw;
    line-height: 4.1860vw;
    color: #353535;
    margin: 0 0 6.7442vw 0;
  }

  .card-page-contacts__btns {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3.7209vw;
    width: 100%;
    height: 10.2326vw;
    margin: 0;
  }

  .card-page-contacts__see {
    flex: 1 1 0;
    width: 38.8372vw;
    height: 10.2326vw;
    border: 2px solid #FF5F42;
    border-radius: 23.2558vw;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    color: #FF5F42;
    text-align: center;
    text-decoration: none;
    background: transparent;
  }

  .card-page-contacts__download {
    flex: 1 1 0;
    width: 38.8372vw;
    height: 10.2326vw;
    background: #FF5F42;
    border-radius: 23.2558vw;
    border: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.8605vw;
    text-decoration: none;
  }

  .card-page-contacts__download span {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    color: #FFFFFF;
    text-align: center;
  }

  .card-page-contacts__download svg {
    width: 5.1163vw;
    height: 4.6512vw;
    flex-shrink: 0;
    display: block;
  }

  /* Page Contacts: Callback Section Background (Mobile) */
  .page-contacts .callback,
  .page-contacts .callback.section,
  .page-template-template-contacts .callback,
  .page-template-template-contacts .callback.section {
    background-color: #EFF0EF !important;
    background: #EFF0EF !important;
  }

  /* ==========================================================================
     PAGE CONTACTS: PERSONAL / EMPLOYEES MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame "Лица" / Frame "Руководство" / Frame "Отдел продаж"
     Strictly VW units (px / 4.3), zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-contacts__personal.personal-page-contacts {
    padding: 23.9535vw 0 0 0;
    background: #EEEEEE;
    gap: 10.9302vw;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
  }

  .personal-page-contacts__block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .personal-page-contacts__block:not(:last-child) {
    margin-bottom: 0;
  }

  .personal-page-contacts__block .container {
    width: 100%;
    max-width: 100%;
    padding: 0 3.7209vw;
    margin: 0;
    box-sizing: border-box;
  }

  .personal-page-contacts__title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 7.4419vw;
    line-height: 9.3023vw;
    color: #353535;
    text-align: center;
    padding: 0 0 5.5814vw 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .personal-page-contacts__item:not(:last-child) {
    margin-bottom: 7.4419vw;
  }

  .item-personal-page-contacts {
    width: 100%;
    height: auto;
    background: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 3.7209vw;
    margin: 0;
    box-sizing: border-box;
  }

  .item-personal-page-contacts__body {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 0;
  }

  .item-personal-page-contacts__img {
    flex: 0 0 66.0465vw;
    width: 100%;
    height: 66.0465vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    overflow: visible;
  }

  .item-personal-page-contacts__img img {
    width: 69.8907vw;
    height: 66.0465vw;
    max-width: 100%;
    object-fit: contain;
    object-position: bottom center;
    display: block;
    margin: 0 auto;
  }

  .item-personal-page-contacts__text {
    flex: none;
    width: 100%;
    max-width: 100%;
    height: auto;
    min-height: 61.3953vw;
    background: #FFFFFF;
    border-radius: 5.5814vw;
    padding: 5.3488vw 5.5814vw 11.3953vw 5.5814vw;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
  }

  .item-personal-page-contacts__post {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.2558vw;
    line-height: 1.2;
    color: #353535;
    padding: 0;
    margin: 0 0 2.5581vw 0;
    width: 100%;
  }

  .item-personal-page-contacts__name {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
    padding: 0;
    margin: 0 0 5.1163vw 0;
    width: 100%;
  }

  .item-personal-page-contacts ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
    gap: 2.7907vw;
    width: 100%;
  }

  .item-personal-page-contacts ul li {
    padding: 0;
    margin: 0;
    height: 5.5814vw;
    display: flex;
    align-items: center;
  }

  .item-personal-page-contacts ul li:not(:last-child) {
    margin: 0;
  }

  .item-personal-page-contacts ul li a {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 5.5814vw;
    display: inline-block;
  }

  .item-personal-page-contacts ul li a[href^="mailto:"] {
    color: #353535;
    text-decoration: underline;
  }

  .item-personal-page-contacts ul li a[href^="tel:"] {
    color: #1F8FF1;
    text-decoration: none;
  }

  /* ==========================================================================
     PAGE REQUISITES: MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame 40212 / Шапка / Frame 36257 / Frame 35997 / Frame 36233
     Strictly VW units (px / 4.3), zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-requisites {
    padding: 0;
    background: #FFFFFF;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
  }

  .page-requisites__title {
    display: none;
  }

  .page-requisites__body {
    width: 100%;
    max-width: 100%;
    background: #FFFFFF;
    border-radius: 0;
    padding: 0 3.7209vw 7.4419vw 3.7209vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7.4419vw;
    box-sizing: border-box;
    margin: 0;
  }

  /* Шапка / Top section */
  .page-requisites__top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25.1163vw 0 7.4419vw 0;
    width: 100%;
    min-height: auto;
    margin: 0;
    box-sizing: border-box;
  }

  /* Frame 35768: Heading */
  .page-requisites__heading {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.0465vw;
    color: #353535;
    text-align: center;
    padding: 0 0 6.2791vw 0;
    margin: 0 auto;
    width: 100%;
  }

  .page-requisites__download {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.7907vw 3.7209vw;
    gap: 1.8605vw;
    width: 50.9302vw;
    height: 10.2326vw;
    background: #FF5F42;
    border-radius: 23.2558vw;
    text-decoration: none;
    margin: 0 auto;
    box-sizing: border-box;
    flex-shrink: 0;
  }

  .page-requisites__download span {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    text-align: center;
    color: #FFFFFF;
  }

  .page-requisites__download svg {
    width: 5.1163vw;
    height: 4.6512vw;
    flex-shrink: 0;
    display: block;
  }

  /* Table */
  .page-requisites__table {
    width: 100%;
    border: 0.2326vw solid #CBCBCB;
    border-radius: 5.5814vw;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .page-requisites__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }

  .page-requisites__row:not(:last-child) {
    border-bottom: 0.2326vw solid #CCCCCC;
  }

  .page-requisites__left {
    flex: 0 0 50%;
    width: 50%;
    padding: 4.6512vw 5.5814vw;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    color: #353535;
    display: flex;
    align-items: flex-start;
  }

  .page-requisites__right {
    flex: 0 0 50%;
    width: 50%;
    padding: 4.6512vw 5.5814vw;
    border-left: 0.2326vw solid #CCCCCC;
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    color: #353535;
    display: flex;
    align-items: flex-start;
    word-break: break-word;
  }

  /* Page Requisites: Callback Section Background (Mobile) */
  .page-requisites .callback,
  .page-requisites .callback.section,
  .page-template-template-requisites .callback,
  .page-template-template-requisites .callback.section {
    background-color: #FFFFFF !important;
    background: #FFFFFF !important;
  }

  /* ==========================================================================
     PAGE 404: MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     100vh / Frame 36346 / Frame 36348 / Frame 36345
     Strictly VW units (px / 4.3), zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-404 {
    padding: 0 3.7209vw;
    width: 100%;
    min-height: 100vh;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
  }

  .page-404__body {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
  }

  .page-404__img {
    width: 92.5581vw;
    height: 97.0581vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  .page-404__img img {
    width: 92.5581vw;
    height: 97.0581vw;
    max-width: 100%;
    object-fit: contain;
    display: block;
  }

  .page-404__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    gap: 5.5814vw;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
  }

  .page-404__desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0;
    gap: 3.2558vw;
    width: 100%;
    box-sizing: border-box;
  }

  .page-404__title {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }

  .page-404__title h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 1.2;
    color: #000000;
    text-align: center;
    margin: 0;
    padding: 0;
  }

  .page-404__text {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 1.2;
    color: #949494;
    text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
  }

  .page-404__btn {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 5.5814vw;
    width: 38.3721vw;
    height: 15.1163vw;
    background: #FF5F42;
    border-radius: 9.3023vw;
    text-decoration: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 1;
    color: #FFFFFF;
    text-align: center;
    white-space: nowrap;
  }

  /* ==========================================================================
     PAGE CATALOG MOBILE (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame НАШИ КОМПАУНДЫ / Frame 35768 / Frame 36018 / Frame 36016 / Frame 36291
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .page-catalog {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 24.6512vw 3.7209vw 7.4419vw 3.7209vw;
    background: #EFF0EF;
    width: 100%;
    min-height: auto;
    box-sizing: border-box;
  }

  .page-catalog__cable {
    display: none !important;
  }

  .page-catalog__header {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0 0 6.0465vw 0;
    width: 100%;
    box-sizing: border-box;
  }

  .page-catalog__title {
    width: 100%;
    max-width: 100%;
  }

  .page-catalog__title h1 {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.7442vw;
    color: #353535;
    max-width: 100%;
    margin: 0;
  }

  .page-catalog__body {
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 0;
    width: 100%;
  }

  .page-catalog__filters.filter-cat-pc {
    display: none !important;
  }

  .page-catalog__wrap {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1.8605vw;
  }

  .page-catalog__products {
    display: flex;
    flex-direction: column;
    gap: 1.8605vw;
    width: 100%;
  }

  .page-catalog__top {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%;
    height: 8.3721vw;
    margin: 0;
  }

  .page-catalog__top-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1.8605vw;
    width: 34.4186vw;
    height: 8.3721vw;
  }

  /* Сортировка на мобилке: Frame 36291 button 68x36 */
  .page-catalog__sort {
    position: relative;
    width: 15.8140vw;
    height: 8.3721vw;
  }

  .page-catalog__sort .select {
    width: 100%;
    height: 100%;
  }

  .page-catalog__sort .select__body {
    width: 100%;
    height: 100%;
  }

  .page-catalog__sort .select__title {
    box-sizing: border-box;
    width: 15.8140vw;
    height: 8.3721vw;
    background: #FFFFFF url("../img/catalog/sort.svg") center/4.6512vw 4.6512vw no-repeat;
    border-radius: 23.2558vw;
    padding: 0;
    border: none;
    outline: none;
    cursor: pointer;
  }

  .page-catalog__sort .select__value {
    display: none !important;
  }

  .page-catalog__sort .select__options {
    position: absolute;
    width: max-content;
    min-width: 58.1395vw;
    max-width: calc(100vw - 7.4419vw);
    left: 0;
    top: calc(100% + 1.8605vw);
    padding: 5.5814vw;
    border-radius: 5.5814vw;
    background: #FFFFFF;
    box-shadow: 0 1.8605vw 4.6512vw rgba(0, 0, 0, 0.22), 0 0.4651vw 1.3953vw rgba(0, 0, 0, 0.1);
    z-index: 100;
    box-sizing: border-box;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-0.9302vw) scale(0.97);
    transform-origin: top left;
    transition: opacity 0.28s cubic-bezier(0.16, 1, 0.3, 1), transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.28s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
  }

  .page-catalog__sort .select._select-open .select__options {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    display: block !important;
    height: auto !important;
    overflow: visible !important;
  }

  .page-catalog__sort .select__scroll {
    gap: 1.8605vw;
  }

  .page-catalog__sort .select__option {
    min-height: 5.5814vw;
    padding: 0 0 0 7.4419vw;
    font-size: 3.2558vw;
    line-height: 120%;
    flex-shrink: 0;
    margin: 0 !important;
  }

  .page-catalog__sort .select__option+.select__option {
    margin-top: 1.8605vw !important;
  }

  .page-catalog__sort .select__option:before,
  .page-catalog__sort .select__option::before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5.5814vw;
    height: 5.5814vw;
    border: 0.2326vw solid #3F9FE3;
  }

  .page-catalog__sort .select__option._select-selected:after,
  .page-catalog__sort .select__option._select-selected::after {
    left: 1.1628vw;
    top: 50%;
    transform: translateY(-50%);
    width: 3.2558vw;
    height: 3.2558vw;
  }

  /* Фильтр кнопка на мобилке: 72x36 */
  .page-catalog__filter-btn {
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 16.7442vw;
    height: 8.3721vw;
    background: #FFFFFF;
    border-radius: 23.2558vw;
    border: none;
    outline: none;
    padding: 1.8605vw 5.5814vw;
    gap: 1.8605vw;
    cursor: pointer;
  }

  .page-catalog__filter-badge {
    position: absolute;
    top: -0.9302vw;
    right: -0.9302vw;
    min-width: 4.6512vw;
    height: 4.6512vw;
    padding: 0 1.1628vw;
    box-sizing: border-box;
    border-radius: 2.3256vw;
    background: #FF5F42;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 2.7907vw;
    line-height: 4.6512vw;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0.4651vw 1.1628vw rgba(255, 95, 66, 0.4);
    z-index: 2;
  }

  .page-catalog__filter-btn img {
    width: 5.5814vw;
    height: 4.6512vw;
    display: block;
    object-fit: contain;
  }

  /* Mobile Products Grid: 1 column */
  .page-catalog__items {
    display: flex;
    flex-direction: column;
    gap: 3.7209vw;
    width: 100%;
  }

  .page-catalog__items .page-catalog__item,
  .page-catalog__items .item-page-catalog {
    background-color: #FFFFFF;
    border-radius: 5.5814vw;
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 5.5814vw 3.7209vw 3.7209vw 3.7209vw;
  }

  .page-catalog__items .item-page-catalog__title {
    font-size: 5.5814vw;
    margin: 0 0 1.8605vw 0;
  }

  .page-catalog__items .item-page-catalog__heading {
    font-size: 3.7209vw;
    margin: 0 0 2.0930vw 0;
  }

  .page-catalog__items .item-page-catalog__text {
    font-size: 3.7209vw;
    margin: 0 0 3.2558vw 0;
  }

  .page-catalog__items .item-page-catalog__text p:not(:last-child) {
    margin: 0 0 1.8605vw 0;
  }

  .page-catalog__items .item-page-catalog__items {
    margin: 0 0 5.5814vw 0;
    line-height: 3.9535vw;
  }

  .page-catalog__items .item-page-catalog__item {
    padding: 1.7442vw 0 1.7442vw 1.3953vw;
    border-bottom: 0.2326vw solid #cdcdcd;
    font-size: 3.2558vw;
  }

  .page-catalog__items .item-page-catalog__icon {
    flex: 0 0 5.5814vw;
    width: 5.5814vw;
    height: 5.5814vw;
    margin: 0 1.8605vw 0 0;
  }

  .page-catalog__items .item-page-catalog__more {
    font-size: 3.7209vw;
    padding: 0 1.8605vw;
    margin-right: 1.8605vw;
    border: 2px solid #ff5f42;
    border-radius: 23.2558vw;
    height: 10vw;
    background-color: #ffffff;
    color: #ff5f42;
  }

  .page-catalog__items .item-page-catalog__price {
    font-size: 3.7209vw;
    padding: 0 1.8605vw;
    border-radius: 23.2558vw;
    height: 10vw;
  }

  /* ==========================================================================
     MOBILE FILTER DRAWER (430px BASELINE SCALED TO 768px MEDIA QUERY)
     Frame Мобильный фильтр / Стики / Frame 40213 / Frame 36017 / cable_full
     Strictly VW units, zero px values, exact Figma coordinates.
     ========================================================================== */

  .filter-cat-mob,
  .page-catalog__filters-mob {
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: #FFFFFF;
    z-index: 10005;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    padding: 0;
    box-sizing: border-box;
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.35s;
    isolation: isolate;
    visibility: hidden;
    pointer-events: none;
    will-change: transform;
  }

  .filter-cat-mob._active {
    transform: translateY(0) !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Стики (Sticky Header 430x63) */
  .filter-cat-mob__top {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 14.6512vw;
    min-height: 14.6512vw;
    background: #FFFFFF;
    box-shadow: 0 0.4651vw 2.0233vw rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: baseline;
    align-content: center;
    padding: 0 3.7209vw;
    box-sizing: border-box;
    z-index: 10;
    flex-shrink: 0;
  }

  .filter-cat-mob__top::before {
    content: "";
    display: block;
    grid-column: 1;
  }

  .filter-cat-mob__heading {
    grid-column: 2;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 5.5814vw;
    line-height: 6.7442vw;
    text-align: center;
    color: #353535;
    margin: 0 auto;
  }

  .filter-cat-mob__cancel {
    grid-column: 3;
    justify-self: end;
    position: static;
    top: auto;
    right: auto;
    transform: none;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 3.7209vw;
    line-height: 6.7442vw;
    text-align: right;
    color: #FF5F42;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
  }

  /* cable in mobile filter directly under Применение parameters (Figma scale 544px / 126.58vw, cropped on right) */
  .filter-cat-mob__cable {
    display: block;
    position: relative;
    width: 126.5814vw;
    min-width: 126.5814vw;
    max-width: 126.5814vw;
    height: 31.3047vw;
    margin-left: -3.7209vw;
    margin-top: 2.7907vw;
    margin-bottom: 3.7209vw;
    pointer-events: none;
    z-index: 0;
  }

  .filter-cat-mob__cable .page-catalog__cable-layers {
    position: relative;
    width: 100%;
    height: 100%;
    transform: none !important;
  }

  .filter-cat-mob__cable img,
  .filter-cat-mob__cable .page-catalog__cable-layer {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }

  /* Items container Frame 40213 */
  .filter-cat-mob__items {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 4.6512vw;
    width: 100%;
    height: auto;
    overflow: visible;
    padding: 4.6512vw 3.7209vw 18.6047vw 3.7209vw;
    box-sizing: border-box;
  }

  .filter-cat-mob__items .yith-wcan-filters {
    background: transparent;
    width: 100%;
  }

  .filter-cat-mob__items .yith-wcan-filters .filters-container form {
    display: flex;
    flex-direction: column;
    gap: 4.6512vw;
    width: 100%;
  }

  .filter-cat-mob__items .yith-wcan-filter {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.8605vw;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .filter-cat-mob__items .yith-wcan-filter .filter-title {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    color: #353535;
    margin: 0;
    padding: 0;
  }

  .filter-cat-mob__items .yith-wcan-filter .filter-content {
    width: 100%;
  }

  /* Prevent blue rectangle / sharp highlight when tapping filter items on mobile */
  .filter-cat-mob__items .yith-wcan-filter,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item a,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item input {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    outline: none !important;
    user-select: none !important;
  }

  /* Pill button items grid: adaptive content-fit chips */
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.8605vw;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    max-width: 100%;
    min-height: 10.6977vw;
    margin: 0;
    padding: 0;
    border-radius: 5.5814vw !important;
    background: transparent !important;
    position: relative;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item label {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 2.5581vw 4.6512vw;
    width: 100%;
    height: 100%;
    min-height: 10.6977vw;
    border: 2px solid #3F9FE3;
    border-radius: 5.5814vw !important;
    background: #FFFFFF;
    cursor: pointer;
    margin: 0;
    user-select: none;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item a.term-label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item .term-label {
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 3.7209vw;
    line-height: 4.6512vw;
    text-align: center;
    color: #797979;
    text-decoration: none;
    white-space: normal;
    display: block;
    width: auto;
    max-width: 100%;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item.active label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item input:checked+label {
    background: #3F9FE3;
    border-color: #3F9FE3;
  }

  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item.active label a.term-label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item input:checked+label a.term-label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item.active .term-label,
  .filter-cat-mob__items .yith-wcan-filter ul.filter-items li.filter-item input:checked+label .term-label {
    color: #FFFFFF;
  }

  /* Bottom Action Bar Frame 36022 (Row layout with animated buttons) */
  .filter-cat-mob__bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 3.7209vw;
    gap: 0;
    box-shadow: 0 -0.9302vw 2.7907vw rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
    z-index: 10;
    margin-top: auto;
    transition: gap 0.25s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .filter-cat-mob__bottom._has-reset {
    gap: 2.7907vw;
  }

  /* Main Submit / Close button Frame 36001 */
  .filter-cat-mob__btn-submit {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 1 1 100%;
    min-width: 0;
    height: 11.8605vw;
    background: #FF5F42;
    border-radius: 23.2558vw;
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 1.8605vw;
    transition: flex 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, filter 0.2s ease, transform 0.1s ease;
  }

  .filter-cat-mob__btn-submit:active {
    filter: brightness(0.9);
    transform: scale(0.98);
  }

  /* Ghost Reset button with slide-in / expand animation from the left */
  .filter-cat-mob__btn-reset {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 0px;
    max-width: 0;
    width: 0;
    min-width: 0;
    height: 11.8605vw;
    background: transparent;
    border: 0px solid #FF5F42;
    border-radius: 23.2558vw;
    outline: none;
    cursor: pointer;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 3.7209vw;
    line-height: 4.4186vw;
    text-align: center;
    color: #FF5F42;
    white-space: nowrap;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-20px) scale(0.95);
    pointer-events: none;
    padding: 0;
    transition: flex 0.25s cubic-bezier(0.16, 1, 0.3, 1), max-width 0.25s cubic-bezier(0.16, 1, 0.3, 1), width 0.25s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease, transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), border-width 0.2s ease, visibility 0.25s;
  }

  .filter-cat-mob__bottom._has-reset .filter-cat-mob__btn-reset,
  .filter-cat-mob__btn-reset._visible {
    flex: 1 1 50%;
    max-width: 50%;
    width: auto;
    opacity: 1;
    visibility: visible;
    border-width: 2px;
    padding: 0 1.8605vw;
    transform: translateX(0) scale(1);
    pointer-events: auto;
  }

  .filter-cat-mob__bottom._has-reset .filter-cat-mob__btn-submit {
    flex: 1 1 50%;
  }

  .filter-cat-mob__btn-reset:active {
    background-color: rgba(255, 95, 66, 0.08);
    transform: scale(0.98);
  }

  /* Page Catalog: Callback Section Background (Mobile) */
  .page-catalog .callback,
  .page-catalog .callback.section,
  .tax-product_cat .callback,
  .tax-product_cat .callback.section,
  .post-type-archive-product .callback,
  .post-type-archive-product .callback.section {
    background-color: #EFF0EF !important;
    background: #EFF0EF !important;
  }
}

/* Standalone media query for touch devices without hover capability */
@media (hover: none) {

  .page-rd-hero__btn:hover,
  .page-career-care__btn:hover {
    background-color: #FF5F42 !important;
    background-image: none !important;
    transform: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }

  .page-rd-hero__btn:active,
  .page-career-care__btn:active,
  .page-rd-hero__btn.btn--clicked,
  .page-career-care__btn.btn--clicked {
    filter: brightness(0.88) !important;
    transform: none !important;
  }

  .page-rd a:hover,
  .page-rd button:hover,
  .page-rd .page-rd-blog-card:hover,
  .page-rd .page-rd-blog-card:active,
  .page-rd .callback-banner-form__btn:hover,
  .page-rd .callback-banner-form__btn:active,
  .page-rd .item-page-rd-targets:hover,
  .page-rd .bubble:hover {
    transform: none !important;
    box-shadow: none;
    filter: none !important;
  }

  .page-rd .page-rd-blog-card:hover,
  .page-rd .page-rd-blog-card:active {
    background: rgba(255, 255, 255, 0.15) !important;
    transform: none !important;
  }

  .page-rd .callback-banner-form__btn:hover,
  .page-rd .callback-banner-form__btn:active {
    background: var(--accent-red, #FF5F42) !important;
    transform: none !important;
  }
}
/* ==========================================================================
   OTHER PRODUCTS (SINGLE PRODUCT PAGE) ITEM FORMATTING
   ========================================================================== */
.other-page-product__items .item-page-catalog {
  background-color: #EFF0EF !important;
  border-radius: 2.0833vw;
  flex: 0 1 calc(25% - 0.8333vw) !important;
  max-width: calc(25% - 0.8333vw) !important;
  box-sizing: border-box;
  padding: 3.1771vw 1.6667vw 1.4583vw 1.6667vw;
  display: flex !important;
  flex-direction: column;
  justify-content: space-between;
  margin: 0.416667vw !important;
}

.other-page-product__items .item-page-catalog__top {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

.other-page-product__items .item-page-catalog__title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 1.6667vw;
  line-height: 1;
  color: #353535;
  margin: 0 0 0.7292vw 0;
}

.other-page-product__items .item-page-catalog__heading {
  font-family: 'Inter', sans-serif;
  font-weight: 600;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #353535;
  margin: 0 0 0.4688vw 0;
}

.other-page-product__items .item-page-catalog__text {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 0.8333vw;
  line-height: 125%;
  color: #353535;
  margin: 0 0 3.0208vw 0;
}

.other-page-product__items .item-page-catalog__text strong {
  font-weight: 600;
}

.other-page-product__items .item-page-catalog__text p:not(:last-child) {
  margin: 0 0 0.4167vw 0;
}

.other-page-product__items .item-page-catalog__items {
  flex: 1 1 auto;
  margin: 0 0 3.3333vw 0;
  line-height: 0.8854vw;
}

.other-page-product__items .item-page-catalog__item {
  display: flex;
  align-items: center;
  padding: 0.4167vw 0;
  border-bottom: 0.0521vw solid #cdcdcd;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.7292vw;
  font-weight: 500;
  color: #353535;
}

.other-page-product__items .item-page-catalog__icon {
  flex: 0 0 1.25vw;
  width: 1.25vw;
  height: 1.25vw;
  margin: 0 0.4167vw 0 0;
}

.other-page-product__items .item-page-catalog__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.other-page-product__items .item-page-catalog__txt {
  flex: 1 1 auto;
}

.other-page-product__items .item-page-catalog__bottom {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: auto;
}

.other-page-product__items .item-page-catalog__more {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.8333vw;
  border-radius: 5.2083vw;
  margin-right: 0.4167vw;
  padding: 0 0.4167vw;
  border: 2px solid #ff5f42;
  color: #ff5f42;
  background-color: transparent;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.2396vw;
  width: 100%;
  box-sizing: border-box;
  text-decoration: none;
}

.other-page-product__items .item-page-catalog__price {
  font-family: 'Inter', sans-serif;
  font-weight: 700;
  font-size: 0.8333vw;
  border-radius: 5.2083vw;
  padding: 0 0.4167vw;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  height: 2.2396vw;
  width: 100%;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
}

.other-page-product__more {
  display: flex;
  justify-content: center;
  margin-top: 2.0833vw;
  width: 100%;
}

.other-page-product__more .loadMoreBtn,
.other-page-product__more a,
.other-page-product__more button {
  background-color: #eff0ef !important;
  padding: 0 1.6667vw !important;
  height: 2.5vw !important;
  border-radius: 100px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.8333vw !important;
  font-weight: 700 !important;
  color: #353535 !important;
  transition: all 0.3s ease 0s !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.other-page-product__more .loadMoreBtn:hover,
.other-page-product__more a:hover,
.other-page-product__more button:hover {
  background-color: #e2e3e2 !important;
  transform: translateY(-2px) !important;
}

.other-page-product__more .loadMoreBtn:active,
.other-page-product__more a:active,
.other-page-product__more button:active {
  transform: translateY(0) !important;
}

.other-page-product__more .loadMoreBtn-label,
.other-page-product__more .loadMoreBtn span {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  color: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  display: inline !important;
}

/* Single Product: Callback section background is white (#FFFFFF) on Desktop */
.page-product .callback,
.single-product .callback,
.page-product section.callback {
  background-color: #FFFFFF !important;
}

@media (max-width: 768px) {
  .other-page-product__items {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    margin: 0 0 5.5814vw 0 !important;
    width: 100% !important;
    padding: 0 !important;
    gap: 3.7209vw !important;
  }

  .other-page-product__items .page-catalog__item,
  .other-page-product__items .item-page-catalog {
    background-color: #FFFFFF !important;
    border-radius: 5.5814vw !important;
    flex: 1 1 auto !important;
    max-width: 100% !important;
    width: 100% !important;
    padding: 5.5814vw 3.7209vw 3.7209vw 3.7209vw !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  .other-page-product__items .item-page-catalog__title {
    font-size: 5.5814vw;
    margin: 0 0 1.8605vw 0;
  }

  .other-page-product__items .item-page-catalog__heading {
    font-size: 3.7209vw;
    margin: 0 0 2.0930vw 0;
  }

  .other-page-product__items .item-page-catalog__text {
    font-size: 3.7209vw;
    margin: 0 0 3.2558vw 0;
  }

  .other-page-product__items .item-page-catalog__text p:not(:last-child) {
    margin: 0 0 1.8605vw 0;
  }

  .other-page-product__items .item-page-catalog__items {
    margin: 0 0 5.5814vw 0;
    line-height: 3.9535vw;
  }

  .other-page-product__items .item-page-catalog__item {
    padding: 1.7442vw 0 1.7442vw 1.3953vw;
    border-bottom: 0.2326vw solid #cdcdcd;
    font-size: 3.2558vw;
  }

  .other-page-product__items .item-page-catalog__icon {
    flex: 0 0 5.5814vw;
    width: 5.5814vw;
    height: 5.5814vw;
    margin: 0 1.8605vw 0 0;
  }

  .other-page-product__items .item-page-catalog__more {
    font-size: 3.7209vw;
    padding: 0 1.8605vw;
    margin-right: 1.8605vw;
    border: 2px solid #ff5f42;
    border-radius: 23.2558vw;
    height: 10vw;
    background-color: #ffffff;
    color: #ff5f42;
  }

  .other-page-product__items .item-page-catalog__price {
    font-size: 3.7209vw;
    padding: 0 1.8605vw;
    border-radius: 23.2558vw;
    height: 10vw;
  }

  .other-page-product__more {
    margin-top: 5.5814vw !important;
  }

  .other-page-product__more .loadMoreBtn,
  .other-page-product__more a,
  .other-page-product__more button {
    background-color: #FFFFFF !important;
    color: #353535 !important;
    font-size: 3.7209vw !important;
    height: 11.1628vw !important;
    padding: 0 5.5814vw !important;
    border-radius: 23.2558vw !important;
    font-weight: 700 !important;
    border: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    text-decoration: none !important;
  }

  .other-page-product__more .loadMoreBtn:hover,
  .other-page-product__more .loadMoreBtn:active,
  .other-page-product__more a:hover,
  .other-page-product__more a:active,
  .other-page-product__more button:hover,
  .other-page-product__more button:active {
    background-color: #f7f7f7 !important;
    transform: none !important;
  }

  /* Single Product (Mobile): Callback section background is #EFF0EF */
  .page-product .callback,
  .single-product .callback,
  .page-product section.callback,
  .page-product .callback-banner,
  .single-product .callback-banner {
    background-color: #EFF0EF !important;
  }
}

/* ==================== ABOUT SECTION: CONNECTOR SVG COMPATIBILITY ==================== */
@media (min-width: 769px) {
  .about__connector-svg {
    padding: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }

  .about--active .about__svg-dot {
    animation: revealScale 0.22s cubic-bezier(0.34, 1.56, 0.64, 1) 0.52s both !important;
  }

  .about--active .about__svg-line--diag {
    animation: strokeReveal 0.38s cubic-bezier(0.25, 1, 0.5, 1) 0.60s both !important;
  }

  .about--active .about__svg-line--horiz {
    animation: strokeReveal 0.18s cubic-bezier(0.16, 1, 0.3, 1) 0.95s both !important;
  }
}

@keyframes strokeReveal {
  0% {
    stroke-dashoffset: 100;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

/* Smooth Anchor Scrolling Offsets */
#certificates,
.certificates,
#about,
#products,
#laboratory,
#support,
#contacts,
#news {
  scroll-margin-top: 80px;
}

@media (max-width: 768px) {
  #certificates,
  .certificates,
  #about,
  #products,
  #laboratory,
  #support,
  #contacts,
  #news {
    scroll-margin-top: 15vw;
  }

  /* Single product mobile bottom action bar retraction fix */
  .wrap-page-product__bottom {
    transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.35s ease, box-shadow 0.35s ease !important;
  }

  .wrap-page-product__bottom.is-hidden {
    transform: translateY(calc(100% + 50px + 10vw)) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    box-shadow: none !important;
  }
}

/* ==========================================================================
   FEEDBACK FORMS: VALIDATION, TOAST NOTIFICATIONS & POPUP SUCCESS STATE
   ========================================================================== */

/* Error Shake & Highlighting */
@keyframes genesisShake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-6px); }
  40%, 80% { transform: translateX(6px); }
}

@keyframes genesisFadeInScale {
  0% {
    opacity: 0;
    transform: scale(0.92);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.genesis-invalid-shake {
  animation: genesisShake 0.42s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

/* Input error state */
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
.genesis-field-invalid input,
.genesis-field-invalid textarea {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 1px #EF4444, 0 0 10px rgba(239, 68, 68, 0.4) !important;
}

/* Checkbox error state */
label.wpcf7-not-valid,
.wpcf7-not-valid.callback-banner-form__check,
.wpcf7-not-valid.form__check,
.callback-banner-form__check input.wpcf7-not-valid + span::before,
.form__check input.wpcf7-not-valid + span::before,
.form__checkbox input.wpcf7-not-valid ~ .checkmark,
label.wpcf7-not-valid input + span::before {
  border-color: #EF4444 !important;
  box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.6), 0 0 8px rgba(239, 68, 68, 0.35) !important;
}

/* Toast Container */
.genesis-toast-container {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 999999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: calc(100vw - 32px);
  width: 400px;
  pointer-events: none;
}

/* Toast Item */
.genesis-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 16px 18px;
  border-radius: 16px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.2);
  opacity: 0;
  transform: translateY(-16px) scale(0.96);
  transition: opacity 0.32s cubic-bezier(0.16, 1, 0.3, 1), transform 0.32s cubic-bezier(0.16, 1, 0.3, 1);
  box-sizing: border-box;
}

.genesis-toast--visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.genesis-toast--hiding {
  opacity: 0;
  transform: translateY(-12px) scale(0.92);
  transition: opacity 0.25s ease, transform 0.25s ease;
}

/* Success Toast */
.genesis-toast--success {
  background: rgba(15, 23, 42, 0.94);
  border: 1px solid rgba(34, 197, 94, 0.45);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 24px rgba(34, 197, 94, 0.2);
}

.genesis-toast--success .genesis-toast__icon {
  color: #22C55E;
}

/* Error Toast */
.genesis-toast--error {
  background: rgba(15, 23, 42, 0.94);
  border: 1px solid rgba(239, 68, 68, 0.45);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 24px rgba(239, 68, 68, 0.2);
}

.genesis-toast--error .genesis-toast__icon {
  color: #EF4444;
}

.genesis-toast__icon-wrap {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1px;
}

.genesis-toast__icon {
  width: 24px;
  height: 24px;
}

.genesis-toast__body {
  flex-grow: 1;
  min-width: 0;
}

.genesis-toast__title {
  font-size: 15px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 4px;
  line-height: 1.3;
}

.genesis-toast__msg {
  font-size: 13.5px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.85);
  word-break: break-word;
}

.genesis-toast__close {
  flex-shrink: 0;
  background: transparent;
  border: none;
  padding: 4px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  transition: color 0.2s ease, background-color 0.2s ease;
  margin-top: -2px;
  margin-right: -4px;
}

.genesis-toast__close:hover {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0.1);
}

.genesis-toast__close svg {
  width: 12px;
  height: 12px;
}

/* In-Popup Success State Card */
.popup-callback__success-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 40px 24px;
  animation: genesisFadeInScale 0.38s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.popup-callback__success-icon {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.popup-callback__success-title {
  font-size: 24px;
  font-weight: 700;
  color: #111827;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.popup-callback__success-text {
  font-size: 15px;
  line-height: 1.55;
  color: #4B5563;
  margin: 0;
}

@media (max-width: 768px) {
  .genesis-toast-container {
    top: 16px;
    right: 12px;
    left: 12px;
    width: auto;
    max-width: none;
  }

  .genesis-toast {
    padding: 14px 16px;
    border-radius: 14px;
  }

  .genesis-toast__title {
    font-size: 14px;
  }

  .genesis-toast__msg {
    font-size: 13px;
  }

  .popup-callback__success-card {
    padding: 28px 16px;
  }

  .popup-callback__success-title {
    font-size: 20px;
  }

  .popup-callback__success-text {
    font-size: 14px;
  }
}

/* ==========================================================================
   AUTO-RESIZING TEXTAREA (SINGLE-LINE BASE HEIGHT, EXPANDS AS NEEDED)
   ========================================================================== */

textarea.form__textarea,
textarea.form__input,
.contact-form textarea,
.popup-callback textarea,
.popup-callback-form__textarea textarea,
.wpcf7-form textarea {
  min-height: 2.66vw !important;
  height: 2.66vw;
  padding: 0.65vw 1.25vw !important;
  box-sizing: border-box !important;
  resize: none !important;
  overflow-y: hidden;
  line-height: 1.35 !important;
  border-radius: 5vw !important;
  transition: border-color 0.2s ease, background-color 0.2s ease, border-radius 0.2s ease, box-shadow 0.2s ease !important;
}

textarea.form__textarea.is-multiline,
textarea.form__input.is-multiline,
.contact-form textarea.is-multiline,
.popup-callback textarea.is-multiline,
.popup-callback-form__textarea textarea.is-multiline,
.wpcf7-form textarea.is-multiline {
  border-radius: 1.25vw !important;
}

@media (max-width: 768px) {
  textarea.form__textarea,
  textarea.form__input,
  .contact-form textarea,
  .popup-callback textarea,
  .popup-callback-form__textarea textarea,
  .wpcf7-form textarea {
    min-height: 11.8vw !important;
    height: 11.8vw;
    padding: 3.2vw 5.58vw !important;
    border-radius: 6.1vw !important;
    font-size: 3.72vw !important;
    line-height: 1.4 !important;
  }

  textarea.form__textarea.is-multiline,
  textarea.form__input.is-multiline,
  .contact-form textarea.is-multiline,
  .popup-callback textarea.is-multiline,
  .popup-callback-form__textarea textarea.is-multiline,
  .wpcf7-form textarea.is-multiline {
    border-radius: 3.5vw !important;
  }
}