#nav1535165473.t228.t228__positionfixed {
  backdrop-filter: blur(8px) saturate(1.1);
  -webkit-backdrop-filter: blur(8px) saturate(1.1);
  background: rgba(11, 15, 23, 0.75) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  transition: background 0.3s ease, backdrop-filter 0.3s ease;
}

/* === Baner Gradient Transition === */
.t396__elem.tn-elem.hero-overlay.tn-elem__15226799131762358780022 {
  background:
    linear-gradient(to bottom,
      rgba(11,15,23,0) 0%,
      rgba(11,15,23,0.10) 70%,
      rgba(11,15,23,0.35) 90%,
      rgba(11,15,23,0.55) 100%),
    linear-gradient(90deg,
      rgba(11,15,23,0.90) 0%,
      rgba(11,15,23,0.85) 40%,
      rgba(16,22,36,0.05) 70%,
      rgba(16,22,36,0.05) 85%,
      rgba(16,22,36,0.05) 95%,
      rgba(16,22,36,0.10) 100%);
  transition: background .3s ease;
}

/* === Buttons In Hero Section (Zero Block) === */

.hero-buttons {
    transform: translateY(0px);
    transition: 0.2s;
}

.hero-buttons:hover {
    transform: translateY(-2px);
    transition: 0.2s;
}

/* === OFFER CARDS (Zero Block) === */


#rec1522920233 {
  --accent: #4DA8FF;
  --muted: #aab3c9;
  --border: rgba(255,255,255,.08);
}

/* Группа-карточка */
#rec1522920233 .t396__group.offercard{
  cursor: default;
  transition: transform .25s ease;
  will-change: transform;
}

/* Панель карточки */
#rec1522920233 .card__panel .tn-atom,
#rec1522920233 .tn-elem.card__panel{
  background-color: rgba(255,255,255,.04) !important;
  border: 1.5px solid rgba(77,168,255,.45) !important;
  border-radius: 18px !important;
  outline: 1px solid var(--border) !important;
  outline-offset: -1px !important;
  box-shadow:
    0 6px 24px -12px rgba(0,0,0,.6),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
  transition:
    border-color .25s ease,
    box-shadow .25s ease,
    transform .25s ease,
    background-color .25s ease,
    outline-color .25s ease;
  will-change: transform, box-shadow;
}

/* Hover карточки (по группе) */
#rec1522920233 .t396__group.offercard:hover .card__panel .tn-atom,
#rec1522920233 .t396__group.offercard:hover .tn-elem.card__panel{
  border-color: var(--accent) !important;
  transform: translateY(-6px); /* панель приподнимается */
  box-shadow: 0 12px 36px -10px rgba(77,168,255,.45) !important;
}

/* Смещение всех внутренних элементов вверх при hover */
#rec1522920233 .t396__group.offercard:hover .card__icon .tn-atom,
#rec1522920233 .t396__group.offercard:hover .card__icon-img .tn-atom,
#rec1522920233 .t396__group.offercard:hover .card__h3 .tn-atom,
#rec1522920233 .t396__group.offercard:hover .card__p .tn-atom{
  transform: translateY(-6px);
}

/* Кружок с иконкой */
#rec1522920233 .card__icon .tn-atom{
  background: var(--accent) !important;
  border-radius: 50% !important;
  box-shadow:
    0 0 0 3px rgba(77,168,255,.18),
    0 10px 28px -12px rgba(77,168,255,.55) !important;
  transition: box-shadow .25s ease, transform .25s ease, background .25s ease;
  will-change: transform, box-shadow;
}

/* Усиление свечения и лёгкий зум круга при hover */
#rec1522920233 .t396__group.offercard:hover .card__icon .tn-atom{
  box-shadow:
    0 0 0 4px rgba(77,168,255,.22),
    0 16px 36px -14px rgba(77,168,255,.6) !important;
  transform: translateY(-6px) scale(1.05);
}

/* Картинка-иконки */
#rec1522920233 .card__icon-img .tn-atom{
  width: 28px !important;
  height: 28px !important;
  filter: invert(1) brightness(1.05);
  opacity: .95;
  transition: opacity .25s ease, transform .25s ease;
  transform-origin: center;
  pointer-events: none;
}

