/* Rankfinity · фонове на разделите (06.10). Отделен файл — site.css не се пипа.
   Ритъм по 4: празно → мрежа → сияние + линия → точки. Само CSS градиенти върху
   псевдоелементи под съдържанието; нищо не мени оформлението. Връщане: махни
   mu-plugins/rf-bg.php. Разделите със свой фон (hero, CTA, .soft, .final…) — без промяна. */

:is(.rf,.rf-old)>section:not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"]){
  --rfbg-t:45,212,191; --rfbg-b:59,130,246;
}

/* общо: слой под съдържанието, без събития, затворен в раздела */
:is(.rf,.rf-old)>section:is(:nth-of-type(4n+2),:nth-of-type(4n+3),:nth-of-type(4n),.fth):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"]){
  position:relative; isolation:isolate;
}
:is(.rf,.rf-old)>section:is(:nth-of-type(4n+2),:nth-of-type(4n+3),:nth-of-type(4n),.fth):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
}

/* 4n+2 · мрежата от hero-то, отместена вдясно, гасне преди ръбовете */
:is(.rf,.rf-old)>section:is(:nth-of-type(4n+2),.fth):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
  background:
    radial-gradient(ellipse 34% 40% at 82% 42%,rgba(var(--rfbg-t),.06),transparent 100%),
    linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px) 0 0/56px 56px,
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px) 0 0/56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 55% 44% at 80% 48%,#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);
          mask-image:radial-gradient(ellipse 55% 44% at 80% 48%,#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);
}

/* 4n+3 · меко сияние в краищата + тънка градиентна линия горе */
:is(.rf,.rf-old)>section:nth-of-type(4n+3):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
  background:
    radial-gradient(ellipse 42% 42% at 0% 46%,rgba(var(--rfbg-t),.085),transparent 100%),
    radial-gradient(ellipse 38% 38% at 100% 60%,rgba(var(--rfbg-b),.07),transparent 100%),
    linear-gradient(180deg,transparent,rgba(255,255,255,.012) 30%,rgba(255,255,255,.012) 70%,transparent);
}
:is(.rf,.rf-old)>section:nth-of-type(4n+3):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::before{
  content:""; position:absolute; top:0; left:50%; z-index:-1; pointer-events:none;
  width:min(720px,78%); height:1px; transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(var(--rfbg-t),.26) 30%,rgba(var(--rfbg-b),.26) 70%,transparent);
}

/* 4n · фина точкова текстура вляво долу + синьо сияние */
:is(.rf,.rf-old)>section:nth-of-type(4n):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
  background:
    radial-gradient(ellipse 36% 40% at 12% 58%,rgba(var(--rfbg-b),.065),transparent 100%),
    radial-gradient(rgba(255,255,255,.09) 1px,transparent 1.4px) 0 0/24px 24px;
  -webkit-mask-image:radial-gradient(ellipse 48% 44% at 14% 56%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);
          mask-image:radial-gradient(ellipse 48% 44% at 14% 56%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);
}

/* безплатните инструменти: .ftx вече има сияние горе — тук само средата вляво и долу вдясно (в px, не %) */
.rf>.ftx{isolation:isolate}
.rf>.ftx::after{
  content:""; position:absolute; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(520px 460px at 0 50%,rgba(45,212,191,.045),transparent 100%),
    radial-gradient(560px 460px at 100% calc(100% - 520px),rgba(59,130,246,.045),transparent 100%);
}

/* .rfv-why има свое сияние, което се реже на горния ръб — само го оставяме да изгасне меко (без нов цвят) */
.rf>section.rfv-why::before{
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 100px),transparent);
          mask-image:linear-gradient(180deg,transparent,#000 140px,#000 calc(100% - 100px),transparent);
}

/* телефон: по-ситна мрежа и точки, по-широка маска (раздела е тесен и висок) */
@media (max-width:760px){
  :is(.rf,.rf-old)>section:is(:nth-of-type(4n+2),.fth):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
    background-size:auto,40px 40px,40px 40px;
    -webkit-mask-image:radial-gradient(ellipse 80% 34% at 70% 40%,#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);
            mask-image:radial-gradient(ellipse 80% 34% at 70% 40%,#000 0%,rgba(0,0,0,.5) 45%,transparent 100%);
  }
  :is(.rf,.rf-old)>section:nth-of-type(4n):not(.elementor-section,.final,.cta-band,.soft,.rfv-why,.blueprint,.agency,.pcx,.ftx-s,[class*="rfb-"])::after{
    -webkit-mask-image:radial-gradient(ellipse 80% 34% at 20% 60%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);
            mask-image:radial-gradient(ellipse 80% 34% at 20% 60%,#000 0%,rgba(0,0,0,.45) 50%,transparent 100%);
  }
  .rf>.ftx::after{
    background:
      radial-gradient(320px 300px at 0 50%,rgba(45,212,191,.045),transparent 100%),
      radial-gradient(320px 300px at 100% calc(100% - 360px),rgba(59,130,246,.045),transparent 100%);
  }
}

@media print{
  :is(.rf,.rf-old)>section::after,.rf>.ftx::after{display:none}
}