/* Shared footer palette on all pages. Keep the original footer contour. */
body .op-footer{
 --ft-preview-bg:radial-gradient(ellipse at 81% 20%,rgba(255,255,255,.96) 0%,rgba(255,255,255,0) 58%),linear-gradient(114deg,#EFF7FF 0%,#FAFCFF 52%,#ECF6FF 100%);
 background:none!important;
}
body .op-footer::before{
 content:"";position:absolute;inset:0;pointer-events:none;
 background:var(--ft-preview-bg);border-radius:inherit;
 box-shadow:inset 0 0 0 1px #e3edf9;
}
body .op-footer::after{display:none!important}
body .op-footer-top{
 background:var(--ft-preview-bg)!important;
 border:1px solid #e3edf9;z-index:3;
}
@media(min-width:1201px){
 body .op-footer::before{
  -webkit-mask-image:url('../../img/main/bg-footer.png'),linear-gradient(#000,#000);
  mask-image:url('../../img/main/bg-footer.png'),linear-gradient(#000,#000);
  -webkit-mask-size:100% auto,100% 70%;mask-size:100% auto,100% 70%;
  -webkit-mask-position:right top,center bottom;mask-position:right top,center bottom;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
 }
}

/* Article rating and author: the same light palette and inset contour as the footer. */
body.single :is(.op-blog-rating,.op-single-author,.article-wrap__sidebar,.op-cases-contacts,.title-single-post),
body .blog-wrap__list .item,
body .op-contacts-wrap__content--form,
body .op-contacts .op-contact-card,
body .op-price .op-item-top{
 background:radial-gradient(ellipse at 81% 20%,rgba(255,255,255,.96) 0%,rgba(255,255,255,0) 58%),linear-gradient(114deg,#EFF7FF 0%,#FAFCFF 52%,#ECF6FF 100%)!important;
 border-color:#e3edf9!important;
 box-shadow:inset 0 0 0 1px #e3edf9!important;
}

body.single .title-single-post{border-radius:20px;padding:24px;box-sizing:border-box;}