@media (max-width: 767px) {
  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > img + div {
    background: linear-gradient(to bottom, rgba(1,16,19,.04), rgba(1,16,19,.10) 44%, rgba(1,16,19,.54)) !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div {
    background: rgba(0,19,21,.60) !important;
    border-color: rgba(230,181,91,.58) !important;
    -webkit-backdrop-filter: blur(2px) saturate(1.08);
    backdrop-filter: blur(2px) saturate(1.08);
    box-shadow: 0 22px 58px rgba(0,0,0,.36) !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div h1,
  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div p,
  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div > div:first-child {
    text-shadow: 0 2px 3px rgba(0,0,0,.98), 0 0 12px rgba(0,0,0,.88);
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #home h1 span {
    color: #ffd37a !important;
    text-shadow: 0 2px 3px rgba(0,0,0,1), 0 0 14px rgba(0,0,0,.98);
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div > div:first-child,
  body:has(nav[aria-label="Golden Essence navigation"]) #home > div > div.relative > div > p:first-of-type {
    color: #ffd985 !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div {
    background-image: url('https://cdn.shopify.com/s/files/1/0714/0068/5750/files/golden-essence-mobile-about-v3.jpg?v=1787464581');
    background-size: cover;
    background-position: center 38%;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > img {
    opacity: 0 !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > img + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > img + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > img + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > img + div {
    background: linear-gradient(to bottom, rgba(0,0,0,.03), rgba(1,16,19,.07) 46%, rgba(1,16,19,.40)) !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > img + div + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > img + div + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > img + div + div,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > img + div + div {
    background: linear-gradient(to right, rgba(1,16,19,.24), rgba(1,16,19,.02) 62%, rgba(1,16,19,.08)) !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > div.relative > div,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > div.relative > div,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > div.relative > div,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > div.relative > div {
    background: rgba(0,19,21,.58) !important;
    border-color: rgba(230,181,91,.55) !important;
    -webkit-backdrop-filter: blur(2px) saturate(1.08);
    backdrop-filter: blur(2px) saturate(1.08);
    box-shadow: 0 20px 52px rgba(0,0,0,.32) !important;
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > div.relative > div h2,
  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > div.relative > div p,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > div.relative > div h2,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > div.relative > div p,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > div.relative > div h2,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > div.relative > div p,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > div.relative > div h2,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > div.relative > div p {
    text-shadow: 0 2px 4px rgba(0,0,0,.98), 0 0 10px rgba(0,0,0,.82);
  }

  body:has(nav[aria-label="Golden Essence navigation"]) #about > div > div.relative > div > div:first-child,
  body:has(nav[aria-label="Golden Essence navigation"]) #services > div > div.relative > div > div:first-child,
  body:has(nav[aria-label="Golden Essence navigation"]) #policies > div > div.relative > div > div:first-child,
  body:has(nav[aria-label="Golden Essence navigation"]) #contact > div > div.relative > div > div:first-child {
    color: #ffd985 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,1), 0 0 10px rgba(0,0,0,.9);
  }

  body:has(nav[aria-label="Golden Essence navigation"]) a[href^="mailto:"] .break-all {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    font-size: clamp(10.5px, 3vw, 12px) !important;
    letter-spacing: -0.035em !important;
  }
}