/* Contacts only: original photo beneath the approved frosted glass treatment. */
body.veranda-flat-page.veranda-contacts-background:not(.home) {
  isolation: isolate;
  background: #18120e;
}

body.veranda-contacts-background::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  background: url('../images/backgrounds/veranda-contacts-flowers.jpg') center top / cover no-repeat;
  pointer-events: none;
}

/* Desktop crop: keep the hanging sign in view; retain the touch/mobile crop. */
@media (min-width: 900px) and (hover: hover) and (pointer: fine) {
  body.veranda-contacts-background::before { background-position: center 40%; }
}

body.veranda-contacts-background::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse at 20% 10%, rgba(255,255,255,.08), transparent 40%),
    radial-gradient(ellipse at 80% 40%, rgba(255,210,150,.05), transparent 45%),
    linear-gradient(120deg, rgba(255,255,255,.035), transparent 42%, rgba(255,255,255,.02)),
    linear-gradient(180deg, rgba(0,0,0,.53), rgba(0,0,0,.59));
  -webkit-backdrop-filter: blur(8px) saturate(105%);
  backdrop-filter: blur(8px) saturate(105%);
  pointer-events: none;
}

@media (max-width: 899px) {
  html.veranda-mobile-safari,
  html.veranda-mobile-safari body.veranda-flat-page.veranda-contacts-background:not(.home) {
    background-color: #10110f;
  }

  html.veranda-mobile-safari body.veranda-contacts-background::after {
    background:
      linear-gradient(to bottom,
        rgba(16,17,15,0) calc(100% - 148px),
        rgba(16,17,15,.18) calc(100% - 112px),
        rgba(16,17,15,.62) calc(100% - 54px),
        #10110f 100%),
      radial-gradient(ellipse at 20% 10%, rgba(255,255,255,.08), transparent 40%),
      radial-gradient(ellipse at 80% 40%, rgba(255,210,150,.05), transparent 45%),
      linear-gradient(120deg, rgba(255,255,255,.035), transparent 42%, rgba(255,255,255,.02)),
      linear-gradient(180deg, rgba(0,0,0,.53), rgba(0,0,0,.59));
  }
}