/* Увеличение и плавное движение вверх */
#rec1522920233 .t396__group.offercard:hover .card__icon-img .tn-atom{
  opacity: 1;
  transform: translateY(-6px) scale(1.08);
}

/* Заголовок и текст */
#rec1522920233 .card__h3 .tn-atom{
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  transition: transform .25s ease;
}
#rec1522920233 .card__p .tn-atom{
  color: var(--muted) !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  transition: transform .25s ease;
}

/* === ДОП. ПЛАВНОСТЬ И ГПУ-АПТЕМИЗАЦИЯ (устраняет «дёрганье») === */
#rec1522920233 .t396__group.offercard .card__icon .tn-atom,
#rec1522920233 .t396__group.offercard .card__icon-img .tn-atom,
#rec1522920233 .t396__group.offercard .card__h3 .tn-atom,
#rec1522920233 .t396__group.offercard .card__p .tn-atom{
  transition: transform .32s cubic-bezier(.22,1,.36,1),
              opacity .32s cubic-bezier(.22,1,.36,1),
              filter .32s cubic-bezier(.22,1,.36,1);
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

#rec1522920233 .card__panel .tn-atom,
#rec1522920233 .tn-elem.card__panel{
  transform: translateZ(0);
  backface-visibility: hidden;
  transition:
    border-color .32s cubic-bezier(.22,1,.36,1),
    box-shadow  .32s cubic-bezier(.22,1,.36,1),
    transform   .32s cubic-bezier(.22,1,.36,1),
    background-color .32s cubic-bezier(.22,1,.36,1),
    outline-color .32s cubic-bezier(.22,1,.36,1);
}

#rec1522920233 .card__icon .tn-atom{
  transition: transform .32s cubic-bezier(.22,1,.36,1),
              box-shadow .32s cubic-bezier(.22,1,.36,1),
              background .32s cubic-bezier(.22,1,.36,1);
  transform: translateZ(0);
  backface-visibility: hidden;
}

#rec1522920233 .card__icon-img .tn-atom{
  transition: transform .32s cubic-bezier(.22,1,.36,1),
              opacity .32s cubic-bezier(.22,1,.36,1);
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* === AKQ Split Block — #rec1523696373 === */
#rec1523696373 {
  --bg-dark: #0b0f17;
  --muted: #aab3c9;
}

/* Заголовок */
#rec1523696373 .section__title.tn-atom{
  color:#fff;
  font-weight:800;
  font-size:48px;
  line-height:1.2;
  letter-spacing:-.3px;
}

/* Подзаголовок */
#rec1523696373 .section__subtitle.tn-atom{
  color:#fff;
  font-weight:800;
  font-size:22px;
  line-height:1.35;
  margin-top:-6px;   /* как в макете */
}

/* Абзацы */
#rec1523696373 .akq__p .tn-atom{
  color:var(--muted);
  font-size:16px;
  line-height:1.75;
  max-width: 760px;
}

/* Картинка справа — показываем устройство целиком */
#rec1523696373 .akq__img .tn-atom{
  background:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#rec1523696373 .akq__img .tn-atom img{
  display:block;
  width:100% !important;
  height:auto !important;
  object-fit: contain;
  object-position: center right;
  max-height: min(70vh, 680px);
}

/* ===== Accessories — hover only (один бордер #4DA8FF, без лишнего кольца) ===== */

#rec1528402333 .accessory {
  display: block;
  position: relative;
}

/* Базовая миниатюра */
#rec1528402333 .accessory__thumb {
  width: clamp(220px, 28vw, 460px);
  max-width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
  border: 2px solid transparent; /* базовый — прозрачный */
  box-shadow: 0 12px 40px -18px rgba(0, 0, 0, 0.7);
  transition: transform .32s cubic-bezier(.22,1,.36,1),
              box-shadow .32s cubic-bezier(.22,1,.36,1),
              border-color .32s cubic-bezier(.22,1,.36,1);
  will-change: transform, box-shadow;
  transform: translateZ(0);
}

/* Изображение */
#rec1528402333 .accessory__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Hover эффект — только бордер #4DA8FF + лёгкая тень */
#rec1528402333 .accessory:hover .accessory__thumb,
#rec1528402333 .accessory:focus-within .accessory__thumb {
  transform: translateY(-4px) scale(1.03);
  border-color: #4DA8FF;
  box-shadow:
    0 18px 48px -16px rgba(0, 0, 0, 0.8),
    0 10px 30px -8px rgba(77, 168, 255, 0.35); /* мягкое голубое свечение */
  border-radius: 50%;
}

