/**

 * Fixed WebGL glow — тот же паттерн, что на страницах услуг

 * (.page-constructor__bg + #gradient-canvas).

 * Фирменный градиент обязателен: не скрывать canvas.

 */



html:has(.case-constructor-page),

body:has(.case-constructor-page) {

  background-color: #191a1b !important;

  background-image: none !important;

  /* snapshot/бандл: overflow-x:hidden на body ломает fixed canvas → шов */

  overflow-x: visible !important;

  overflow-y: auto !important;

}



.page-constructor.case-constructor-page {

  position: relative;

  min-height: 100vh;

  /* прозрачный — иначе перекрывает фирменный canvas */

  background: transparent;

  overflow: visible;

}



.page-constructor.case-constructor-page > .page-constructor__bg {

  position: fixed;

  top: -10%;

  left: -10%;

  height: 120%;

  width: 120%;

  z-index: 0 !important;

  pointer-events: none;

}



@supports not (

  ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) or

    (-webkit-backdrop-filter: blur(15px))

) {

  .page-constructor.case-constructor-page > .page-constructor__bg {

    filter: blur(15px);

  }

}



.page-constructor.case-constructor-page > .page-constructor__bg canvas {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  --gradient-color-1: #cb23da;

  --gradient-color-2: #191a1b;

  --gradient-color-3: #191a1b;

  --gradient-color-4: #2947e8;

  --gradient-color-5: #e829a7;

  --gradient-color-6: #1a2b85;

  --gradient-color-7: #191a1b;

  --gradient-color-8: #e829a7;

  --gradient-color-9: #6846e6;

}



/* Wash как на услугах: затемняет, но mesh-градиент остаётся видимым */

.page-constructor.case-constructor-page > .page-constructor__bg::after {

  content: "";

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: linear-gradient(0deg, rgba(23, 25, 26, 0.88), rgba(23, 25, 26, 0.35));

  -webkit-backdrop-filter: blur(15px);

  backdrop-filter: blur(15px);

}



@supports not (

  ((-webkit-backdrop-filter: blur(15px)) or (backdrop-filter: blur(15px))) or

    (-webkit-backdrop-filter: blur(15px))

) {

  .page-constructor.case-constructor-page > .page-constructor__bg::after {

    -webkit-backdrop-filter: none;

    backdrop-filter: none;

  }

}



/* Контент кейса над canvas */

.page-constructor.case-constructor-page > .hero,

.page-constructor.case-constructor-page > .container,

.page-constructor.case-constructor-page > .more-case-wr {

  position: relative;

  z-index: 2;

}