/* Oracle V7J dedicated background.
   CSS only. Uses generated background image. */

body.oracle-clean-v7b{
  background:#05101a !important;
}

body.oracle-clean-v7b::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(3,7,12,.12) 0%, rgba(3,7,12,.30) 34%, rgba(3,7,12,.70) 100%),
    radial-gradient(circle at 50% 16%, rgba(242,217,157,.10), transparent 24%),
    url('/assets/oracle/bg/oracle-bg-v7j.webp') center top / cover no-repeat;
  opacity:.86;
}

body.oracle-clean-v7b::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 18%, transparent 0%, rgba(2,6,11,.12) 34%, rgba(2,6,11,.62) 100%),
    linear-gradient(90deg, rgba(1,5,10,.50) 0%, transparent 20%, transparent 80%, rgba(1,5,10,.50) 100%);
}

/* Убираем старую маленькую картинку рубашки за hero, чтобы не спорила с новым фоном */
body.oracle-clean-v7b .oracle-hero::before{
  background:none !important;
  opacity:0 !important;
}

/* Hero чуть прозрачнее, чтобы новый фон работал */
body.oracle-clean-v7b .oracle-disclaimer-top{
  background:rgba(3,8,14,.48) !important;
  backdrop-filter:blur(8px) saturate(1.08) !important;
}

/* Главный блок стал стекляннее */
body.oracle-clean-v7b .oracle-panel{
  background:
    linear-gradient(115deg, rgba(8,14,23,.56), rgba(3,8,14,.70)) !important;
  backdrop-filter:blur(9px) saturate(1.08) !important;
}

/* Поле вопроса тоже легче */
body.oracle-clean-v7b .oracle-textarea{
  background:rgba(2,7,13,.62) !important;
  backdrop-filter:blur(7px) !important;
}

/* Подложка под результаты */
body.oracle-clean-v7b .oracle-result,
body.oracle-clean-v7b .oracle-cta{
  background:rgba(4,9,16,.50) !important;
  backdrop-filter:blur(8px) !important;
}

/* На очень широких экранах не раздуваем фон нелепо */
@media (min-width: 1900px){
  body.oracle-clean-v7b::before{
    background-size:cover;
  }
}

/* На мобильных фон темнее ради читабельности */
@media (max-width: 760px){
  body.oracle-clean-v7b::before{
    background-position:center top;
    opacity:.72;
  }

  body.oracle-clean-v7b::after{
    background:rgba(2,6,11,.54);
  }
}