/* ===== WHY PANEL — overlay (градиент + лёгкий blur) ===== */
#rec1528648503 .why-panel__overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg,
    rgba(11,15,23,.78) 0%,
    rgba(11,15,23,.65) 45%,
    rgba(11,15,23,.55) 100%);
  backdrop-filter:saturate(1.2) blur(4px);
}

/* ===== WHY CARD — полупрозрачная панель с рамкой и hover ===== */
#rec1528648503 .why-card{
  position:relative;
  margin:0 auto;
  max-width:1200px;

  background: rgba(16,22,36,.46);
  border: 1.5px solid rgba(77,168,255,.45);
  border-radius: 18px;

  box-shadow:
    0 6px 24px -10px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.02);

  padding: clamp(22px,3vw,36px) clamp(22px,3.2vw,42px);

  transition:
    border-color .25s ease,
    box-shadow  .25s ease,
    transform   .25s ease,
    background  .25s ease;
  will-change: transform, box-shadow;
}

#rec1528648503 .why-card:hover,
#rec1528648503 .why-card:focus-within{
  border-color:#4DA8FF;
  transform: translateY(-4px);
  box-shadow: 0 10px 30px -8px rgba(77,168,255,.45);
}

/* Заголовок панели */
#rec1528648503 .why-card__title{
  font-size:clamp(28px,3.2vw,46px);
  font-weight:800;
  margin:0 0 clamp(26px,4vw,36px);
  color:#fff;
}
#rec1528648503 .why-card__title span{ color:#4DA8FF; }

/* Колонки описаний (типографику можно настроить в редакторе) */
#rec1528648503 .why-card__cols h3{
  font-size:clamp(16px,1.6vw,20px);
  font-weight:800;
  color:#fff;
  margin:0 0 10px;
}
#rec1528648503 .why-card__cols p{
  font-size:clamp(14px,1.2vw,16px);
  line-height:1.75;
  color:#AAB3C9;
}

/* Статистика */
#rec1528648503 .stat__value{
  font-size:clamp(40px,5vw,66px);
  font-weight:800;
  color:#fff;
  line-height:1;
  margin-bottom:6px;
}
#rec1528648503 .stat__label{
  font-size:clamp(15px,1.4vw,18px);
  font-weight:800;
  color:#fff;
  margin-bottom:8px;
}
#rec1528648503 .stat__desc{
  font-size:clamp(13px,1.1vw,15px);
  color:#AAB3C9;
  line-height:1.7;
  margin:0 auto;
  max-width:320px;
}

/* Если используете разделительную линию внутри карточки */
#rec1528648503 .why-card__divider{
  width:100%;
  height:1px;
  background: rgba(255,255,255,.08);
}


/* === BK LASER: нижний блок с фоном как у "Skontaktuj Się z Nami" === */
#rec1537618733 {
  --accent: #4da8ff;
  --text-strong: #e6ebf5;
  --text-body: #aab3c9;
  position: relative;
  overflow: hidden;
  background: radial-gradient(circle at 50% 0%, rgba(77,168,255,0.12) 0%, rgba(11,15,23,0.95) 75%) 
              , linear-gradient(145deg, rgba(16,22,36,1) 0%, rgba(11,15,23,1) 80%);
  color: var(--text-body);
}

/* === шумовой слой (делает фон живым и текстурным) === */
#rec1537618733::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://www.transparenttextures.com/patterns/noise-pattern-with-subtle-cross-lines.png");
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}

/* === контейнер с текстом === */
#rec1537618733 .t-container {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
  padding: 60px 30px;
}

/* === плавное верхнее разделение от предыдущего блока === */
#rec1537618733::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0; right: 0;
  height: 2px;
  background: linear-gradient(to right,
    rgba(77,168,255,0.1),
    rgba(77,168,255,0.6),
    rgba(77,168,255,0.1));
  opacity: 0.8;
}

/* === текст === */
#rec1537618733 h2,
#rec1537618733 h3 {
  color: var(--text-strong);
  font-weight: 700;
  margin-bottom: 14px;
}

