/* Calm brand-color fields, using the existing hero layers and geometry.
 * Static gradients avoid large animated blur surfaces on mobile.
 */
body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] > .ui-overlay-4 {
  background:
    radial-gradient(ellipse 46% 66% at 13% 31%, rgb(82 164 162 / 28%), transparent 78%),
    radial-gradient(ellipse 40% 54% at 91% 22%, rgb(183 86 67 / 15%), transparent 80%),
    radial-gradient(ellipse 46% 43% at 58% 79%, rgb(213 160 87 / 24%), transparent 80%),
    radial-gradient(ellipse 33% 50% at 51% 4%, rgb(154 128 177 / 12%), transparent 80%),
    #fbf8f2;
  pointer-events: none;
}

body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] > .ui-decoration-8 {
  background: linear-gradient(115deg, transparent 12%, rgb(255 253 249 / 16%) 59%, rgb(255 253 249 / 32%));
}

/* Existing glass-like badge: its font, dimensions and placement stay intact. */
body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] .home-hero-badge {
  background: rgb(255 255 255 / 66%);
  border-color: rgb(255 255 255 / 88%);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 85%), 0 6px 20px rgb(82 69 57 / 4%);
}

@media (max-width: 767px) {
  body.irandesigner-wp.is-irandesigner-home [data-home-hero-slider] > .ui-overlay-4 {
    background:
      radial-gradient(ellipse 80% 42% at 3% 58%, rgb(82 164 162 / 26%), transparent 80%),
      radial-gradient(ellipse 78% 36% at 96% 18%, rgb(183 86 67 / 14%), transparent 80%),
      radial-gradient(ellipse 90% 31% at 71% 76%, rgb(213 160 87 / 22%), transparent 80%),
      radial-gradient(ellipse 70% 28% at 14% 9%, rgb(154 128 177 / 10%), transparent 80%),
      #fbf8f2;
  }
}