/* HEAVEN'S CAKES REAL DESSERT BACKGROUND — FINAL */

/* прибираємо старі псевдо-фони, які конфліктували */
body::before,
body::after{
  content:none !important;
  display:none !important;
}

/* базовий теплий фон */
html,
body{
  min-height:100% !important;
  background:#fbfaf7 !important;
}

body{
  position:relative !important;
  overflow-x:hidden !important;
  isolation:isolate !important;
}

/* реальний окремий шар фону */
.hc-dessert-bg-real{
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  z-index:-1 !important;
  pointer-events:none !important;

  background-image:url('/assets/img/hc-dessert-pattern-final.svg') !important;
  background-repeat:repeat-y !important;
  background-position:center top !important;
  background-size:1500px auto !important;

  opacity:.26 !important;
  filter:none !important;
  mix-blend-mode:multiply !important;
}

/* щоб фон було видно не тільки "в блоках" */
.site-header,
.hero,
.section,
footer,
.footer{
  position:relative !important;
  z-index:1 !important;
}

.hero,
.section,
.catalog-section,
.clients-section,
.pains-section,
.process-section,
.decision-section,
.bottom-lead{
  background:transparent !important;
}

/* якщо якісь старі секції були білими/градієнтними */
.catalog-section{
  background:rgba(255,255,255,.38) !important;
}

/* форми/картки лишаються читабельними */
.hero-form-card,
.product,
.ba-table,
.client-logo,
.lead-card,
.form{
  background-color:rgba(255,255,255,.92) !important;
}

/* іконки чорні */
.quick-contacts .contact-chip .icon,
.footer-contacts .footer-contact .icon,
.contact-chip .icon,
.footer-contact .icon,
.icon{
  background:#111 !important;
  background-color:#111 !important;
  background-image:none !important;
  color:#fff !important;
}

/* на мобілці фон крупніший і видимий */
@media (max-width:640px){
  .hc-dessert-bg-real{
    background-size:950px auto !important;
    opacity:.22 !important;
  }
}