#rec1537618733 p,
#rec1537618733 .t-descr {
  color: var(--text-body);
  line-height: 1.75;
  font-size: 16px;
}

/* === акценты === */
#rec1537618733 strong,
#rec1537618733 b {
  color: var(--text-strong);
  font-weight: 700;
}
#rec1537618733 a {
  color: var(--accent);
  text-decoration: none;
}
#rec1537618733 a:hover {
  text-decoration: underline;
}

/* === адаптив === */
@media (max-width: 768px) {
  #rec1537618733 .t-container {
    padding: 40px 18px;
    text-align: center;
  }
}

/* === Активный раздел в каталоге === */
.t-store__parts-switch-btn.t-active {
    color: #4DA8FF !important;
}

/* === Pop up в каталоге (фон) === */
#rec1537271183 .t-store__prod-snippet__container {
    background-color: #ffffff !important;
}

/* === Цена в каталоге (Размер текста) === */
#rec1537271183 .t-store__card .t-store__card__price {
    font-weight: bold !important;
    font-size: 18px;
}

/* ===== Блок с заголовком и подзаголовком (#rec1548043413) ===== */

#rec1548043413 {
  position: relative;
  background: #101624 !important;  /* тот же фон, что и на странице/каталоге */
  z-index: 3;                       /* ниже каталога, но выше фона страницы */
  overflow: visible;
  padding-top: 36px;
  padding-bottom: 28px;
  margin-bottom: 0;                 /* убираем -1px, стык будет решать градиент каталога */
}

/* Контейнер по ширине каталога */
#rec1548043413 .t-container {
  position: relative;
  z-index: 2;
  max-width: 1160px;
}

/* Типографика под общий стиль сайта */
#rec1548043413 h1,
#rec1548043413 h2 {
  color: #e6ebf5 !important;
  font-weight: 800;
  margin: 0 0 10px;
}

#rec1548043413 p {
  color: #aab3c9 !important;
  line-height: 1.75;
  max-width: 980px;
  margin: 0 auto;
}

/* Лёгкое свечение сверху заголовка (можно убрать, если не нужно) */
#rec1548043413::before {
  content: "";
  inset: -80px 0 0 0;
  background:
    radial-gradient(
      120% 80% at 50% -10%,
      rgba(77, 168, 255, .10) 0%,
      rgba(77, 168, 255, .04) 28%,
      rgba(77, 168, 255, 0)   55%
    );
  pointer-events: none;
  z-index: 3;
}

/* ВАЖНО: никакого ::after у заголовка — плавность будет рисовать каталог */


/* ===== Первый блок каталога (#rec1537271183) ===== */

#rec1537271183 {
  position: relative;
  background: linear-gradient(
    145deg,
    rgba(18, 26, 40, 0.9),
    rgba(10, 14, 22, 0.95)
  ) !important;
  box-shadow: 0 0 40px rgba(77, 168, 255, 0.05);
}

/* Один общий градиент, который создаёт плавный переход
   между заголовком и каталогом */
#rec1537271183::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -90px;      /* насколько высоко градиент заходит под заголовок */
  height: 190px;   /* высота «растяжки» */
  background: linear-gradient(
    180deg,
    #101624 0%,                    /* ТОЧНО тот же цвет, что и фон заголовка */
    rgba(16, 22, 36, 0.75) 40%,
    rgba(16, 22, 36, 0.00) 100%
  );
  pointer-events: none;
  z-index: 0;      /* чисто фон, под всем содержимым каталога */
}

/* ===== Приоритет слоёв для фильтров и карточек ===== */

/* Фильтры и их попапы — выше всего внутри каталога */
#rec1537271183 .t-store__filter,
#rec1537271183 .t-store__filter__wrapper,
#rec1537271183 .t-store__filter__row,
#rec1537271183 .t-store__filter__item,
#rec1537271183 .t-store__filter__dropdown,
#rec1537271183 .t-store__filter__popup,
#rec1537271183 .t-store__filter__popups,
#rec1537271183 .t-store__filter__modal {
  position: relative;
  z-index: 5;      /* поверх карточек и фоновых градиентов */
}

/* Карточки товаров — базовый уровень */
#rec1537271183 .t-store__card,
#rec1537271183 .t-store__card__wrap_all,
#rec1537271183 .t-store__list__grid .t-store__card__wrap_all {
  position: relative;
  z-index: 1;
}